daisyui 5.0.0-alpha.3 → 5.0.0-alpha.30

package/components/alert.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}@media (width>=640px){.sm\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.sm\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.sm\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.sm\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.sm\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.sm\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.sm\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=768px){.md\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.md\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.md\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.md\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.md\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.md\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.md\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1024px){.lg\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.lg\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.lg\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.lg\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.lg\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.lg\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.lg\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1280px){.xl\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.xl\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.xl\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.xl\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.xl\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.xl\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1536px){.\32 xl\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.\32 xl\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.\32 xl\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.\32 xl\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.\32 xl\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.\32 xl\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.\32 xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}

package/components/avatar/index.js

@@ -0,0 +1,4 @@
+import avatar from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...avatar})
+}

package/components/avatar/object.js

@@ -0,0 +1 @@
+export default {".avatar-group":{"display":"flex","overflow":"hidden",":where(.avatar)":{"overflow":"hidden","border-radius":"calc(infinity * 1px)","border":"4px solid var(--color-base-100)"}},".avatar":{"position":"relative","display":"inline-flex","vertical-align":"middle","&>div":{"display":"block","aspect-ratio":"1 / 1","overflow":"hidden"},"img":{"height":"100%","width":"100%","object-fit":"cover"}},".avatar-placeholder":{"&>div":{"display":"flex","align-items":"center","justify-content":"center"}},".avatar-online":{"&:before":{"content":"\"\"","position":"absolute","z-index":10,"display":"block","border-radius":"calc(infinity * 1px)","background-color":"var(--color-success, )","outline":"2px solid var(--color-base-100)","width":"15%","height":"15%","top":"7%","right":"7%"}},".avatar-offline":{"&:before":{"content":"\"\"","position":"absolute","z-index":10,"display":"block","border-radius":"calc(infinity * 1px)","background-color":"var(--color-base-300, )","outline":"2px solid var(--color-base-100)","width":"15%","height":"15%","top":"7%","right":"7%"}}};

package/components/avatar.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}@media (width>=640px){.sm\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.sm\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.sm\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.sm\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.sm\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=768px){.md\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.md\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.md\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.md\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.md\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1024px){.lg\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.lg\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.lg\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.lg\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.lg\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1280px){.xl\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.xl\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.xl\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.xl\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.xl\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1536px){.\32 xl\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.\32 xl\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.\32 xl\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.\32 xl\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.\32 xl\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}

package/components/badge/index.js

@@ -1,74 +1,4 @@
-export default {
-  ".badge": {
-    "@apply inline-flex items-center justify-center transition duration-200 ease-out h-5 text-sm leading-5 rounded-badge border text-base-content": {},
-    "width": "fit-content",
-    "paddingLeft": "0.563rem",
-    "paddingRight": "0.563rem",
-    "background": "var(--badge-color, var(--color-base-100))",
-    "borderColor": "var(--badge-color, var(--color-base-200))",
-    "&.badge-outline": {
-      "@apply border-current/50 bg-transparent": {},
-      "color": "var(--badge-color, var(--color-base-content))"
-    }
-  },
-  ".badge-faded": {
-    "color": "color-mix(in xyz, var(--badge-color) 80%, var(--color-base-content))",
-    "background": "color-mix(in xyz, var(--badge-color) 10%, var(--color-base-100))",
-    "borderColor": "color-mix(in xyz, var(--badge-color) 7%, transparent)"
-  },
-  ".badge-primary": {
-    "--badge-color": "var(--color-primary)",
-    "@apply text-primary-content": {}
-  },
-  ".badge-secondary": {
-    "--badge-color": "var(--color-secondary)",
-    "@apply text-secondary-content": {}
-  },
-  ".badge-accent": {
-    "--badge-color": "var(--color-accent)",
-    "@apply text-accent-content": {}
-  },
-  ".badge-neutral": {
-    "--badge-color": "var(--color-neutral)",
-    "@apply text-neutral-content": {}
-  },
-  ".badge-info": {
-    "--badge-color": "var(--color-info)",
-    "@apply text-info-content": {}
-  },
-  ".badge-success": {
-    "--badge-color": "var(--color-success)",
-    "@apply text-success-content": {}
-  },
-  ".badge-warning": {
-    "--badge-color": "var(--color-warning)",
-    "@apply text-warning-content": {}
-  },
-  ".badge-error": {
-    "--badge-color": "var(--color-error)",
-    "@apply text-error-content": {}
-  },
-  ".badge-ghost": {
-    "@apply border-base-200 bg-base-200 text-base-content": {}
-  },
-  ".badge-xs": {
-    "@apply h-3 text-xs leading-3": {},
-    "paddingLeft": "0.313rem",
-    "paddingRight": "0.313rem"
-  },
-  ".badge-sm": {
-    "@apply h-4 text-xs leading-4": {},
-    "paddingLeft": "0.438rem",
-    "paddingRight": "0.438rem"
-  },
-  ".badge-md": {
-    "@apply h-5 text-sm leading-5": {},
-    "paddingLeft": "0.563rem",
-    "paddingRight": "0.563rem"
-  },
-  ".badge-lg": {
-    "@apply h-6 text-base leading-6": {},
-    "paddingLeft": "0.688rem",
-    "paddingRight": "0.688rem"
-  }
-};
+import badge from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...badge})
+}

