diff --git a/src/Toolkit/CHANGELOG.md b/src/Toolkit/CHANGELOG.md index f9b96a35f39..142a587381a 100644 --- a/src/Toolkit/CHANGELOG.md +++ b/src/Toolkit/CHANGELOG.md @@ -1,5 +1,14 @@ # CHANGELOG +## 2.33.0 + +- [Shadcn] Rework templates of `avatar` recipe +- [Shadcn] Rework templates of `badge` recipe +- [Shadcn] Rework templates of `card` recipe +- [Shadcn] Rework templates of `input-group` recipe +- [Shadcn] Rework templates of `table` recipe +- [Shadcn] Rework templates of `textarea` recipe + ## 2.29.0 - Add Symfony 8 support diff --git a/src/Toolkit/CONTRIBUTING.md b/src/Toolkit/CONTRIBUTING.md index c31cf6da913..d8606b175fe 100644 --- a/src/Toolkit/CONTRIBUTING.md +++ b/src/Toolkit/CONTRIBUTING.md @@ -42,7 +42,7 @@ A kit is composed of several recipes, each providing Twig components, styles, an - A folder for each recipe provided by the kit, e.g., `button/` for the Button recipe 4. Each recipe directory contains: - A `manifest.json` file containing metadata about the recipe: its type, name, description, files to copy, dependencies, etc. - - An `EXAMPLES.md` file with usage examples (used by the UX Website) + - A folder `examples/` containing Twig files, it is used for Toolkit tests and previews on UX website - Based on the "files to copy" setting, the kit may contain subdirectories such as: - `templates/components/` for Twig components - `assets/controllers/` for Stimulus controllers @@ -59,7 +59,8 @@ You can then preview your changes by navigating to the relevant sections in the Tests use snapshots to ensure that the kits and their recipes work as expected and to prevent regressions. -Snapshots are created from all Twig code examples provided in each recipe's `EXAMPLES.md` file. The Twig code examples are rendered in an isolated environment. +Snapshots are created from all Twig code examples provided in each recipe's `examples/` folder. +The Twig code examples are rendered in an isolated environment. The rendered output is then compared to stored snapshots to ensure that the kit's recipes work as expected. diff --git a/src/Toolkit/kits/shadcn/alert-dialog/EXAMPLES.md b/src/Toolkit/kits/shadcn/alert-dialog/examples/Demo.html.twig similarity index 76% rename from src/Toolkit/kits/shadcn/alert-dialog/EXAMPLES.md rename to src/Toolkit/kits/shadcn/alert-dialog/examples/Demo.html.twig index 390a266e659..2c9478b337b 100644 --- a/src/Toolkit/kits/shadcn/alert-dialog/EXAMPLES.md +++ b/src/Toolkit/kits/shadcn/alert-dialog/examples/Demo.html.twig @@ -1,18 +1,13 @@ -# Examples - -## Default - -```twig {"preview":true,"height":"500px"} - Open + Show Dialog Are you absolutely sure? - This action cannot be undone. This will permanently delete your account - and remove your data from our servers. + This action cannot be undone. This will permanently delete your + account and remove your data from our servers. @@ -21,4 +16,3 @@ -``` diff --git a/src/Toolkit/kits/shadcn/alert-dialog/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/alert-dialog/examples/Usage.html.twig new file mode 100644 index 00000000000..2c9478b337b --- /dev/null +++ b/src/Toolkit/kits/shadcn/alert-dialog/examples/Usage.html.twig @@ -0,0 +1,18 @@ + + + Show Dialog + + + + Are you absolutely sure? + + This action cannot be undone. This will permanently delete your + account and remove your data from our servers. + + + + Cancel + Continue + + + diff --git a/src/Toolkit/kits/shadcn/alert/EXAMPLES.md b/src/Toolkit/kits/shadcn/alert/EXAMPLES.md deleted file mode 100644 index c70e5af2708..00000000000 --- a/src/Toolkit/kits/shadcn/alert/EXAMPLES.md +++ /dev/null @@ -1,25 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - - - Heads up! - - You can add components to your app using the cli. - - -``` - -## Destructive - -```twig {"preview":true} - - - Error - - Your session has expired. Please log in again. - - -``` diff --git a/src/Toolkit/kits/shadcn/alert/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/alert/examples/Demo.html.twig new file mode 100644 index 00000000000..10f2344a631 --- /dev/null +++ b/src/Toolkit/kits/shadcn/alert/examples/Demo.html.twig @@ -0,0 +1,27 @@ +
+ + + Success! Your changes have been saved + + This is an alert with icon, title and description. + + + + + + This Alert has a title and an icon. No description. + + + + + Unable to process your payment. + +

Please verify your billing information and try again.

+
    +
  • Check your card details
    • +
  • Ensure sufficient funds
    • +
  • Verify billing address
    • +
