daisyui 5.0.0-alpha.5 → 5.0.0-alpha.7

package/components/button/index.js

@@ -1,172 +1 @@
-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 1px 0 oklch(0% 0 0/0.07)",
-    "&:hover": {
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-      "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)"
-    },
-    "&.btn-active": {
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-      "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
-      "boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
-    },
-    "&:focus-visible": {
-      "@apply outline outline-2": {}
-    },
-    "&:active": {
-      "&:focus": {
-        "transform": "scale(var(--btn-focus-scale, 0.98))",
-        "@apply animate-[button-pop_0s_ease-out]": {},
-        "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-        "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-        "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
-        "boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
-      },
-      "&: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)"
-    }
-  }
-};
+export default {".btn":{"@apply text-base-content outline-base-content inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 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, background-image, border-color, opacity, box-shadow, transform","borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","--btn-color":"var(--btn-bg, var(--color-base-200))","backgroundColor":"var(--btn-color)","borderWidth":"var(--spacing-button-border)","borderColor":"color-mix(in oklab, var(--btn-color), black 2%)","boxShadow":"0 0 0 0.5px oklch(1 0 0 / 0.01) inset, var(--btn-shadow)","backgroundOrigin":"border-box","backgroundImage":"var(--btn-flare)","--btn-shadow":"0 1px 1px 0 oklch(0% 0 0/0.07)","--btn-flare":"linear-gradient(50deg, transparent 85%, color-mix(in oklab, var(--btn-color), white 5%)),\n    linear-gradient(-50deg, transparent 85%, color-mix(in oklab, var(--btn-color), white 5%)),\n    linear-gradient(0, transparent, var(--btn-color) 5% 95%, transparent),\n    repeating-conic-gradient(oklch(100% 0 0 / .4),\n      transparent 20% 30%,\n      oklch(100% 0 0 / .4) 50%)","&: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/0.07)"},"&:focus-visible":{"@apply outline outline-2":{}},"&:active":{"&:focus":{"transform":"scale(var(--btn-focus-scale, 0.98))","@apply animate-[button-pop_0s_ease-out]":{},"backgroundColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0.07)"},"&: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":{},"--btn-flare":"unset","&: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":{"--btn-bg":"var(--color-primary)","@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 border border-transparent bg-transparent text-current shadow-none outline-current":{},"--btn-flare":"unset"},".btn-link":{"@apply text-primary border-transparent bg-transparent underline shadow-none outline-current hover:border-transparent hover:bg-transparent hover:underline":{},"--btn-flare":"unset","&.btn-active":{"@apply border-transparent bg-transparent underline":{}}},".btn-outline":{"&:not(.btn-active, :hover, :focus-visible)":{"@apply bg-transparent text-[var(--btn-bg)] shadow-none":{},"--btn-flare":"unset"}},".btn-dashed":{"&:not(.btn-active, :hover, :focus-visible)":{"@apply bg-transparent text-[var(--btn-bg)] shadow-none border-dashed":{},"--btn-flare":"unset"}},".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)"}}};

package/components/button.css