package/components/badge/object.js

@@ -0,0 +1 @@
+export default {".badge":{"box-sizing":"content-box","display":"inline-flex","height":"var(--spacing-5, 1.25rem)","align-items":"center","justify-content":"center","gap":"var(--spacing-2, 0.5rem)","border-radius":"var(--radius-badge, )","vertical-align":"middle","color":"var(--color-base-content, )","border":"1px solid var(--badge-color, var(--color-base-200))","font-size":"0.75rem","line-height":"1.25rem","width":"fit-content","padding-left":"0.563rem","padding-right":"0.563rem","transition-property":"color, background-color, box-shadow","background":"var(--badge-color, var(--color-base-100))","&.badge-outline":{"color":"var(--badge-color, var(--color-base-content))","border-color":"currentColor","background-color":"transparent"},"&.badge-dash":{"color":"var(--badge-color, var(--color-base-content))","background-color":"transparent","border-style":"1px dashed currentColor"},"&.badge-soft":{"color":"var(--badge-color, var(--color-base-content))","background":"color-mix(in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100))","border-color":"color-mix(in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100))"}},".badge-primary":{"--badge-color":"var(--color-primary)","color":"var(--color-primary-content, )"},".badge-secondary":{"--badge-color":"var(--color-secondary)","color":"var(--color-secondary-content, )"},".badge-accent":{"--badge-color":"var(--color-accent)","color":"var(--color-accent-content, )"},".badge-neutral":{"--badge-color":"var(--color-neutral)","color":"var(--color-neutral-content, )"},".badge-info":{"--badge-color":"var(--color-info)","color":"var(--color-info-content, )"},".badge-success":{"--badge-color":"var(--color-success)","color":"var(--color-success-content, )"},".badge-warning":{"--badge-color":"var(--color-warning)","color":"var(--color-warning-content, )"},".badge-error":{"--badge-color":"var(--color-error)","color":"var(--color-error-content, )"},".badge-ghost":{"border-color":"var(--color-base-200, )","background-color":"var(--color-base-200, )","color":"var(--color-base-content, )"},".badge-xs":{"height":"var(--spacing-4, 1rem)","padding-left":"var(--spacing-2, 0.5rem)","padding-right":"var(--spacing-2, 0.5rem)","font-size":"0.625rem"},".badge-sm":{"height":"var(--spacing-5, 1.25rem)","padding-left":"var(--spacing-2_5, 0.625rem)","padding-right":"var(--spacing-2_5, 0.625rem)","font-size":"0.75rem"},".badge-md":{"height":"var(--spacing-6, 1.5rem)","padding-left":"var(--spacing-3, 0.75rem)","padding-right":"var(--spacing-3, 0.75rem)","font-size":"0.875rem"},".badge-lg":{"height":"var(--spacing-8, 2rem)","padding-left":"var(--spacing-4, 1rem)","padding-right":"var(--spacing-4, 1rem)","font-size":"1rem"}};

package/components/badge.css

