daisyui 5.0.0-alpha.2 → 5.0.0-alpha.21

package/components/checkbox.css

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

package/components/collapse/class.json

@@ -0,0 +1,10 @@
+[
+  "collapse",
+  "collapse-open",
+  "collapse-content",
+  "collapse-title",
+  "collapse-arrow",
+  "collapse-plus",
+  "4",
+  "2"
+]

package/components/collapse/index.js

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

package/components/collapse/object.js

@@ -0,0 +1 @@
+export default {".collapse:not(td):not(tr):not(colgroup)":{"visibility":"visible"},".collapse":{"position":"relative","display":"grid","overflow":"hidden","borderRadius":"var(--rounded-box, 1rem)","width":"100%","gridTemplateRows":"auto 0fr","transition":"grid-template-rows 0.2s",">input[type=\"checkbox\"],\n  >input[type=\"radio\"]":{"gridColumnStart":"1","gridRowStart":"1","appearance":"none","opacity":0,"zIndex":1,"width":"100%","padding":"1rem","paddingInlineEnd":"3rem","minHeight":"3.75rem","transition":"background-color 0.2s ease-out"},"&[open],\n  &.collapse-open,\n  &:focus:not(.collapse-close),\n  &:not(.collapse-close):has(> input[type=\"checkbox\"]:checked),\n  &:not(.collapse-close):has(> input[type=\"radio\"]:checked)":{"gridTemplateRows":"auto 1fr"},"&[open]>.collapse-content,\n  &.collapse-open>.collapse-content,\n  &:focus:not(.collapse-close)>.collapse-content,\n  &:not(.collapse-close)>input[type=\"checkbox\"]:checked~.collapse-content,\n  &:not(.collapse-close)>input[type=\"radio\"]:checked~.collapse-content":{"visibility":"visible","minHeight":"fit-content"},"&:focus-visible,\n  &:has(.collapse-title:focus-visible),\n  &:has(> input[type=\"checkbox\"]:focus-visible),\n  &:has(> input[type=\"radio\"]:focus-visible)":{"outlineColor":"hsl(var(--bc) / 1)","outlineStyle":"solid","outlineWidth":"2px","outlineOffset":"2px"},"&:not(.collapse-open):not(.collapse-close)":{">input[type=\"checkbox\"],\n    >input[type=\"radio\"]:not(:checked),\n    >.collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title":{"cursor":"unset"},"&[open]> :where(.collapse-content),\n  &.collapse-open> :where(.collapse-content),\n  &:focus:not(.collapse-close)> :where(.collapse-content),\n  &:not(.collapse-close)> :where(input[type=\"checkbox\"]:checked ~ .collapse-content),\n  &:not(.collapse-close)> :where(input[type=\"radio\"]:checked ~ .collapse-content)":{"paddingBottom":"1rem","transition":"padding 0.2s ease-out,\n      background-color 0.2s ease-out"},"&[open]":{"&.collapse-arrow":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-arrow":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-arrow:focus:not(.collapse-close)":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{">input[type=\"checkbox\"]:checked~.collapse-title:after,\n    >input[type=\"radio\"]:checked~.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-plus:focus:not(.collapse-close)":{">.collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{">input[type=\"checkbox\"]:checked~.collapse-title:after,\n    >input[type=\"radio\"]:checked~.collapse-title:after":{"content":"\"−\""}}},".collapse-title,\n.collapse-content":{"gridColumnStart":"1","gridRowStart":"1"},".collapse-content":{"visibility":"hidden","gridColumnStart":"1","gridRowStart":"2","minHeight":"0","transition":["visibility 0.2s","padding 0.2s ease-out,\n    background-color 0.2s ease-out"],"paddingLeft":"1rem","paddingRight":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transitionProperty":"all","transitionTimingFunction":"cubic-bezier(0.4, 0, 0.2, 1)","transitionDuration":"0.2s","top":"1.9rem","insetInlineEnd":"1.4rem","content":"\"\"","transformOrigin":"75% 75%","boxShadow":"2px 2px","pointerEvents":"none"}},".collapse-plus":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transitionProperty":"all","transitionDuration":"300ms","transitionTimingFunction":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","insetInlineEnd":"1.4rem","content":"\"+\"","pointerEvents":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","paddingInlineEnd":"3rem","minHeight":"3.75rem","transition":"background-color 0.2s ease-out"}};

package/components/collapse.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .collapse:not(td):not(tr):not(colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}

package/components/countdown/class.json

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

package/components/countdown/index.js

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

package/components/countdown/object.js

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

package/components/countdown.css

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

package/components/divider/class.json

@@ -0,0 +1,15 @@
+[
+  "divider",
+  "divider-horizontal",
+  "divider-vertical",
+  "divider-neutral",
+  "divider-primary",
+  "divider-secondary",
+  "divider-accent",
+  "divider-success",
+  "divider-warning",
+  "divider-info",
+  "divider-error",
+  "divider-start",
+  "divider-end"
+]

package/components/divider/index.js

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

package/components/divider/object.js

@@ -0,0 +1 @@
+export default {".divider":{"@apply flex flex-row items-center self-stretch my-4 h-4 whitespace-nowrap":{},"&:before,\n  &:after":{"@apply h-0.5 w-full grow content-[''] bg-base-content/10":{}},"&:not(:empty)":{"@apply gap-4":{}}},".divider-horizontal":{"&.divider":{"@apply mx-4 my-0 h-auto w-4 flex-col":{},"&:before":{"@apply h-full w-0.5":{}},"&:after":{"@apply h-full w-0.5":{}}}},".divider-vertical":{"&.divider":{"@apply mx-0 my-4 h-4 w-auto flex-row":{},"&:before":{"@apply h-0.5 w-full":{}},"&:after":{"@apply h-0.5 w-full":{}}}},".divider-neutral":{"&:before,\n  &:after":{"@apply bg-neutral":{}}},".divider-primary":{"&:before,\n  &:after":{"@apply bg-primary":{}}},".divider-secondary":{"&:before,\n  &:after":{"@apply bg-secondary":{}}},".divider-accent":{"&:before,\n  &:after":{"@apply bg-accent":{}}},".divider-success":{"&:before,\n  &:after":{"@apply bg-success":{}}},".divider-warning":{"&:before,\n  &:after":{"@apply bg-warning":{}}},".divider-info":{"&:before,\n  &:after":{"@apply bg-info":{}}},".divider-error":{"&:before,\n  &:after":{"@apply bg-error":{}}},".divider-start:before":{"@apply hidden":{}},".divider-end:after":{"@apply hidden":{}}};

package/components/divider.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))10%,transparent);--tw-content:"";content:var(--tw-content);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral,var(--color-neutral))}}.divider-primary{&:before,&:after{background-color:var(--color-primary,var(--color-primary))}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary,var(--color-secondary))}}.divider-accent{&:before,&:after{background-color:var(--color-accent,var(--color-accent))}}.divider-success{&:before,&:after{background-color:var(--color-success,var(--color-success))}}.divider-warning{&:before,&:after{background-color:var(--color-warning,var(--color-warning))}}.divider-info{&:before,&:after{background-color:var(--color-info,var(--color-info))}}.divider-error{&:before,&:after{background-color:var(--color-error,var(--color-error))}}.divider-start:before,.divider-end:after{display:none}