+ + +
diff --git a/src/Toolkit/kits/shadcn/alert/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/alert/examples/Usage.html.twig new file mode 100644 index 00000000000..f06b436a591 --- /dev/null +++ b/src/Toolkit/kits/shadcn/alert/examples/Usage.html.twig @@ -0,0 +1,7 @@ + + + Heads up! + + You can add components to your app using the cli. + + diff --git a/src/Toolkit/kits/shadcn/aspect-ratio/EXAMPLES.md b/src/Toolkit/kits/shadcn/aspect-ratio/EXAMPLES.md deleted file mode 100644 index 5ff5096ac46..00000000000 --- a/src/Toolkit/kits/shadcn/aspect-ratio/EXAMPLES.md +++ /dev/null @@ -1,40 +0,0 @@ -# Examples - -## With 1 / 1 aspect ratio - -```twig {"preview":true,"height":"400px"} - - Bukchon Hanok Village by Y K - Bukchon Hanok Village by Y K - -``` - -## With 2 / 3 aspect ratio - -```twig {"preview":true,"height":"400px"} - - Bukchon Hanok Village by Y K - Bukchon Hanok Village by Y K - -``` - -## With 16 / 9 aspect ratio - -```twig {"preview":true,"height":"400px"} - - Bukchon Hanok Village by Y K - Bukchon Hanok Village by Y K - -``` diff --git a/src/Toolkit/kits/shadcn/aspect-ratio/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/aspect-ratio/examples/Demo.html.twig new file mode 100644 index 00000000000..a8989182100 --- /dev/null +++ b/src/Toolkit/kits/shadcn/aspect-ratio/examples/Demo.html.twig @@ -0,0 +1,8 @@ + + Bukchon Hanok Village by Y K + Bukchon Hanok Village by Y K + diff --git a/src/Toolkit/kits/shadcn/aspect-ratio/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/aspect-ratio/examples/Usage.html.twig new file mode 100644 index 00000000000..a8989182100 --- /dev/null +++ b/src/Toolkit/kits/shadcn/aspect-ratio/examples/Usage.html.twig @@ -0,0 +1,8 @@ + + Bukchon Hanok Village by Y K + Bukchon Hanok Village by Y K + diff --git a/src/Toolkit/kits/shadcn/avatar/EXAMPLES.md b/src/Toolkit/kits/shadcn/avatar/EXAMPLES.md deleted file mode 100644 index 32900ed7ecf..00000000000 --- a/src/Toolkit/kits/shadcn/avatar/EXAMPLES.md +++ /dev/null @@ -1,38 +0,0 @@ -# Examples - -## Avatar with Image - -```twig {"preview":true} - - - -``` - -## Avatar with Text - -```twig {"preview":true} -
- - FP - - - FP - -
-``` - -## Avatar Group - -```twig {"preview":true} -
- - - - - FP - - - FP - -
-``` diff --git a/src/Toolkit/kits/shadcn/avatar/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/avatar/examples/Demo.html.twig new file mode 100644 index 00000000000..2d2e266d9b9 --- /dev/null +++ b/src/Toolkit/kits/shadcn/avatar/examples/Demo.html.twig @@ -0,0 +1,21 @@ +
+ + + + + + + + +
+ + A + + + B + + + C + +
+
diff --git a/src/Toolkit/kits/shadcn/avatar/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/avatar/examples/Usage.html.twig new file mode 100644 index 00000000000..2b6963c94be --- /dev/null +++ b/src/Toolkit/kits/shadcn/avatar/examples/Usage.html.twig @@ -0,0 +1,7 @@ + + + + + + FB + diff --git a/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Image.html.twig b/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Image.html.twig index 0b1dcac2e93..df0c62d754d 100644 --- a/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Image.html.twig +++ b/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Image.html.twig @@ -1,4 +1,5 @@ diff --git a/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Text.html.twig b/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Text.html.twig index 0422495a095..c9d0ee310dd 100644 --- a/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Text.html.twig +++ b/src/Toolkit/kits/shadcn/avatar/templates/components/Avatar/Text.html.twig @@ -1,5 +1,6 @@ {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/badge/EXAMPLES.md b/src/Toolkit/kits/shadcn/badge/EXAMPLES.md deleted file mode 100644 index 87fc9ae2235..00000000000 --- a/src/Toolkit/kits/shadcn/badge/EXAMPLES.md +++ /dev/null @@ -1,40 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} -Badge -``` - -## Secondary - -```twig {"preview":true} - - Badge - -``` - -## Outline - -```twig {"preview":true} - - Badge - -``` - -## Destructive - -```twig {"preview":true} - - Badge - -``` - -## With Icon - -```twig {"preview":true} - - - Verified - -``` diff --git a/src/Toolkit/kits/shadcn/badge/examples/As link.html.twig b/src/Toolkit/kits/shadcn/badge/examples/As link.html.twig new file mode 100644 index 00000000000..e35768ff77c --- /dev/null +++ b/src/Toolkit/kits/shadcn/badge/examples/As link.html.twig @@ -0,0 +1,3 @@ + + Symfony UX + diff --git a/src/Toolkit/kits/shadcn/badge/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/badge/examples/Demo.html.twig new file mode 100644 index 00000000000..b5f7d4901c2 --- /dev/null +++ b/src/Toolkit/kits/shadcn/badge/examples/Demo.html.twig @@ -0,0 +1,32 @@ +
+
+ Badge + Secondary + Destructive + Outline +
+
+ + + Verified + + + 8 + + + 99 + + + 20+ + +
+
diff --git a/src/Toolkit/kits/shadcn/badge/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/badge/examples/Usage.html.twig new file mode 100644 index 00000000000..5b8d01c3acb --- /dev/null +++ b/src/Toolkit/kits/shadcn/badge/examples/Usage.html.twig @@ -0,0 +1,3 @@ + + Badge + diff --git a/src/Toolkit/kits/shadcn/badge/templates/components/Badge.html.twig b/src/Toolkit/kits/shadcn/badge/templates/components/Badge.html.twig index 2cbf0365c61..2a5f6b8aec6 100644 --- a/src/Toolkit/kits/shadcn/badge/templates/components/Badge.html.twig +++ b/src/Toolkit/kits/shadcn/badge/templates/components/Badge.html.twig @@ -1,20 +1,21 @@ {# @prop variant 'default'|'secondary'|'destructive'|'outline' The variant, default to `default` #} +{# @prop as 'div' The HTML tag to use, default to `div` #} {# @block content The default block #} -{%- props variant = 'default' -%} +{%- props variant = 'default', as = 'div' -%} {%- set style = html_cva( - base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', + base: 'inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', variants: { variant: { - default: 'border-transparent bg-primary text-primary-foreground', - secondary: 'border-transparent bg-secondary text-secondary-foreground', - destructive: 'border-transparent bg-destructive text-white', - outline: 'text-foreground', + default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90', + secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90', + destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', + outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground', }, }, ) -%} -
{%- block content %}{% endblock -%} -
+ diff --git a/src/Toolkit/kits/shadcn/breadcrumb/EXAMPLES.md b/src/Toolkit/kits/shadcn/breadcrumb/examples/Custom Separator.html.twig similarity index 54% rename from src/Toolkit/kits/shadcn/breadcrumb/EXAMPLES.md rename to src/Toolkit/kits/shadcn/breadcrumb/examples/Custom Separator.html.twig index a71e216b0d2..d7588ff387a 100644 --- a/src/Toolkit/kits/shadcn/breadcrumb/EXAMPLES.md +++ b/src/Toolkit/kits/shadcn/breadcrumb/examples/Custom Separator.html.twig @@ -1,32 +1,3 @@ -# Examples - -## Default - -```twig {"preview":true} - - - - Home - - - - - - - - Components - - - - Breadcrumb - - - -``` - -## Custom Separator - -```twig {"preview":true} @@ -52,4 +23,3 @@ -``` diff --git a/src/Toolkit/kits/shadcn/breadcrumb/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/breadcrumb/examples/Demo.html.twig new file mode 100644 index 00000000000..e4b531d0d30 --- /dev/null +++ b/src/Toolkit/kits/shadcn/breadcrumb/examples/Demo.html.twig @@ -0,0 +1,19 @@ + + + + Home + + + + + + + + Components + + + + Breadcrumb + + + diff --git a/src/Toolkit/kits/shadcn/breadcrumb/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/breadcrumb/examples/Usage.html.twig new file mode 100644 index 00000000000..104990d6469 --- /dev/null +++ b/src/Toolkit/kits/shadcn/breadcrumb/examples/Usage.html.twig @@ -0,0 +1,15 @@ + + + + Home + + + + Components + + + + Breadcrumb + + + diff --git a/src/Toolkit/kits/shadcn/button-group/EXAMPLES.md b/src/Toolkit/kits/shadcn/button-group/EXAMPLES.md deleted file mode 100644 index 2fcb6f20992..00000000000 --- a/src/Toolkit/kits/shadcn/button-group/EXAMPLES.md +++ /dev/null @@ -1,125 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true,"height":"220px"} - - - - Archive - Report - - - - - Snooze - - - - - - -``` - -## Orientation - -```twig {"preview":true,"height":"200px"} - - - - - - - - -``` - -## Size - -```twig {"preview":true,"height":"420px"} -
- - Small - Button - Group - - - - - - Default - Button - Group - - - - - - Large - Button - Group - - - - -
-``` - -## Input - -```twig {"preview":true,"height":"200px"} - - - - - - -``` - -## Nested - -```twig {"preview":true,"height":"240px"} - - - 1 - 2 - 3 - 4 - 5 - - - - - - - - - - -``` - -## Separator - -```twig {"preview":true,"height":"200px"} - - Copy - - Paste - -``` - -## Split - -```twig {"preview":true,"height":"200px"} - - Button - - - - - -``` diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Accessibility.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Accessibility.html.twig new file mode 100644 index 00000000000..2c46c1d5b24 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Accessibility.html.twig @@ -0,0 +1,4 @@ + + Copy + Paste + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Demo.html.twig new file mode 100644 index 00000000000..f522aaaa9d0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Demo.html.twig @@ -0,0 +1,20 @@ + + + + Archive + Report + + + + + Snooze + + + + + + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Input.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Input.html.twig new file mode 100644 index 00000000000..0fcbdb2a080 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Input.html.twig @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Nested.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Nested.html.twig new file mode 100644 index 00000000000..cf8c027481c --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Nested.html.twig @@ -0,0 +1,17 @@ + + + 1 + 2 + 3 + 4 + 5 + + + + + + + + + + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Orientation.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Orientation.html.twig new file mode 100644 index 00000000000..d112bc90aaf --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Orientation.html.twig @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Separator.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Separator.html.twig new file mode 100644 index 00000000000..2bd3f40866f --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Separator.html.twig @@ -0,0 +1,5 @@ + + Copy + + Paste + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Size.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Size.html.twig new file mode 100644 index 00000000000..2281f0b881d --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Size.html.twig @@ -0,0 +1,26 @@ +
+ + Small + Button + Group + + + + + + Default + Button + Group + + + + + + Large + Button + Group + + + + +
diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Split.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Split.html.twig new file mode 100644 index 00000000000..6950afb3a81 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Split.html.twig @@ -0,0 +1,7 @@ + + Button + + + + + diff --git a/src/Toolkit/kits/shadcn/button-group/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/button-group/examples/Usage.html.twig new file mode 100644 index 00000000000..48e00c09d77 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button-group/examples/Usage.html.twig @@ -0,0 +1,4 @@ + + One + Two + diff --git a/src/Toolkit/kits/shadcn/button-group/manifest.json b/src/Toolkit/kits/shadcn/button-group/manifest.json index 562ee0f7661..96ead31c4fb 100644 --- a/src/Toolkit/kits/shadcn/button-group/manifest.json +++ b/src/Toolkit/kits/shadcn/button-group/manifest.json @@ -8,6 +8,6 @@ }, "dependencies": { "composer": ["twig/extra-bundle", "twig/html-extra:^3.12.0", "tales-from-a-dev/twig-tailwind-extra:^1.0.0"], - "recipe": ["separator"] + "recipe": ["dropdown-menu", "separator"] } } diff --git a/src/Toolkit/kits/shadcn/button-group/templates/components/ButtonGroup.html.twig b/src/Toolkit/kits/shadcn/button-group/templates/components/ButtonGroup.html.twig index 4ff7ea3c364..cb3dcd445e9 100644 --- a/src/Toolkit/kits/shadcn/button-group/templates/components/ButtonGroup.html.twig +++ b/src/Toolkit/kits/shadcn/button-group/templates/components/ButtonGroup.html.twig @@ -1,12 +1,14 @@ {# @prop orientation 'horizontal'|'vertical' The orientation, default to `horizontal` #} {# @block content The default block #} {%- props orientation = 'horizontal' -%} +{%- set _dropdown_h = '[&>[data-controller=dropdown-menu]:not(:first-child)_button]:rounded-l-none [&>[data-controller=dropdown-menu]:not(:first-child)_button]:border-l-0 [&>[data-controller=dropdown-menu]:not(:last-child)_button]:rounded-r-none' -%} +{%- set _dropdown_v = '[&>[data-controller=dropdown-menu]:not(:first-child)_button]:rounded-t-none [&>[data-controller=dropdown-menu]:not(:first-child)_button]:border-t-0 [&>[data-controller=dropdown-menu]:not(:last-child)_button]:rounded-b-none' -%} {%- set style = html_cva( base: 'flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*=\'w-\'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2', variants: { orientation: { - horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none', - vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none', + horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none ' ~ _dropdown_h, + vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none ' ~ _dropdown_v, }, }, default_variant: { diff --git a/src/Toolkit/kits/shadcn/button/EXAMPLES.md b/src/Toolkit/kits/shadcn/button/EXAMPLES.md deleted file mode 100644 index 5246d4c6ef0..00000000000 --- a/src/Toolkit/kits/shadcn/button/EXAMPLES.md +++ /dev/null @@ -1,100 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - - Click me - -``` - -## Primary - -```twig {"preview":true} -Button -``` - -## Secondary - -```twig {"preview":true} -Secondary -``` - -## Destructive - -```twig {"preview":true} -Destructive -``` - -## Outline - -```twig {"preview":true} -Outline -``` - -## Ghost - -```twig {"preview":true} -Ghost -``` - -## Link - -```twig {"preview":true} -Link -``` - -## Icon - -```twig {"preview":true} - - - -``` - -## With Icon - -```twig {"preview":true} - - Login with Email - -``` - -## Loading - -```twig {"preview":true} - - Please wait - -``` - -## Different sizes - -```twig {"preview":true} -
-
- Small - - - -
-
- Default - - - -
-
- Large - - - -
-
-``` - -## As link - -```twig {"preview":true} -Link -``` diff --git a/src/Toolkit/kits/shadcn/button/examples/As link.html.twig b/src/Toolkit/kits/shadcn/button/examples/As link.html.twig new file mode 100644 index 00000000000..1347d687675 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/As link.html.twig @@ -0,0 +1 @@ +Link diff --git a/src/Toolkit/kits/shadcn/button/examples/Default.html.twig b/src/Toolkit/kits/shadcn/button/examples/Default.html.twig new file mode 100644 index 00000000000..60aa72f0602 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Default.html.twig @@ -0,0 +1 @@ +Button diff --git a/src/Toolkit/kits/shadcn/button/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/button/examples/Demo.html.twig new file mode 100644 index 00000000000..f23c7545ee8 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Demo.html.twig @@ -0,0 +1,6 @@ +
+ Button + + + +
diff --git a/src/Toolkit/kits/shadcn/button/examples/Destructive.html.twig b/src/Toolkit/kits/shadcn/button/examples/Destructive.html.twig new file mode 100644 index 00000000000..5a3cffdc8ec --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Destructive.html.twig @@ -0,0 +1 @@ +Destructive diff --git a/src/Toolkit/kits/shadcn/button/examples/Different sizes.html.twig b/src/Toolkit/kits/shadcn/button/examples/Different sizes.html.twig new file mode 100644 index 00000000000..740ee71ec8a --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Different sizes.html.twig @@ -0,0 +1,20 @@ +
+
+ Small + + + +
+
+ Default + + + +
+
+ Large + + + +
+
diff --git a/src/Toolkit/kits/shadcn/button/examples/Ghost.html.twig b/src/Toolkit/kits/shadcn/button/examples/Ghost.html.twig new file mode 100644 index 00000000000..02e7bf00ceb --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Ghost.html.twig @@ -0,0 +1 @@ +Ghost diff --git a/src/Toolkit/kits/shadcn/button/examples/Icon.html.twig b/src/Toolkit/kits/shadcn/button/examples/Icon.html.twig new file mode 100644 index 00000000000..ba79b971038 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Icon.html.twig @@ -0,0 +1,3 @@ + + + diff --git a/src/Toolkit/kits/shadcn/button/examples/Link.html.twig b/src/Toolkit/kits/shadcn/button/examples/Link.html.twig new file mode 100644 index 00000000000..eeda1f49270 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Link.html.twig @@ -0,0 +1 @@ +Link diff --git a/src/Toolkit/kits/shadcn/button/examples/Loading.html.twig b/src/Toolkit/kits/shadcn/button/examples/Loading.html.twig new file mode 100644 index 00000000000..100515aa7f2 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Loading.html.twig @@ -0,0 +1,3 @@ + + Please wait + diff --git a/src/Toolkit/kits/shadcn/button/examples/Outline.html.twig b/src/Toolkit/kits/shadcn/button/examples/Outline.html.twig new file mode 100644 index 00000000000..139b75ad7c6 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Outline.html.twig @@ -0,0 +1 @@ +Outline diff --git a/src/Toolkit/kits/shadcn/button/examples/Rounded.html.twig b/src/Toolkit/kits/shadcn/button/examples/Rounded.html.twig new file mode 100644 index 00000000000..03ec995b6cf --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Rounded.html.twig @@ -0,0 +1,3 @@ + + + diff --git a/src/Toolkit/kits/shadcn/button/examples/Secondary.html.twig b/src/Toolkit/kits/shadcn/button/examples/Secondary.html.twig new file mode 100644 index 00000000000..b9538d79807 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Secondary.html.twig @@ -0,0 +1 @@ +Secondary diff --git a/src/Toolkit/kits/shadcn/button/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/button/examples/Usage.html.twig new file mode 100644 index 00000000000..9c28ab0de48 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/Usage.html.twig @@ -0,0 +1 @@ +Button diff --git a/src/Toolkit/kits/shadcn/button/examples/With Icon.html.twig b/src/Toolkit/kits/shadcn/button/examples/With Icon.html.twig new file mode 100644 index 00000000000..fb5c171d267 --- /dev/null +++ b/src/Toolkit/kits/shadcn/button/examples/With Icon.html.twig @@ -0,0 +1,3 @@ + + Login with Email + diff --git a/src/Toolkit/kits/shadcn/card/EXAMPLES.md b/src/Toolkit/kits/shadcn/card/EXAMPLES.md deleted file mode 100644 index b20e3291657..00000000000 --- a/src/Toolkit/kits/shadcn/card/EXAMPLES.md +++ /dev/null @@ -1,56 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true,"height":"300px"} - - - Card Title - Card Description - - -

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

- - - Cancel - Action - - -``` - -## With Notifications - -```twig {"preview":true,"height":"400px"} -{% set notifications = [ - { title: "Your call has been confirmed.", description: "1 hour ago"}, - { title: "You have a new message!", description: "1 hour ago"}, - { title: "Your subscription is expiring soon!", description: "2 hours ago" }, -] %} - - - Notifications - You have 3 unread messages. - - - {%- for notification in notifications -%} -
- -
-

- {{ notification.title }} -

-

- {{ notification.description }} -

-
-
- {%- endfor -%} - - - - - Mark all as read - - - -``` diff --git a/src/Toolkit/kits/shadcn/card/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/card/examples/Demo.html.twig new file mode 100644 index 00000000000..8a87b0c55fa --- /dev/null +++ b/src/Toolkit/kits/shadcn/card/examples/Demo.html.twig @@ -0,0 +1,43 @@ + + + Login to your account + + Enter your email below to login to your account + + + +
+
+
+ Email + +
+
+
+ Password + + Forgot your password? + +
+ +
+
+
+ + + + Login + + + Login with Google + + + diff --git a/src/Toolkit/kits/shadcn/card/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/card/examples/Usage.html.twig new file mode 100644 index 00000000000..efea2aa8734 --- /dev/null +++ b/src/Toolkit/kits/shadcn/card/examples/Usage.html.twig @@ -0,0 +1,12 @@ + + + Card Title + Card Description + + +

Card Content

+ + +

Card Footer

+ + diff --git a/src/Toolkit/kits/shadcn/card/templates/components/Card/Description.html.twig b/src/Toolkit/kits/shadcn/card/templates/components/Card/Description.html.twig index 20a591101f0..e31f00c5e2b 100644 --- a/src/Toolkit/kits/shadcn/card/templates/components/Card/Description.html.twig +++ b/src/Toolkit/kits/shadcn/card/templates/components/Card/Description.html.twig @@ -1,6 +1,6 @@ {# @block content The default block #}
{%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/card/templates/components/Card/Title.html.twig b/src/Toolkit/kits/shadcn/card/templates/components/Card/Title.html.twig index 15074c62299..a27e6f10b5b 100644 --- a/src/Toolkit/kits/shadcn/card/templates/components/Card/Title.html.twig +++ b/src/Toolkit/kits/shadcn/card/templates/components/Card/Title.html.twig @@ -1,6 +1,6 @@ {# @block content The default block #}
{%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/checkbox/EXAMPLES.md b/src/Toolkit/kits/shadcn/checkbox/EXAMPLES.md deleted file mode 100644 index a1694a6b54e..00000000000 --- a/src/Toolkit/kits/shadcn/checkbox/EXAMPLES.md +++ /dev/null @@ -1,30 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} -
- - -
-``` - -## With Label Component - -```twig {"preview":true} -
- - Accept terms and conditions -
-``` - -## Disabled - -```twig {"preview":true} -
- - Accept terms and conditions -
-``` diff --git a/src/Toolkit/kits/shadcn/checkbox/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/checkbox/examples/Demo.html.twig new file mode 100644 index 00000000000..3299a0a817f --- /dev/null +++ b/src/Toolkit/kits/shadcn/checkbox/examples/Demo.html.twig @@ -0,0 +1,34 @@ +
+
+ + Accept terms and conditions +
+
+ +
+ Accept terms and conditions +

+ By clicking this checkbox, you agree to the terms and conditions. +

+
+
+
+ + Enable notifications +
+ + +
+

+ Enable notifications +

+

+ You can enable or disable notifications at any time. +

+
+ +
diff --git a/src/Toolkit/kits/shadcn/checkbox/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/checkbox/examples/Usage.html.twig new file mode 100644 index 00000000000..2706386bc5a --- /dev/null +++ b/src/Toolkit/kits/shadcn/checkbox/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/checkbox/templates/components/Checkbox.html.twig b/src/Toolkit/kits/shadcn/checkbox/templates/components/Checkbox.html.twig index 69730f09be1..76c6d6fb4a7 100644 --- a/src/Toolkit/kits/shadcn/checkbox/templates/components/Checkbox.html.twig +++ b/src/Toolkit/kits/shadcn/checkbox/templates/components/Checkbox.html.twig @@ -1,5 +1,6 @@ diff --git a/src/Toolkit/kits/shadcn/dialog/EXAMPLES.md b/src/Toolkit/kits/shadcn/dialog/EXAMPLES.md deleted file mode 100644 index e9a8a15ce83..00000000000 --- a/src/Toolkit/kits/shadcn/dialog/EXAMPLES.md +++ /dev/null @@ -1,85 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true,"height":"500px"} - - - Open - - - - Are you absolutely sure? - - This action cannot be undone. This will permanently delete your account - and remove your data from our servers. - - - - -``` - -## Custom close button - -```twig {"preview":true,"height":"500px"} - - - Share - - - - Share link - - Anyone who has this link will be able to view this. - - -
-
- Link - -
-
- - - - Close - - - - - -``` - -## With form - -```twig {"preview":true,"height":"500px"} - - - Open Dialog - - - - Edit profile - - Make changes to your profile here. Click save when you're done. - - -
-
- Name - -
-
- Username - -
-
- - - Cancel - - Save changes - - - -``` diff --git a/src/Toolkit/kits/shadcn/dialog/examples/Custom close button.html.twig b/src/Toolkit/kits/shadcn/dialog/examples/Custom close button.html.twig new file mode 100644 index 00000000000..0968c792896 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dialog/examples/Custom close button.html.twig @@ -0,0 +1,26 @@ + + + Share + + + + Share link + + Anyone who has this link will be able to view this. + + +
+
+ Link + +
+
+ + + + Close + + + + + diff --git a/src/Toolkit/kits/shadcn/dialog/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/dialog/examples/Demo.html.twig new file mode 100644 index 00000000000..2a7a7af5b96 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dialog/examples/Demo.html.twig @@ -0,0 +1,29 @@ + + + Open Dialog + + + + Edit profile + + Make changes to your profile here. Click save when you're done. + + +
+
+ Name + +
+
+ Username + +
+
+ + + Cancel + + Save changes + + + diff --git a/src/Toolkit/kits/shadcn/dialog/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/dialog/examples/Usage.html.twig new file mode 100644 index 00000000000..fbf70b380d4 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dialog/examples/Usage.html.twig @@ -0,0 +1,14 @@ + + + Open + + + + Are you absolutely sure? + + This action cannot be undone. This will permanently delete your account + and remove your data from our servers. + + + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/assets/controllers/dropdown_menu_controller.js b/src/Toolkit/kits/shadcn/dropdown-menu/assets/controllers/dropdown_menu_controller.js new file mode 100644 index 00000000000..30e7abcec65 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/assets/controllers/dropdown_menu_controller.js @@ -0,0 +1,222 @@ +import { Controller } from '@hotwired/stimulus'; +import '../styles/dropdown-menu.css'; + +export default class extends Controller { + static targets = ['trigger', 'content', 'item', 'radioGroup']; + static values = { + open: Boolean, + }; + + connect() { + this._onPopoverToggle = this._onPopoverToggle.bind(this); + this.contentTarget.addEventListener('toggle', this._onPopoverToggle); + + if (this.openValue) { + requestAnimationFrame(() => this.open({ focus: false })); + } + } + + disconnect() { + this.contentTarget.removeEventListener('toggle', this._onPopoverToggle); + } + + toggle(event) { + if (event) { + event.preventDefault(); + } + this.contentTarget.togglePopover(); + } + + open({ focus } = { focus: true }) { + this.contentTarget.showPopover(); + if (focus) { + this._focusFirstItem(); + } + } + + close({ focus } = { focus: true }) { + this.contentTarget.hidePopover(); + if (focus && this.hasTriggerTarget) { + this.triggerTarget.focus(); + } + } + + closeFromItem(event) { + const item = event.currentTarget; + if (this._isItemDisabled(item)) { + event.preventDefault(); + return; + } + + if (item.dataset.closeOnSelect === 'false') { + return; + } + + this.close({ focus: true }); + } + + toggleCheckbox(event) { + const item = event.currentTarget; + if (this._isItemDisabled(item)) { + event.preventDefault(); + return; + } + + const isChecked = item.getAttribute('aria-checked') === 'true'; + const newChecked = !isChecked; + + item.setAttribute('aria-checked', String(newChecked)); + + const indicator = item.querySelector('[data-checkbox-indicator]'); + if (indicator) { + indicator.hidden = !newChecked; + } + + if (item.dataset.closeOnSelect === 'true') { + this.close({ focus: true }); + } + } + + selectRadio(event) { + const item = event.currentTarget; + if (this._isItemDisabled(item)) { + event.preventDefault(); + return; + } + + const radioGroup = item.closest('[data-dropdown-menu-target="radioGroup"]'); + if (!radioGroup) { + return; + } + + const value = item.dataset.value; + radioGroup.dataset.value = value; + + const radioItems = radioGroup.querySelectorAll('[role="menuitemradio"]'); + radioItems.forEach((radioItem) => { + const isSelected = radioItem.dataset.value === value; + radioItem.setAttribute('aria-checked', String(isSelected)); + + const indicator = radioItem.querySelector('[data-radio-indicator]'); + if (indicator) { + indicator.hidden = !isSelected; + } + }); + + if (item.dataset.closeOnSelect === 'true') { + this.close({ focus: true }); + } + } + + onTriggerKeydown(event) { + const { key } = event; + + if (key === 'ArrowDown') { + event.preventDefault(); + this.open({ focus: false }); + this._focusFirstItem(); + return; + } + + if (key === 'ArrowUp') { + event.preventDefault(); + this.open({ focus: false }); + this._focusLastItem(); + } + + // Enter/Space are handled natively by popovertarget attribute + } + + onContentKeydown(event) { + const { key } = event; + + switch (key) { + case 'Escape': + this.triggerTarget.focus(); + break; + + case 'ArrowDown': + event.preventDefault(); + this._focusNextItem(); + break; + + case 'ArrowUp': + event.preventDefault(); + this._focusPrevItem(); + break; + + case 'Home': + event.preventDefault(); + this._focusFirstItem(); + break; + + case 'End': + event.preventDefault(); + this._focusLastItem(); + break; + + case 'Tab': + this.close({ focus: false }); + break; + } + } + + _onPopoverToggle(event) { + const isOpen = event.newState === 'open'; + this._updateState(isOpen); + } + + _updateState(isOpen) { + const state = isOpen ? 'open' : 'closed'; + + this.element.dataset.state = state; + this.triggerTarget.dataset.state = state; + this.contentTarget.dataset.state = state; + this.triggerTarget.setAttribute('aria-expanded', String(isOpen)); + } + + _isItemDisabled(item) { + return ( + !item || + item.getAttribute('aria-disabled') === 'true' || + item.dataset.disabled === 'true' || + item.hasAttribute('disabled') + ); + } + + _enabledItems() { + return this.itemTargets.filter((item) => !this._isItemDisabled(item)); + } + + _focusFirstItem() { + const items = this._enabledItems(); + if (items.length > 0) { + items[0].focus(); + } + } + + _focusLastItem() { + const items = this._enabledItems(); + if (items.length > 0) { + items[items.length - 1].focus(); + } + } + + _focusNextItem() { + const items = this._enabledItems(); + if (items.length === 0) return; + + const currentIndex = items.indexOf(document.activeElement); + const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % items.length; + items[nextIndex].focus(); + } + + _focusPrevItem() { + const items = this._enabledItems(); + if (items.length === 0) return; + + const currentIndex = items.indexOf(document.activeElement); + const prevIndex = currentIndex === -1 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length; + items[prevIndex].focus(); + } +} diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/assets/styles/dropdown-menu.css b/src/Toolkit/kits/shadcn/dropdown-menu/assets/styles/dropdown-menu.css new file mode 100644 index 00000000000..9a8c270c9b5 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/assets/styles/dropdown-menu.css @@ -0,0 +1,160 @@ +.dropdown-menu-content { + margin: 0; +} + +.dropdown-menu-content::backdrop { + background: transparent; +} + +@supports (anchor-name: --test) { + .dropdown-menu-content { + position: fixed; + inset: unset; + + position-area: block-end span-inline-start; + margin-block-start: var(--dropdown-offset, 8px); + + position-try-fallbacks: + block-start span-inline-start, + block-end span-inline-end, + block-start span-inline-end; + + position-visibility: anchors-visible; + } + + .dropdown-menu-content[data-side="top"] { + position-area: block-start span-inline-start; + margin-block-start: 0; + margin-block-end: var(--dropdown-offset, 8px); + position-try-fallbacks: + block-end span-inline-start, + block-start span-inline-end, + block-end span-inline-end; + } + + .dropdown-menu-content[data-side="left"] { + position-area: inline-start span-block-start; + margin-block-start: 0; + margin-inline-end: var(--dropdown-offset, 8px); + position-try-fallbacks: + inline-end span-block-start, + inline-start span-block-end, + inline-end span-block-end; + } + + .dropdown-menu-content[data-side="right"] { + position-area: inline-end span-block-start; + margin-block-start: 0; + margin-inline-start: var(--dropdown-offset, 8px); + position-try-fallbacks: + inline-start span-block-start, + inline-end span-block-end, + inline-start span-block-end; + } + + .dropdown-menu-content[data-side="bottom"][data-align="center"] { + position-area: block-end; + justify-self: anchor-center; + } + + .dropdown-menu-content[data-side="top"][data-align="center"] { + position-area: block-start; + justify-self: anchor-center; + } + + .dropdown-menu-content[data-side="bottom"][data-align="end"] { + position-area: block-end span-inline-end; + } + + .dropdown-menu-content[data-side="top"][data-align="end"] { + position-area: block-start span-inline-end; + } + + .dropdown-menu-content[data-side="left"][data-align="center"] { + position-area: inline-start; + align-self: anchor-center; + } + + .dropdown-menu-content[data-side="right"][data-align="center"] { + position-area: inline-end; + align-self: anchor-center; + } + + .dropdown-menu-content[data-side="left"][data-align="end"] { + position-area: inline-start span-block-end; + } + + .dropdown-menu-content[data-side="right"][data-align="end"] { + position-area: inline-end span-block-end; + } +} + +@supports not (anchor-name: --test) { + .dropdown-menu-content { + position: absolute; + + top: 100%; + left: 0; + right: auto; + bottom: auto; + margin-top: var(--dropdown-offset, 8px); + transform: none; + } + + .dropdown-menu-content[data-side="top"] { + top: auto; + bottom: 100%; + left: 0; + right: auto; + margin-top: 0; + margin-bottom: var(--dropdown-offset, 8px); + } + + .dropdown-menu-content[data-side="left"] { + top: 0; + bottom: auto; + left: auto; + right: 100%; + margin-top: 0; + margin-right: var(--dropdown-offset, 8px); + } + + .dropdown-menu-content[data-side="right"] { + top: 0; + bottom: auto; + left: 100%; + right: auto; + margin-top: 0; + margin-left: var(--dropdown-offset, 8px); + } + + .dropdown-menu-content[data-align="center"] { + left: 50%; + right: auto; + transform: translateX(-50%); + } + + .dropdown-menu-content[data-align="end"] { + left: auto; + right: 0; + } + + .dropdown-menu-content[data-side="left"][data-align="center"], + .dropdown-menu-content[data-side="right"][data-align="center"] { + top: 50%; + left: auto; + transform: translateY(-50%); + } + + .dropdown-menu-content[data-side="right"][data-align="center"] { + left: 100%; + right: auto; + } + + .dropdown-menu-content[data-side="left"][data-align="end"], + .dropdown-menu-content[data-side="right"][data-align="end"] { + top: auto; + bottom: 0; + transform: none; + } +} diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/examples/Alignment.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Alignment.html.twig new file mode 100644 index 00000000000..157370a5636 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Alignment.html.twig @@ -0,0 +1,49 @@ +
+ + + Start + + + + + New File + + + + New Folder + + + + + + + Center + + + + + New File + + + + New Folder + + + + + + + End + + + + + New File + + + + New Folder + + + +
diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/examples/Checkboxes.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Checkboxes.html.twig new file mode 100644 index 00000000000..7d25f593b23 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Checkboxes.html.twig @@ -0,0 +1,21 @@ + + + Open + + + Appearance + + + Status Bar + + + Activity Bar + + + Panel + + + Full Screen + + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Demo.html.twig new file mode 100644 index 00000000000..b779297d1c7 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Demo.html.twig @@ -0,0 +1,48 @@ + + + Open + + + My Account + + + + + Profile + ⇧⌘P + + + + Billing + ⌘B + + + + Settings + ⌘S + + + + Keyboard shortcuts + ⌘K + + + + + + + Team + + + + API + + + + + + Log out + ⇧⌘Q + + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/examples/Radio Group.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Radio Group.html.twig new file mode 100644 index 00000000000..c5a9ae02241 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Radio Group.html.twig @@ -0,0 +1,14 @@ + + + Open + + + Panel Position + + + Top + Bottom + Right + + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Usage.html.twig new file mode 100644 index 00000000000..e54a4ca7bdb --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/examples/Usage.html.twig @@ -0,0 +1,11 @@ + + + Open + + + Profile + Settings + + Log out + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/examples/With Dialog.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/examples/With Dialog.html.twig new file mode 100644 index 00000000000..74eaaae1b22 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/examples/With Dialog.html.twig @@ -0,0 +1,60 @@ + + + + Open + + + My Account + + + + + Profile + ⇧⌘P + + + + Billing + ⌘B + + + + Settings + ⌘S + + + + + + + + + Invite team members + + Invite your team members to collaborate. + + +
+
+ Email address + +
+
+ + + Cancel + + Send invite + + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/manifest.json b/src/Toolkit/kits/shadcn/dropdown-menu/manifest.json new file mode 100644 index 00000000000..49211dc3ab0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/manifest.json @@ -0,0 +1,13 @@ +{ + "$schema": "../../../schema-kit-recipe-v1.json", + "type": "component", + "name": "Dropdown Menu", + "description": "A menu triggered by a button, providing a list of actions or links.", + "copy-files": { + "assets/": "assets/", + "templates/": "templates/" + }, + "dependencies": { + "composer": ["twig/extra-bundle", "twig/html-extra:^3.12.0", "tales-from-a-dev/twig-tailwind-extra:^1.0.0"] + } +} diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu.html.twig new file mode 100644 index 00000000000..f8929050b36 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu.html.twig @@ -0,0 +1,25 @@ +{# @prop id string Unique suffix identifier for generating DropdownMenu internal IDs #} +{# @prop open boolean Open (or not) the DropdownMenu at initial rendering, default to `false` #} +{# @prop side 'bottom'|'top'|'left'|'right' The preferred side of the trigger where the menu appears, default to `bottom` #} +{# @prop align 'start'|'center'|'end' How the menu aligns to the trigger, default to `start` #} +{# @prop sideOffset number The distance in pixels from the trigger, default to `8` #} +{# @block content The default block #} +{%- props id, open = false, side = 'bottom', align = 'start', sideOffset = 8 -%} + +{%- set _dropdown_menu_id = 'dropdown-menu-' ~ id -%} +{%- set _dropdown_menu_trigger_id = _dropdown_menu_id ~ '-trigger' -%} +{%- set _dropdown_menu_content_id = _dropdown_menu_id ~ '-content' -%} +{%- set _dropdown_menu_anchor_name = '--dropdown-anchor-' ~ id -%} +{%- set _dropdown_menu_side = side -%} +{%- set _dropdown_menu_align = align -%} +{%- set _dropdown_menu_side_offset = sideOffset -%} + +
+ {% block content %}{% endblock %} +
diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/CheckboxItem.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/CheckboxItem.html.twig new file mode 100644 index 00000000000..470587d4594 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/CheckboxItem.html.twig @@ -0,0 +1,25 @@ +{# @prop checked boolean Whether the checkbox is checked, default to `false` #} +{# @prop disabled boolean Whether the item is disabled, default to `false` #} +{# @prop closeOnSelect boolean Whether selecting the item closes the menu, default to `false` #} +{# @block content The default block #} +{%- props checked = false, disabled = false, closeOnSelect = false -%} + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Content.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Content.html.twig new file mode 100644 index 00000000000..116381407d5 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Content.html.twig @@ -0,0 +1,22 @@ +{# @block content The default block #} +{%- set style = html_cva( + base: 'z-50 m-0 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none dropdown-menu-content scale-95 opacity-0 transition-all transition-discrete duration-200 open:scale-100 open:opacity-100 starting:open:scale-95 starting:open:opacity-0', +) -%} + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Group.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Group.html.twig new file mode 100644 index 00000000000..4a2f3d96a7c --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Group.html.twig @@ -0,0 +1,4 @@ +{# @block content The default block #} +
+ {%- block content %}{% endblock -%} +
diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Item.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Item.html.twig new file mode 100644 index 00000000000..fc9a7a51dfa --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Item.html.twig @@ -0,0 +1,31 @@ +{# @prop as 'button'|'a'|'div' The HTML tag to use, default to `button` #} +{# @prop disabled boolean Whether the item is disabled, default to `false` #} +{# @prop closeOnSelect boolean Whether selecting the item closes the menu, default to `true` #} +{# @prop inset boolean Whether the item should be inset, default to `false` #} +{# @block content The default block #} +{%- props as = 'button', disabled = false, closeOnSelect = true, inset = false -%} +{%- set style = html_cva( + base: 'relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0', + variants: { + inset: { + true: 'pl-8', + false: '', + }, + }, +) -%} + +<{{ as }} + role="menuitem" + tabindex="-1" + data-dropdown-menu-target="item" + data-action="click->dropdown-menu#closeFromItem" + data-close-on-select="{{ closeOnSelect ? 'true' : 'false' }}" + data-disabled="{{ disabled ? 'true' : 'false' }}" + aria-disabled="{{ disabled ? 'true' : 'false' }}" + {% if as == 'button' %}type="button"{% endif %} + {% if as == 'button' and disabled %}disabled{% endif %} + class="{{ style.apply({inset: inset ? 'true' : 'false'}, attributes.render('class'))|tailwind_merge }}" + {{ attributes.without('role', 'tabindex', 'type') }} +> + {%- block content %}{% endblock -%} + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Label.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Label.html.twig new file mode 100644 index 00000000000..c9bd2b3567c --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Label.html.twig @@ -0,0 +1,19 @@ +{# @prop inset boolean Whether the label should be inset, default to `false` #} +{# @block content The default block #} +{%- props inset = false -%} +{%- set style = html_cva( + base: 'px-2 py-1.5 text-sm font-semibold', + variants: { + inset: { + true: 'pl-8', + false: '', + }, + }, +) -%} + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/RadioGroup.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/RadioGroup.html.twig new file mode 100644 index 00000000000..9fd760e0f03 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/RadioGroup.html.twig @@ -0,0 +1,13 @@ +{# @prop value string|null The currently selected value, default to `null` #} +{# @block content The default block #} +{%- props value = null -%} + +
+ {%- block content %}{% endblock -%} +
diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/RadioItem.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/RadioItem.html.twig new file mode 100644 index 00000000000..4fb03ff9e20 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/RadioItem.html.twig @@ -0,0 +1,27 @@ +{# @prop value string The value of this radio item #} +{# @prop checked boolean Whether the item is checked, default to `false` #} +{# @prop disabled boolean Whether the item is disabled, default to `false` #} +{# @prop closeOnSelect boolean Whether selecting the item closes the menu, default to `false` #} +{# @block content The default block #} +{%- props value, checked = false, disabled = false, closeOnSelect = false -%} + + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Separator.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Separator.html.twig new file mode 100644 index 00000000000..4863634eab1 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Separator.html.twig @@ -0,0 +1,6 @@ + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Shortcut.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Shortcut.html.twig new file mode 100644 index 00000000000..af3aa18da5f --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Shortcut.html.twig @@ -0,0 +1,7 @@ +{# @block content The default block #} + + {%- block content %}{% endblock -%} + diff --git a/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Trigger.html.twig b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Trigger.html.twig new file mode 100644 index 00000000000..4c493988999 --- /dev/null +++ b/src/Toolkit/kits/shadcn/dropdown-menu/templates/components/DropdownMenu/Trigger.html.twig @@ -0,0 +1,13 @@ +{# @block content The default block #} +{%- set trigger_attrs = { + id: _dropdown_menu_trigger_id, + 'aria-haspopup': 'menu', + 'aria-controls': _dropdown_menu_content_id, + 'aria-expanded': 'false', + popovertarget: _dropdown_menu_content_id, + 'data-dropdown-menu-target': 'trigger', + 'data-action': 'keydown->dropdown-menu#onTriggerKeydown', + 'data-state': 'closed', + style: 'anchor-name: ' ~ _dropdown_menu_anchor_name, +} -%} +{%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/empty/EXAMPLES.md b/src/Toolkit/kits/shadcn/empty/EXAMPLES.md deleted file mode 100644 index 6ba13a2cbbd..00000000000 --- a/src/Toolkit/kits/shadcn/empty/EXAMPLES.md +++ /dev/null @@ -1,105 +0,0 @@ -# Examples - -## Outline - -```twig {"preview":true,"height":"280px"} - - - - - - Cloud storage empty - - Upload files to your cloud storage to access them anywhere. - - - - - Upload files - - - -``` - -## Background - -```twig {"preview":true,"height":"280px"} - - - - - - No notifications - - You're all caught up. New notifications will appear here. - - - - - - Refresh - - - -``` - -## Avatar - -```twig {"preview":true,"height":"280px"} - - - - - - LR - - - User offline - - This user is currently offline. You can leave a message to notify them or try again later. - - - - Leave message - - -``` - -## Avatar group - -```twig {"preview":true,"height":"300px"} - - - -
- - - CN - - - - LR - - - - ER - -
- - No team members - - Invite your team to collaborate on this project. - - - - - - Invite members - - - -``` diff --git a/src/Toolkit/kits/shadcn/empty/examples/Avatar group.html.twig b/src/Toolkit/kits/shadcn/empty/examples/Avatar group.html.twig new file mode 100644 index 00000000000..1266909892a --- /dev/null +++ b/src/Toolkit/kits/shadcn/empty/examples/Avatar group.html.twig @@ -0,0 +1,30 @@ + + + +
+ + + CN + + + + LR + + + + ER + +
+ + No team members + + Invite your team to collaborate on this project. + + + + + + Invite members + + + diff --git a/src/Toolkit/kits/shadcn/empty/examples/Avatar.html.twig b/src/Toolkit/kits/shadcn/empty/examples/Avatar.html.twig new file mode 100644 index 00000000000..0ad402ad12a --- /dev/null +++ b/src/Toolkit/kits/shadcn/empty/examples/Avatar.html.twig @@ -0,0 +1,21 @@ + + + + + + LR + + + User offline + + This user is currently offline. You can leave a message to notify them or try again later. + + + + Leave message + + diff --git a/src/Toolkit/kits/shadcn/empty/examples/Background.html.twig b/src/Toolkit/kits/shadcn/empty/examples/Background.html.twig new file mode 100644 index 00000000000..bd9702b19b3 --- /dev/null +++ b/src/Toolkit/kits/shadcn/empty/examples/Background.html.twig @@ -0,0 +1,17 @@ + + + + + + No notifications + + You're all caught up. New notifications will appear here. + + + + + + Refresh + + + diff --git a/src/Toolkit/kits/shadcn/empty/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/empty/examples/Demo.html.twig new file mode 100644 index 00000000000..ca162cc8821 --- /dev/null +++ b/src/Toolkit/kits/shadcn/empty/examples/Demo.html.twig @@ -0,0 +1,16 @@ + + + + + + Cloud storage empty + + Upload files to your cloud storage to access them anywhere. + + + + + Upload files + + + diff --git a/src/Toolkit/kits/shadcn/empty/examples/Outline.html.twig b/src/Toolkit/kits/shadcn/empty/examples/Outline.html.twig new file mode 100644 index 00000000000..ca162cc8821 --- /dev/null +++ b/src/Toolkit/kits/shadcn/empty/examples/Outline.html.twig @@ -0,0 +1,16 @@ + + + + + + Cloud storage empty + + Upload files to your cloud storage to access them anywhere. + + + + + Upload files + + + diff --git a/src/Toolkit/kits/shadcn/empty/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/empty/examples/Usage.html.twig new file mode 100644 index 00000000000..5ded42e402f --- /dev/null +++ b/src/Toolkit/kits/shadcn/empty/examples/Usage.html.twig @@ -0,0 +1,12 @@ + + + + + + No data + No data found + + + Add data + + diff --git a/src/Toolkit/kits/shadcn/field/EXAMPLES.md b/src/Toolkit/kits/shadcn/field/EXAMPLES.md deleted file mode 100644 index e01f9554087..00000000000 --- a/src/Toolkit/kits/shadcn/field/EXAMPLES.md +++ /dev/null @@ -1,228 +0,0 @@ -# Examples - -## Input - -```twig {"preview":true,"height":"500px"} -
- - - - Username - - - Choose a unique username for your account. - - - - Password - - Must be at least 8 characters long. - - - - - -
-``` - -## Textarea - -```twig {"preview":true,"height":"400px"} -
- - - - Feedback - - - Share your thoughts about our service. - - - - -
-``` - -## Select - -```twig {"preview":true,"height":"360px"} -
- - Department - - - - - - - - - - - - Select your department or area of work. - - -
-``` - -## Field set - -```twig {"preview":true,"height":"400px"} -
- - Address information - - We need your address to deliver your order. - - - - Street address - - -
- - City - - - - Postal code - - -
- - -
-``` - -## Checkbox - -```twig {"preview":true,"height":"520px"} -
- - - - Show these items on the desktop - - - Select the items you want to show on the desktop. - - - - - - Hard disks - - - - - - External disks - - - - - - CDs, DVDs, and iPods - - - - - - Connected servers - - - - - - - - - - Sync Desktop & Documents folders - - - Your Desktop & Documents folders are being synced with iCloud Drive. You can access them from other devices. - - - - -
-``` - -## Switch - -```twig {"preview":true,"height":"240px"} -
- - - Multi-factor authentication - - Enable multi-factor authentication. If you do not have a two-factor device, you can use a one-time code sent to your email. - - - - -
-``` - -## Field group - -```twig {"preview":true,"height":"520px"} -
- - - Responses - - Get notified when ChatGPT responds to requests that take time, like research or image generation. - - - - - - Push notifications - - - - - - - Tasks - - Get notified when tasks you've created have updates. Manage tasks - - - - - - Push notifications - - - - - - Email notifications - - - - - -
-``` diff --git a/src/Toolkit/kits/shadcn/field/examples/Checkbox.html.twig b/src/Toolkit/kits/shadcn/field/examples/Checkbox.html.twig new file mode 100644 index 00000000000..bb7fbe6711c --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Checkbox.html.twig @@ -0,0 +1,63 @@ +
+ + + + Show these items on the desktop + + + Select the items you want to show on the desktop. + + + + + + Hard disks + + + + + + External disks + + + + + + CDs, DVDs, and iPods + + + + + + Connected servers + + + + + + + + + + Sync Desktop & Documents folders + + + Your Desktop & Documents folders are being synced with iCloud Drive. You can access them from other devices. + + + + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/field/examples/Demo.html.twig new file mode 100644 index 00000000000..9d19e4aa187 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Demo.html.twig @@ -0,0 +1,118 @@ +
+
+ + + Payment Method + + All transactions are secure and encrypted + + + + + Name on Card + + + + + + Card Number + + + + Enter your 16-digit card number + + +
+ + + Month + + + + + + + + + + + + + + + + + + + + Year + + + + + + + + + + + + + CVV + + +
+ + + + + Billing Address + + The billing address associated with your payment method + + + + + + Same as shipping address + + + + + + + + + Comments + + + + + + + Submit + + Cancel + + + +
+
diff --git a/src/Toolkit/kits/shadcn/field/examples/Field group.html.twig b/src/Toolkit/kits/shadcn/field/examples/Field group.html.twig new file mode 100644 index 00000000000..1cb4d445603 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Field group.html.twig @@ -0,0 +1,39 @@ +
+ + + Responses + + Get notified when ChatGPT responds to requests that take time, like research or image generation. + + + + + + Push notifications + + + + + + + Tasks + + Get notified when tasks you've created have updates. Manage tasks + + + + + + Push notifications + + + + + + Email notifications + + + + + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Field set.html.twig b/src/Toolkit/kits/shadcn/field/examples/Field set.html.twig new file mode 100644 index 00000000000..b406452f724 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Field set.html.twig @@ -0,0 +1,24 @@ +
+ + Address information + + We need your address to deliver your order. + + + + Street address + + +
+ + City + + + + Postal code + + +
+ + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Input.html.twig b/src/Toolkit/kits/shadcn/field/examples/Input.html.twig new file mode 100644 index 00000000000..eb8e68c9440 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Input.html.twig @@ -0,0 +1,20 @@ +
+ + + + Username + + + Choose a unique username for your account. + + + + Password + + Must be at least 8 characters long. + + + + + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Select.html.twig b/src/Toolkit/kits/shadcn/field/examples/Select.html.twig new file mode 100644 index 00000000000..35236246445 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Select.html.twig @@ -0,0 +1,18 @@ +
+ + Department + + + + + + + + + + + + Select your department or area of work. + + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Switch.html.twig b/src/Toolkit/kits/shadcn/field/examples/Switch.html.twig new file mode 100644 index 00000000000..b294ea57e19 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Switch.html.twig @@ -0,0 +1,11 @@ +
+ + + Multi-factor authentication + + Enable multi-factor authentication. If you do not have a two-factor device, you can use a one-time code sent to your email. + + + + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Textarea.html.twig b/src/Toolkit/kits/shadcn/field/examples/Textarea.html.twig new file mode 100644 index 00000000000..43b6d189cdd --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Textarea.html.twig @@ -0,0 +1,17 @@ +
+ + + + Feedback + + + Share your thoughts about our service. + + + + +
diff --git a/src/Toolkit/kits/shadcn/field/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/field/examples/Usage.html.twig new file mode 100644 index 00000000000..e8216641de6 --- /dev/null +++ b/src/Toolkit/kits/shadcn/field/examples/Usage.html.twig @@ -0,0 +1,20 @@ + + Profile + This appears on invoices and emails. + + + Full name + + This appears on invoices and emails. + + + Username + + Choose another username. + + + + Subscribe to the newsletter + + + diff --git a/src/Toolkit/kits/shadcn/input-group/EXAMPLES.md b/src/Toolkit/kits/shadcn/input-group/EXAMPLES.md deleted file mode 100644 index b5f002de3dd..00000000000 --- a/src/Toolkit/kits/shadcn/input-group/EXAMPLES.md +++ /dev/null @@ -1,257 +0,0 @@ -# Examples - -## Icon - -Use `InputGroup:Icon` to add a leading or trailing icon to an input. Padding is applied automatically. - -```twig {"preview":true} -
- - - {{ ux_icon('lucide:search') }} - - - -
-``` - -## Trailing icon - -Position the icon at the end using `position="end"`. - -```twig {"preview":true} -
- - - - {{ ux_icon('lucide:mail') }} - - -
-``` - -## Both icons - -Combine leading and trailing icons. - -```twig {"preview":true} -
- - - {{ ux_icon('lucide:user') }} - - - - {{ ux_icon('lucide:check') }} - - -
-``` - -## Two trailing icons - -Group multiple icons together in a single `InputGroup:Icon`. Add extra padding to accommodate the additional icons. - -```twig {"preview":true} -
- - - - {{ ux_icon('lucide:eye', { class: 'cursor-pointer pointer-events-auto hover:text-foreground' }) }} - {{ ux_icon('lucide:copy', { class: 'cursor-pointer pointer-events-auto hover:text-foreground' }) }} - - -
-``` - -## Search with icon and shortcut - -Combine icons with other elements like keyboard hints. - -```twig {"preview":true} -
- - - {{ ux_icon('lucide:search') }} - - - - -
-``` - -## Textarea - -Use `InputGroup:Textarea` for multi-line input. Use `align="start"` on icons to position them at the top. - -```twig {"preview":true} -
- - - {{ ux_icon('lucide:message-square') }} - - - -
-``` - -## Textarea with trailing icon - -Position an icon at the end of a textarea. - -```twig {"preview":true} -
- - - - {{ ux_icon('lucide:pencil') }} - - -
-``` - -## Textarea with character count - -Use `InputGroup:Addon` with `align="block-end"` to add content below the textarea. Add `class="border-t"` for a separator line. - -```twig {"preview":true, "height":"300px"} -
- - - - - 120 characters left - - - -
-``` - -## Addon with icon - -Use `InputGroup:Addon` for flexible positioning of icons and other elements. - -```twig {"preview":true} -
- - - {{ ux_icon('lucide:dollar-sign') }} - - - - USD - - -
-``` - -## Block start addon - -Position content above the input using `align="block-start"`. Use `border-b` for a separator below and `border-t` for a separator above. - -```twig {"preview":true, "height":"300px"} -
- - - Bio - - - - Max 500 characters - - -
-``` - -## Spinner - -Show loading indicators while processing input. - -```twig {"preview":true, "height":"300px"} -
- - - - - - - - - - - - - - - - - - Saving... - - - - - - - - {{ ux_icon('lucide:loader', { class: 'animate-spin' }) }} - - - Please wait... - - -
-``` diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Button Group.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Button Group.html.twig new file mode 100644 index 00000000000..3444250a927 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Button Group.html.twig @@ -0,0 +1,18 @@ +
+ + + + + + + + + + + + + .com + + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Button.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Button.html.twig new file mode 100644 index 00000000000..13daacab7e0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Button.html.twig @@ -0,0 +1,33 @@ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + Search + + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Demo.html.twig new file mode 100644 index 00000000000..81fae20aa44 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Demo.html.twig @@ -0,0 +1,50 @@ +
+ + + + + + 12 results + + + + + https:// + + + + + + + + + + + + + 52% used + + + + Send + + + + + + +
+ +
+ + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Icon.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Icon.html.twig new file mode 100644 index 00000000000..45eb10ddadc --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Icon.html.twig @@ -0,0 +1,34 @@ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Label.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Label.html.twig new file mode 100644 index 00000000000..d3c46437941 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Label.html.twig @@ -0,0 +1,18 @@ +
+ + + + @ + + + + + + + Email + + + + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Spinner.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Spinner.html.twig new file mode 100644 index 00000000000..20b93e28eeb --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Spinner.html.twig @@ -0,0 +1,33 @@ +
+ + + + + + + + + + + + + + + + + + Saving... + + + + + + + + {{ ux_icon('lucide:loader', {class: 'animate-spin'}) }} + + + Please wait... + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Text.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Text.html.twig new file mode 100644 index 00000000000..d6e5ef33bac --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Text.html.twig @@ -0,0 +1,32 @@ +
+ + + + $ + + + USD + + + + + + + https:// + + + + + + + @company.com + + + + + + + 120 characters left + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Textarea.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Textarea.html.twig new file mode 100644 index 00000000000..734ca2f838c --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Textarea.html.twig @@ -0,0 +1,26 @@ +
+ + + + Line 1, Column 1 + + Run + + + + + + script.js + + + + + + + + +
diff --git a/src/Toolkit/kits/shadcn/input-group/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/input-group/examples/Usage.html.twig new file mode 100644 index 00000000000..8b37017784a --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/examples/Usage.html.twig @@ -0,0 +1,9 @@ + + + + + + + Search + + diff --git a/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup.html.twig b/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup.html.twig index 6acb97cb61d..bfe0f27ab5d 100644 --- a/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup.html.twig +++ b/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup.html.twig @@ -1,17 +1,20 @@ {# @block content The default block #} -{# Icon padding - simpler selectors #} -{%- set iconStartPadding = 'has-[[data-position=start]]:[&_[data-slot=input-group-control]]:pl-9' -%} -{%- set iconEndPadding = 'has-[[data-position=end]]:[&_[data-slot=input-group-control]]:pr-9' -%} -{# Inline addon padding #} -{%- set addonStartPadding = 'has-[[data-align=inline-start]]:[&_[data-slot=input-group-control]]:pl-2' -%} -{%- set addonEndPadding = 'has-[[data-align=inline-end]]:[&_[data-slot=input-group-control]]:pr-2' -%} -{# Block addon layout - auto height and flex-col #} -{%- set blockLayout = 'has-[[data-align=block-start]]:h-auto has-[[data-align=block-start]]:flex-col has-[[data-align=block-end]]:h-auto has-[[data-align=block-end]]:flex-col' -%} -{# Focus state on parent when child control is focused #} -{%- set focusState = 'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]' -%}
{%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup/Button.html.twig b/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup/Button.html.twig new file mode 100644 index 00000000000..c4cae2bacb1 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup/Button.html.twig @@ -0,0 +1,25 @@ +{# @prop type 'button'|'submit' The type, default to `button` #} +{# @prop variant 'default'|'secondary'|'destructive'|'outline'|'ghost'|'link' The variant, default to `default` #} +{# @prop size 'default'|'sm'|'lg'|'icon'|'icon-sm'|'icon-lg' The size, default to `default` #} +{# @block content The default block #} +{%- props type = 'button', variant = 'ghost', size = 'xs' -%} +{%- set style = html_cva( + base: 'text-sm shadow-none flex gap-2 items-center', + variants: { + size: { + xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2", + sm: 'h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5', + 'icon-xs': 'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0', + 'icon-sm': 'size-8 p-0 has-[>svg]:p-0', + }, + }, +) %} + + {{- block(outerBlocks.content) -}} + diff --git a/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup/Icon.html.twig b/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup/Icon.html.twig deleted file mode 100644 index aa49dcdee69..00000000000 --- a/src/Toolkit/kits/shadcn/input-group/templates/components/InputGroup/Icon.html.twig +++ /dev/null @@ -1,25 +0,0 @@ -{# @prop position 'start'|'end' The icon position, default to `start` #} -{# @prop align 'center'|'start' The vertical alignment, default to `center` #} -{# @block content The default block #} -{%- props position = 'start', align = 'center' -%} -{%- set style = html_cva( - base: "pointer-events-none absolute flex text-muted-foreground [&_svg:not([class*='size-'])]:size-4", - variants: { - position: { - start: 'left-0 pl-3', - end: 'right-0 pr-3', - }, - align: { - center: 'inset-y-0 items-center', - start: 'top-0 pt-3', - }, - }, -) -%} - - {%- block content %}{% endblock -%} - diff --git a/src/Toolkit/kits/shadcn/input/EXAMPLES.md b/src/Toolkit/kits/shadcn/input/EXAMPLES.md deleted file mode 100644 index 7e7d65b676e..00000000000 --- a/src/Toolkit/kits/shadcn/input/EXAMPLES.md +++ /dev/null @@ -1,40 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - -``` - -## File - -```twig {"preview":true} -
- - -
-``` - -## Disabled - -```twig {"preview":true} - -``` - -## With Label - -```twig {"preview":true} -
- Email - -
-``` - -## With Button - -```twig {"preview":true} -
- - Subscribe -
-``` diff --git a/src/Toolkit/kits/shadcn/input/examples/Default.html.twig b/src/Toolkit/kits/shadcn/input/examples/Default.html.twig new file mode 100644 index 00000000000..b54c4580fc0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/Default.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/input/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/input/examples/Demo.html.twig new file mode 100644 index 00000000000..b54c4580fc0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/Demo.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/input/examples/Disabled.html.twig b/src/Toolkit/kits/shadcn/input/examples/Disabled.html.twig new file mode 100644 index 00000000000..1bc3394eea1 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/Disabled.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/input/examples/File.html.twig b/src/Toolkit/kits/shadcn/input/examples/File.html.twig new file mode 100644 index 00000000000..a752a557d32 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/File.html.twig @@ -0,0 +1,4 @@ +
+ Picture + +
diff --git a/src/Toolkit/kits/shadcn/input/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/input/examples/Usage.html.twig new file mode 100644 index 00000000000..a5b5550ecc4 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/input/examples/With Button.html.twig b/src/Toolkit/kits/shadcn/input/examples/With Button.html.twig new file mode 100644 index 00000000000..690efbb0947 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/With Button.html.twig @@ -0,0 +1,4 @@ +
+ + Subscribe +
diff --git a/src/Toolkit/kits/shadcn/input/examples/With Label.html.twig b/src/Toolkit/kits/shadcn/input/examples/With Label.html.twig new file mode 100644 index 00000000000..7101c93a920 --- /dev/null +++ b/src/Toolkit/kits/shadcn/input/examples/With Label.html.twig @@ -0,0 +1,4 @@ +
+ Email + +
diff --git a/src/Toolkit/kits/shadcn/item/EXAMPLES.md b/src/Toolkit/kits/shadcn/item/EXAMPLES.md deleted file mode 100644 index 13aa0ec7eed..00000000000 --- a/src/Toolkit/kits/shadcn/item/EXAMPLES.md +++ /dev/null @@ -1,215 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true,"height":"400px"} -
- - - Basic Item - - A simple item with title and description. - - - - - Action - - - - - - - - - - Your profile has been verified. - - - - - -
-``` - -## Variants - -```twig {"preview":true,"height":"400px"} -
- - - Default Variant - - Standard styling with subtle background and borders. - - - - - Open - - - - - - Outline Variant - - Outlined style with clear borders and transparent background. - - - - - Open - - - - - - Muted Variant - - Subdued appearance with muted colors for secondary content. - - - - - Open - - - -
-``` - -## Size - -```twig {"preview":true,"height":"400px"} -
- - - Basic Item - - A simple item with title and description. - - - - - Action - - - - - - - - - - Your profile has been verified. - - - - - -
-``` - -## Icon - -```twig {"preview":true} -
- - - - - - Security Alert - - New login detected from unknown device. - - - - - Review - - - -
-``` - -## Avatar - -```twig {"preview":true,"height":"400px"} -
- - - - - - - - Evil Rabbit - - Last seen 5 months ago - - - - - - - - - - - -
- - - - - -
- - - No Team Members - - Invite your team to collaborate on this project. - - - - - Invite - - - -
-``` - -## Link - -```twig {"preview":true,"height":"400px"} -
- - - Visit our documentation - - Learn how to get started with our components. - - - - - - - - - External resource - - Opens in a new tab with security attributes. - - - - - - -
-``` diff --git a/src/Toolkit/kits/shadcn/item/examples/Avatar.html.twig b/src/Toolkit/kits/shadcn/item/examples/Avatar.html.twig new file mode 100644 index 00000000000..50810c4571b --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Avatar.html.twig @@ -0,0 +1,47 @@ +
+ + + + + + + + Evil Rabbit + + Last seen 5 months ago + + + + + + + + + + + +
+ + + +
+ + + No Team Members + + Invite your team to collaborate on this project. + + + + + Invite + + + +
diff --git a/src/Toolkit/kits/shadcn/item/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/item/examples/Demo.html.twig new file mode 100644 index 00000000000..b469dd19823 --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Demo.html.twig @@ -0,0 +1,26 @@ +
+ + + Basic Item + + A simple item with title and description. + + + + + Action + + + + + + + + + Your profile has been verified. + + + + + +
diff --git a/src/Toolkit/kits/shadcn/item/examples/Icon.html.twig b/src/Toolkit/kits/shadcn/item/examples/Icon.html.twig new file mode 100644 index 00000000000..ce613a2d85a --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Icon.html.twig @@ -0,0 +1,18 @@ +
+ + + + + + Security Alert + + New login detected from unknown device. + + + + + Review + + + +
diff --git a/src/Toolkit/kits/shadcn/item/examples/Link.html.twig b/src/Toolkit/kits/shadcn/item/examples/Link.html.twig new file mode 100644 index 00000000000..76d5608abd5 --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Link.html.twig @@ -0,0 +1,24 @@ +
+ + + Visit our documentation + + Learn how to get started with our components. + + + + + + + + + External resource + + Opens in a new tab with security attributes. + + + + + + +
diff --git a/src/Toolkit/kits/shadcn/item/examples/Size.html.twig b/src/Toolkit/kits/shadcn/item/examples/Size.html.twig new file mode 100644 index 00000000000..7f4c52e6d45 --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Size.html.twig @@ -0,0 +1,27 @@ +
+ + + Basic Item + + A simple item with title and description. + + + + + Action + + + + + + + + + + Your profile has been verified. + + + + + +
diff --git a/src/Toolkit/kits/shadcn/item/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/item/examples/Usage.html.twig new file mode 100644 index 00000000000..2ee23e6cf50 --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Usage.html.twig @@ -0,0 +1,10 @@ + + Item Header + + + Item + Item + + + Item Footer + diff --git a/src/Toolkit/kits/shadcn/item/examples/Variants.html.twig b/src/Toolkit/kits/shadcn/item/examples/Variants.html.twig new file mode 100644 index 00000000000..7943cc25fe7 --- /dev/null +++ b/src/Toolkit/kits/shadcn/item/examples/Variants.html.twig @@ -0,0 +1,41 @@ +
+ + + Default Variant + + Standard styling with subtle background and borders. + + + + + Open + + + + + + Outline Variant + + Outlined style with clear borders and transparent background. + + + + + Open + + + + + + Muted Variant + + Subdued appearance with muted colors for secondary content. + + + + + Open + + + +
diff --git a/src/Toolkit/kits/shadcn/kbd/EXAMPLES.md b/src/Toolkit/kits/shadcn/kbd/EXAMPLES.md deleted file mode 100644 index 26c6a6d49f2..00000000000 --- a/src/Toolkit/kits/shadcn/kbd/EXAMPLES.md +++ /dev/null @@ -1,51 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} -
- - ⌘ - ⇧ - ⌥ - ⌃ - - - Ctrl - + - B - -
-``` - -## Group - -Use the `KbdGroup` component to group keyboard keys together. - -```twig {"preview":true} -
-

- Use - - Ctrl + B - Ctrl + K - - to open the command palette -

-
-``` - -## Button - -Use the `Kbd` component inside a `Button` component to display a keyboard key inside a button. - -```twig {"preview":true} -
- - Accept ⏎ - - - Cancel Esc - -
-``` diff --git a/src/Toolkit/kits/shadcn/kbd/examples/Button.html.twig b/src/Toolkit/kits/shadcn/kbd/examples/Button.html.twig new file mode 100644 index 00000000000..7ea51d03fc0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/kbd/examples/Button.html.twig @@ -0,0 +1,8 @@ +
+ + Accept ⏎ + + + Cancel Esc + +
diff --git a/src/Toolkit/kits/shadcn/kbd/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/kbd/examples/Demo.html.twig new file mode 100644 index 00000000000..3f5a7912ddc --- /dev/null +++ b/src/Toolkit/kits/shadcn/kbd/examples/Demo.html.twig @@ -0,0 +1,13 @@ +
+ + ⌘ + ⇧ + ⌥ + ⌃ + + + Ctrl + + + B + +
diff --git a/src/Toolkit/kits/shadcn/kbd/examples/Group.html.twig b/src/Toolkit/kits/shadcn/kbd/examples/Group.html.twig new file mode 100644 index 00000000000..2593c59aac2 --- /dev/null +++ b/src/Toolkit/kits/shadcn/kbd/examples/Group.html.twig @@ -0,0 +1,10 @@ +
+

+ Use + + Ctrl + B + Ctrl + K + + to open the command palette +

+
diff --git a/src/Toolkit/kits/shadcn/kbd/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/kbd/examples/Usage.html.twig new file mode 100644 index 00000000000..88328847b98 --- /dev/null +++ b/src/Toolkit/kits/shadcn/kbd/examples/Usage.html.twig @@ -0,0 +1 @@ +Ctrl diff --git a/src/Toolkit/kits/shadcn/kbd/templates/components/Kbd.html.twig b/src/Toolkit/kits/shadcn/kbd/templates/components/Kbd.html.twig index ef6451a97c2..56a6b5a35af 100644 --- a/src/Toolkit/kits/shadcn/kbd/templates/components/Kbd.html.twig +++ b/src/Toolkit/kits/shadcn/kbd/templates/components/Kbd.html.twig @@ -1,7 +1,7 @@ {# @block content The default block #} {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/label/EXAMPLES.md b/src/Toolkit/kits/shadcn/label/EXAMPLES.md deleted file mode 100644 index 29adac919c2..00000000000 --- a/src/Toolkit/kits/shadcn/label/EXAMPLES.md +++ /dev/null @@ -1,28 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} -
- - Accept terms and conditions -
-``` - -## With Input - -```twig {"preview":true} -
- Email - -
-``` - -## Required Field - -```twig {"preview":true} -
- Email - -
-``` diff --git a/src/Toolkit/kits/shadcn/label/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/label/examples/Demo.html.twig new file mode 100644 index 00000000000..6940b4f1b98 --- /dev/null +++ b/src/Toolkit/kits/shadcn/label/examples/Demo.html.twig @@ -0,0 +1,4 @@ +
+ + Accept terms and conditions +
diff --git a/src/Toolkit/kits/shadcn/label/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/label/examples/Usage.html.twig new file mode 100644 index 00000000000..f9ac4ab3356 --- /dev/null +++ b/src/Toolkit/kits/shadcn/label/examples/Usage.html.twig @@ -0,0 +1 @@ +Your email address diff --git a/src/Toolkit/kits/shadcn/pagination/EXAMPLES.md b/src/Toolkit/kits/shadcn/pagination/EXAMPLES.md deleted file mode 100644 index f460f9e4697..00000000000 --- a/src/Toolkit/kits/shadcn/pagination/EXAMPLES.md +++ /dev/null @@ -1,64 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - - - - - - - 1 - - - 2 - - - 3 - - - - - - - - - -``` - -## Symmetric - -```twig {"preview":true} - - - - - - - 1 - - - - - - 4 - - - 5 - - - 6 - - - - - - 9 - - - - - - -``` diff --git a/src/Toolkit/kits/shadcn/pagination/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/pagination/examples/Demo.html.twig new file mode 100644 index 00000000000..5cea9ba58e3 --- /dev/null +++ b/src/Toolkit/kits/shadcn/pagination/examples/Demo.html.twig @@ -0,0 +1,22 @@ + + + + + + + 1 + + + 2 + + + 3 + + + + + + + + + diff --git a/src/Toolkit/kits/shadcn/pagination/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/pagination/examples/Usage.html.twig new file mode 100644 index 00000000000..5cea9ba58e3 --- /dev/null +++ b/src/Toolkit/kits/shadcn/pagination/examples/Usage.html.twig @@ -0,0 +1,22 @@ + + + + + + + 1 + + + 2 + + + 3 + + + + + + + + + diff --git a/src/Toolkit/kits/shadcn/progress/EXAMPLES.md b/src/Toolkit/kits/shadcn/progress/EXAMPLES.md deleted file mode 100644 index 077c9c45a3b..00000000000 --- a/src/Toolkit/kits/shadcn/progress/EXAMPLES.md +++ /dev/null @@ -1,31 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - -``` - -## With Label - -```twig {"preview":true} -
-
- Loading - 33% -
- -
-``` - -## Different Values - -```twig {"preview":true} -
- - - - - -
-``` diff --git a/src/Toolkit/kits/shadcn/progress/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/progress/examples/Demo.html.twig new file mode 100644 index 00000000000..5ff08d11078 --- /dev/null +++ b/src/Toolkit/kits/shadcn/progress/examples/Demo.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/progress/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/progress/examples/Usage.html.twig new file mode 100644 index 00000000000..5ff08d11078 --- /dev/null +++ b/src/Toolkit/kits/shadcn/progress/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/select/EXAMPLES.md b/src/Toolkit/kits/shadcn/select/EXAMPLES.md deleted file mode 100644 index 1548d4e11cd..00000000000 --- a/src/Toolkit/kits/shadcn/select/EXAMPLES.md +++ /dev/null @@ -1,34 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - - - - - -``` - -## With Label - -```twig {"preview":true} -
- Framework - - - - - -
-``` - -## Disabled - -```twig {"preview":true} - - - - - -``` diff --git a/src/Toolkit/kits/shadcn/select/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/select/examples/Demo.html.twig new file mode 100644 index 00000000000..77b6aaf154b --- /dev/null +++ b/src/Toolkit/kits/shadcn/select/examples/Demo.html.twig @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/Toolkit/kits/shadcn/select/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/select/examples/Usage.html.twig new file mode 100644 index 00000000000..79abe1d3d70 --- /dev/null +++ b/src/Toolkit/kits/shadcn/select/examples/Usage.html.twig @@ -0,0 +1,5 @@ + + + + + diff --git a/src/Toolkit/kits/shadcn/separator/EXAMPLES.md b/src/Toolkit/kits/shadcn/separator/EXAMPLES.md deleted file mode 100644 index ecc16b66b15..00000000000 --- a/src/Toolkit/kits/shadcn/separator/EXAMPLES.md +++ /dev/null @@ -1,34 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} -
-
-

Symfony UX

-

- Symfony UX initiative: a JavaScript ecosystem for Symfony -

-
- -
- Website - - Packages - - Source -
-
-``` - -## Vertical - -```twig {"preview":true} -
-
Blog
- -
Docs
- -
Source
-
-``` diff --git a/src/Toolkit/kits/shadcn/separator/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/separator/examples/Demo.html.twig new file mode 100644 index 00000000000..081a78f170c --- /dev/null +++ b/src/Toolkit/kits/shadcn/separator/examples/Demo.html.twig @@ -0,0 +1,16 @@ +
+
+

Symfony UX

+

+ Seamlessly integrate JavaScript tools into your application. +

+
+ +
+ Website + + Documentation + + Source +
+
diff --git a/src/Toolkit/kits/shadcn/separator/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/separator/examples/Usage.html.twig new file mode 100644 index 00000000000..b8b5d019044 --- /dev/null +++ b/src/Toolkit/kits/shadcn/separator/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/separator/examples/Vertical.html.twig b/src/Toolkit/kits/shadcn/separator/examples/Vertical.html.twig new file mode 100644 index 00000000000..c43c17cda03 --- /dev/null +++ b/src/Toolkit/kits/shadcn/separator/examples/Vertical.html.twig @@ -0,0 +1,7 @@ +
+
Blog
+ +
Docs
+ +
Source
+
diff --git a/src/Toolkit/kits/shadcn/skeleton/EXAMPLES.md b/src/Toolkit/kits/shadcn/skeleton/EXAMPLES.md deleted file mode 100644 index 219e712f765..00000000000 --- a/src/Toolkit/kits/shadcn/skeleton/EXAMPLES.md +++ /dev/null @@ -1,25 +0,0 @@ -# Examples - -## User - -```twig {"preview":true} -
- -
- - -
-
-``` - -## Card - -```twig {"preview":true,"height":"250px"} -
- -
- - -
-
-``` diff --git a/src/Toolkit/kits/shadcn/skeleton/examples/Card.html.twig b/src/Toolkit/kits/shadcn/skeleton/examples/Card.html.twig new file mode 100644 index 00000000000..19cb2c1770b --- /dev/null +++ b/src/Toolkit/kits/shadcn/skeleton/examples/Card.html.twig @@ -0,0 +1,7 @@ +
+ +
+ + +
+
diff --git a/src/Toolkit/kits/shadcn/skeleton/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/skeleton/examples/Demo.html.twig new file mode 100644 index 00000000000..6e409a4e8f5 --- /dev/null +++ b/src/Toolkit/kits/shadcn/skeleton/examples/Demo.html.twig @@ -0,0 +1,7 @@ +
+ +
+ + +
+
diff --git a/src/Toolkit/kits/shadcn/skeleton/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/skeleton/examples/Usage.html.twig new file mode 100644 index 00000000000..16866fb7498 --- /dev/null +++ b/src/Toolkit/kits/shadcn/skeleton/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/spinner/EXAMPLES.md b/src/Toolkit/kits/shadcn/spinner/EXAMPLES.md deleted file mode 100644 index 2b622947f05..00000000000 --- a/src/Toolkit/kits/shadcn/spinner/EXAMPLES.md +++ /dev/null @@ -1,32 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - - Please wait - -``` - -## Size - -```twig {"preview":true} -
- - - - -
-``` - -## Color - -```twig {"preview":true} -
- - - - - -
-``` diff --git a/src/Toolkit/kits/shadcn/spinner/examples/Color.html.twig b/src/Toolkit/kits/shadcn/spinner/examples/Color.html.twig new file mode 100644 index 00000000000..f56fb020ffc --- /dev/null +++ b/src/Toolkit/kits/shadcn/spinner/examples/Color.html.twig @@ -0,0 +1,7 @@ +
+ + + + + +
diff --git a/src/Toolkit/kits/shadcn/spinner/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/spinner/examples/Demo.html.twig new file mode 100644 index 00000000000..968d0d596ef --- /dev/null +++ b/src/Toolkit/kits/shadcn/spinner/examples/Demo.html.twig @@ -0,0 +1,13 @@ +
+ + + + + + Processing payment... + + + $100.00 + + +
diff --git a/src/Toolkit/kits/shadcn/spinner/examples/Size.html.twig b/src/Toolkit/kits/shadcn/spinner/examples/Size.html.twig new file mode 100644 index 00000000000..d2b53dba46d --- /dev/null +++ b/src/Toolkit/kits/shadcn/spinner/examples/Size.html.twig @@ -0,0 +1,6 @@ +
+ + + + +
diff --git a/src/Toolkit/kits/shadcn/spinner/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/spinner/examples/Usage.html.twig new file mode 100644 index 00000000000..7b17b73cd6b --- /dev/null +++ b/src/Toolkit/kits/shadcn/spinner/examples/Usage.html.twig @@ -0,0 +1,3 @@ + + Please wait + diff --git a/src/Toolkit/kits/shadcn/switch/EXAMPLES.md b/src/Toolkit/kits/shadcn/switch/EXAMPLES.md deleted file mode 100644 index 2de3e723739..00000000000 --- a/src/Toolkit/kits/shadcn/switch/EXAMPLES.md +++ /dev/null @@ -1,34 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} -
- - Airplane Mode -
-``` - -## Form - -```twig {"preview":true,"height":"300px"} -
-

Email Notifications

-
-
-
- Marketing emails -

Receive emails about new products, features, and more.

-
- -
-
-
- Security emails -

Receive emails about your account security.

-
- -
-
-
-``` diff --git a/src/Toolkit/kits/shadcn/switch/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/switch/examples/Demo.html.twig new file mode 100644 index 00000000000..9985ecad7ca --- /dev/null +++ b/src/Toolkit/kits/shadcn/switch/examples/Demo.html.twig @@ -0,0 +1,4 @@ +
+ + Airplane Mode +
diff --git a/src/Toolkit/kits/shadcn/switch/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/switch/examples/Usage.html.twig new file mode 100644 index 00000000000..ca27c031ca0 --- /dev/null +++ b/src/Toolkit/kits/shadcn/switch/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/table/EXAMPLES.md b/src/Toolkit/kits/shadcn/table/examples/Demo.html.twig similarity index 60% rename from src/Toolkit/kits/shadcn/table/EXAMPLES.md rename to src/Toolkit/kits/shadcn/table/examples/Demo.html.twig index 2ca30788e80..a200bdf8132 100644 --- a/src/Toolkit/kits/shadcn/table/EXAMPLES.md +++ b/src/Toolkit/kits/shadcn/table/examples/Demo.html.twig @@ -1,16 +1,11 @@ -# Examples - -## Basic Table - -```twig {"preview":true,"height":"550px"} {%- set invoices = [ - { invoice: "INV001", paymentStatus: "Paid", totalAmount: "$250.00", paymentMethod: "Credit Card" }, - { invoice: "INV002", paymentStatus: "Pending", totalAmount: "$150.00", paymentMethod: "PayPal" }, - { invoice: "INV003", paymentStatus: "Unpaid", totalAmount: "$350.00", paymentMethod: "Bank Transfer" }, - { invoice: "INV004", paymentStatus: "Paid", totalAmount: "$450.00", paymentMethod: "Credit Card" }, - { invoice: "INV005", paymentStatus: "Paid", totalAmount: "$550.00", paymentMethod: "PayPal" }, - { invoice: "INV006", paymentStatus: "Pending", totalAmount: "$200.00", paymentMethod: "Bank Transfer" }, - { invoice: "INV007", paymentStatus: "Unpaid", totalAmount: "$300.00", paymentMethod: "Credit Card" }, + {invoice: 'INV001', paymentStatus: 'Paid', totalAmount: '$250.00', paymentMethod: 'Credit Card'}, + {invoice: 'INV002', paymentStatus: 'Pending', totalAmount: '$150.00', paymentMethod: 'PayPal'}, + {invoice: 'INV003', paymentStatus: 'Unpaid', totalAmount: '$350.00', paymentMethod: 'Bank Transfer'}, + {invoice: 'INV004', paymentStatus: 'Paid', totalAmount: '$450.00', paymentMethod: 'Credit Card'}, + {invoice: 'INV005', paymentStatus: 'Paid', totalAmount: '$550.00', paymentMethod: 'PayPal'}, + {invoice: 'INV006', paymentStatus: 'Pending', totalAmount: '$200.00', paymentMethod: 'Bank Transfer'}, + {invoice: 'INV007', paymentStatus: 'Unpaid', totalAmount: '$300.00', paymentMethod: 'Credit Card'}, ] -%} A list of your recent invoices. @@ -39,4 +34,3 @@ -``` diff --git a/src/Toolkit/kits/shadcn/table/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/table/examples/Usage.html.twig new file mode 100644 index 00000000000..99392fb142a --- /dev/null +++ b/src/Toolkit/kits/shadcn/table/examples/Usage.html.twig @@ -0,0 +1,19 @@ + + A list of your recent invoices. + + + Invoice + Status + Method + Amount + + + + + INV001 + Paid + Credit Card + $250.00 + + + diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table.html.twig index 8acc902e074..09919b141f8 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table.html.twig @@ -1,5 +1,5 @@ {# @block content The default block #} -
+
{%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table/Caption.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table/Caption.html.twig index 7064c88e844..d212ab0e38b 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table/Caption.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table/Caption.html.twig @@ -1,6 +1,7 @@ {# @block content The default block #} {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table/Head.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table/Head.html.twig index 6d7c7f5f023..2449e995fb4 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table/Head.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table/Head.html.twig @@ -1,6 +1,7 @@ {# @block content The default block #} {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table/Row.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table/Row.html.twig index c59459c031c..9269ca000e2 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table/Row.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table/Row.html.twig @@ -1,6 +1,7 @@ {# @block content The default block #} {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/textarea/EXAMPLES.md b/src/Toolkit/kits/shadcn/textarea/EXAMPLES.md deleted file mode 100644 index 1d273adfcdc..00000000000 --- a/src/Toolkit/kits/shadcn/textarea/EXAMPLES.md +++ /dev/null @@ -1,28 +0,0 @@ -# Examples - -## Default - -```twig {"preview":true} - -``` - -## With default content - -```twig {"preview":true} -This is the default content of the textarea. -``` - -## With Label - -```twig {"preview":true} -
- Your message - -
-``` - -## Disabled - -```twig {"preview":true} - -``` diff --git a/src/Toolkit/kits/shadcn/textarea/examples/Default.html.twig b/src/Toolkit/kits/shadcn/textarea/examples/Default.html.twig new file mode 100644 index 00000000000..ef474ce1389 --- /dev/null +++ b/src/Toolkit/kits/shadcn/textarea/examples/Default.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/textarea/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/textarea/examples/Demo.html.twig new file mode 100644 index 00000000000..43491558dde --- /dev/null +++ b/src/Toolkit/kits/shadcn/textarea/examples/Demo.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/textarea/examples/Disabled.html.twig b/src/Toolkit/kits/shadcn/textarea/examples/Disabled.html.twig new file mode 100644 index 00000000000..4df498bcebb --- /dev/null +++ b/src/Toolkit/kits/shadcn/textarea/examples/Disabled.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/textarea/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/textarea/examples/Usage.html.twig new file mode 100644 index 00000000000..1ba2c67a4d6 --- /dev/null +++ b/src/Toolkit/kits/shadcn/textarea/examples/Usage.html.twig @@ -0,0 +1 @@ + diff --git a/src/Toolkit/kits/shadcn/textarea/examples/With Label.html.twig b/src/Toolkit/kits/shadcn/textarea/examples/With Label.html.twig new file mode 100644 index 00000000000..db7ab938fd7 --- /dev/null +++ b/src/Toolkit/kits/shadcn/textarea/examples/With Label.html.twig @@ -0,0 +1,4 @@ +
+ Your message + +
diff --git a/src/Toolkit/kits/shadcn/textarea/examples/With Text.html.twig b/src/Toolkit/kits/shadcn/textarea/examples/With Text.html.twig new file mode 100644 index 00000000000..96491092bd4 --- /dev/null +++ b/src/Toolkit/kits/shadcn/textarea/examples/With Text.html.twig @@ -0,0 +1,7 @@ +
+ Your message + +

+ Your message will be copied to the support team. +

+
diff --git a/src/Toolkit/kits/shadcn/textarea/templates/components/Textarea.html.twig b/src/Toolkit/kits/shadcn/textarea/templates/components/Textarea.html.twig index de9dc96e35b..81107a5eda2 100644 --- a/src/Toolkit/kits/shadcn/textarea/templates/components/Textarea.html.twig +++ b/src/Toolkit/kits/shadcn/textarea/templates/components/Textarea.html.twig @@ -1,6 +1,6 @@ {# @block content The default block #} + + + + +
+ + +
+ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 7__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Field group.html__1.html similarity index 97% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 7__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Field group.html__1.html index d3a6d25bcd1..9e2e0cbd36e 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 7__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Field group.html__1.html @@ -52,7 +52,7 @@

- + @@ -69,13 +69,13 @@

- +
- + diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Field set.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 4__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Field set.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Input.html__1.html similarity index 95% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Input.html__1.html index db5bcab870a..0152db7cafe 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 1__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Input.html__1.html @@ -18,7 +18,7 @@ Must be at least 8 characters long. - + @@ -39,7 +39,7 @@

Must be at least 8 characters long.

- +
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Select.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Select.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 6__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Switch.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 6__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Switch.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Textarea.html__1.html similarity index 81% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Textarea.html__1.html index b778a54300e..316311406d8 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code 2__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Textarea.html__1.html @@ -27,7 +27,7 @@
- +

Share your thoughts about our service.

diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Usage.html__1.html new file mode 100644 index 00000000000..fac7f7b5205 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component field, code file Usage.html__1.html @@ -0,0 +1,52 @@ + +
+Profile +

This appears on invoices and emails.

+
+
+ + + +

This appears on invoices and emails.

+
+
+ + + +
+
+ + + +
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 2__1.html deleted file mode 100644 index def280e9e17..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 2__1.html +++ /dev/null @@ -1,16 +0,0 @@ - -
- - - -
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Default.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Default.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Demo.html__1.html new file mode 100644 index 00000000000..c88b9633ed9 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Demo.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Disabled.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Disabled.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file File.html__1.html similarity index 72% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file File.html__1.html index d4f140978b6..a193b9b799b 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 2__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file File.html__1.html @@ -1,16 +1,16 @@
- - + +
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Usage.html__1.html new file mode 100644 index 00000000000..4f920e76eb1 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file Usage.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 5__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file With Button.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 5__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file With Button.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file With Label.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code 4__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input, code file With Label.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 10__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 10__1.html deleted file mode 100644 index 6c3a25ecf37..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 10__1.html +++ /dev/null @@ -1,35 +0,0 @@ - -
-
-
-Bio -
- - -
-Max 500 characters -
-
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 1__1.html deleted file mode 100644 index 1f70c1efff6..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 1__1.html +++ /dev/null @@ -1,28 +0,0 @@ - -
-
- - - - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 2__1.html deleted file mode 100644 index 564b4e15d9a..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 2__1.html +++ /dev/null @@ -1,28 +0,0 @@ - -
-
- - - - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 3__1.html deleted file mode 100644 index 3090f4f61e9..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 3__1.html +++ /dev/null @@ -1,32 +0,0 @@ - -
-
- - - - - - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 4__1.html deleted file mode 100644 index ceaa5206036..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 4__1.html +++ /dev/null @@ -1,31 +0,0 @@ - -
-
- - - - - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 5__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 5__1.html deleted file mode 100644 index a223ac7024f..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 5__1.html +++ /dev/null @@ -1,34 +0,0 @@ - -
-
- - - - - ⌘K - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 6__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 6__1.html deleted file mode 100644 index e70b60c443c..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 6__1.html +++ /dev/null @@ -1,28 +0,0 @@ - -
-
- - - - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 7__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 7__1.html deleted file mode 100644 index db348f705a2..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 7__1.html +++ /dev/null @@ -1,28 +0,0 @@ - -
-
- - - - -
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 8__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 8__1.html deleted file mode 100644 index 603ed4368f7..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 8__1.html +++ /dev/null @@ -1,32 +0,0 @@ - -
-
- - -
-120 characters left - -
-
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 9__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 9__1.html deleted file mode 100644 index 40c7a6f4d68..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 9__1.html +++ /dev/null @@ -1,35 +0,0 @@ - -
-
-
- -
- - -
-USD -
-
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Button Group.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Button Group.html__1.html new file mode 100644 index 00000000000..b524e05def2 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Button Group.html__1.html @@ -0,0 +1,43 @@ + +
+ +
+
+ +
+
+ + +
+ +
+
+
.com +
+
+ +
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Button.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Button.html__1.html new file mode 100644 index 00000000000..08bec5f9b72 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Button.html__1.html @@ -0,0 +1,72 @@ + +
+
+ + +
+ +
+
+ +
+ + +
+ +
+
+ +
+
+ +
+ + +
+ +
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Demo.html__1.html new file mode 100644 index 00000000000..bb5d580b8ea --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Demo.html__1.html @@ -0,0 +1,101 @@ + +
+
+ + +
+ +
+
12 results
+
+
+ + +
+https:// +
+
+ +
+
+
+ + +
+ + + 52% used +
+ + +
+
+
+ + +
+
+ +
+
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Icon.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Icon.html__1.html new file mode 100644 index 00000000000..3f756ca891b --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Icon.html__1.html @@ -0,0 +1,79 @@ + +
+
+ + +
+ +
+
+ +
+ + +
+ +
+
+ +
+ + +
+ +
+
+ +
+
+ +
+ + +
+ + +
+
+ +
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Label.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Label.html__1.html new file mode 100644 index 00000000000..10bed02a690 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Label.html__1.html @@ -0,0 +1,44 @@ + +
+
+ + +
+ +
+
+ +
+ + +
+ + +
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 11__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Spinner.html__1.html similarity index 59% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 11__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Spinner.html__1.html index d55233a78ed..bbf736cbde6 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code 11__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Spinner.html__1.html @@ -29,7 +29,7 @@ - {{ ux_icon('lucide:loader', { class: 'animate-spin' }) }} + {{ ux_icon('lucide:loader', {class: 'animate-spin'}) }} Please wait... @@ -39,7 +39,7 @@ ``` - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-
+
@@ -48,7 +48,7 @@
-
+
@@ -57,7 +57,7 @@
-
+
@@ -67,7 +67,7 @@
-
+
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Text.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Text.html__1.html new file mode 100644 index 00000000000..3e9c4e7b4c2 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Text.html__1.html @@ -0,0 +1,75 @@ + +
+
+ + +
+$ +
+
+USD +
+
+ +
+ + +
+https:// +
+
+ +
+ + +
+@company.com +
+
+ +
+ + +
+120 characters left +
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Textarea.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Textarea.html__1.html new file mode 100644 index 00000000000..7ccf7041dc3 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Textarea.html__1.html @@ -0,0 +1,53 @@ + +
+
+ + +
+Line 1, Column 1 + +
+
+ + script.js + + + +
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Usage.html__1.html new file mode 100644 index 00000000000..9fb7ce4ff5f --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component input-group, code file Usage.html__1.html @@ -0,0 +1,26 @@ + +
+ + +
+ +
+
+ +
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 5__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Avatar.html__1.html similarity index 77% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 5__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Avatar.html__1.html index c9ffa83365b..29386378993 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 5__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Avatar.html__1.html @@ -6,7 +6,7 @@
- + @@ -25,17 +25,17 @@ -
- - - - - -
+
+ + + +
No Team Members @@ -55,7 +55,7 @@
-ER +ER
@@ -72,17 +72,14 @@
-
- - - @evilrabbit - - -
+
+ + + +
No Team Members
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Demo.html__1.html similarity index 98% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Demo.html__1.html index a534a2f2c0f..e67847e005f 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 3__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Demo.html__1.html @@ -17,10 +17,9 @@ - - + Your profile has been verified. @@ -44,7 +43,6 @@
-
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Icon.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 4__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Icon.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 6__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Link.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 6__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Link.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Size.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Size.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Usage.html__1.html new file mode 100644 index 00000000000..cdb579dded8 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Usage.html__1.html @@ -0,0 +1,29 @@ + +
+
Item Header
+
+ +
+
Item
+

Item

+
+
+ +
Item Footer
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Variants.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component item, code file Variants.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 1__1.html deleted file mode 100644 index 2e8f25e6839..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 1__1.html +++ /dev/null @@ -1,31 +0,0 @@ - -
- ⌘ - ⇧ - ⌥ - ⌃ - - Ctrl - + - B - -
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Button.html__1.html similarity index 74% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Button.html__1.html index 8fab0657ac8..b167619d218 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 3__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Button.html__1.html @@ -4,7 +4,7 @@ - Code: ```twig
- + Accept ⏎ @@ -14,7 +14,7 @@ ``` - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
- diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Demo.html__1.html new file mode 100644 index 00000000000..1fc10a12ef0 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Demo.html__1.html @@ -0,0 +1,31 @@ + +
+ ⌘ + ⇧ + ⌥ + ⌃ + + Ctrl + + + B + +
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Group.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Group.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Usage.html__1.html new file mode 100644 index 00000000000..bdef21b8f7d --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component kbd, code file Usage.html__1.html @@ -0,0 +1,9 @@ + +Ctrl \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 3__1.html deleted file mode 100644 index 3700c3361f0..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 3__1.html +++ /dev/null @@ -1,16 +0,0 @@ - -
- - - -
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code file Demo.html__1.html similarity index 92% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code file Demo.html__1.html index 670edad5eb0..90106752db7 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code 1__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code file Demo.html__1.html @@ -10,7 +10,7 @@ ``` - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
- +
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code file Usage.html__1.html new file mode 100644 index 00000000000..d0d769c9f02 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component label, code file Usage.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code file Demo.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code file Demo.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code file Usage.html__1.html similarity index 69% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code file Usage.html__1.html index d2700c29ec5..505b13c8a6b 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code 2__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component pagination, code file Usage.html__1.html @@ -12,23 +12,14 @@ 1 - - - - 4 - - - 5 + 2 - 6 + 3 - - 9 - @@ -47,20 +38,10 @@ 1
  • - - -
    • -
  • -4 +2
  • -5 -
    • -
  • -6 +3
  • -
    • -
  • -9
  • Next diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 2__1.html deleted file mode 100644 index 6f482cd6d53..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 2__1.html +++ /dev/null @@ -1,24 +0,0 @@ - -
    -
    - - 33% -
    -
    -
    -
    - -
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 3__1.html deleted file mode 100644 index 0256b1db386..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 3__1.html +++ /dev/null @@ -1,36 +0,0 @@ - -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    - -
    -
    -
    - -
    -
    -
    - -
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code file Demo.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code file Demo.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code file Usage.html__1.html new file mode 100644 index 00000000000..0731fbc07ce --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component progress, code file Usage.html__1.html @@ -0,0 +1,11 @@ + +
    +
    +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 2__1.html deleted file mode 100644 index f84b9fc2161..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 2__1.html +++ /dev/null @@ -1,22 +0,0 @@ - -
    - - -
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code file Demo.html__1.html similarity index 51% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code file Demo.html__1.html index f82b4538605..ebb5d351b5f 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 3__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code file Demo.html__1.html @@ -3,14 +3,18 @@ - Component: Select - Code: ```twig - - - - + + + + + + ``` - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): --> - + + + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code file Usage.html__1.html similarity index 89% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code file Usage.html__1.html index 4d34ca5723c..2d9eec86b99 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code 1__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component select, code file Usage.html__1.html @@ -3,14 +3,14 @@ - Component: Select - Code: ```twig - + ``` - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): --> - \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Demo.html__1.html similarity index 62% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Demo.html__1.html index 103b2601b75..f3937f78f70 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code 1__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Demo.html__1.html @@ -7,16 +7,16 @@

    Symfony UX

    - Symfony UX initiative: a JavaScript ecosystem for Symfony + Seamlessly integrate JavaScript tools into your application.

    - Website + Website - Packages + Documentation - Source + Source
    • ``` @@ -25,18 +25,18 @@

    Symfony UX

    Symfony UX

    - Symfony UX initiative: a JavaScript ecosystem for Symfony + Seamlessly integrate JavaScript tools into your application.

    - Website + Website
    - Packages + Documentation
    - Source + Source
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Usage.html__1.html new file mode 100644 index 00000000000..601d3ac3ac6 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Usage.html__1.html @@ -0,0 +1,9 @@ + +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Vertical.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component separator, code file Vertical.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Card.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Card.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Demo.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Demo.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Usage.html__1.html new file mode 100644 index 00000000000..e65398473fa --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component skeleton, code file Usage.html__1.html @@ -0,0 +1,9 @@ + +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Color.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Color.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Demo.html__1.html new file mode 100644 index 00000000000..bc72a6e4ef6 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Demo.html__1.html @@ -0,0 +1,34 @@ + +
    +
    +
    + + +
    +
    +
    Processing payment...
    +
    +
    +$100.00 +
    +
    +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Size.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 2__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Size.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Usage.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component spinner, code file Usage.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code 2__1.html deleted file mode 100644 index 4d8087b041e..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code 2__1.html +++ /dev/null @@ -1,53 +0,0 @@ - -
    -

    Email Notifications

    -
    -
    -
    - -

    Receive emails about new products, features, and more.

    -
    - - -
    -
    -
    - -

    Receive emails about your account security.

    -
    - - -
    -
    - \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code file Demo.html__1.html similarity index 100% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code 1__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code file Demo.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code file Usage.html__1.html new file mode 100644 index 00000000000..62828bb819f --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component switch, code file Usage.html__1.html @@ -0,0 +1,12 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code 1__1.html deleted file mode 100644 index b9f6244ffce..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code 1__1.html +++ /dev/null @@ -1,105 +0,0 @@ - -
    -
    {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table/Cell.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table/Cell.html.twig index 0231d8a059f..e78423adc52 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table/Cell.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table/Cell.html.twig @@ -1,6 +1,7 @@ {# @block content The default block #}
    {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table/Footer.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table/Footer.html.twig index 61067c00ae9..03df4bc0ca0 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table/Footer.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table/Footer.html.twig @@ -1,6 +1,7 @@ {# @block content The default block #}
    {%- block content %}{% endblock -%} diff --git a/src/Toolkit/kits/shadcn/table/templates/components/Table/Header.html.twig b/src/Toolkit/kits/shadcn/table/templates/components/Table/Header.html.twig index 57be7505375..ec2d929f05e 100644 --- a/src/Toolkit/kits/shadcn/table/templates/components/Table/Header.html.twig +++ b/src/Toolkit/kits/shadcn/table/templates/components/Table/Header.html.twig @@ -1,6 +1,7 @@ {# @block content The default block #}
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    A list of your recent invoices.
    InvoiceStatusMethodAmount
    INV001PaidCredit Card$250.00
    INV002PendingPayPal$150.00
    INV003UnpaidBank Transfer$350.00
    INV004PaidCredit Card$450.00
    INV005PaidPayPal$550.00
    INV006PendingBank Transfer$200.00
    INV007UnpaidCredit Card$300.00
    Total$1,500.00
    -
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code file Demo.html__1.html new file mode 100644 index 00000000000..dfbd65166c2 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code file Demo.html__1.html @@ -0,0 +1,105 @@ + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    A list of your recent invoices.
    InvoiceStatusMethodAmount
    INV001PaidCredit Card$250.00
    INV002PendingPayPal$150.00
    INV003UnpaidBank Transfer$350.00
    INV004PaidCredit Card$450.00
    INV005PaidPayPal$550.00
    INV006PendingBank Transfer$200.00
    INV007UnpaidCredit Card$300.00
    Total$1,500.00
    +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code file Usage.html__1.html new file mode 100644 index 00000000000..14d3216d683 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component table, code file Usage.html__1.html @@ -0,0 +1,47 @@ + +
    + + + + + + + + + + + + + + + + + + +
    A list of your recent invoices.
    InvoiceStatusMethodAmount
    INV001PaidCredit Card$250.00
    +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 1__1.html deleted file mode 100644 index 49c8bdd6848..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 1__1.html +++ /dev/null @@ -1,9 +0,0 @@ - - \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 2__1.html deleted file mode 100644 index 06e22390e50..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 2__1.html +++ /dev/null @@ -1,9 +0,0 @@ - - \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 4__1.html deleted file mode 100644 index ff0e2502d34..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 4__1.html +++ /dev/null @@ -1,9 +0,0 @@ - - \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Default.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Default.html__1.html new file mode 100644 index 00000000000..fce70d641ea --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Default.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Demo.html__1.html new file mode 100644 index 00000000000..e5b7bd925c0 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Demo.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Disabled.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Disabled.html__1.html new file mode 100644 index 00000000000..cf04b364d63 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Disabled.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Usage.html__1.html new file mode 100644 index 00000000000..f3b1e8f55b7 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file Usage.html__1.html @@ -0,0 +1,9 @@ + + \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file With Label.html__1.html similarity index 55% rename from src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 3__1.html rename to src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file With Label.html__1.html index b408557381a..8ce455c1225 100644 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code 3__1.html +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file With Label.html__1.html @@ -11,6 +11,6 @@ - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
    - +
    \ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file With Text.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file With Text.html__1.html new file mode 100644 index 00000000000..f9204951882 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component textarea, code file With Text.html__1.html @@ -0,0 +1,22 @@ + +
    + + + +

    + Your message will be copied to the support team. +

    +
    \ No newline at end of file