+ */
+class UxToolkitBundle extends AbstractBundle
+{
+ public function getContainerExtension(): ?ExtensionInterface
+ {
+ return new ToolkitExtension();
+ }
+
+ public function build(ContainerBuilder $container): void
+ {
+ parent::build($container);
+
+ $container->autowire(OfficialRepository::class);
+ $container->autowire(GithubRepository::class);
+ $container->autowire(RepositoryFactory::class);
+ $container->autowire(RepositoryIdentifier::class);
+ $container->autowire(RegistryFactory::class);
+ $container->autowire(DependenciesResolver::class);
+ $container->autowire(RegistryCompiler::class);
+
+ $container->autowire(TwigComponentCompiler::class);
+ $container->getDefinition(TwigComponentCompiler::class)
+ ->setArguments([
+ '$prefix' => '%ux_toolkit.prefix%',
+ ]);
+
+ // Prepare commands
+ $this->addConsoleCommand($container, BuildRegistryCommand::class);
+ $this->addConsoleCommand($container, UxToolkitInstallCommand::class);
+ $this->addConsoleCommand($container, DebugUxToolkitCommand::class);
+
+ // Inject http client (if exists) to github repository
+ if ($container->has('http_client')) {
+ $container->getDefinition(GithubRepository::class)
+ ->setArgument('$httpClient', $container->get('http_client'));
+ }
+
+ // current theme
+ $container->autowire(CurrentTheme::class);
+ $container->getDefinition(CurrentTheme::class)
+ ->setArguments([
+ '$theme' => '%ux_toolkit.theme%',
+ ]);
+ }
+
+ /**
+ * @param ContainerBuilder $container
+ * @param string $classname
+ * @return void
+ */
+ public function addConsoleCommand(ContainerBuilder $container, string $classname): void
+ {
+ $container->autowire($classname);
+ $container
+ ->registerForAutoconfiguration($classname)
+ ->addTag('console.command');
+ $container
+ ->getDefinition($classname)
+ ->setPublic(true)
+ ->addTag('console.command');
+ }
+
+}
diff --git a/src/Toolkit/templates/default/components/Alert.html.twig b/src/Toolkit/templates/default/components/Alert.html.twig
new file mode 100644
index 00000000000..51248f49110
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Alert.html.twig
@@ -0,0 +1,6 @@
+
+ Dependency test
+ {% block content %}Alert{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Badge.html.twig b/src/Toolkit/templates/default/components/Badge.html.twig
new file mode 100644
index 00000000000..eab142dd5d1
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Badge.html.twig
@@ -0,0 +1,34 @@
+{%- props variant = 'default', outline = false -%}
+{%- 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',
+ variants: {
+ variant: {
+ default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+ secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+ },
+ outline: {
+ true: "text-foreground bg-white",
+ }
+ },
+ compoundVariants: [{
+ variant: ['default'],
+ outline: ['true'],
+ class: 'border-primary',
+ }, {
+ variant: ['secondary'],
+ outline: ['true'],
+ class: 'border-secondary',
+ }, {
+ variant: ['destructive'],
+ outline: ['true'],
+ class: 'border-destructive',
+ },]
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Button.html.twig b/src/Toolkit/templates/default/components/Button.html.twig
new file mode 100644
index 00000000000..ccbb6e9fc9b
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Button.html.twig
@@ -0,0 +1,42 @@
+{%- props variant = 'default', outline = false, size = 'default' -%}
+{%- set style = html_cva(
+ base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground hover:bg-primary/90",
+ secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+ ghost: "hover:bg-accent hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ outline: {
+ true: "text-foreground bg-white",
+ },
+ size: {
+ default: "h-10 px-4 py-2",
+ sm: "h-9 rounded-md px-3",
+ lg: "h-11 rounded-md px-8",
+ icon: "h-10 w-10",
+ },
+ },
+ compoundVariants: [{
+ variant: ['default'],
+ outline: ['true'],
+ class: 'border-primary',
+ }, {
+ variant: ['secondary'],
+ outline: ['true'],
+ class: 'border-secondary',
+ }, {
+ variant: ['destructive'],
+ outline: ['true'],
+ class: 'border-destructive',
+ },]
+) -%}
+
+
diff --git a/src/Toolkit/templates/default/components/Card.html.twig b/src/Toolkit/templates/default/components/Card.html.twig
new file mode 100644
index 00000000000..d59ae429960
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Card.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'rounded-xl border bg-card text-card-foreground shadow',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Card/CardContent.html.twig b/src/Toolkit/templates/default/components/Card/CardContent.html.twig
new file mode 100644
index 00000000000..c54f24197d3
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Card/CardContent.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'p-6 pt-0',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Card/CardDescription.html.twig b/src/Toolkit/templates/default/components/Card/CardDescription.html.twig
new file mode 100644
index 00000000000..cdd70d9422a
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Card/CardDescription.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'text-sm text-muted-foreground',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Card/CardFooter.html.twig b/src/Toolkit/templates/default/components/Card/CardFooter.html.twig
new file mode 100644
index 00000000000..1325d35311b
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Card/CardFooter.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'flex items-center p-6 pt-0',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Card/CardHeader.html.twig b/src/Toolkit/templates/default/components/Card/CardHeader.html.twig
new file mode 100644
index 00000000000..fb96700289b
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Card/CardHeader.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'flex flex-col space-y-1.5 p-6',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Card/CardTitle.html.twig b/src/Toolkit/templates/default/components/Card/CardTitle.html.twig
new file mode 100644
index 00000000000..c6decf07ea4
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Card/CardTitle.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'font-semibold leading-none tracking-tight',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Grid.html.twig b/src/Toolkit/templates/default/components/Grid.html.twig
new file mode 100644
index 00000000000..cf457fec748
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Grid.html.twig
@@ -0,0 +1,89 @@
+{%- props
+ xs = 0,
+ sm = 0,
+ md = 0,
+ lg = 0,
+ xl = 0,
+ xsOffset = 0,
+ smOffset = 0,
+ mdOffset = 0,
+ lgOffset = 0,
+ xlOffset = 0,
+ align = '',
+ justify = '',
+ direction = '',
+-%}
+
+{% set xsSize = false %}{% if xs > 0 %}{% set xsSize = "true" %}{% endif %}
+{% set smSize = false %}{% if sm > 0 %}{% set smSize = "true" %}{% endif %}
+{% set mdSize = false %}{% if md > 0 %}{% set mdSize = "true" %}{% endif %}
+{% set lgSize = false %}{% if lg > 0 %}{% set lgSize = "true" %}{% endif %}
+{% set xlSize = false %}{% if xl > 0 %}{% set xlSize = "true" %}{% endif %}
+
+{% set xsOffsetSize = false %}{% if xsOffset > 0 %}{% set xsOffsetSize = "true" %}{% endif %}
+{% set smOffsetSize = false %}{% if smOffset > 0 %}{% set smOffsetSize = "true" %}{% endif %}
+{% set mdOffsetSize = false %}{% if mdOffset > 0 %}{% set mdOffsetSize = "true" %}{% endif %}
+{% set lgOffsetSize = false %}{% if lgOffset > 0 %}{% set lgOffsetSize = "true" %}{% endif %}
+{% set xlOffsetSize = false %}{% if xlOffset > 0 %}{% set xlOffsetSize = "true" %}{% endif %}
+
+{% set alignClass = '' %}
+{% if align == 'start' %}{% set alignClass = 'items-start' %}
+{% elseif align == 'center' %}{% set alignClass = 'items-center' %}
+{% elseif align == 'end' %}{% set alignClass = 'items-end' %}
+{% endif %}
+
+{% set justifyClass = '' %}
+{% if justify == 'start' %}{% set justifyClass = 'justify-start' %}
+{% elseif justify == 'center' %}{% set justifyClass = 'justify-center' %}
+{% elseif justify == 'end' %}{% set justifyClass = 'justify-end' %}
+{% elseif justify == 'between' %}{% set justifyClass = 'justify-between' %}
+{% elseif justify == 'around' %}{% set justifyClass = 'justify-around' %}
+{% elseif justify == 'evenly' %}{% set justifyClass = 'justify-evenly' %}
+{% endif %}
+
+{% set directionClass = '' %}
+{% if direction == 'row' %}{% set directionClass = 'flex-row' %}
+{% elseif direction == 'column' %}{% set directionClass = 'flex-col' %}
+{% endif %}
+
+{%- set style = html_cva(
+ base: 'grid',
+ variants: {
+ xsSize: {
+ "true": 'grid-cols-' ~ xs,
+ },
+ smSize: {
+ "true": 'sm:grid-cols-' ~ sm,
+ },
+ mdSize: {
+ "true": 'md:grid-cols-' ~ md,
+ },
+ lgSize: {
+ "true": 'lg:grid-cols-' ~ lg,
+ },
+ xlSize: {
+ "true": 'xl:grid-cols-' ~ xl,
+ },
+ xsOffsetSize: {
+ "true": 'col-start-' ~ (xsOffset + 1),
+ },
+ smOffsetSize: {
+ "true": 'sm:col-start-' ~ (smOffset + 1),
+ },
+ mdOffsetSize: {
+ "true": 'md:col-start-' ~ (mdOffset + 1),
+ },
+ lgOffsetSize: {
+ "true": 'lg:col-start-' ~ (lgOffset + 1),
+ },
+ xlOffsetSize: {
+ "true": 'xl:col-start-' ~ (xlOffset + 1),
+ },
+ },
+) -%}
+
+ {% block content %}{% endblock %}
+
\ No newline at end of file
diff --git a/src/Toolkit/templates/default/components/Grid/Col.html.twig b/src/Toolkit/templates/default/components/Grid/Col.html.twig
new file mode 100644
index 00000000000..0a263303fba
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Grid/Col.html.twig
@@ -0,0 +1,77 @@
+{%- props
+ xs = 0,
+ sm = 0,
+ md = 0,
+ lg = 0,
+ xl = 0,
+ xsOffset = 0,
+ smOffset = 0,
+ mdOffset = 0,
+ lgOffset = 0,
+ xlOffset = 0,
+ first = false,
+ last = false,
+-%}
+
+{% set xsCols = false %}{% if xs > 0 %}{% set xsCols = "true" %}{% endif %}
+{% set smCols = false %}{% if sm > 0 %}{% set smCols = "true" %}{% endif %}
+{% set mdCols = false %}{% if md > 0 %}{% set mdCols = "true" %}{% endif %}
+{% set lgCols = false %}{% if lg > 0 %}{% set lgCols = "true" %}{% endif %}
+{% set xlCols = false %}{% if xl > 0 %}{% set xlCols = "true" %}{% endif %}
+
+{% set xsOffsetCols = false %}{% if xsOffset > 0 %}{% set xsOffsetCols = "true" %}{% endif %}
+{% set smOffsetCols = false %}{% if smOffset > 0 %}{% set smOffsetCols = "true" %}{% endif %}
+{% set mdOffsetCols = false %}{% if mdOffset > 0 %}{% set mdOffsetCols = "true" %}{% endif %}
+{% set lgOffsetCols = false %}{% if lgOffset > 0 %}{% set lgOffsetCols = "true" %}{% endif %}
+{% set xlOffsetCols = false %}{% if xlOffset > 0 %}{% set xlOffsetCols = "true" %}{% endif %}
+
+{% set firstClass = false %}{% if first %}{% set firstClass = "true" %}{% endif %}
+{% set lastClass = false %}{% if last %}{% set lastClass = "true" %}{% endif %}
+
+{%- set style = html_cva(
+ base: '',
+ variants: {
+ xsCols: {
+ "true": 'col-span-' ~ xs,
+ },
+ smCols: {
+ "true": 'sm:col-span-' ~ sm,
+ },
+ mdCols: {
+ "true": 'md:col-span-' ~ md,
+ },
+ lgCols: {
+ "true": 'lg:col-span-' ~ lg,
+ },
+ xlCols: {
+ "true": 'xl:col-span-' ~ xl,
+ },
+ xsOffsetCols: {
+ "true": 'col-start-' ~ (xsOffset + 1),
+ },
+ smOffsetCols: {
+ "true": 'sm:col-start-' ~ (smOffset + 1),
+ },
+ mdOffsetCols: {
+ "true": 'md:col-start-' ~ (mdOffset + 1),
+ },
+ lgOffsetCols: {
+ "true": 'lg:col-start-' ~ (lgOffset + 1),
+ },
+ xlOffsetCols: {
+ "true": 'xl:col-start-' ~ (xlOffset + 1),
+ },
+ firstClass: {
+ "true": 'order-first',
+ },
+ lastClass: {
+ "true": 'order-last',
+ },
+ },
+) -%}
+
+ {% block content %}{% endblock %}
+
\ No newline at end of file
diff --git a/src/Toolkit/templates/default/components/Grid/Row.html.twig b/src/Toolkit/templates/default/components/Grid/Row.html.twig
new file mode 100644
index 00000000000..9ebef53f7f5
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Grid/Row.html.twig
@@ -0,0 +1,60 @@
+{%- props
+ start = 'auto',
+ center = false,
+ end = false,
+ top = false,
+ middle = false,
+ bottom = false,
+ around = false,
+ between = false,
+ reverse = false,
+-%}
+
+{% set startClass = false %}{% if start != 'auto' %}{% set startClass = "true" %}{% endif %}
+{% set centerClass = false %}{% if center %}{% set centerClass = "true" %}{% endif %}
+{% set endClass = false %}{% if end %}{% set endClass = "true" %}{% endif %}
+{% set topClass = false %}{% if top %}{% set topClass = "true" %}{% endif %}
+{% set middleClass = false %}{% if middle %}{% set middleClass = "true" %}{% endif %}
+{% set bottomClass = false %}{% if bottom %}{% set bottomClass = "true" %}{% endif %}
+{% set aroundClass = false %}{% if around %}{% set aroundClass = "true" %}{% endif %}
+{% set betweenClass = false %}{% if between %}{% set betweenClass = "true" %}{% endif %}
+{% set reverseClass = false %}{% if reverse %}{% set reverseClass = "true" %}{% endif %}
+
+{%- set style = html_cva(
+ base: 'flex flex-wrap',
+ variants: {
+ startClass: {
+ "true": 'justify-start',
+ },
+ centerClass: {
+ "true": 'justify-center',
+ },
+ endClass: {
+ "true": 'justify-end',
+ },
+ topClass: {
+ "true": 'items-start',
+ },
+ middleClass: {
+ "true": 'items-center',
+ },
+ bottomClass: {
+ "true": 'items-end',
+ },
+ aroundClass: {
+ "true": 'justify-around',
+ },
+ betweenClass: {
+ "true": 'justify-between',
+ },
+ reverseClass: {
+ "true": 'flex-row-reverse',
+ },
+ },
+) -%}
+
+ {% block content %}{% endblock %}
+
\ No newline at end of file
diff --git a/src/Toolkit/templates/default/components/Navbar.html.twig b/src/Toolkit/templates/default/components/Navbar.html.twig
new file mode 100644
index 00000000000..60a10b244d2
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Navbar.html.twig
@@ -0,0 +1,5 @@
+
diff --git a/src/Toolkit/templates/default/components/Table.html.twig b/src/Toolkit/templates/default/components/Table.html.twig
new file mode 100644
index 00000000000..f0bf2ab38b5
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'relative w-full overflow-auto',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Table/TableBody.html.twig b/src/Toolkit/templates/default/components/Table/TableBody.html.twig
new file mode 100644
index 00000000000..3ed0f02312b
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableBody.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: '[&_tr:last-child]:border-0',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Table/TableCaption.html.twig b/src/Toolkit/templates/default/components/Table/TableCaption.html.twig
new file mode 100644
index 00000000000..def36aac655
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableCaption.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'text-muted-foreground mt-4 text-sm',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Table/TableCell.html.twig b/src/Toolkit/templates/default/components/Table/TableCell.html.twig
new file mode 100644
index 00000000000..db584a4477e
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableCell.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+ |
diff --git a/src/Toolkit/templates/default/components/Table/TableFooter.html.twig b/src/Toolkit/templates/default/components/Table/TableFooter.html.twig
new file mode 100644
index 00000000000..cbd36d1e6e9
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableFooter.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Table/TableHead.html.twig b/src/Toolkit/templates/default/components/Table/TableHead.html.twig
new file mode 100644
index 00000000000..73e38418a6c
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableHead.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+ |
diff --git a/src/Toolkit/templates/default/components/Table/TableHeader.html.twig b/src/Toolkit/templates/default/components/Table/TableHeader.html.twig
new file mode 100644
index 00000000000..e5ae84ab9dd
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableHeader.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: '[&_tr]:border-b',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/components/Table/TableRow.html.twig b/src/Toolkit/templates/default/components/Table/TableRow.html.twig
new file mode 100644
index 00000000000..d3de2112b82
--- /dev/null
+++ b/src/Toolkit/templates/default/components/Table/TableRow.html.twig
@@ -0,0 +1,13 @@
+{%- props -%}
+{%- set style = html_cva(
+ base: 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
+ variants: {},
+ compoundVariants: []
+) -%}
+
+
+ {% block content %}{% endblock %}
+
diff --git a/src/Toolkit/templates/default/examples/Badge.html.twig b/src/Toolkit/templates/default/examples/Badge.html.twig
new file mode 100644
index 00000000000..94afe17dba9
--- /dev/null
+++ b/src/Toolkit/templates/default/examples/Badge.html.twig
@@ -0,0 +1 @@
+Badge
diff --git a/src/Toolkit/templates/default/examples/BadgeOutline.html.twig b/src/Toolkit/templates/default/examples/BadgeOutline.html.twig
new file mode 100644
index 00000000000..3f92f232c29
--- /dev/null
+++ b/src/Toolkit/templates/default/examples/BadgeOutline.html.twig
@@ -0,0 +1,3 @@
+Badge
+Badge
+Badge
diff --git a/src/Toolkit/templates/default/examples/Button.html.twig b/src/Toolkit/templates/default/examples/Button.html.twig
new file mode 100644
index 00000000000..2b923e00217
--- /dev/null
+++ b/src/Toolkit/templates/default/examples/Button.html.twig
@@ -0,0 +1 @@
+Click me
diff --git a/src/Toolkit/templates/default/examples/Grid.html.twig b/src/Toolkit/templates/default/examples/Grid.html.twig
new file mode 100644
index 00000000000..41eec7726e4
--- /dev/null
+++ b/src/Toolkit/templates/default/examples/Grid.html.twig
@@ -0,0 +1,8 @@
+
+ col
+ col
+ col
+ large column
+ col
+ col
+
\ No newline at end of file
diff --git a/src/Toolkit/templates/default/examples/Table.html.twig b/src/Toolkit/templates/default/examples/Table.html.twig
new file mode 100644
index 00000000000..26e90104f3f
--- /dev/null
+++ b/src/Toolkit/templates/default/examples/Table.html.twig
@@ -0,0 +1,19 @@
+
+ A list of your recent invoices.
+
+
+ Invoice
+ Status
+ Method
+ Amount
+
+
+
+
+ INV001
+ Paid
+ Credit Card
+ $250.00
+
+
+
\ No newline at end of file
diff --git a/src/Toolkit/tests/Command/BuildRegistryCommandTest.php b/src/Toolkit/tests/Command/BuildRegistryCommandTest.php
new file mode 100644
index 00000000000..0acd4ea9bf7
--- /dev/null
+++ b/src/Toolkit/tests/Command/BuildRegistryCommandTest.php
@@ -0,0 +1,74 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Command;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Zenstruck\Console\Test\InteractsWithConsole;
+
+/**
+ * @author Jean-François Lépine
+ */
+class BuildRegistryCommandTest extends KernelTestCase
+{
+ use InteractsWithConsole;
+
+ public function testShouldBeAbleToBuildRegistry(): void
+ {
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+ mkdir($destination);
+
+ $this->bootKernel();
+ $this->consoleCommand('ux:toolkit:build-registry --destination='.$destination)
+ ->execute()
+ ->assertSuccessful()
+ ->assertOutputContains('default/components/Alert.html.twig')
+ ->assertOutputContains('default/components/Table.html.twig')
+ ->assertOutputContains('default/components/Table/TableHeader.html.twig')
+ ;
+
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'registry.json');
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'components/Alert.json');
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'components/Table.json');
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'components/Table/TableRow.json');
+
+ $row = json_decode(file_get_contents($destination.\DIRECTORY_SEPARATOR.'components/Table/TableRow.json'), true);
+ $this->assertSame('TableRow', $row['name']);
+ $this->assertNotEmpty($row['code']);
+ $this->assertSame(md5($row['code']), $row['fingerprint']);
+ }
+
+ public function testShouldBeAbleToBuildRegistryWithMetadata(): void
+ {
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+ mkdir($destination);
+
+ $this->bootKernel();
+ $this->consoleCommand("ux:toolkit:build-registry --licenses=MIT --licenses=CECIL-B --destination=$destination SymfonyUX 'https://www.symfony.com'")
+ ->execute()
+ ->assertSuccessful()
+ ->assertOutputContains('default/components/Alert.html.twig')
+ ->assertOutputContains('default/components/Table.html.twig')
+ ->assertOutputContains('default/components/Table/TableHeader.html.twig')
+ ;
+
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'registry.json');
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'components/Alert.json');
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'components/Table.json');
+ $this->assertFileExists($destination.\DIRECTORY_SEPARATOR.'components/Table/TableRow.json');
+
+ $json = json_decode(file_get_contents($destination.\DIRECTORY_SEPARATOR.'registry.json'), true);
+ $this->assertSame(['MIT', 'CECIL-B'], $json['licenses']);
+ $this->assertSame('https://www.symfony.com', $json['homepage']);
+ $this->assertSame('SymfonyUX', $json['name']);
+ }
+}
diff --git a/src/Toolkit/tests/Command/DebugUxToolkitCommandTest.php b/src/Toolkit/tests/Command/DebugUxToolkitCommandTest.php
new file mode 100644
index 00000000000..b47e2bad810
--- /dev/null
+++ b/src/Toolkit/tests/Command/DebugUxToolkitCommandTest.php
@@ -0,0 +1,40 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Command;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Zenstruck\Console\Test\InteractsWithConsole;
+
+/**
+ * @author Jean-François Lépine
+ */
+class DebugUxToolkitCommandTest extends KernelTestCase
+{
+ use InteractsWithConsole;
+
+ public function testShouldBeAbleToListComponents(): void
+ {
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+ mkdir($destination);
+
+ $this->bootKernel();
+ $this->consoleCommand('debug:ux:toolkit')
+ ->execute()
+ ->assertSuccessful()
+ ->assertOutputContains('Current theme:')
+ ->assertOutputContains('Available components:')
+ ->assertOutputContains('Badge')
+ ->assertOutputContains('Button')
+ ;
+ }
+}
diff --git a/src/Toolkit/tests/Command/UxToolkitInstallCommandTest.php b/src/Toolkit/tests/Command/UxToolkitInstallCommandTest.php
new file mode 100644
index 00000000000..7df39b735a3
--- /dev/null
+++ b/src/Toolkit/tests/Command/UxToolkitInstallCommandTest.php
@@ -0,0 +1,74 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Command;
+
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Zenstruck\Console\Test\InteractsWithConsole;
+
+/**
+ * @author Jean-François Lépine
+ *
+ * @group wip
+ */
+class UxToolkitInstallCommandTest extends KernelTestCase
+{
+ use InteractsWithConsole;
+
+ public function testShouldAbleToCreateTheBadgeComponent(): void
+ {
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+ mkdir($destination);
+
+ $this->bootKernel();
+ $this->consoleCommand('ux:toolkit:install badge --destination='.$destination)
+ ->execute()
+ ->assertSuccessful()
+ ->assertOutputContains('component "Badge" has been installed');
+
+ // A file should be created
+ $expectedFile = $destination.\DIRECTORY_SEPARATOR.'Badge.html.twig';
+ $this->assertFileExists($expectedFile);
+
+ // The content of the file should be the same as the content of the Badge component
+ $expectedContent = file_get_contents(__DIR__.'/../../templates/default/components/Badge.html.twig');
+ $actualContent = file_get_contents($expectedFile);
+ $this->assertEquals($expectedContent, $actualContent);
+ }
+
+ public function testShouldFailWhenComponentDoesNotExist(): void
+ {
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+ mkdir($destination);
+
+ $this->bootKernel();
+ $this->consoleCommand('ux:toolkit:install unknown --destination='.$destination)
+ ->execute()
+ ->assertFaulty()
+ ->assertOutputContains('The component "Unknown" does not exist.');
+ }
+
+ public function testShouldFailWhenComponentFileAlreadyExistsInNonInteractiveMode(): void
+ {
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+ mkdir($destination);
+
+ $this->bootKernel();
+ $this->consoleCommand('ux:toolkit:install badge --destination='.$destination)
+ ->execute()
+ ->assertSuccessful();
+
+ $this->consoleCommand('ux:toolkit:install badge --destination='.$destination)
+ ->execute()
+ ->assertFaulty()
+ ->assertOutputContains('The component "Badge" already exists.');
+ }
+}
diff --git a/src/Toolkit/tests/Compiler/TwigComponentCompilerTest.php b/src/Toolkit/tests/Compiler/TwigComponentCompilerTest.php
new file mode 100644
index 00000000000..edb783e1aaa
--- /dev/null
+++ b/src/Toolkit/tests/Compiler/TwigComponentCompilerTest.php
@@ -0,0 +1,113 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Compiler;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\Compiler\Exception\TwigComponentAlreadyExist;
+use Symfony\UX\Toolkit\Compiler\TwigComponentCompiler;
+use Symfony\UX\Toolkit\Registry\DependenciesResolver;
+use Symfony\UX\Toolkit\Registry\Registry;
+use Symfony\UX\Toolkit\Registry\RegistryItem;
+use Symfony\UX\Toolkit\Registry\RegistryItemType;
+
+/**
+ * @author Jean-François Lépine
+ */
+class TwigComponentCompilerTest extends TestCase
+{
+ public function testItShouldCompileComponentToFile(): void
+ {
+ $compiler = new TwigComponentCompiler('Acme', new DependenciesResolver());
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid('component_');
+
+ $registry = new Registry();
+ $item = new RegistryItem(
+ 'Badge',
+ RegistryItemType::Component,
+ 'default',
+ null,
+ ''
+ );
+ $registry->add($item);
+
+ $compiler->compile($registry, $item, $destination);
+
+ $this->assertFileExists($destination);
+ $this->assertFileExists($destination.'/Acme/Badge.html.twig');
+
+ $content = file_get_contents($destination.'/Acme/Badge.html.twig');
+ $this->assertStringContainsString('', $content);
+ }
+
+ public function testShouldThrowExceptionIfFileAlreadyExist(): void
+ {
+ $compiler = new TwigComponentCompiler('Acme', new DependenciesResolver());
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid('component_');
+
+ $registry = new Registry();
+ $item = new RegistryItem(
+ 'Badge',
+ RegistryItemType::Component,
+ 'default',
+ null,
+ ''
+ );
+ $registry->add($item);
+
+ $compiler->compile($registry, $item, $destination);
+
+ $this->expectException(TwigComponentAlreadyExist::class);
+ $compiler->compile($registry, $item, $destination);
+ }
+
+ public function testDependenciesAreAlsoCompiled(): void
+ {
+ $compiler = new TwigComponentCompiler('Acme', new DependenciesResolver());
+ $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid('component_');
+
+ $registry = new Registry();
+ $registry->add(
+ new RegistryItem(
+ 'Badge',
+ RegistryItemType::Component,
+ 'default',
+ null,
+ ''
+ )
+ );
+ $registry->add(
+ new RegistryItem(
+ 'Table',
+ RegistryItemType::Component,
+ 'default',
+ null,
+ ''
+ )
+ );
+ $registry->add(
+ new RegistryItem(
+ 'TableRow',
+ RegistryItemType::Component,
+ 'default',
+ 'Table',
+ 'foo
'
+ )
+ );
+
+ $compiler->compile($registry, $registry->get('TableRow'), $destination);
+
+ $this->assertFileExists($destination);
+ $this->assertFileExists($destination.'/Acme/Table.html.twig');
+ $this->assertFileExists($destination.'/Acme/TableRow.html.twig');
+ $this->assertFileDoesNotExist($destination.'/Acme/Badge.html.twig');
+ }
+}
diff --git a/src/Toolkit/tests/Component/BadgeTest.php b/src/Toolkit/tests/Component/BadgeTest.php
new file mode 100644
index 00000000000..ffb2938a823
--- /dev/null
+++ b/src/Toolkit/tests/Component/BadgeTest.php
@@ -0,0 +1,41 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Component;
+
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Twig\Environment;
+use Twig\Extra\Html\HtmlExtension;
+
+/**
+ * @author Jean-François Lépine
+ */
+class BadgeTest extends KernelTestCase
+{
+ public function testDefaultRenderingIsPossible(): void
+ {
+ $this->bootKernel();
+
+ $html = <<Demo
+my badge
+EOT;
+ /** @var Environment $twig */
+ $twig = static::getContainer()->get('twig');
+ $twig->addExtension(new HtmlExtension());
+
+ $template = $twig->createTemplate($html);
+ $output = $template->render([]);
+
+ $this->assertStringContainsString('class="inline-flex items-center ', $output);
+ $this->assertStringContainsString('my badge', $output);
+ }
+}
diff --git a/src/Toolkit/tests/ComponentRepository/GithubRepositoryTest.php b/src/Toolkit/tests/ComponentRepository/GithubRepositoryTest.php
new file mode 100644
index 00000000000..f412a396123
--- /dev/null
+++ b/src/Toolkit/tests/ComponentRepository/GithubRepositoryTest.php
@@ -0,0 +1,104 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\ComponentRepository;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Component\Filesystem\Filesystem;
+use Symfony\Component\HttpClient\MockHttpClient;
+use Symfony\Component\HttpClient\Response\MockResponse;
+use Symfony\UX\Toolkit\ComponentRepository\GithubRepository;
+use Symfony\UX\Toolkit\ComponentRepository\RepositoryIdentity;
+use Symfony\UX\Toolkit\ComponentRepository\RepositorySources;
+
+/**
+ * @author Jean-François Lépine
+ */
+class GithubRepositoryTest extends TestCase
+{
+ public function testGithubRepositoryUseClientAndTryToDownloadRemoteFile(): void
+ {
+ // Create a zip file with a pseudo manifest.json file
+ $manifest = '{"name:""Haleck45/ux-toolkit","version":"1.0.0"}';
+ $workdir = sys_get_temp_dir().'/ux-toolkit';
+ $filesystem = new Filesystem();
+ $filesystem->mkdir($workdir);
+ $filesystem->dumpFile($workdir.'/manifest.json', $manifest);
+ $filesystem->dumpFile($workdir.'/README.md', 'My readme content');
+
+ $zip = new \ZipArchive();
+ $zip->open($workdir.'/ux-toolkit-1.0.0.zip', \ZipArchive::CREATE);
+ $zip->addFile($workdir.'/manifest.json', 'manifest.json');
+ $zip->addFile($workdir.'/README.md', 'README.md');
+ $zip->close();
+
+ // Create a mock http client that will return the zip file
+ $client = new MockHttpClient();
+ $client->setResponseFactory(fn () => new MockResponse(
+ file_get_contents($workdir.'/ux-toolkit-1.0.0.zip'),
+ [
+ 'http_code' => 200,
+ 'response_headers' => [
+ 'content-type' => 'application/zip',
+ ],
+ ]
+ ));
+
+ $filesystem = new Filesystem();
+ $repository = new GithubRepository($filesystem, $client);
+
+ $component = new RepositoryIdentity(RepositorySources::GITHUB, 'Halleck45', 'ux-toolkit', '1.0.0');
+ $finder = $repository->fetch($component);
+
+ // the manifest file should be extracted
+ $manifestFile = $finder->files()->path('manifest.json')->count();
+ $this->assertSame(1, $manifestFile);
+ }
+
+ public function testGithubRepositorybUTwITHiNVALIDhEADERS(): void
+ {
+ // Create a zip file with a pseudo manifest.json file
+ $manifest = '{"name:""Haleck45/ux-toolkit","version":"1.0.0"}';
+ $workdir = sys_get_temp_dir().'/ux-toolkit';
+ $filesystem = new Filesystem();
+ $filesystem->mkdir($workdir);
+ $filesystem->dumpFile($workdir.'/manifest.json', $manifest);
+ $filesystem->dumpFile($workdir.'/README.md', 'My readme content');
+
+ $zip = new \ZipArchive();
+ $zip->open($workdir.'/ux-toolkit-1.0.0.zip', \ZipArchive::CREATE);
+ $zip->addFile($workdir.'/manifest.json', 'manifest.json');
+ $zip->addFile($workdir.'/README.md', 'README.md');
+ $zip->close();
+
+ // Create a mock http client that will return the zip file
+ $client = new MockHttpClient();
+ $client->setResponseFactory(fn () => new MockResponse(
+ file_get_contents($workdir.'/ux-toolkit-1.0.0.zip'),
+ [
+ 'http_code' => 200,
+ 'response_headers' => [
+ 'content-type' => 'application/json',
+ ],
+ ]
+ ));
+
+ $filesystem = new Filesystem();
+ $repository = new GithubRepository($filesystem, $client);
+
+ $component = new RepositoryIdentity(RepositorySources::GITHUB, 'Halleck45', 'ux-toolkit', '1.0.0');
+
+ $this->expectException(\RuntimeException::class);
+ $this->expectExceptionMessage('The file from "http://github.com/Halleck45/ux-toolkit/archive/1.0.0.zip" is not a valid zip file.');
+
+ $repository->fetch($component);
+ }
+}
diff --git a/src/Toolkit/tests/ComponentRepository/OfficialRepositoryTest.php b/src/Toolkit/tests/ComponentRepository/OfficialRepositoryTest.php
new file mode 100644
index 00000000000..7eefbf8bb76
--- /dev/null
+++ b/src/Toolkit/tests/ComponentRepository/OfficialRepositoryTest.php
@@ -0,0 +1,44 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\ComponentRepository;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Component\Finder\Exception\DirectoryNotFoundException;
+use Symfony\UX\Toolkit\ComponentRepository\RepositoryIdentity;
+use Symfony\UX\Toolkit\ComponentRepository\OfficialRepository;
+use Symfony\UX\Toolkit\ComponentRepository\RepositorySources;
+
+/**
+ * @author Jean-François Lépine
+ */
+class OfficialRepositoryTest extends TestCase
+{
+ public function testOfficialRepositoryGetContentOfExistentComponent(): void
+ {
+ $repository = new OfficialRepository();
+ $identity = new RepositoryIdentity(RepositorySources::EMBEDDED, 'symfony', 'default');
+
+ $finder = $repository->fetch($identity);
+
+ $exists = $finder->files()->path('registry.json')->count();
+ $this->assertEquals(1, $exists);
+ }
+
+ public function testOfficialRepositoryFailWhenComponentDoesNotExist(): void
+ {
+ $repository = new OfficialRepository();
+ $identity = new RepositoryIdentity(RepositorySources::EMBEDDED, 'symfony', 'unexistent');
+
+ $this->expectException(DirectoryNotFoundException::class);
+ $finder = $repository->fetch($identity);
+ }
+}
diff --git a/src/Toolkit/tests/ComponentRepository/RepositoryFactoryTest.php b/src/Toolkit/tests/ComponentRepository/RepositoryFactoryTest.php
new file mode 100644
index 00000000000..d10c9b9c342
--- /dev/null
+++ b/src/Toolkit/tests/ComponentRepository/RepositoryFactoryTest.php
@@ -0,0 +1,59 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\ComponentRepository;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\UX\Toolkit\ComponentRepository\GithubRepository;
+use Symfony\UX\Toolkit\ComponentRepository\OfficialRepository;
+use Symfony\UX\Toolkit\ComponentRepository\RepositoryFactory;
+use Symfony\UX\Toolkit\ComponentRepository\RepositoryIdentity;
+use Symfony\UX\Toolkit\ComponentRepository\RepositorySources;
+
+/**
+ * @author Jean-François Lépine
+ */
+class RepositoryFactoryTest extends KernelTestCase
+{
+ /**
+ * @dataProvider providesSources
+ */
+ public function testItShouldFactoryRepositoryAccordingToItsName(
+ int $type,
+ ?string $expectedInstance,
+ bool $shouldThrowException = false,
+ ): void {
+ $this->bootKernel();
+ $factory = static::getContainer()->get(RepositoryFactory::class);
+
+ if ($shouldThrowException) {
+ $this->expectException(\InvalidArgumentException::class);
+ }
+
+ $result = $factory->factory(new RepositoryIdentity($type, 'myvendor', 'mypackage'));
+
+ if ($shouldThrowException) {
+ return;
+ }
+
+ $this->assertInstanceOf($expectedInstance, $result);
+ }
+
+ public static function providesSources(): array
+ {
+ return [
+ [RepositorySources::EMBEDDED, OfficialRepository::class, false],
+ [RepositorySources::GITHUB, GithubRepository::class, false],
+ [99, null, true],
+ ];
+ }
+}
diff --git a/src/Toolkit/tests/ComponentRepository/RepositoryIdentifierTest.php b/src/Toolkit/tests/ComponentRepository/RepositoryIdentifierTest.php
new file mode 100644
index 00000000000..f40a04ba8d5
--- /dev/null
+++ b/src/Toolkit/tests/ComponentRepository/RepositoryIdentifierTest.php
@@ -0,0 +1,65 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\ComponentRepository;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\ComponentRepository\RepositoryIdentifier;
+use Symfony\UX\Toolkit\ComponentRepository\RepositoryIdentity;
+use Symfony\UX\Toolkit\ComponentRepository\RepositorySources;
+
+/**
+ * @author Jean-François Lépine
+ */
+class RepositoryIdentifierTest extends TestCase
+{
+ public function testItShouldIdentifyOfficialComponent(): void
+ {
+ $identifier = new RepositoryIdentifier();
+ $identity = $identifier->identify('default');
+
+ $this->assertInstanceOf(RepositoryIdentity::class, $identity);
+ $this->assertEquals(RepositorySources::EMBEDDED, $identity->getType());
+ $this->assertEquals('symfony', $identity->getVendor());
+ }
+
+ public function testItShouldIdentifyGithubComponent(): void
+ {
+ $identifier = new RepositoryIdentifier();
+ $identity = $identifier->identify('https://github.com/Halleck45/uikit');
+
+ $this->assertEquals(RepositorySources::GITHUB, $identity->getType());
+ $this->assertEquals('Halleck45', $identity->getVendor());
+ $this->assertEquals('uikit', $identity->getPackage());
+ }
+
+ public function testItShouldIdentifiyGithubComponentEventWithoutScheme(): void
+ {
+ $identifier = new RepositoryIdentifier();
+ $identity = $identifier->identify('github.com/Halleck45/uikit');
+
+ $this->assertEquals(RepositorySources::GITHUB, $identity->getType());
+ $this->assertEquals('Halleck45', $identity->getVendor());
+ $this->assertEquals('uikit', $identity->getPackage());
+ $this->assertEquals('main', $identity->getVersion());
+ }
+
+ public function testItShouldIdentifyGithubComponentWithVersion(): void
+ {
+ $identifier = new RepositoryIdentifier();
+ $identity = $identifier->identify('github.com/Halleck45/uikit@v1.0.0');
+
+ $this->assertEquals(RepositorySources::GITHUB, $identity->getType());
+ $this->assertEquals('Halleck45', $identity->getVendor());
+ $this->assertEquals('uikit', $identity->getPackage());
+ $this->assertEquals('v1.0.0', $identity->getVersion());
+ }
+}
diff --git a/src/Toolkit/tests/DependencyInjection/ToolkitExtensionTest.php b/src/Toolkit/tests/DependencyInjection/ToolkitExtensionTest.php
new file mode 100644
index 00000000000..8ea58bc7883
--- /dev/null
+++ b/src/Toolkit/tests/DependencyInjection/ToolkitExtensionTest.php
@@ -0,0 +1,46 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\DependencyInjection;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\UX\Toolkit\DependencyInjection\ToolkitExtension;
+
+/**
+ * @author Jean-François Lépine
+ */
+class ToolkitExtensionTest extends TestCase
+{
+ public function testGetAlias(): void
+ {
+ $extension = new ToolkitExtension();
+ $this->assertEquals('ux_toolkit', $extension->getAlias());
+ }
+
+ public function testLoadInjectUsefulParameters(): void
+ {
+ $configs = [
+ 'prefix' => 'Acme',
+ 'theme' => 'default',
+ ];
+
+ $container = new ContainerBuilder();
+ $extension = new ToolkitExtension();
+ $extension->load([$configs], $container);
+
+ $this->assertTrue($container->hasParameter('ux_toolkit.prefix'));
+ $this->assertEquals('Acme', $container->getParameter('ux_toolkit.prefix'));
+
+ $this->assertTrue($container->hasParameter('ux_toolkit.theme'));
+ $this->assertEquals('default', $container->getParameter('ux_toolkit.theme'));
+ }
+}
diff --git a/src/Toolkit/tests/Fixtures/Kernel.php b/src/Toolkit/tests/Fixtures/Kernel.php
new file mode 100644
index 00000000000..ebfaa6a05c1
--- /dev/null
+++ b/src/Toolkit/tests/Fixtures/Kernel.php
@@ -0,0 +1,60 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Fixtures;
+
+use Symfony\Bundle\FrameworkBundle\FrameworkBundle;
+use Symfony\Bundle\FrameworkBundle\Kernel\MicroKernelTrait;
+use Symfony\Bundle\TwigBundle\TwigBundle;
+use Symfony\Component\DependencyInjection\Loader\Configurator\ContainerConfigurator;
+use Symfony\Component\HttpKernel\Kernel as BaseKernel;
+use Symfony\UX\Toolkit\UxToolkitBundle;
+use Symfony\UX\TwigComponent\TwigComponentBundle;
+use TalesFromADev\Twig\Extra\Tailwind\Bridge\Symfony\Bundle\TalesFromADevTwigExtraTailwindBundle;
+
+/**
+ * @author Jean-François Lépine
+ */
+final class Kernel extends BaseKernel
+{
+ use MicroKernelTrait;
+
+ public function registerBundles(): iterable
+ {
+ return [
+ new FrameworkBundle(),
+ new TwigBundle(),
+ new TwigComponentBundle(),
+ new UxToolkitBundle(),
+ new TalesFromADevTwigExtraTailwindBundle(),
+ ];
+ }
+
+ protected function configureContainer(ContainerConfigurator $containerConfigurator): void
+ {
+ $config = [
+ 'secret' => 'SECRET',
+ 'test' => true,
+ ];
+
+ $containerConfigurator->extension('framework', $config);
+ $containerConfigurator->extension('twig', [
+ 'default_path' => __DIR__.'/../../templates/default',
+ ]);
+
+ $config = [
+ 'anonymous_template_directory' => 'components/',
+ 'defaults' => [],
+ ];
+
+ $containerConfigurator->extension('twig_component', $config);
+ }
+}
diff --git a/src/Toolkit/tests/Registry/DependenciesResolverTest.php b/src/Toolkit/tests/Registry/DependenciesResolverTest.php
new file mode 100644
index 00000000000..8bee4ad31bd
--- /dev/null
+++ b/src/Toolkit/tests/Registry/DependenciesResolverTest.php
@@ -0,0 +1,129 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests\Registry;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\Registry\DependenciesResolver;
+use Symfony\UX\Toolkit\Registry\Registry;
+use Symfony\UX\Toolkit\Registry\RegistryItem;
+use Symfony\UX\Toolkit\Registry\RegistryItemType;
+
+/**
+ * @author Jean-François Lépine
+ *
+ * @group wip
+ */
+class DependenciesResolverTest extends TestCase
+{
+ public function testItShouldResolveDependenciesOrder(): void
+ {
+ $registry = new Registry();
+
+ $registry->add(
+ new RegistryItem(
+ 'cell',
+ RegistryItemType::Component,
+ 'default',
+ 'row',
+ ''
+ )
+ );
+
+ $registry->add(
+ new RegistryItem(
+ 'table',
+ RegistryItemType::Component,
+ 'default',
+ null,
+ ''
+ )
+ );
+
+ $registry->add(
+ new RegistryItem(
+ 'row',
+ RegistryItemType::Component,
+ 'default',
+ 'table',
+ ''
+ )
+ );
+
+ $registry->add(
+ new RegistryItem(
+ 'button',
+ RegistryItemType::Component,
+ 'default',
+ null,
+ ''
+ )
+ );
+
+ $registry->add(
+ new RegistryItem(
+ 'icon',
+ RegistryItemType::Component,
+ 'default',
+ 'button',
+ ''
+ )
+ );
+
+ $resolver = new DependenciesResolver();
+ $resolved = $resolver->resolve($registry);
+ $this->assertEquals('table', $resolved[0]->name);
+ $this->assertEquals('row', $resolved[1]->name);
+ $this->assertEquals('cell', $resolved[2]->name);
+ $this->assertEquals('button', $resolved[3]->name);
+ $this->assertEquals('icon', $resolved[4]->name);
+ }
+
+ public function testCircularDependency(): void
+ {
+ $registry = new Registry();
+
+ $registry->add(
+ new RegistryItem(
+ 'cell',
+ RegistryItemType::Component,
+ 'default',
+ 'row',
+ ''
+ )
+ );
+
+ $registry->add(
+ new RegistryItem(
+ 'table',
+ RegistryItemType::Component,
+ 'default',
+ 'cell',
+ ''
+ )
+ );
+
+ $registry->add(
+ new RegistryItem(
+ 'row',
+ RegistryItemType::Component,
+ 'default',
+ 'table',
+ ''
+ )
+ );
+
+ $resolver = new DependenciesResolver();
+ $this->expectException(\RuntimeException::class);
+ $this->expectExceptionMessage('Circular dependency detected: table -> cell');
+ $resolver->resolve($registry);
+ }
+}
diff --git a/src/Toolkit/tests/UxToolkitBundleTest.php b/src/Toolkit/tests/UxToolkitBundleTest.php
new file mode 100644
index 00000000000..95d769f46f4
--- /dev/null
+++ b/src/Toolkit/tests/UxToolkitBundleTest.php
@@ -0,0 +1,32 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\Toolkit\Tests;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\UX\Toolkit\DependencyInjection\ToolkitExtension;
+use Symfony\UX\Toolkit\UxToolkitBundle;
+
+/**
+ * @author Jean-François Lépine
+ */
+class UxToolkitBundleTest extends KernelTestCase
+{
+ public function testBundleBuildsSuccessfully(): void
+ {
+ self::bootKernel();
+ $container = self::$kernel->getContainer();
+
+ $this->assertInstanceOf(UxToolkitBundle::class, $container->get('kernel')->getBundles()['UxToolkitBundle']);
+ }
+}
diff --git a/src/Toolkit/tests/bootstrap.php b/src/Toolkit/tests/bootstrap.php
new file mode 100644
index 00000000000..3a6f67b1c33
--- /dev/null
+++ b/src/Toolkit/tests/bootstrap.php
@@ -0,0 +1,16 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+use Symfony\Component\Filesystem\Filesystem;
+
+require __DIR__.'/../vendor/autoload.php';
+
+(new Filesystem())->remove(__DIR__.'/../var');
diff --git a/src/Toolkit/tests/ui/components/badge-destructive.html b/src/Toolkit/tests/ui/components/badge-destructive.html
new file mode 100644
index 00000000000..ba7bb4edae8
--- /dev/null
+++ b/src/Toolkit/tests/ui/components/badge-destructive.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+my badge
+
+
\ No newline at end of file
diff --git a/src/Toolkit/tests/ui/generate-html b/src/Toolkit/tests/ui/generate-html
new file mode 100755
index 00000000000..3f3eedee178
--- /dev/null
+++ b/src/Toolkit/tests/ui/generate-html
@@ -0,0 +1,43 @@
+#!/usr/bin/env php
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+/*
+ * @author Jean-François Lépine
+ */
+
+use Twig\Extra\Html\HtmlExtension;
+
+require __DIR__ . '/../../vendor/autoload.php';
+
+// mount he microkernel
+$kernel = new Symfony\UX\Toolkit\Tests\Fixtures\Kernel('test', true);
+$kernel->boot();
+$container = $kernel->getContainer()->get('test.service_container');
+$twig = $container->get('twig');
+$twig->addExtension(new HtmlExtension());
+
+// list files in the components dir
+$files = glob(__DIR__ . '/components/*.html');
+
+// for each, we generate a corresponding file into the output dir
+foreach ($files as $file) {
+ $name = pathinfo($file, PATHINFO_FILENAME);
+ echo " - " . $name . "\n";
+ $html = file_get_contents($file);
+
+ $template = $twig->createTemplate($html);
+ $output = $template->render([]);
+
+ file_put_contents(__DIR__ . '/output/' . $name . '.html', $output);
+}
+
+echo "Done\n";
\ No newline at end of file
diff --git a/src/Toolkit/tests/ui/reference/.keepme b/src/Toolkit/tests/ui/reference/.keepme
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/Toolkit/tests/ui/suite b/src/Toolkit/tests/ui/suite
new file mode 100755
index 00000000000..7c5f5165b76
--- /dev/null
+++ b/src/Toolkit/tests/ui/suite
@@ -0,0 +1,110 @@
+#!/usr/bin/env bash
+set -e
+
+#
+# This file is part of the Symfony package.
+#
+# (c) Fabien Potencier
+#
+# For the full copyright and license information, please view the LICENSE
+# file that was distributed with this source code.
+#
+#
+# @author Jean-François Lépine
+#
+
+#
+# This script is used to compare screenshots of the components. It generates HTML from twig files, then generates screenshots
+# and compares them with the reference images.
+#
+# Usage:
+#
+# ./suite <--capture>
+#
+
+PERCENTAGE_THRESHOLD=10
+DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+
+# Ensure PHP is installed
+if ! [ -x "$(command -v php)" ]; then
+ echo 'Error: PHP is not installed.' >&2
+ exit 1
+fi
+
+# Ensure pageres is installed
+if ! [ -x "$(command -v pageres)" ]; then
+ echo 'Error: pageres is not installed. Please run `npm install -g pageres-cli`.' >&2
+ exit 1
+fi
+
+# check if we should generate reference images
+if [ "$1" == "--capture" ]; then
+ generateReference=true
+else
+ generateReference=false
+fi
+
+referenceDir=$DIR/reference
+if [ ! -d "$referenceDir" ]; then
+ mkdir -p $referenceDir
+fi
+
+# Ensure reference is not empty
+if [ ! "$(ls -A $referenceDir)" ]; then
+ if [ "$generateReference" = false ]; then
+ echo "Reference directory is empty. Please run again with --capture flag"
+ exit 1
+ fi
+fi
+
+if [ "$generateReference" = true ]; then
+ rm -Rf $DIR/reference/*
+fi
+
+rm -Rf $DIR/output/*
+rm -Rf $DIR/screens/*
+mkdir -p $DIR/output
+mkdir -p $DIR/screens
+
+# Generating HTML files from twig components
+echo "Generating HTML files..."
+./generate-html
+
+# Generating corresponding images
+echo "Generating screenshots..."
+files=( $DIR/output/*.html )
+for file in "${files[@]}"
+do
+ name=$(basename $file)
+ destination=screens/${name%.*}
+ pageres $file --filename=$destination
+done
+
+if [ "$generateReference" = true ]; then
+ echo "Reference images generated."
+ cp $DIR/screens/* $DIR/reference
+ exit 0
+fi
+
+# Comparing images
+echo "Comparing images..."
+for file in $DIR/screens/*.png
+do
+ name=$(basename $file)
+ reference=$referenceDir/$name
+
+ differenceInPercent=$(convert -metric AE $reference $file -trim -compare -format "%[distortion]" info:)
+ differenceInPercent=${differenceInPercent%.*}
+
+ echo "- $name: $differenceInPercent%"
+
+ if [ $differenceInPercent -gt $PERCENTAGE_THRESHOLD ]; then
+ echo "Difference between $reference and $file is $differenceInPercent%"
+ exit 1
+ fi
+done
+
+echo
+cnt=$(ls -1 $DIR/screens/*.png | wc -l)
+echo "All images ($cnt) are within the threshold of $PERCENTAGE_THRESHOLD% difference."
+echo
\ No newline at end of file