@@ -1,109 +1 @@
-.badge {
-    display: inline-flex;
-    height: var(--spacing-5, 1.25rem);
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--radius-badge, 1.9rem);
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    font-size: var(--font-size-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-    --tw-leading: var(--line-height-5, 1.25rem);
-    line-height: var(--line-height-5, 1.25rem);
-    color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
-    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-    --tw-ease: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-    transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-    width: fit-content;
-    padding-left: 0.563rem;
-    padding-right: 0.563rem;
-    background: var(--badge-color, var(--color-base-100));
-    border-color: var(--badge-color, var(--color-base-200));
-    &.badge-outline {
-      border-color: color-mix(in srgb, currentColor 50%, transparent);
-      background-color: transparent;
-      color: var(--badge-color, var(--color-base-content));
-    }
-  }
-  .badge-faded {
-    color: color-mix(in xyz, var(--badge-color) 80%, var(--color-base-content));
-    background: color-mix(in xyz, var(--badge-color) 10%, var(--color-base-100));
-    border-color: color-mix(in xyz, var(--badge-color) 7%, transparent);
-  }
-  .badge-primary {
-    --badge-color: var(--color-primary);
-    color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
-  }
-  .badge-secondary {
-    --badge-color: var(--color-secondary);
-    color: var(--color-secondary-content, oklch(98.71% 0.0106 342.55));
-  }
-  .badge-accent {
-    --badge-color: var(--color-accent);
-    color: var(--color-accent-content, oklch(15.352% 0.0368 183.61));
-  }
-  .badge-neutral {
-    --badge-color: var(--color-neutral);
-    color: var(--color-neutral-content, oklch(89.4994% 0.011585 252.096176));
-  }
-  .badge-info {
-    --badge-color: var(--color-info);
-    color: var(--color-info-content, oklch(0% 0 0));
-  }
-  .badge-success {
-    --badge-color: var(--color-success);
-    color: var(--color-success-content, oklch(0% 0 0));
-  }
-  .badge-warning {
-    --badge-color: var(--color-warning);
-    color: var(--color-warning-content, oklch(0% 0 0));
-  }
-  .badge-error {
-    --badge-color: var(--color-error);
-    color: var(--color-error-content, oklch(0% 0 0));
-  }
-  .badge-ghost {
-    border-color: var(--color-base-200, oklch(96.1151% 0 0));
-    background-color: var(--color-base-200, oklch(96.1151% 0 0));
-    color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-  }
-  .badge-xs {
-    height: var(--spacing-3, 0.75rem);
-    font-size: var(--font-size-xs, 0.75rem);
-    line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
-    --tw-leading: var(--line-height-3, 0.75rem);
-    line-height: var(--line-height-3, 0.75rem);
-    padding-left: 0.313rem;
-    padding-right: 0.313rem;
-  }
-  .badge-sm {
-    height: var(--spacing-4, 1rem);
-    font-size: var(--font-size-xs, 0.75rem);
-    line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
-    --tw-leading: var(--line-height-4, 1rem);
-    line-height: var(--line-height-4, 1rem);
-    padding-left: 0.438rem;
-    padding-right: 0.438rem;
-  }
-  .badge-md {
-    height: var(--spacing-5, 1.25rem);
-    font-size: var(--font-size-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-    --tw-leading: var(--line-height-5, 1.25rem);
-    line-height: var(--line-height-5, 1.25rem);
-    padding-left: 0.563rem;
-    padding-right: 0.563rem;
-  }
-  .badge-lg {
-    height: var(--spacing-6, 1.5rem);
-    font-size: var(--font-size-base, 1rem);
-    line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
-    --tw-leading: var(--line-height-6, 1.5rem);
-    line-height: var(--line-height-6, 1.5rem);
-    padding-left: 0.688rem;
-    padding-right: 0.688rem;
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}@media (width>=640px){.sm\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.sm\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.sm\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.sm\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.sm\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.sm\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.sm\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.sm\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.sm\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.sm\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.sm\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.sm\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.sm\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.sm\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=768px){.md\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.md\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.md\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.md\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.md\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.md\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.md\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.md\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.md\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.md\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.md\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.md\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.md\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.md\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=1024px){.lg\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.lg\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.lg\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.lg\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.lg\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.lg\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.lg\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.lg\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.lg\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.lg\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.lg\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.lg\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.lg\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.lg\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=1280px){.xl\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.xl\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.xl\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.xl\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.xl\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.xl\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.xl\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.xl\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.xl\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.xl\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.xl\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.xl\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.xl\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.xl\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=1536px){.\32 xl\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.\32 xl\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.\32 xl\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.\32 xl\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.\32 xl\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.\32 xl\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.\32 xl\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.\32 xl\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.\32 xl\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.\32 xl\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.\32 xl\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.\32 xl\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.\32 xl\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.\32 xl\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}

package/components/breadcrumbs/index.js

@@ -0,0 +1,4 @@
+import breadcrumbs from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...breadcrumbs})
+}

