daisyui 5.0.0-alpha.6 → 5.0.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/base/root-color.css +1 -1
  2. package/base/scrollbar.css +1 -1
  3. package/chunks.css +8 -1
  4. package/colors/properties.css +1 -1
  5. package/colors/responsive.css +1 -1
  6. package/colors/states.css +1 -1
  7. package/components/avatar.css +1 -1
  8. package/components/badge/index.js +1 -1
  9. package/components/badge.css +1 -1
  10. package/components/button.css +1 -1
  11. package/components/card/class.json +13 -0
  12. package/{base/tap-color → components/card}/config.js +2 -2
  13. package/components/card/index.js +1 -0
  14. package/components/card.css +1 -0
  15. package/components/chat/class.json +17 -0
  16. package/components/chat/config.js +12 -0
  17. package/components/chat/index.css +1 -0
  18. package/components/chat/index.js +1 -0
  19. package/components/chat.css +1 -0
  20. package/components/checkbox.css +1 -1
  21. package/components/countdown/class.json +3 -0
  22. package/components/countdown/config.js +12 -0
  23. package/components/countdown/index.css +1 -0
  24. package/components/countdown/index.js +1 -0
  25. package/components/countdown.css +1 -0
  26. package/components/dropdown/index.js +1 -1
  27. package/components/dropdown.css +1 -1
  28. package/components/footer/class.json +7 -0
  29. package/components/footer/config.js +12 -0
  30. package/components/footer/index.css +1 -0
  31. package/components/footer/index.js +1 -0
  32. package/components/footer.css +1 -0
  33. package/components/hero/class.json +5 -0
  34. package/components/hero/config.js +12 -0
  35. package/components/hero/index.css +1 -0
  36. package/components/hero/index.js +1 -0
  37. package/components/hero.css +1 -0
  38. package/components/input.css +1 -1
  39. package/components/kbd.css +1 -1
  40. package/components/link.css +1 -1
  41. package/components/loading.css +1 -1
  42. package/components/mask.css +1 -1
  43. package/components/menu/index.js +1 -1
  44. package/components/menu.css +1 -1
  45. package/components/radio.css +1 -1
  46. package/components/range.css +1 -1
  47. package/components/rating.css +1 -1
  48. package/components/select.css +1 -1
  49. package/components/skeleton/class.json +3 -0
  50. package/components/skeleton/config.js +12 -0
  51. package/components/skeleton/index.css +1 -0
  52. package/components/skeleton/index.js +1 -0
  53. package/components/skeleton.css +1 -0
  54. package/components/stack.css +1 -1
  55. package/components/swap/class.json +9 -0
  56. package/components/swap/config.js +12 -0
  57. package/components/swap/index.css +1 -0
  58. package/components/swap/index.js +1 -0
  59. package/components/swap.css +1 -0
  60. package/components/tab.css +1 -1
  61. package/components/timeline/class.json +11 -0
  62. package/components/timeline/config.js +12 -0
  63. package/components/timeline/index.css +1 -0
  64. package/components/timeline/index.js +1 -0
  65. package/components/timeline.css +1 -0
  66. package/components/toggle.css +1 -1
  67. package/components/tooltip/index.js +1 -1
  68. package/components/tooltip.css +1 -1
  69. package/full.css +1 -1
  70. package/index.css +8 -1
  71. package/package.json +1 -1
  72. package/themes/dark/index.css +2 -1
  73. package/themes/light/index.css +2 -1
  74. package/utilities/join.css +1 -1
  75. package/base/tap-color/index.js +0 -1
  76. package/base/tap-color.css +0 -1
  77. /package/{base/tap-color → components/card}/index.css +0 -0