@@ -1 +1 @@
-.btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-btn);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-none,1);--tw-font-weight:600;color:var(--color-base-content,oklch(27.8078% .029596 256.848));outline-offset:2px;outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-duration:.2s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none;background-color:var(--btn-bg,var(--color-base-200));border-width:var(--spacing-button-border);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 2%);border-bottom-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 4%);flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,opacity,box-shadow,transform;display:inline-flex;box-shadow:0 1px 1px oklch(0% 0 0/.07);&:hover{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%);border-bottom-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 9%)}&.btn-active{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%);border-bottom-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 9%);box-shadow:0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px}&:active{&:focus{transform:scale(var(--btn-focus-scale,.98));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%);border-bottom-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 9%);animation:ease-out button-pop;box-shadow:0 0 oklch(0% 0 0/.07)}&:hover{transform:scale(var(--btn-focus-scale,.97));animation:ease-out button-pop}}}.btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content,oklch(89.824% .06192 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}.btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content,oklch(98.71% .0106 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}.btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content,oklch(15.352% .0368 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}.btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content,oklch(89.4994% .011585 252.096));outline-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}.btn-info{--btn-bg:var(--color-info);color:var(--color-info-content,oklch(0% 0 0));outline-color:var(--color-info,oklch(72.06% .191 231.6))}.btn-success{--btn-bg:var(--color-success);color:var(--color-success-content,oklch(0% 0 0));outline-color:var(--color-success,oklch(64.8% .15 160))}.btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content,oklch(0% 0 0));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}.btn-error{--btn-bg:var(--color-error);color:var(--color-error-content,oklch(0% 0 0));outline-color:var(--color-error,oklch(71.76% .221 22.18))}.btn.glass{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{border-style:var(--tw-border-style);color:currentColor;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-width:1px;border-color:#0000;outline-color:currentColor;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}}&.btn-active{background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-color:#0000}}.btn-link{color:var(--color-primary,oklch(49.12% .3096 275.75));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active):not(:hover){color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}&.btn-active{border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200))90%,black);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200))90%,black)}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,oklch(32.1785% .02476 255.702))20%,transparent);color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,oklch(32.1785% .02476 255.702))20%,transparent);color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-color:#0000}}}.btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}&:checked{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:focus-visible{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.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-12,3rem);height:var(--spacing-12,3rem);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-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-none,1);--tw-font-weight:600;color:var(--color-base-content,oklch(27.8078% .029596 256.848));outline-offset:2px;outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-duration:.2s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none;--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border-width:var(--spacing-button-border);border-color:color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 1px 1px 0 oklch(0% 0 0/.07);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);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-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,transform;display:inline-flex;&: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-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px}&:active{&:focus{transform:scale(var(--btn-focus-scale,.98));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);animation:ease-out button-pop}&:hover{transform:scale(var(--btn-focus-scale,.97));animation:ease-out button-pop}}}.btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content,oklch(89.824% .06192 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}.btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content,oklch(98.71% .0106 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}.btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content,oklch(15.352% .0368 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}.btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content,oklch(89.4994% .011585 252.096));outline-color:var(--color-neutral,oklch(20% .02476 255.702))}.btn-info{--btn-bg:var(--color-info);color:var(--color-info-content,oklch(0% 0 0));outline-color:var(--color-info,oklch(72.06% .191 231.6))}.btn-success{--btn-bg:var(--color-success);color:var(--color-success-content,oklch(0% 0 0));outline-color:var(--color-success,oklch(64.8% .15 160))}.btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content,oklch(0% 0 0));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}.btn-error{--btn-bg:var(--color-error);color:var(--color-error-content,oklch(0% 0 0));outline-color:var(--color-error,oklch(71.76% .221 22.18))}.btn.glass{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{border-style:var(--tw-border-style);color:currentColor;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-width:1px;border-color:#0000;outline-color:currentColor}.btn-link{color:var(--color-primary,oklch(49.12% .3096 275.75));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:focus-visible){color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000}}.btn-dashed{&:not(.btn-active,:hover,:focus-visible){--tw-border-style:dashed;color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-style:dashed}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,oklch(20% .02476 255.702))20%,transparent);color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,oklch(20% .02476 255.702))20%,transparent);color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-color:#0000}}}.btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:focus-visible{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.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-12,3rem);height:var(--spacing-12,3rem);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-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}

package/components/card/class.json

@@ -0,0 +1,13 @@
+[
+  "card",
+  "card-border",
+  "image-full",
+  "card-body",
+  "card-title",
+  "card-actions",
+  "card-xs",
+  "card-sm",
+  "card-md",
+  "card-lg",
+  "card-side"
+]

package/components/card/config.js

@@ -0,0 +1,12 @@
+import { plugin } from '../../functions/plugin.js';
+import index from './index.js';
+
+export default {
+	plugins: [
+		plugin(({ addComponents }) => {
+		addComponents({
+				...index
+			});
+		})
+	],
+};

package/components/card/index.js

@@ -0,0 +1 @@
+export default {".card":{"@apply relative flex flex-col rounded-box":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},"&.card-border":{"@apply border-base-200 border":{}},"&.image-full":{"@apply grid":{},"&:before":{"@apply relative bg-neutral rounded-box z-10 opacity-75 col-start-1 row-start-1":{},"content":"\"\""},">*":{"@apply col-start-1 row-start-1":{}},">.card-body":{"@apply relative text-neutral-content z-20":{}},":where(figure)":{"@apply overflow-hidden":{},"borderRadius":"inherit"},">figure img":{"@apply h-full object-cover":{}}},"figure":{"@apply flex items-center justify-center":{}}},".card-title":{"@apply flex items-center gap-2 text-xl font-semibold":{}},".card-body":{"@apply flex flex-auto flex-col gap-2 p-8":{},":where(p)":{"@apply grow":{}}},".card-actions":{"@apply flex flex-wrap items-start gap-2":{}},".card-xs":{".card-body":{"@apply p-2 text-xs":{}},".card-title":{"@apply mb-1":{}}},".card-sm":{".card-body":{"@apply p-4 text-sm":{}},".card-title":{"@apply mb-1":{}}},".card-md":{".card-body":{"@apply text-base p-8":{}},".card-title":{"@apply mb-3":{}}},".card-lg":{".card-body":{"@apply text-base p-10":{}},".card-title":{"@apply mb-4":{}}},".card-side":{"alignItems":"stretch","flexDirection":"row",":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"inherit"},"figure>*":{"maxWidth":"unset"},":where(figure>*)":{"width":"100%","height":"100%","objectFit":"cover"}}};

package/components/card.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .card{border-radius:var(--radius-box,1rem);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-200,oklch(96.1151% 0 0))}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box,1rem);background-color:var(--color-neutral,oklch(20% .02476 255.702));opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content,oklch(89.4994% .011585 252.096));position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-xl,1.25rem);line-height:var(--tw-leading,var(--font-size-xl--line-height,1.75rem));--tw-font-weight:600;font-weight:600;display:flex}.card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}

