[Toolkit] Adds first components

Author: Halleck45

biome.json

@@ -15,7 +15,14 @@
             "src/*/src/Bridge/*/assets/src/**",
             "src/*/src/Bridge/*/assets/test/**"
         ],
-        "ignore": ["**/composer.json", "**/vendor", "**/package.json", "**/node_modules", "**/var"]
+        "ignore": [
+            "**/composer.json",
+            "**/vendor",
+            "**/package.json",
+            "**/node_modules",
+            "**/var",
+            "**/registry/default/**"
+        ]
     },
     "linter": {
         "rules": {

src/Toolkit/registry/default/components/Alert.json

@@ -0,0 +1,11 @@
+{
+    "name": "Alert",
+    "manifest": "components/Alert.json",
+    "theme": "",
+    "type": "component",
+    "code": "<div {{ attributes.without('class') }}\n    class=\"{{ (' ' ~ attributes.render('class'))|tailwind_merge }}\"\n>\n    <twig:Button>Dependency test</twig:Button>\n    {% block content %}Alert{% endblock %}\n</div>\n",
+    "fingerprint": "9d173046a7c64cfc696f1a89aaac82a6",
+    "dependencies": [
+        "Button"
+    ]
+}

src/Toolkit/registry/default/components/AspectRatio.json

@@ -0,0 +1,9 @@
+{
+    "name": "AspectRatio",
+    "manifest": "components/AspectRatio.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props ratio = (4/3) -%}\n<div \n    style=\"width:100%; position: relative; padding-bottom: calc((1/({{ ratio }})) * 100%);\"\n    {{ attributes.defaults({}).without('style') }}\n>\n    <div style=\"position: absolute; left:0; right:0; top:0; bottom: 0\">\n        {% block content %}{% endblock %}\n    </div>\n</div>\n",
+    "fingerprint": "3241c112cedbdd34c8e60f79c955c097",
+    "dependencies": []
+}

src/Toolkit/registry/default/components/Avatar.json

@@ -0,0 +1,12 @@
+{
+    "name": "Avatar",
+    "manifest": "components/Avatar.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props -%}\n{%- set style = html_cva(\n    base: 'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',\n    variants: {},\n    compoundVariants: []\n) -%}\n\n<span\n        class=\"{{ style.apply({}, attributes.render('class'))|tailwind_merge }}\"\n        {{ attributes.defaults({}).without('class') }}\n>\n    {% block content %}{% endblock %}\n</span>\n",
+    "fingerprint": "c9bce3df7db54997fefe722308dcd098",
+    "dependencies": [
+        "AvatarFallback",
+        "AvatarImage"
+    ]
+}

src/Toolkit/registry/default/components/Avatar/AvatarFallback.json

@@ -0,0 +1,10 @@
+{
+    "name": "AvatarFallback",
+    "manifest": "components/Avatar/AvatarFallback.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props -%}\n{%- set style = html_cva(\n    base: 'flex h-full w-full items-center justify-center rounded-full bg-muted',\n    variants: {},\n    compoundVariants: []\n) -%}\n\n<span\n        class=\"{{ style.apply({}, attributes.render('class'))|tailwind_merge }}\"\n        {{ attributes.defaults({}).without('class') }}\n>\n    {% block content %}{% endblock %}\n</span>\n",
+    "fingerprint": "0170d9f5db25ece504dde4646320a3e1",
+    "dependencies": [],
+    "parentName": "Avatar"
+}

src/Toolkit/registry/default/components/Avatar/AvatarImage.json

@@ -0,0 +1,10 @@
+{
+    "name": "AvatarImage",
+    "manifest": "components/Avatar/AvatarImage.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props -%}\n{%- set style = html_cva(\n    base: 'aspect-square h-full w-full',\n    variants: {},\n    compoundVariants: []\n) -%}\n\n<img\n    class=\"{{ style.apply({}, attributes.render('class'))|tailwind_merge }}\"\n    {{ attributes.defaults({}).without('class') }}\n/>",
+    "fingerprint": "0b34d0e7f0f6eeffea6dabaa5b84d908",
+    "dependencies": [],
+    "parentName": "Avatar"
+}

src/Toolkit/registry/default/components/Badge.json

@@ -0,0 +1,9 @@
+{
+    "name": "Badge",
+    "manifest": "components/Badge.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props variant = 'default', outline = false -%}\n{%- set style = html_cva(\n    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',\n    variants: {\n        variant: {\n            default: \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n            secondary: \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n            destructive: \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n        },\n        outline: {\n            true: \"text-foreground bg-white\",\n        }\n    },\n    compoundVariants: [{\n        variant: ['default'],\n        outline: ['true'],\n        class: 'border-primary',\n    }, {\n        variant: ['secondary'],\n        outline: ['true'],\n        class: 'border-secondary',\n    }, {\n        variant: ['destructive'],\n        outline: ['true'],\n        class: 'border-destructive',\n    },]\n) -%}\n\n<div\n    class=\"{{ style.apply({variant, outline}, attributes.render('class'))|tailwind_merge }}\"\n    {{ attributes.defaults({}).without('class') }}\n>\n    {% block content %}{% endblock %}\n</div>\n",
+    "fingerprint": "60d4bcc6f49889e80835dae477d51a11",
+    "dependencies": []
+}

src/Toolkit/registry/default/components/Blank.json

@@ -0,0 +1,9 @@
+{
+    "name": "Blank",
+    "manifest": "components/Blank.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props -%}\n{%- set style = html_cva(\n    base: '',\n    variants: {},\n    compoundVariants: []\n) -%}\n\n<span\n    class=\"{{ style.apply({}, attributes.render('class'))|tailwind_merge }}\"\n    {{ attributes.defaults({}).without('class') }}\n>\n    {% block content %}{% endblock %}\n</span>\n",
+    "fingerprint": "9beffd90dfda5a86065ea9382f2b48d8",
+    "dependencies": []
+}

src/Toolkit/registry/default/components/Breadcrumb.json

@@ -0,0 +1,16 @@
+{
+    "name": "Breadcrumb",
+    "manifest": "components/Breadcrumb.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props -%}\n{%- set style = html_cva(\n    base: '',\n    variants: {},\n    compoundVariants: []\n) -%}\n\n<span\n    class=\"{{ style.apply({}, attributes.render('class'))|tailwind_merge }}\"\n    {{ attributes.defaults({}).without('class') }}\n>\n    {% block content %}{% endblock %}\n</span>\n",
+    "fingerprint": "9beffd90dfda5a86065ea9382f2b48d8",
+    "dependencies": [
+        "BreadcrumbEllipsis",
+        "BreadcrumbItem",
+        "BreadcrumbLink",
+        "BreadcrumbList",
+        "BreadcrumbPage",
+        "BreadcrumbSeparator"
+    ]
+}

src/Toolkit/registry/default/components/Breadcrumb/BreadcrumbEllipsis.json

@@ -0,0 +1,10 @@
+{
+    "name": "BreadcrumbEllipsis",
+    "manifest": "components/Breadcrumb/BreadcrumbEllipsis.json",
+    "theme": "",
+    "type": "component",
+    "code": "{%- props -%}\n{%- set style = html_cva(\n    base: 'flex h-9 w-9 items-center justify-center',\n    variants: {},\n    compoundVariants: []\n) -%}\n\n<span\n    class=\"{{ style.apply({}, attributes.render('class'))|tailwind_merge }}\"\n    {{ attributes.defaults({}).without('class') }}\n    role=\"presentation\"\n    aria-hidden=\"true\"\n>\n    {% set _block = block('content') %}\n    {% if content is defined and content is not empty %}\n        {% block content %}{% endblock %}\n    {% else %}\n        <span class=\"h-4 w-4\">...</span>\n    {% endif %}\n</span>\n",
+    "fingerprint": "c1725f1ef14bef095bdc4db7ab29d75f",
+    "dependencies": [],
+    "parentName": "Breadcrumb"
+}