package/components/dropdown.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{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(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--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));position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&[popover]{z-index:1000;color:inherit;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(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--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));position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;&:popover-open{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}&::backdrop{background-color:color-mix(in srgb,var(--color-black,#000)30%,transparent)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{--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));transition-property:opacity,scale;position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}&[popover]{z-index:1000;color:inherit;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(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--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));position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;&:popover-open{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}}&::backdrop{background-color:color-mix(in srgb,var(--color-black,#000)30%,transparent)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}
package/components/footer/class.json ADDED
@@ -0,0 +1,7 @@
1
+ [
2
+ "footer",
3
+ "footer-center",
4
+ "footer-title",
5
+ "footer-horizontal",
6
+ "footer-vertical"
7
+ ]
package/components/footer/config.js ADDED
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
package/components/footer/index.css ADDED
@@ -0,0 +1 @@
1
+ @config "./config.js";
package/components/footer/index.js ADDED
@@ -0,0 +1 @@
1
+ export default {".footer":{"@apply grid w-full grid-flow-row place-items-start gap-x-4 gap-y-10 text-sm":{},"&>*":{"@apply grid place-items-start gap-2":{}},"&.footer-center":{"@apply place-items-center text-center grid-flow-col-dense":{},"&>*":{"@apply place-items-center":{}}}},".footer-title":{"@apply mb-2 font-bold uppercase opacity-60":{}},".footer-horizontal":{"@apply grid-flow-col":{},"&.footer-center":{"@apply grid-flow-row-dense":{}}},".footer-vertical":{"@apply grid-flow-row":{},"&.footer-center":{"@apply grid-flow-col-dense":{}}}};
package/components/footer.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));grid-auto-flow:row;width:100%;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{margin-bottom:var(--spacing-2,.5rem);--tw-font-weight:700;text-transform:uppercase;opacity:.6;font-weight:700}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}
package/components/hero/class.json ADDED
@@ -0,0 +1,5 @@
1
+ [
2
+ "hero",
3
+ "hero-overlay",
4
+ "hero-content"
5
+ ]
package/components/hero/config.js ADDED
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
package/components/hero/index.css ADDED
@@ -0,0 +1 @@
1
+ @config "./config.js";
package/components/hero/index.js ADDED
@@ -0,0 +1 @@
1
+ export default {".hero":{"@apply grid w-full place-items-center bg-cover bg-center":{},"&>*":{"@apply col-start-1 row-start-1":{}}},".hero-overlay":{"@apply col-start-1 row-start-1 h-full w-full bg-neutral/50":{}},".hero-content":{"@apply z-0 flex items-center justify-center max-w-7xl gap-4 p-4":{}}};
package/components/hero.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in srgb,var(--color-neutral,oklch(20% .02476 255.702))50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}
package/components/input.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .input{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,oklch(100% 0 0));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);border-width:1px;border-color:#0000;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-shrink:1;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-bordered{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100,oklch(100% 0 0))5%,transparent);--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);&:focus,&:focus-within{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));box-shadow:none}}&.input-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,oklch(49.12% .3096 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}&.input-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,oklch(69.71% .329 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}&.input-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,oklch(76.76% .184 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}&.input-info{border-color:var(--color-info,oklch(72.06% .191 231.6));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,oklch(72.06% .191 231.6));outline-color:var(--color-info,oklch(72.06% .191 231.6))}}&.input-success{border-color:var(--color-success,oklch(64.8% .15 160));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,oklch(64.8% .15 160));outline-color:var(--color-success,oklch(64.8% .15 160))}}&.input-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,oklch(84.71% .199 83.87));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}&.input-error{border-color:var(--color-error,oklch(71.76% .221 22.18));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,oklch(71.76% .221 22.18));outline-color:var(--color-error,oklch(71.76% .221 22.18))}}&.input-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,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem);&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-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,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-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,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .input{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,oklch(100% 0 0));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);border-width:1px;border-color:#0000;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-shrink:1;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-bordered{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100,oklch(100% 0 0))5%,transparent);--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);&:focus,&:focus-within{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));box-shadow:none}}&.input-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,oklch(49.12% .3096 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}&.input-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,oklch(69.71% .329 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}&.input-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,oklch(76.76% .184 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}&.input-info{border-color:var(--color-info,oklch(72.06% .191 231.6));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,oklch(72.06% .191 231.6));outline-color:var(--color-info,oklch(72.06% .191 231.6))}}&.input-success{border-color:var(--color-success,oklch(64.8% .15 160));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,oklch(64.8% .15 160));outline-color:var(--color-success,oklch(64.8% .15 160))}}&.input-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,oklch(84.71% .199 83.87));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}&.input-error{border-color:var(--color-error,oklch(71.76% .221 22.18));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,oklch(71.76% .221 22.18));outline-color:var(--color-error,oklch(71.76% .221 22.18))}}&.input-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,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem);&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-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,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-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,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}
package/components/kbd.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .kbd{border-radius:var(--radius-btn,.5rem);border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);vertical-align:middle;justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;display:inline-flex}.kbd-xs{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));min-width:1.2em;min-height:1.2em}.kbd-sm{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));min-width:1.6em;min-height:1.6em}.kbd-md{padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));min-width:2.2em;min-height:2.2em}.kbd-lg{padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));min-width:2.5em;min-height:2.5em}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .kbd{border-radius:var(--radius-btn,.5rem);border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);vertical-align:middle;justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;display:inline-flex}.kbd-xs{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));min-width:1.2em;min-height:1.2em}.kbd-sm{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));min-width:1.6em;min-height:1.6em}.kbd-md{padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));min-width:2.2em;min-height:2.2em}.kbd-lg{padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));min-width:2.5em;min-height:2.5em}
package/components/link.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary,oklch(49.12% .3096 275.75));&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55));&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent,oklch(76.76% .184 183.61));&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral,oklch(20% .02476 255.702));&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success,oklch(64.8% .15 160));&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info,oklch(72.06% .191 231.6));&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning,oklch(84.71% .199 83.87));&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error,oklch(71.76% .221 22.18));&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary,oklch(49.12% .3096 275.75));&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55));&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent,oklch(76.76% .184 183.61));&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral,oklch(20% .02476 255.702));&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success,oklch(64.8% .15 160));&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info,oklch(72.06% .191 231.6));&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning,oklch(84.71% .199 83.87));&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error,oklch(71.76% .221 22.18));&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}
package/components/loading.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .loading{pointer-events:none;aspect-ratio:1;width:var(--spacing-6,1.5rem);vertical-align:middle;background-color:currentColor;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")}.loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-ball{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")}.loading-bars{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}.loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")}.loading-xs{width:var(--spacing-4,1rem)}.loading-sm{width:var(--spacing-5,1.25rem)}.loading-md{width:var(--spacing-6,1.5rem)}.loading-lg{width:var(--spacing-10,2.5rem)}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .loading{pointer-events:none;aspect-ratio:1;width:var(--spacing-6,1.5rem);vertical-align:middle;background-color:currentColor;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")}.loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-ball{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")}.loading-bars{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}.loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")}.loading-xs{width:var(--spacing-4,1rem)}.loading-sm{width:var(--spacing-5,1.25rem)}.loading-md{width:var(--spacing-6,1.5rem)}.loading-lg{width:var(--spacing-10,2.5rem)}
package/components/mask.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .mask{mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.mask-half-1{mask-position:0;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:100%}}.mask-half-2{mask-position:100%;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:0}}.mask-squircle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}.mask-decagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-diamond{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-heart{mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon{mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon-2{mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-circle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram{mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram-2{mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram-3{mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram-4{mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-pentagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-square{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star-2{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle{mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-2{mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-3{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-4{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .mask{mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.mask-half-1{mask-position:0;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:100%}}.mask-half-2{mask-position:100%;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:0}}.mask-squircle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}.mask-decagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-diamond{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-heart{mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon{mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon-2{mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-circle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram{mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram-2{mask-image:url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram-3{mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-parallelogram-4{mask-image:url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-pentagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-square{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star-2{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle{mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-2{mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-3{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-4{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")}
package/components/menu/index.js CHANGED
@@ -1 +1 @@
1
- export default {".menu":{"@apply flex flex-col flex-wrap text-sm p-2 w-fit":{},":where(li ul)":{"@apply relative whitespace-nowrap ms-4 ps-2":{},"&:before":{"@apply bg-base-content absolute bottom-3 start-0 top-3 w-px opacity-10":{},"content":"\"\""}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{"@apply hidden":{}},":where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-4 py-2 text-start transition duration-200 ease-out grid grid-flow-col content-start items-center gap-2":{},"gridAutoColumns":"minmax(auto, max-content) auto max-content","textWrap":"balance","userSelect":"none"},":where(li > details > summary)":{"@apply outline-none":{},"&::-webkit-details-marker":{"@apply hidden":{}}},":where(li > details > summary),\n :where(li > .menu-dropdown-toggle)":{"&:after":{"@apply justify-self-end":{},"display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transitionProperty":"rotate, translate","transitionDuration":"0.2s","content":"\"\"","transformOrigin":"50% 50%","boxShadow":"2px 2px inset","pointerEvents":"none"}},":where(li > details[open] > summary):after,\n :where(li > .menu-dropdown-toggle.menu-dropdown-show):after":{"rotate":"45deg","translate":"0 1px"},":where(li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title, .disabled) > details > summary:not(.menu-title))":{"&:not(.menu-active, :active, .btn)":{"&.menu-focus,\n &:focus-visible":{"@apply bg-base-content/10 text-base-content cursor-pointer outline-none":{}},"&:hover":{"@apply cursor-pointer outline-none bg-base-content/10":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"}}},":where(li:empty)":{"@apply bg-base-content opacity-10":{},"margin":"0.5rem 1rem","height":"1px"},":where(li)":{"@apply relative flex shrink-0 flex-col flex-wrap items-stretch":{},".badge":{"@apply justify-self-end":{}},"&>*:not(ul, .menu-title, details, .btn):active,\n &>*:not(ul, .menu-title, details, .btn).menu-active,\n &>details>summary:active":{"@apply bg-neutral text-neutral-content bg-neutral text-neutral-content outline-none":{},"boxShadow":"0 2px 3px -2px var(--color-neutral)"},"&.menu-disabled":{"@apply text-base-content/20 pointer-events-none":{}}}},".menu-title":{"@apply text-base-content/40 px-4 py-2 text-sm font-bold":{}},".menu-horizontal":{"@apply inline-flex flex-row":{},"&>li:not(.menu-title)>details>ul":{"@apply absolute ms-0 mt-4 py-2 pe-2":{}},"&>li>details>ul":{"&:before":{"content":"none"}},":where(&>li:not(.menu-title)>details>ul)":{"@apply bg-base-100 rounded-box shadow":{}}},".menu-vertical":{"@apply inline-flex flex-col":{},"&>li:not(.menu-title)>details>ul":{"@apply relative ms-4 mt-0 py-0 pe-0":{}}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded px-2 py-1 text-xs":{}},".menu-title":{"@apply px-2 py-1":{}}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-3 py-1 text-sm":{}},".menu-title":{"@apply px-3 py-2":{}}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-4 py-2 text-sm":{}},".menu-title":{"@apply px-4 py-2":{}}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-6 py-3 text-lg":{}},".menu-title":{"@apply px-6 py-3":{}}}};
1
+ export default {".menu":{"@apply flex flex-col flex-wrap text-sm p-2 w-fit":{},":where(li ul)":{"@apply relative whitespace-nowrap ms-4 ps-2":{},"&:before":{"@apply bg-base-content absolute bottom-3 start-0 top-3 w-px opacity-10":{},"content":"\"\""}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{"@apply hidden":{}},":where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-4 py-2 text-start duration-200 ease-out grid grid-flow-col content-start items-center gap-2":{},"transitionProperty":"color, background-color, box-shadow","gridAutoColumns":"minmax(auto, max-content) auto max-content","textWrap":"balance","userSelect":"none"},":where(li > details > summary)":{"@apply outline-none":{},"&::-webkit-details-marker":{"@apply hidden":{}}},":where(li > details > summary),\n :where(li > .menu-dropdown-toggle)":{"&:after":{"@apply justify-self-end":{},"display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transitionProperty":"rotate, translate","transitionDuration":"0.2s","content":"\"\"","transformOrigin":"50% 50%","boxShadow":"2px 2px inset","pointerEvents":"none"}},":where(li > details[open] > summary):after,\n :where(li > .menu-dropdown-toggle.menu-dropdown-show):after":{"rotate":"45deg","translate":"0 1px"},":where(li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title, .disabled) > details > summary:not(.menu-title))":{"&:not(.menu-active, :active, .btn)":{"&.menu-focus,\n &:focus-visible":{"@apply bg-base-content/10 text-base-content cursor-pointer outline-none":{}},"&:hover":{"@apply cursor-pointer outline-none bg-base-content/10":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"}}},":where(li:empty)":{"@apply bg-base-content opacity-10":{},"margin":"0.5rem 1rem","height":"1px"},":where(li)":{"@apply relative flex shrink-0 flex-col flex-wrap items-stretch":{},".badge":{"@apply justify-self-end":{}},"&>*:not(ul, .menu-title, details, .btn):active,\n &>*:not(ul, .menu-title, details, .btn).menu-active,\n &>details>summary:active":{"@apply bg-neutral text-neutral-content bg-neutral text-neutral-content outline-none":{},"boxShadow":"0 2px 3px -2px var(--color-neutral)"},"&.menu-disabled":{"@apply text-base-content/20 pointer-events-none":{}}}},".menu-title":{"@apply text-base-content/40 px-4 py-2 text-sm font-bold":{}},".menu-horizontal":{"@apply inline-flex flex-row":{},"&>li:not(.menu-title)>details>ul":{"@apply absolute ms-0 mt-4 py-2 pe-2":{}},"&>li>details>ul":{"&:before":{"content":"none"}},":where(&>li:not(.menu-title)>details>ul)":{"@apply bg-base-100 rounded-box shadow":{}}},".menu-vertical":{"@apply inline-flex flex-col":{},"&>li:not(.menu-title)>details>ul":{"@apply relative ms-4 mt-0 py-0 pe-0":{}}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded px-2 py-1 text-xs":{}},".menu-title":{"@apply px-2 py-1":{}}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-3 py-1 text-sm":{}},".menu-title":{"@apply px-3 py-2":{}}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-4 py-2 text-sm":{}},".menu-title":{"@apply px-4 py-2":{}}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-6 py-3 text-lg":{}},".menu-title":{"@apply px-6 py-3":{}}}};
package/components/menu.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .menu{padding:var(--spacing-2,.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));flex-flow:column wrap;width:fit-content;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:var(--spacing-4,1rem);padding-inline-start:var(--spacing-2,.5rem);position:relative;&:before{inset-inline-start:var(--spacing-0,0px);top:var(--spacing-3,.75rem);bottom:var(--spacing-3,.75rem);width:var(--spacing-px,1px);background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:.1;content:"";position:absolute}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:start;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(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--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));text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);color:var(--color-base-content,oklch(27.8078% .029596 256.848));outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral,oklch(20% .02476 255.702));color:var(--color-neutral-content,oklch(89.4994% .011585 252.096));outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}}.menu-title{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-font-weight:700;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);font-weight:700}.menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);padding-inline-end:var(--spacing-2,.5rem);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box,1rem);background-color:var(--color-base-100,oklch(100% 0 0));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);padding-inline-end:var(--spacing-0,0px);padding-top:var(--spacing-0,0px);padding-bottom:var(--spacing-0,0px);position:relative}}.menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& .menu-title{padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .menu-title{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .menu-title{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem))}& .menu-title{padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .menu{padding:var(--spacing-2,.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));flex-flow:column wrap;width:fit-content;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:var(--spacing-4,1rem);padding-inline-start:var(--spacing-2,.5rem);position:relative;&:before{inset-inline-start:var(--spacing-0,0px);top:var(--spacing-3,.75rem);bottom:var(--spacing-3,.75rem);width:var(--spacing-px,1px);background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:.1;content:"";position:absolute}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:start;--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));text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;transition-property:color,background-color,box-shadow;display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);color:var(--color-base-content,oklch(27.8078% .029596 256.848));outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral,oklch(20% .02476 255.702));color:var(--color-neutral-content,oklch(89.4994% .011585 252.096));outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}}.menu-title{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-font-weight:700;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);font-weight:700}.menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);padding-inline-end:var(--spacing-2,.5rem);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box,1rem);background-color:var(--color-base-100,oklch(100% 0 0));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);padding-inline-end:var(--spacing-0,0px);padding-top:var(--spacing-0,0px);padding-bottom:var(--spacing-0,0px);position:relative}}.menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius,.25rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& .menu-title{padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}}.menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .menu-title{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem)}}.menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .menu-title{padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}}.menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-btn,.5rem);padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem))}& .menu-title{padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem)}}
package/components/radio.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .radio{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;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));border-radius:3.40282e38px;flex-shrink:0;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100,oklch(100% 0 0));border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary,oklch(49.12% .3096 275.75));border-color:currentColor}.radio-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55));border-color:currentColor}.radio-accent{color:var(--color-accent,oklch(76.76% .184 183.61));border-color:currentColor}.radio-success{color:var(--color-success,oklch(64.8% .15 160));border-color:currentColor}.radio-warning{color:var(--color-warning,oklch(84.71% .199 83.87));border-color:currentColor}.radio-info{color:var(--color-info,oklch(72.06% .191 231.6));border-color:currentColor}.radio-error{color:var(--color-error,oklch(71.76% .221 22.18));border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}.radio-xs{&[type=radio]{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}.radio-sm{&[type=radio]{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}}.radio-md{&[type=radio]{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}.radio-lg{&[type=radio]{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .radio{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;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));border-radius:3.40282e38px;flex-shrink:0;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100,oklch(100% 0 0));border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary,oklch(49.12% .3096 275.75));border-color:currentColor}.radio-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55));border-color:currentColor}.radio-accent{color:var(--color-accent,oklch(76.76% .184 183.61));border-color:currentColor}.radio-success{color:var(--color-success,oklch(64.8% .15 160));border-color:currentColor}.radio-warning{color:var(--color-warning,oklch(84.71% .199 83.87));border-color:currentColor}.radio-info{color:var(--color-info,oklch(72.06% .191 231.6));border-color:currentColor}.radio-error{color:var(--color-error,oklch(71.76% .221 22.18));border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}.radio-xs{&[type=radio]{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}.radio-sm{&[type=radio]{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}}.radio-md{&[type=radio]{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}.radio-lg{&[type=radio]{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}
package/components/range.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box,1rem);--tw-border-style:none;vertical-align:middle;background-color:#0000;border-style:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box,1rem);background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box,1rem);--tw-border-style:none;background-color:var(--color-base-100,oklch(100% 0 0));-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-size:100rem;--filler-offset:.6rem;--track-shdw:calc(var(--filler-size)*-1 - var(--filler-offset))0 0 var(--filler-size);box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border-style:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(var(--filler-size)*1 + var(--filler-offset))0 0 var(--filler-size)}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box,1rem);background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box,1rem);--tw-border-style:none;background-color:var(--color-base-100,oklch(100% 0 0));color:var(--range-shdw);--filler-size:100rem;--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset))0 0 var(--filler-size);border-style:none;position:relative;top:50%}}.range-primary{color:var(--color-primary,oklch(49.12% .3096 275.75))}.range-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55))}.range-accent{color:var(--color-accent,oklch(76.76% .184 183.61))}.range-success{color:var(--color-success,oklch(64.8% .15 160))}.range-warning{color:var(--color-warning,oklch(84.71% .199 83.87))}.range-info{color:var(--color-info,oklch(72.06% .191 231.6))}.range-error{color:var(--color-error,oklch(71.76% .221 22.18))}.range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box,1rem);--tw-border-style:none;vertical-align:middle;background-color:#0000;border-style:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box,1rem);background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box,1rem);--tw-border-style:none;background-color:var(--color-base-100,oklch(100% 0 0));-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-size:100rem;--filler-offset:.6rem;--track-shdw:calc(var(--filler-size)*-1 - var(--filler-offset))0 0 var(--filler-size);box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border-style:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(var(--filler-size)*1 + var(--filler-offset))0 0 var(--filler-size)}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box,1rem);background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box,1rem);--tw-border-style:none;background-color:var(--color-base-100,oklch(100% 0 0));color:var(--range-shdw);--filler-size:100rem;--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset))0 0 var(--filler-size);border-style:none;position:relative;top:50%}}.range-primary{color:var(--color-primary,oklch(49.12% .3096 275.75))}.range-secondary{color:var(--color-secondary,oklch(69.71% .329 342.55))}.range-accent{color:var(--color-accent,oklch(76.76% .184 183.61))}.range-success{color:var(--color-success,oklch(64.8% .15 160))}.range-warning{color:var(--color-warning,oklch(84.71% .199 83.87))}.range-info{color:var(--color-info,oklch(72.06% .191 231.6))}.range-error{color:var(--color-error,oklch(71.76% .221 22.18))}.range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}
package/components/rating.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;--tw-border-style:none;border-style:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.3s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;--tw-border-style:none;border-style:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.3s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}
package/components/select.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .select{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,oklch(100% 0 0));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-width:1px;border-color:#0000;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-shrink:1;position:relative;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-bordered{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100,oklch(100% 0 0))5%,transparent);--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);&:focus,&:focus-within{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));box-shadow:none}}&.select-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,oklch(49.12% .3096 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}&.select-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,oklch(69.71% .329 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}&.select-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,oklch(76.76% .184 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}&.select-info{border-color:var(--color-info,oklch(72.06% .191 231.6));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,oklch(72.06% .191 231.6));outline-color:var(--color-info,oklch(72.06% .191 231.6))}}&.select-success{border-color:var(--color-success,oklch(64.8% .15 160));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,oklch(64.8% .15 160));outline-color:var(--color-success,oklch(64.8% .15 160))}}&.select-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,oklch(84.71% .199 83.87));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}&.select-error{border-color:var(--color-error,oklch(71.76% .221 22.18));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,oklch(71.76% .221 22.18));outline-color:var(--color-error,oklch(71.76% .221 22.18))}}&.select-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,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625)}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem)}&.select-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,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}&.select-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,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .select{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,oklch(100% 0 0));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-width:1px;border-color:#0000;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-shrink:1;position:relative;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-bordered{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100,oklch(100% 0 0))5%,transparent);--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);&:focus,&:focus-within{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));box-shadow:none}}&.select-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,oklch(49.12% .3096 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}&.select-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,oklch(69.71% .329 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}&.select-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,oklch(76.76% .184 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}&.select-info{border-color:var(--color-info,oklch(72.06% .191 231.6));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,oklch(72.06% .191 231.6));outline-color:var(--color-info,oklch(72.06% .191 231.6))}}&.select-success{border-color:var(--color-success,oklch(64.8% .15 160));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,oklch(64.8% .15 160));outline-color:var(--color-success,oklch(64.8% .15 160))}}&.select-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,oklch(84.71% .199 83.87));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}&.select-error{border-color:var(--color-error,oklch(71.76% .221 22.18));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,oklch(71.76% .221 22.18));outline-color:var(--color-error,oklch(71.76% .221 22.18))}}&.select-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,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625)}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem)}&.select-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,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}&.select-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,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}}
package/components/skeleton/class.json ADDED
@@ -0,0 +1,3 @@
1
+ [
2
+ "skeleton"
3
+ ]
package/components/skeleton/config.js ADDED
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
package/components/skeleton/index.css ADDED
@@ -0,0 +1 @@
1
+ @config "./config.js";
package/components/skeleton/index.js ADDED
@@ -0,0 +1 @@
1
+ export default {".skeleton":{"@apply bg-base-300 rounded-box motion-reduce:duration-[15s]":{},"willChange":"background-position","animation":"skeleton 1.8s ease-in-out infinite","backgroundImage":"linear-gradient(105deg,\n transparent 0% 40%,\n var(--color-base-100) 50%,\n transparent 60% 100%)","backgroundSize":"200% auto","backgroundRepeat":"no-repeat","backgroundPositionX":"-50%"},"@keyframes skeleton":{"from":{"backgroundPosition":"150%"},"to":{"backgroundPosition":"-50%"}}};
package/components/skeleton.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .skeleton{border-radius:var(--radius-box,1rem);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138));will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{--tw-duration:15s;transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}
package/components/stack.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}
package/components/swap/class.json ADDED
@@ -0,0 +1,9 @@
1
+ [
2
+ "swap",
3
+ "swap-on",
4
+ "swap-indeterminate",
5
+ "swap-off",
6
+ "swap-active",
7
+ "swap-rotate",
8
+ "swap-flip"
9
+ ]
package/components/swap/config.js ADDED
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
package/components/swap/index.css ADDED
@@ -0,0 +1 @@
1
+ @config "./config.js";
package/components/swap/index.js ADDED
@@ -0,0 +1 @@
1
+ export default {".swap":{"@apply relative inline-grid select-none place-content-center cursor-pointer align-middle":{},"input":{"@apply appearance-none border-none":{}},">*":{"@apply col-start-1 row-start-1 duration-200 ease-out":{},"transitionProperty":"transform, rotate, opacity"},".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply opacity-0":{}},"input:checked,\n input:indeterminate":{"&~.swap-off":{"@apply opacity-0":{}}},"input:checked~.swap-on,\n input:indeterminate~.swap-indeterminate":{"@apply opacity-100":{}}},".swap-active":{".swap-off":{"@apply opacity-0":{}},".swap-on":{"@apply opacity-100":{}}},".swap-rotate":{".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply rotate-45":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"@apply rotate-0":{}},"&~.swap-off":{"@apply -rotate-45":{}}},"&:where(.swap-active)":{"&~.swap-on":{"@apply rotate-0":{}},".swap-off":{"@apply -rotate-45":{}}}},".swap-flip":{"transformStyle":"preserve-3d","perspective":"20rem",".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"transform":"rotateY(180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}},"&:where(.swap-active)":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}}}};
package/components/swap.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;--tw-border-style:none;border-style:none}&>*{--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));grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}
package/components/tab.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))29%,transparent)}}.tabs-bordered{&>.tab{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn,.5rem);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn,.5rem)}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:hover{@media (hover:hover){&{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-md{& :where(.tab){height:var(--spacing-8,2rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1rem}}.tabs-lg{& :where(.tab){height:var(--spacing-12,3rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1.25rem}}.tabs-sm{& :where(.tab){height:var(--spacing-6,1.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.75rem}}.tabs-xs{& :where(.tab){height:var(--spacing-5,1.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.5rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))29%,transparent)}}.tabs-bordered{&>.tab{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn,.5rem);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn,.5rem)}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:hover{@media (hover:hover){&{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-md{& :where(.tab){height:var(--spacing-8,2rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1rem}}.tabs-lg{& :where(.tab){height:var(--spacing-12,3rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1.25rem}}.tabs-sm{& :where(.tab){height:var(--spacing-6,1.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.75rem}}.tabs-xs{& :where(.tab){height:var(--spacing-5,1.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.5rem}}
package/components/timeline/class.json ADDED
@@ -0,0 +1,11 @@
1
+ [
2
+ "timeline",
3
+ "timeline-box",
4
+ "timeline-start",
5
+ "timeline-middle",
6
+ "timeline-end",
7
+ "timeline-compact",
8
+ "timeline-vertical",
9
+ "timeline-snap-icon",
10
+ "timeline-horizontal"
11
+ ]
package/components/timeline/config.js ADDED
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
package/components/timeline/index.css ADDED
@@ -0,0 +1 @@
1
+ @config "./config.js";
package/components/timeline/index.js ADDED
@@ -0,0 +1 @@
1
+ export default {".timeline":{"@apply relative flex":{},">li":{"@apply relative grid shrink-0 items-center":{},"gridTemplateRows":"var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end,\n minmax(0, 1fr))","gridTemplateColumns":"var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end,\n minmax(0, 1fr))",">hr":{"@apply w-full border-0":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},":where(hr)":{"@apply h-1 bg-base-300":{}},"&:has(.timeline-middle hr)":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}},":last-child hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}},".timeline-box":{"@apply rounded-box bg-base-100 border-base-300 border px-4 py-2 shadow-sm":{}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 m-1 self-end justify-self-center":{}},".timeline-middle":{"@apply col-start-2 row-start-2":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-[none] row-start-auto":{}}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-auto row-start-[none]":{}}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"@apply flex-col":{},">li":{"@apply justify-items-center":{},"--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"@apply w-1 h-full":{},"&:first-child":{"@apply col-start-2 row-start-1":{}},"&:last-child":{"@apply col-start-2 col-end-auto row-start-3 row-end-[none]":{}}}},".timeline-start":{"@apply col-start-1 col-end-2 row-start-1 row-end-4 self-center justify-self-end":{}},".timeline-end":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-b-badge rounded-t-none":{}},"&:last-child":{"@apply rounded-t-badge rounded-b-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-t-badge rounded-b-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-b-badge rounded-t-none":{}}}},"&.timeline-snap-icon":{">li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"@apply flex-row":{},">li":{"@apply items-center":{},">hr":{"@apply w-full h-1":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 self-end justify-self-center":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 self-start justify-self-center":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}}}};
package/components/timeline.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border-style:var(--tw-border-style);border-width:0;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}&:not(:has(.timeline-middle)){& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}}}.timeline-box{border-radius:var(--radius-box,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300,oklch(92.4169% .00108 197.138));background-color:var(--color-base-100,oklch(100% 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);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,1.9rem);border-bottom-left-radius:var(--radius-badge,1.9rem)}&:last-child{border-top-left-radius:var(--radius-badge,1.9rem);border-top-right-radius:var(--radius-badge,1.9rem);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge,1.9rem);border-top-right-radius:var(--radius-badge,1.9rem);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,1.9rem);border-bottom-left-radius:var(--radius-badge,1.9rem)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}}}}
package/components/toggle.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.6 – MIT License */ .toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge);border-radius:var(--radius-badge,1.9rem);border-style:var(--tw-border-style);vertical-align:middle;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border-width:1px;border-color:currentColor;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{border-style:var(--tw-border-style);background-color:#0000;border-width:1px;border-color:currentColor}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary,oklch(49.12% .3096 275.75))}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary,oklch(69.71% .329 342.55))}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent,oklch(76.76% .184 183.61))}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success,oklch(64.8% .15 160))}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning,oklch(84.71% .199 83.87))}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info,oklch(72.06% .191 231.6))}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error,oklch(71.76% .221 22.18))}}.toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .toggle{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);cursor:pointer;appearance:none;border-radius:var(--radius-badge);border-radius:var(--radius-badge,1.9rem);border-style:var(--tw-border-style);vertical-align:middle;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))50%,transparent);box-shadow:0 1px color-mix(in oklab,currentColor,transparent 90%)inset;border-width:1px;border-color:currentColor;flex-shrink:0;padding:.1875rem;transition:color .3s;display:inline-flex;&:before{content:"";flex-grow:0;height:100%;transition:flex-grow .2s;display:block}&:after{aspect-ratio:1;--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius-badge) - 3px);content:"";box-shadow:0 -1px oklch(0% 0 0/.1) inset,0 8px 0 -4px oklch(100% 0 0/.1) inset,0 1px color-mix(in oklab,currentColor,transparent 90%);background-color:currentColor;height:100%;transition:background-color .1s,translate .2s,inset-inline-start .2s;display:block;position:relative;inset-inline-start:var(--spacing-0,0px)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));&:before{flex-grow:1}&:after{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{&:before{flex-grow:0}&:after{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:50%}}&:disabled{cursor:not-allowed;opacity:.3;&:after{border-style:var(--tw-border-style);background-color:#0000;border-width:1px;border-color:currentColor}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary,oklch(49.12% .3096 275.75))}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary,oklch(69.71% .329 342.55))}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent,oklch(76.76% .184 183.61))}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success,oklch(64.8% .15 160))}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning,oklch(84.71% .199 83.87))}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info,oklch(72.06% .191 231.6))}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error,oklch(71.76% .221 22.18))}}.toggle-xs{&[type=checkbox]{height:var(--spacing-4,1rem);width:var(--spacing-6,1.5rem);padding:.0625rem}}.toggle-sm{&[type=checkbox]{height:var(--spacing-5,1.25rem);width:var(--spacing-8,2rem);padding:.125rem}}.toggle-md{&[type=checkbox]{height:var(--spacing-6,1.5rem);width:var(--spacing-12,3rem);padding:.1875rem}}.toggle-lg{&[type=checkbox]{height:var(--spacing-8,2rem);width:var(--spacing-16,4rem);padding:.25rem}}
package/components/tooltip/index.js CHANGED
@@ -1 +1 @@
1
- export default {".tooltip":{"@apply relative inline-block":{},"--tooltip-color":"var(--color-neutral)","--tooltip-tail":"0.1875rem","--tooltip-text-color":"var(--color-neutral-content)","--tooltip-offset":"calc(100% + 1px + var(--tooltip-tail, 0px))","--tooltip-tail-offset":"calc(100% + 0.0625rem - var(--tooltip-tail))","&:before":{"@apply absolute max-w-xs rounded px-2 py-1 text-sm whitespace-normal opacity-0 transition delay-100 duration-200 ease-in-out text-center":{},"backgroundColor":"var(--tooltip-color)","color":"var(--tooltip-text-color)","width":"max-content","pointerEvents":"none","zIndex":1,"content":"var(--tw-content)","--tw-content":"attr(data-tip)"},"&:after":{"@apply absolute opacity-0 transition delay-100 duration-200 ease-in-out":{},"content":"\"\"","borderStyle":"solid","borderWidth":"var(--tooltip-tail, 0)","width":"0","height":"0","display":"block","position":"absolute"},"&.tooltip-open,\n &:hover,\n &:has(:focus-visible)":{"&:before,\n &:after":{"@apply opacity-100 delay-75":{}}}},".tooltip,\n.tooltip-top":{"&:before":{"transform":"translateX(-50%)","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-offset)"},"&:after":{"transform":"translateX(-50%)","borderColor":"var(--tooltip-color) transparent transparent transparent","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-tail-offset)"}},".tooltip-bottom":{"&:before":{"transform":"translateX(-50%)","top":"var(--tooltip-offset)","left":"50%","right":"auto","bottom":"auto"},"&:after":{"transform":"translateX(-50%)","borderColor":"transparent transparent var(--tooltip-color) transparent","top":"var(--tooltip-tail-offset)","left":"50%","right":"auto","bottom":"auto"}},".tooltip-left":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"auto","right":"var(--tooltip-offset)","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent transparent transparent var(--tooltip-color)","top":"50%","left":"auto","right":"calc(var(--tooltip-tail-offset) + 0.0625rem)","bottom":"auto"}},".tooltip-right":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"var(--tooltip-offset)","right":"auto","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent var(--tooltip-color) transparent transparent","top":"50%","left":"calc(var(--tooltip-tail-offset) + 0.0625rem)","right":"auto","bottom":"auto"}},".tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-color":"var(--color-primary)","--tooltip-text-color":"var(--color-primary-content)"},".tooltip-secondary":{"--tooltip-color":"var(--color-secondary)","--tooltip-text-color":"var(--color-secondary-content)"},".tooltip-accent":{"--tooltip-color":"var(--color-accent)","--tooltip-text-color":"var(--color-accent-content)"},".tooltip-info":{"--tooltip-color":"var(--color-info)","--tooltip-text-color":"var(--color-info-content)"},".tooltip-success":{"--tooltip-color":"var(--color-success)","--tooltip-text-color":"var(--color-success-content)"},".tooltip-warning":{"--tooltip-color":"var(--color-warning)","--tooltip-text-color":"var(--color-warning-content)"},".tooltip-error":{"--tooltip-color":"var(--color-error)","--tooltip-text-color":"var(--color-error-content)"}};
1
+ export default {".tooltip":{"@apply relative inline-block":{},"--tooltip-color":"var(--color-neutral)","--tooltip-tail":"0.1875rem","--tooltip-text-color":"var(--color-neutral-content)","--tooltip-offset":"calc(100% + 1px + var(--tooltip-tail, 0px))","--tooltip-tail-offset":"calc(100% + 0.0625rem - var(--tooltip-tail))","&:before":{"@apply absolute max-w-xs rounded px-2 py-1 text-sm whitespace-normal opacity-0 delay-100 duration-200 ease-in-out text-center":{},"transitionProperty":"opacity","backgroundColor":"var(--tooltip-color)","color":"var(--tooltip-text-color)","width":"max-content","pointerEvents":"none","zIndex":1,"content":"var(--tw-content)","--tw-content":"attr(data-tip)"},"&:after":{"@apply absolute opacity-0 transition delay-100 duration-200 ease-in-out":{},"content":"\"\"","borderStyle":"solid","borderWidth":"var(--tooltip-tail, 0)","width":"0","height":"0","display":"block","position":"absolute"},"&.tooltip-open,\n &:hover,\n &:has(:focus-visible)":{"&:before,\n &:after":{"@apply opacity-100 delay-75":{}}}},".tooltip,\n.tooltip-top":{"&:before":{"transform":"translateX(-50%)","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-offset)"},"&:after":{"transform":"translateX(-50%)","borderColor":"var(--tooltip-color) transparent transparent transparent","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-tail-offset)"}},".tooltip-bottom":{"&:before":{"transform":"translateX(-50%)","top":"var(--tooltip-offset)","left":"50%","right":"auto","bottom":"auto"},"&:after":{"transform":"translateX(-50%)","borderColor":"transparent transparent var(--tooltip-color) transparent","top":"var(--tooltip-tail-offset)","left":"50%","right":"auto","bottom":"auto"}},".tooltip-left":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"auto","right":"var(--tooltip-offset)","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent transparent transparent var(--tooltip-color)","top":"50%","left":"auto","right":"calc(var(--tooltip-tail-offset) + 0.0625rem)","bottom":"auto"}},".tooltip-right":{"&:before":{"transform":"translateY(-50%)","top":"50%","left":"var(--tooltip-offset)","right":"auto","bottom":"auto"},"&:after":{"transform":"translateY(-50%)","borderColor":"transparent var(--tooltip-color) transparent transparent","top":"50%","left":"calc(var(--tooltip-tail-offset) + 0.0625rem)","right":"auto","bottom":"auto"}},".tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after":{"visibility":"hidden","opacity":0},".tooltip-primary":{"--tooltip-color":"var(--color-primary)","--tooltip-text-color":"var(--color-primary-content)"},".tooltip-secondary":{"--tooltip-color":"var(--color-secondary)","--tooltip-text-color":"var(--color-secondary-content)"},".tooltip-accent":{"--tooltip-color":"var(--color-accent)","--tooltip-text-color":"var(--color-accent-content)"},".tooltip-info":{"--tooltip-color":"var(--color-info)","--tooltip-text-color":"var(--color-info-content)"},".tooltip-success":{"--tooltip-color":"var(--color-success)","--tooltip-text-color":"var(--color-success-content)"},".tooltip-warning":{"--tooltip-color":"var(--color-warning)","--tooltip-text-color":"var(--color-warning-content)"},".tooltip-error":{"--tooltip-color":"var(--color-error)","--tooltip-text-color":"var(--color-error-content)"}};