package/components/breadcrumbs/object.js

@@ -0,0 +1 @@
+export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-top":"var(--spacing-2, 0.5rem)","padding-bottom":"var(--spacing-2, 0.5rem)",">ul, >ol":{"display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap",">li":{"display":"flex","align-items":"center",">*":{"display":"flex","cursor":"pointer","align-items":"center","gap":"var(--spacing-2, 0.5rem)","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},"&+*:before":{"content":"\"\"","margin-right":"var(--spacing-3, 0.75rem)","margin-left":"var(--spacing-2, 0.5rem)","display":"block","height":"var(--spacing-1_5, 0.375rem)","width":"var(--spacing-1_5, 0.375rem)","opacity":"40%","rotate":"45deg","border-top":"1px solid","border-right":"1px solid","background-color":"transparent","&:where([dir=rtl], [dir=rtl] *)":{"rotate":"-135deg"}}}}}};

package/components/breadcrumbs.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .breadcrumbs{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);max-width:100%;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:var(--spacing-2,.5rem);display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";margin-right:var(--spacing-3,.75rem);margin-left:var(--spacing-2,.5rem);height:var(--spacing-1_5,.375rem);width:var(--spacing-1_5,.375rem);opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}@media (width>=640px){.sm\:breadcrumbs{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);max-width:100%;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:var(--spacing-2,.5rem);display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";margin-right:var(--spacing-3,.75rem);margin-left:var(--spacing-2,.5rem);height:var(--spacing-1_5,.375rem);width:var(--spacing-1_5,.375rem);opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=768px){.md\:breadcrumbs{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);max-width:100%;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:var(--spacing-2,.5rem);display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";margin-right:var(--spacing-3,.75rem);margin-left:var(--spacing-2,.5rem);height:var(--spacing-1_5,.375rem);width:var(--spacing-1_5,.375rem);opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=1024px){.lg\:breadcrumbs{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);max-width:100%;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:var(--spacing-2,.5rem);display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";margin-right:var(--spacing-3,.75rem);margin-left:var(--spacing-2,.5rem);height:var(--spacing-1_5,.375rem);width:var(--spacing-1_5,.375rem);opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=1280px){.xl\:breadcrumbs{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);max-width:100%;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:var(--spacing-2,.5rem);display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";margin-right:var(--spacing-3,.75rem);margin-left:var(--spacing-2,.5rem);height:var(--spacing-1_5,.375rem);width:var(--spacing-1_5,.375rem);opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=1536px){.\32 xl\:breadcrumbs{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);max-width:100%;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:var(--spacing-2,.5rem);display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";margin-right:var(--spacing-3,.75rem);margin-left:var(--spacing-2,.5rem);height:var(--spacing-1_5,.375rem);width:var(--spacing-1_5,.375rem);opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}

package/components/button/index.js