package/components/dropdown/class.json

@@ -0,0 +1,15 @@
+[
+  "dropdown",
+  "dropdown-content",
+  "4",
+  "2",
+  "dropdown-open",
+  "dropdown-hover",
+  "dropdown-start",
+  "dropdown-left",
+  "dropdown-right",
+  "dropdown-center",
+  "dropdown-end",
+  "dropdown-bottom",
+  "dropdown-top"
+]

package/components/dropdown/index.js

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

package/components/dropdown/object.js

@@ -0,0 +1 @@
+export default {".dropdown":{"@apply relative inline-block":{},"positionArea":"var(--anchor-v, bottom) var(--anchor-h, span-right)","&>*:not(summary):focus":{"@apply outline-none":{}},".dropdown-content":{"@apply absolute":{},"transitionProperty":"opacity, scale","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(.4, 0, .2, 1)"},"&:not(details)":{".dropdown-content":{"@apply invisible opacity-0 origin-top scale-95":{}}},"&.dropdown-open,\n  &:not(.dropdown-hover):focus,\n  &:focus-within":{".dropdown-content":{"@apply visible opacity-100":{}}},"&.dropdown-hover:hover":{".dropdown-content":{"@apply visible opacity-100 scale-100":{}}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"@apply hidden":{}}}},"&.dropdown-open,\n  &:focus,\n  &:focus-within":{".dropdown-content":{"@apply scale-100":{}}},"&[popover]":{"@apply fixed transition text-inherit z-[1000]":{},"transitionProperty":"opacity, scale","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","@supports not (position-area: bottom)":{"@apply m-auto":{},"&.dropdown-open":{"@apply invisible opacity-0 origin-top scale-95":{},"&:popover-open":{"@apply visible opacity-100 scale-100":{}}},"&::backdrop":{"backgroundColor":"color-mix(in oklab, black 30%, transparent)"}},"&:not(.dropdown-open, :popover-open)":{"@apply invisible opacity-0 origin-top scale-95":{}}}},".dropdown-start":{"--anchor-h":"span-right",":where(.dropdown-content)":{"@apply end-auto":{}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto top-0":{}}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto top-0":{}}}},".dropdown-center":{"--anchor-h":"center",":where(.dropdown-content)":{"@apply end-1/2":{},"translate":"50% 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"@apply bottom-1/2 top-auto":{},"translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"@apply bottom-1/2 top-auto":{},"translate":"0 50%"}}},".dropdown-end":{"--anchor-h":"span-left",":where(.dropdown-content)":{"@apply end-0":{}},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"@apply bottom-0 top-auto":{}}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"@apply bottom-0 top-auto":{}}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto end-full top-0 origin-right":{}}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"@apply bottom-auto start-full top-0 origin-left":{}}},".dropdown-bottom":{"--anchor-v":"bottom",".dropdown-content":{"@apply bottom-auto top-full origin-top":{}}},".dropdown-top":{"--anchor-v":"top",".dropdown-content":{"@apply bottom-full top-auto origin-bottom":{}}}};