package/components/chat/class.json

@@ -0,0 +1,17 @@
+[
+  "chat",
+  "chat-primary",
+  "chat-secondary",
+  "chat-accent",
+  "chat-neutral",
+  "chat-info",
+  "chat-success",
+  "chat-warning",
+  "chat-error",
+  "chat-image",
+  "chat-header",
+  "chat-footer",
+  "chat-bubble",
+  "chat-start",
+  "chat-end"
+]

package/components/chat/config.js

@@ -0,0 +1,12 @@
+import { plugin } from '../../functions/plugin.js';
+import index from './index.js';
+
+export default {
+	plugins: [
+		plugin(({ addComponents }) => {
+		addComponents({
+				...index
+			});
+		})
+	],
+};

package/components/chat/index.css

@@ -0,0 +1 @@
+@config "./config.js";

package/components/chat/index.js

@@ -0,0 +1 @@
+export default {".chat":{"@apply grid gap-x-3 py-1":{}},".chat-primary":{"@apply bg-primary text-primary-content":{}},".chat-secondary":{"@apply bg-secondary text-secondary-content":{}},".chat-accent":{"@apply bg-accent text-accent-content":{}},".chat-neutral":{"@apply bg-neutral text-neutral-content":{}},".chat-info":{"@apply bg-info text-info-content":{}},".chat-success":{"@apply bg-success text-success-content":{}},".chat-warning":{"@apply bg-warning text-warning-content":{}},".chat-error":{"@apply bg-error text-error-content":{}},".chat-image":{"@apply row-span-2 self-end":{}},".chat-header":{"@apply row-start-1 text-xs":{}},".chat-footer":{"@apply row-start-3 text-xs":{}},".chat-bubble":{"@apply relative block w-fit px-4 py-2 rounded-box bg-base-200 text-base-content":{},"minHeight":"2.5rem","minWidth":"2.5rem","maxWidth":"90%","&:before":{"@apply absolute bottom-0 h-3 w-3":{},"backgroundColor":"inherit","content":"\"\"","maskSize":"contain","maskRepeat":"no-repeat","maskPosition":"center"}},".chat-start":{"@apply place-items-start":{},"gridTemplateColumns":"auto 1fr",".chat-header":{"@apply col-start-2":{}},".chat-footer":{"@apply col-start-2":{}},".chat-image":{"@apply col-start-1":{}},".chat-bubble":{"@apply col-start-2 rounded-es-none":{},"&:before":{"insetInlineStart":"-0.749rem","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")"}}}},".chat-end":{"@apply place-items-end":{},"gridTemplateColumns":"1fr auto",".chat-header":{"@apply col-start-1":{}},".chat-footer":{"@apply col-start-1":{}},".chat-image":{"@apply col-start-2":{}},".chat-bubble":{"@apply col-start-1 rounded-ee-none":{},"&:before":{"insetInlineStart":"99.9%","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")"}}}}};