@@ -1,170 +1,4 @@
-export default {
-  ".btn": {
-    "@apply text-base-content outline-base-content inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 rounded-[var(--radius-btn)] text-center text-sm/none font-semibold no-underline outline-offset-2 duration-200 ease-out select-none align-middle h-10 px-4": {},
-    "transitionProperty": "color, background-color, border-color, opacity, box-shadow, transform",
-    "backgroundColor": "var(--btn-bg, var(--color-base-200))",
-    "borderWidth": "var(--spacing-button-border)",
-    "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 2%)",
-    "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 4%)",
-    "boxShadow": "0 1px 0 0 color-mix(in oklch, white 3%, transparent) inset,\n    0 1px 1px 0 oklch(0% 0 0/0.07)",
-    "&:hover": {
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-      "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"
-    },
-    "&.btn-active": {
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-      "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"
-    },
-    "&:focus-visible": {
-      "@apply outline outline-2": {}
-    },
-    "&:active": {
-      "&:focus": {
-        "transform": "scale(var(--btn-focus-scale, 0.98))",
-        "@apply animate-[button-pop_0s_ease-out]": {},
-        "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-        "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-        "boxShadow": "0 1px 0 0 oklch(0% 0 0/0.07) inset,\n        0 0 0 0 oklch(0% 0 0/0.1)"
-      },
-      "&:hover": {
-        "transform": "scale(var(--btn-focus-scale, 0.97))",
-        "@apply animate-[button-pop_0s_ease-out]": {}
-      }
-    },
-    "&:is(:disabled, [disabled], .btn-disabled)": {
-      "@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent": {},
-      "&:hover": {
-        "@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent": {}
-      }
-    },
-    "&:is(input[type=checkbox]),\n  &:is(input[type=radio])": {
-      "@apply w-auto appearance-none": {},
-      "&::after": {
-        "@apply content-[attr(aria-label)]": {}
-      },
-      "&:checked": {
-        "@apply border-primary bg-primary text-primary-content": {},
-        "&:focus-visible": {
-          "@apply outline-primary": {}
-        },
-        "&:hover": {
-          "backgroundColor": "color-mix(in oklab, var(--color-primary) 90%, black)",
-          "borderColor": "color-mix(in oklab, var(--color-primary) 90%, black)"
-        }
-      }
-    }
-  },
-  ".btn-primary": {
-    "--btn-bg": "var(--color-primary)",
-    "@apply text-primary-content outline-primary": {}
-  },
-  ".btn-secondary": {
-    "--btn-bg": "var(--color-secondary)",
-    "@apply text-secondary-content outline-secondary": {}
-  },
-  ".btn-accent": {
-    "--btn-bg": "var(--color-accent)",
-    "@apply text-accent-content outline-accent": {}
-  },
-  ".btn-neutral": {
-    "--btn-bg": "var(--color-neutral)",
-    "@apply text-neutral-content outline-neutral": {}
-  },
-  ".btn-info": {
-    "--btn-bg": "var(--color-info)",
-    "@apply text-info-content outline-info": {}
-  },
-  ".btn-success": {
-    "--btn-bg": "var(--color-success)",
-    "@apply text-success-content outline-success": {}
-  },
-  ".btn-warning": {
-    "--btn-bg": "var(--color-warning)",
-    "@apply text-warning-content outline-warning": {}
-  },
-  ".btn-error": {
-    "--btn-bg": "var(--color-error)",
-    "@apply text-error-content outline-error": {}
-  },
-  ".btn.glass": {
-    "@apply shadow-none outline-current hover:[--glass-border-opacity:15%] hover:[--glass-opacity:25%]": {},
-    "&.btn-active": {
-      "--glass-border-opacity": "15%",
-      "--glass-opacity": "25%"
-    }
-  },
-  ".btn-ghost": {
-    "@apply hover:bg-base-content/20 border border-transparent bg-transparent text-current shadow-none outline-current hover:border-transparent": {},
-    "&.btn-active": {
-      "@apply bg-base-content/20 border-transparent": {}
-    }
-  },
-  ".btn-link": {
-    "@apply text-primary border-transparent bg-transparent underline shadow-none outline-current hover:border-transparent hover:bg-transparent hover:underline": {},
-    "&.btn-active": {
-      "@apply border-transparent bg-transparent underline": {}
-    }
-  },
-  ".btn-outline": {
-    "&:not(.btn-active):not(:hover)": {
-      "@apply bg-transparent text-[var(--btn-bg)] shadow-none": {}
-    },
-    "&.btn-active": {
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black)",
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black)"
-    }
-  },
-  ".btn-xs": {
-    "@apply h-6 px-2": {},
-    "fontSize": "var(--font-size-xs)"
-  },
-  ".btn-sm": {
-    "@apply h-8 px-3": {},
-    "fontSize": "var(--font-size-sm)"
-  },
-  ".btn-md": {
-    "@apply h-10 px-4": {},
-    "fontSize": "var(--font-size-sm)"
-  },
-  ".btn-lg": {
-    "@apply h-14 px-6": {},
-    "fontSize": "var(--font-size-lg)"
-  },
-  ".btn-square": {
-    "@apply px-0 size-12": {},
-    "&.btn-xs": {
-      "@apply size-6": {}
-    },
-    "&.btn-sm": {
-      "@apply size-8": {}
-    },
-    "&.btn-md": {
-      "@apply size-12": {}
-    },
-    "&.btn-lg": {
-      "@apply size-16": {}
-    }
-  },
-  ".btn-circle": {
-    "@apply aspect-square rounded-full px-0": {}
-  },
-  ".btn-wide": {
-    "@apply w-64": {}
-  },
-  ".btn-block": {
-    "@apply w-full": {}
-  },
-  "@keyframes button-pop": {
-    "0%": {
-      "transform": "scale(var(--btn-focus-scale, 0.98))"
-    },
-    "40%": {
-      "transform": "scale(1.02)"
-    },
-    "100%": {
-      "transform": "scale(1)"
-    }
-  }
-};
+import button from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...button})
+}