package/components/dropdown.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – 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:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,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));transition-property:opacity,scale;transition-duration:.2s;transition-timing-function: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:oklab(0% none none/.3)}}&: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

@@ -0,0 +1,7 @@
+[
+  "footer",
+  "footer-center",
+  "footer-title",
+  "footer-horizontal",
+  "footer-vertical"
+]

package/components/footer/index.js

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

package/components/footer/object.js

@@ -0,0 +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

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – 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

@@ -0,0 +1,5 @@
+[
+  "hero",
+  "hero-overlay",
+  "hero-content"
+]

package/components/hero/index.js

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

package/components/hero/object.js

@@ -0,0 +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

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – 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,var(--color-neutral))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/class.json

@@ -0,0 +1,16 @@
+[
+  "input",
+  "input-bordered",
+  "input-ghost",
+  "input-primary",
+  "input-secondary",
+  "input-accent",
+  "input-info",
+  "input-success",
+  "input-warning",
+  "input-error",
+  "input-xs",
+  "input-sm",
+  "input-md",
+  "input-lg"
+]

package/components/input/index.js

@@ -1,128 +1,4 @@
-export default {
-  ".input": {
-    "@apply bg-base-100 rounded-btn h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle": {},
-    "input": {
-      "@apply border-none bg-transparent": {},
-      "&:focus": {
-        "@apply outline-none": {}
-      }
-    },
-    "&:focus,\n  &:focus-within": {
-      "@apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2": {}
-    },
-    "&:has(> input[disabled]),\n  &:is(:disabled, [disabled])": {
-      "@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed": {}
-    },
-    "&:has(> input[disabled])>input[disabled]": {
-      "@apply cursor-not-allowed": {}
-    },
-    "&::-webkit-date-and-time-value": {
-      "textAlign": "inherit"
-    },
-    "&[type=\"number\"]": {
-      "&::-webkit-inner-spin-button": {
-        "@apply -my-4 -me-4": {}
-      }
-    },
-    "&[list]": {
-      "&::-webkit-calendar-picker-indicator": {
-        "lineHeight": "1em"
-      }
-    },
-    "&.input-bordered": {
-      "@apply border-base-content/20": {},
-      "boxShadow": "0 1px oklch(0% 0 0 / 0.1) inset,\n      0 -1px oklch(100% 0 0 / 0.1) inset",
-      "&:focus": {
-        "boxShadow": "0 1px oklch(0% 0 0 / 0.1)"
-      }
-    },
-    "&.input-ghost": {
-      "@apply bg-base-100/5 shadow-none": {},
-      "&:focus,\n    &:focus-within": {
-        "@apply text-base-content bg-base-100": {},
-        "boxShadow": "none"
-      }
-    },
-    "&.input-primary": {
-      "@apply border-primary": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-primary) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-primary border-primary": {}
-      }
-    },
-    "&.input-secondary": {
-      "@apply border-secondary": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-secondary) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-secondary border-secondary": {}
-      }
-    },
-    "&.input-accent": {
-      "@apply border-accent": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-accent) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-accent border-accent": {}
-      }
-    },
-    "&.input-info": {
-      "@apply border-info": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-info) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-info border-info": {}
-      }
-    },
-    "&.input-success": {
-      "@apply border-success": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-success) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-success border-success": {}
-      }
-    },
-    "&.input-warning": {
-      "@apply border-warning": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-warning) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-warning border-warning": {}
-      }
-    },
-    "&.input-error": {
-      "@apply border-error": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-error) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-error border-error": {}
-      }
-    },
-    "&.input-xs": {
-      "@apply h-6 px-2 text-xs leading-relaxed": {},
-      "&[type=\"number\"]": {
-        "&::-webkit-inner-spin-button": {
-          "@apply -my-1 -me-0": {}
-        }
-      }
-    },
-    "&.input-sm": {
-      "@apply h-8 px-3 text-sm leading-8": {},
-      "&[type=\"number\"]": {
-        "&::-webkit-inner-spin-button": {
-          "@apply my-0 -me-0": {}
-        }
-      }
-    },
-    "&.input-md": {
-      "@apply h-10 px-4 text-sm leading-loose": {},
-      "&[type=\"number\"]": {
-        "&::-webkit-inner-spin-button": {
-          "@apply -my-4 -me-4": {}
-        }
-      }
-    },
-    "&.input-lg": {
-      "@apply h-14 px-6 text-lg leading-loose": {},
-      "&[type=\"number\"]": {
-        "&::-webkit-inner-spin-button": {
-          "@apply -my-6 -me-6": {}
-        }
-      }
-    }
-  }
-};
+import input from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...input})
+}