package/components/chat.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.chat-primary{background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75))}.chat-secondary{background-color:var(--color-secondary,oklch(69.71% .329 342.55));color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}.chat-accent{background-color:var(--color-accent,oklch(76.76% .184 183.61));color:var(--color-accent-content,oklch(15.352% .0368 183.61))}.chat-neutral{background-color:var(--color-neutral,oklch(20% .02476 255.702));color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}.chat-info{background-color:var(--color-info,oklch(72.06% .191 231.6));color:var(--color-info-content,oklch(0% 0 0))}.chat-success{background-color:var(--color-success,oklch(64.8% .15 160));color:var(--color-success-content,oklch(0% 0 0))}.chat-warning{background-color:var(--color-warning,oklch(84.71% .199 83.87));color:var(--color-warning-content,oklch(0% 0 0))}.chat-error{background-color:var(--color-error,oklch(71.76% .221 22.18));color:var(--color-error-content,oklch(0% 0 0))}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:1}.chat-footer{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:3}.chat-bubble{border-radius:var(--radius-box,1rem);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content,oklch(27.8078% .029596 256.848));width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}

package/components/checkbox/index.js

@@ -1,108 +1 @@
-export default {
-  ".checkbox": {
-    "@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-[var(--radius-btn)] border p-1 align-middle": {},
-    "boxShadow": "0 1px oklch(0% 0 0 / 0.1) inset",
-    "transition": "background-color 0.2s,\n    box-shadow 0.2s",
-    "&:before": {
-      "@apply block size-full rotate-45 bg-current opacity-0 content-['']": {},
-      "transition": "clip-path 0.3s,\n      opacity 0.1s,\n      rotate 0.3s,\n      translate 0.3s",
-      "transitionDelay": "0.1s",
-      "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)",
-      "boxShadow": "0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"
-    },
-    "&:focus-visible": {
-      "@apply outline-2 outline-offset-2 outline-current": {}
-    },
-    "&:checked,\n  &[aria-checked=\"true\"]": {
-      "boxShadow": "0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n      0 1px oklch(0% 0 0 / 0.1)",
-      "&:before": {
-        "@apply opacity-100": {},
-        "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"
-      }
-    },
-    "&:indeterminate": {
-      "&:before": {
-        "@apply translate-y-[-35%] rotate-0 opacity-100": {},
-        "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"
-      }
-    }
-  },
-  ".checkbox-primary": {
-    "@apply border-primary text-primary-content": {},
-    "&:focus-visible": {
-      "@apply outline-primary": {}
-    },
-    "&:checked": {
-      "@apply bg-primary": {}
-    }
-  },
-  ".checkbox-secondary": {
-    "@apply border-secondary text-secondary-content": {},
-    "&:focus-visible": {
-      "@apply outline-secondary": {}
-    },
-    "&:checked": {
-      "@apply bg-secondary": {}
-    }
-  },
-  ".checkbox-accent": {
-    "@apply border-accent text-accent-content": {},
-    "&:focus-visible": {
-      "@apply outline-accent": {}
-    },
-    "&:checked": {
-      "@apply bg-accent": {}
-    }
-  },
-  ".checkbox-success": {
-    "@apply border-success text-success-content": {},
-    "&:focus-visible": {
-      "@apply outline-success": {}
-    },
-    "&:checked": {
-      "@apply bg-success": {}
-    }
-  },
-  ".checkbox-warning": {
-    "@apply border-warning text-warning-content": {},
-    "&:focus-visible": {
-      "@apply outline-warning": {}
-    },
-    "&:checked": {
-      "@apply bg-warning": {}
-    }
-  },
-  ".checkbox-info": {
-    "@apply border-info text-info-content": {},
-    "&:focus-visible": {
-      "@apply outline-info": {}
-    },
-    "&:checked": {
-      "@apply bg-info": {}
-    }
-  },
-  ".checkbox-error": {
-    "@apply border-error text-error-content": {},
-    "&:focus-visible": {
-      "@apply outline-error": {}
-    },
-    "&:checked": {
-      "@apply bg-error": {}
-    }
-  },
-  ".checkbox:disabled": {
-    "@apply cursor-not-allowed opacity-20": {}
-  },
-  ".checkbox-xs": {
-    "@apply size-4 p-0.5": {}
-  },
-  ".checkbox-sm": {
-    "@apply size-5": {}
-  },
-  ".checkbox-md": {
-    "@apply size-6": {}
-  },
-  ".checkbox-lg": {
-    "@apply size-8": {}
-  }
-};
+export default {".checkbox":{"@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-[var(--radius-btn)] border p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s,\n    box-shadow 0.2s","&:before":{"@apply block size-full rotate-45 bg-current opacity-0 content-['']":{},"transition":"clip-path 0.3s,\n      opacity 0.1s,\n      rotate 0.3s,\n      translate 0.3s","transitionDelay":"0.1s","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","boxShadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"@apply outline-2 outline-offset-2 outline-current":{}},"&:checked,\n  &[aria-checked=\"true\"]":{"boxShadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n      0 1px oklch(0% 0 0 / 0.1)","&:before":{"@apply opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"@apply translate-y-[-35%] rotate-0 opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"@apply border-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:checked":{"@apply bg-primary":{}}},".checkbox-secondary":{"@apply border-secondary text-secondary-content":{},"&:focus-visible":{"@apply outline-secondary":{}},"&:checked":{"@apply bg-secondary":{}}},".checkbox-accent":{"@apply border-accent text-accent-content":{},"&:focus-visible":{"@apply outline-accent":{}},"&:checked":{"@apply bg-accent":{}}},".checkbox-success":{"@apply border-success text-success-content":{},"&:focus-visible":{"@apply outline-success":{}},"&:checked":{"@apply bg-success":{}}},".checkbox-warning":{"@apply border-warning text-warning-content":{},"&:focus-visible":{"@apply outline-warning":{}},"&:checked":{"@apply bg-warning":{}}},".checkbox-info":{"@apply border-info text-info-content":{},"&:focus-visible":{"@apply outline-info":{}},"&:checked":{"@apply bg-info":{}}},".checkbox-error":{"@apply border-error text-error-content":{},"&:focus-visible":{"@apply outline-error":{}},"&:checked":{"@apply bg-error":{}}},".checkbox:disabled":{"@apply cursor-not-allowed opacity-20":{}},".checkbox-xs":{"@apply size-4 p-0.5":{}},".checkbox-sm":{"@apply size-5":{}},".checkbox-md":{"@apply size-6":{}},".checkbox-lg":{"@apply size-8":{}}};

package/components/checkbox.css

@@ -1 +1 @@
-.checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content,oklch(27.8078% .029596 256.848));flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;--tw-content:"";content:var(--tw-content);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{--tw-translate-y:-35%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);rotate:none}}}.checkbox-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:focus-visible{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}&:checked{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.checkbox-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));color:var(--color-secondary-content,oklch(98.71% .0106 342.55));&:focus-visible{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}&:checked{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.checkbox-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));color:var(--color-accent-content,oklch(15.352% .0368 183.61));&:focus-visible{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}&:checked{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}.checkbox-success{border-color:var(--color-success,oklch(64.8% .15 160));color:var(--color-success-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-success,oklch(64.8% .15 160))}&:checked{background-color:var(--color-success,oklch(64.8% .15 160))}}.checkbox-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));color:var(--color-warning-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}&:checked{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}.checkbox-info{border-color:var(--color-info,oklch(72.06% .191 231.6));color:var(--color-info-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-info,oklch(72.06% .191 231.6))}&:checked{background-color:var(--color-info,oklch(72.06% .191 231.6))}}.checkbox-error{border-color:var(--color-error,oklch(71.76% .221 22.18));color:var(--color-error-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-error,oklch(71.76% .221 22.18))}&:checked{background-color:var(--color-error,oklch(71.76% .221 22.18))}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content,oklch(27.8078% .029596 256.848));flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;--tw-content:"";content:var(--tw-content);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{--tw-translate-y:-35%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);rotate:none}}}.checkbox-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:focus-visible{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}&:checked{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.checkbox-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));color:var(--color-secondary-content,oklch(98.71% .0106 342.55));&:focus-visible{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}&:checked{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.checkbox-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));color:var(--color-accent-content,oklch(15.352% .0368 183.61));&:focus-visible{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}&:checked{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}.checkbox-success{border-color:var(--color-success,oklch(64.8% .15 160));color:var(--color-success-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-success,oklch(64.8% .15 160))}&:checked{background-color:var(--color-success,oklch(64.8% .15 160))}}.checkbox-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));color:var(--color-warning-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}&:checked{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}.checkbox-info{border-color:var(--color-info,oklch(72.06% .191 231.6));color:var(--color-info-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-info,oklch(72.06% .191 231.6))}&:checked{background-color:var(--color-info,oklch(72.06% .191 231.6))}}.checkbox-error{border-color:var(--color-error,oklch(71.76% .221 22.18));color:var(--color-error-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-error,oklch(71.76% .221 22.18))}&:checked{background-color:var(--color-error,oklch(71.76% .221 22.18))}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}

package/components/countdown/class.json

@@ -0,0 +1,3 @@
+[
+  "countdown"
+]

package/components/countdown/config.js

@@ -0,0 +1,12 @@
+import { plugin } from '../../functions/plugin.js';
+import index from './index.js';
+
+export default {
+	plugins: [
+		plugin(({ addComponents }) => {
+		addComponents({
+				...index
+			});
+		})
+	],
+};

package/components/countdown/index.css

@@ -0,0 +1 @@
+@config "./config.js";

package/components/countdown/index.js

@@ -0,0 +1 @@
+export default {".countdown":{"@apply inline-flex":{},"lineHeight":"1em","&>*":{"@apply inline-block overflow-y-hidden":{},"height":"1em","&:before":{"position":"relative","content":"\"00\\A 01\\A 02\\A 03\\A 04\\A 05\\A 06\\A 07\\A 08\\A 09\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A\"","whiteSpace":"pre","top":"calc(var(--value) * -1em)","textAlign":"center","transition":"all 1s cubic-bezier(1, 0, 0, 1)"}}}};

package/components/countdown.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}