package/components/button/object.js

@@ -0,0 +1 @@
+export default {".btn":{"display":"inline-flex","height":"var(--spacing-10, 2.5rem)","flex-shrink":0,"cursor":"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center","gap":"var(--spacing-2, 0.5rem)","padding-left":"var(--spacing-4, 1rem)","padding-right":"var(--spacing-4, 1rem)","text-align":"center","vertical-align":"middle","color":"var(--color-base-content, )","text-decoration-line":"none","outline-offset":"2px","webkit-user-select":"none","user-select":"none","font-size":"var(--font-size-sm)","outline-color":"var(--color-base-content)","font-weight":600,"transition-property":"color, background-color, background-image, border-color, opacity, box-shadow, scale","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","transition-duration":".2s","border-start-start-radius":"var(--radius-join-start-start, var(--radius-btn))","border-start-end-radius":"var(--radius-join-start-end, var(--radius-btn))","border-end-start-radius":"var(--radius-join-end-start, var(--radius-btn))","border-end-end-radius":"var(--radius-join-end-end, var(--radius-btn))","--btn-color":"var(--btn-bg, var(--color-base-200))","background-color":"var(--btn-color)","border":"var(--spacing-button-border, 1px) solid color-mix(in oklab, var(--btn-color), black 5%)","text-shadow":"0 0.5px oklch(1 0 0 / .15)","box-shadow":"0 0 0 0.5px oklch(1 0 0 / .01) inset, var(--btn-shadow)","background-origin":"border-box","background-image":"var(--btn-gradient)","background-size":"100% calc(var(--spacing-button-border, 1px) + .5px), 100% calc(var(--spacing-button-border, 1px) + .5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-color) 30%, transparent),\n    0 4px 3px -2px color-mix(in oklab, var(--btn-color) 30%, transparent)","--btn-gradient":"linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n    linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n    linear-gradient(-50deg, transparent 50%, color-mix(in oklab, transparent, white 4%)),\n    linear-gradient(50deg, transparent 50%, color-mix(in oklab, transparent, white 4%))","&:hover":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"},"&.btn-active":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid"},"&:active:not(.btn-active)":{"translate":"0 .5px","background-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","border-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:is(:disabled, [disabled], .btn-disabled)":{"pointer-events":"none","border-color":"transparent","background-color":"color-mix(in oklch, var(--color-neutral, ) 20%, transparent)","color":"color-mix(in oklch, var(--color-base-content, ) 20%, transparent)","--btn-gradient":"unset","&:hover":{"pointer-events":"none","border-color":"transparent","background-color":"color-mix(in oklch, var(--color-neutral, ) 20%, transparent)","color":"color-mix(in oklch, var(--color-base-content, ) 20%, transparent)"}},"&:is(input[type=checkbox]), &:is(input[type=radio])":{"appearance":"none","&:not(.btn-square, .btn-circle)":{"width":"auto"},"&::after":{"content":"attr(aria-label)"},"&:checked":{"--btn-bg":"var(--color-primary)","border-color":"var(--color-primary, )","background-color":"var(--color-primary, )","color":"var(--color-primary-content, )","&:focus-visible":{"outline-color":"var(--color-primary, )"},"&:hover":{"background-color":"color-mix(in oklab, var(--color-primary) 90%, black)","border-color":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-bg":"var(--color-primary)","color":"var(--color-primary-content, )","outline-color":"var(--color-primary, )"},".btn-secondary":{"--btn-bg":"var(--color-secondary)","color":"var(--color-secondary-content, )","outline-color":"var(--color-secondary, )"},".btn-accent":{"--btn-bg":"var(--color-accent)","color":"var(--color-accent-content, )","outline-color":"var(--color-accent, )"},".btn-neutral":{"--btn-bg":"var(--color-neutral)","color":"var(--color-neutral-content, )","outline-color":"var(--color-neutral, )"},".btn-info":{"--btn-bg":"var(--color-info)","color":"var(--color-info-content, )","outline-color":"var(--color-info, )"},".btn-success":{"--btn-bg":"var(--color-success)","color":"var(--color-success-content, )","outline-color":"var(--color-success, )"},".btn-warning":{"--btn-bg":"var(--color-warning)","color":"var(--color-warning-content, )","outline-color":"var(--color-warning, )"},".btn-error":{"--btn-bg":"var(--color-error)","color":"var(--color-error-content, )","outline-color":"var(--color-error, )"},".btn.glass":{"box-shadow":"none","outline-color":"currentColor","&:hover":{"@media (hover: hover)":{"--glass-opacity":"25%"}},"&.btn-active":{"--glass-border-opacity":"15%","--glass-opacity":"25%"}},".btn-ghost":{"box-shadow":"none","border":"1px solid transparent","background-color":"transparent","color":"currentColor","outline-color":"currentColor","--btn-gradient":"unset"},".btn-link":{"box-shadow":"none","border-color":"transparent","background-color":"transparent","color":"var(--color-primary, )","text-decoration-line":"underline","outline-color":"currentColor","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"--btn-gradient":"unset","&.btn-active":{"border-color":"transparent","background-color":"transparent","text-decoration-line":"underline"}},".btn-outline":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"box-shadow":"none","background-color":"transparent","color":"var(--btn-bg)","--btn-gradient":"unset"}},".btn-dash":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"box-shadow":"none","border-style":"dashed","background-color":"transparent","color":"var(--btn-bg)","--btn-gradient":"unset"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"box-shadow":"none","color":"var(--btn-bg, var(--color-base-content))","background":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 8%, var(--color-base-200))","border-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 10%, var(--color-base-200))","--btn-gradient":"unset"}},".btn-xs":{"height":"var(--spacing-6, 1.5rem)","padding-left":"var(--spacing-2, 0.5rem)","padding-right":"var(--spacing-2, 0.5rem)","font-size":"var(--font-size-xs)"},".btn-sm":{"height":"var(--spacing-8, 2rem)","padding-left":"var(--spacing-3, 0.75rem)","padding-right":"var(--spacing-3, 0.75rem)","font-size":"var(--font-size-sm)"},".btn-md":{"height":"var(--spacing-10, 2.5rem)","padding-left":"var(--spacing-4, 1rem)","padding-right":"var(--spacing-4, 1rem)","font-size":"var(--font-size-sm)"},".btn-lg":{"height":"var(--spacing-14, 3.5rem)","padding-left":"var(--spacing-6, 1.5rem)","padding-right":"var(--spacing-6, 1.5rem)","font-size":"var(--font-size-lg)"},".btn-square":{"width":"var(--spacing-10, 2.5rem)","height":"var(--spacing-10, 2.5rem)","padding-left":"var(--spacing-0, 0px)","padding-right":"var(--spacing-0, 0px)","&.btn-xs":{"width":"var(--spacing-6, 1.5rem)","height":"var(--spacing-6, 1.5rem)"},"&.btn-sm":{"width":"var(--spacing-8, 2rem)","height":"var(--spacing-8, 2rem)"},"&.btn-md":{"width":"var(--spacing-10, 2.5rem)","height":"var(--spacing-10, 2.5rem)"},"&.btn-lg":{"width":"var(--spacing-14, 3.5rem)","height":"var(--spacing-14, 3.5rem)"}},".btn-circle":{"width":"var(--spacing-10, 2.5rem)","height":"var(--spacing-10, 2.5rem)","border-radius":"calc(infinity * 1px)","padding-left":"var(--spacing-0, 0px)","padding-right":"var(--spacing-0, 0px)","&.btn-xs":{"width":"var(--spacing-6, 1.5rem)","height":"var(--spacing-6, 1.5rem)"},"&.btn-sm":{"width":"var(--spacing-8, 2rem)","height":"var(--spacing-8, 2rem)"},"&.btn-md":{"width":"var(--spacing-10, 2.5rem)","height":"var(--spacing-10, 2.5rem)"},"&.btn-lg":{"width":"var(--spacing-14, 3.5rem)","height":"var(--spacing-14, 3.5rem)"}},".btn-wide":{"width":"var(--spacing-64, 16rem)"},".btn-block":{"width":"100%"}};