package/components/input/object.js

@@ -0,0 +1 @@
+export default {".input":{"@apply bg-base-100 h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle":{},"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","input":{"@apply border-none bg-transparent":{},"&:focus":{"@apply outline-none":{}}},"&:focus,\n  &:focus-within":{"@apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2":{}},"&:has(> input[disabled]),\n  &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{}},"&:has(> input[disabled])>input[disabled]":{"@apply cursor-not-allowed":{}},"&::-webkit-date-and-time-value":{"textAlign":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}},"&[list]":{"&::-webkit-calendar-picker-indicator":{"lineHeight":"1em"}},"&.input-bordered":{"@apply border-base-content/20":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n      0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.input-ghost":{"@apply bg-base-100/5 shadow-none":{},"&:focus,\n    &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.input-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-primary border-primary":{}}},"&.input-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.input-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-accent border-accent":{}}},"&.input-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-info border-info":{}}},"&.input-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-success border-success":{}}},"&.input-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-warning border-warning":{}}},"&.input-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-error border-error":{}}},"&.input-xs":{"@apply h-6 px-2 text-xs leading-relaxed":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-1 -me-0":{}}}},"&.input-sm":{"@apply h-8 px-3 text-sm leading-8":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply my-0 -me-0":{}}}},"&.input-md":{"@apply h-10 px-4 text-sm leading-loose":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}}},"&.input-lg":{"@apply h-14 px-6 text-lg leading-loose":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-6 -me-6":{}}}}}};