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

package/components/mask.css

@@ -1,78 +1 @@
-.mask {
-    mask-size: contain;
-    mask-repeat: no-repeat;
-    mask-position: center;
-  }
-  .mask-half-1 {
-    mask-size: 200%;
-    mask-position: left;
-    mask-position: left;
-    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-      mask-position: right;
-    }
-  }
-  .mask-half-2 {
-    mask-size: 200%;
-    mask-position: right;
-    mask-position: right;
-    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-      mask-position: left;
-    }
-  }
-  .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");
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .mask{vertical-align:middle;display:inline-block;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/class.json

@@ -0,0 +1,16 @@
+[
+  "menu",
+  "menu-dropdown",
+  "menu-title",
+  "2",
+  "menu-active",
+  "menu-focus",
+  "badge",
+  "menu-disabled",
+  "menu-horizontal",
+  "menu-vertical",
+  "menu-xs",
+  "menu-sm",
+  "menu-md",
+  "menu-lg"
+]

package/components/menu/index.js

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

package/components/menu/object.js

@@ -0,0 +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 grid grid-flow-col content-start items-center gap-2":{},"transitionProperty":"color, background-color, box-shadow","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","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

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – 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,var(--color-base-content));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,var(--radius-btn));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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);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,var(--color-base-content))10%,transparent);color:var(--color-base-content,var(--color-base-content));outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))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,var(--color-base-content));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,var(--color-neutral));color:var(--color-neutral-content,var(--color-neutral-content));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,var(--color-base-content))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,var(--color-base-content))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,var(--radius-box));background-color:var(--color-base-100,var(--color-base-100));--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,var(--radius-btn));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,var(--radius-btn));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,var(--radius-btn));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/navbar/class.json

@@ -0,0 +1,6 @@
+[
+  "navbar",
+  "navbar-start",
+  "navbar-center",
+  "navbar-end"
+]

package/components/navbar/index.js

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

package/components/navbar/object.js

@@ -0,0 +1 @@
+export default {".navbar":{"@apply flex items-center w-full":{},"padding":"var(--navbar-padding, 0.5rem)","minHeight":"4rem",":where(> *:not(script, style))":{"@apply inline-flex items-center":{}}},".navbar-start":{"width":"50%","justifyContent":"flex-start"},".navbar-center":{"@apply shrink-0":{}},".navbar-end":{"width":"50%","justifyContent":"flex-end"}};

package/components/navbar.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.navbar-start{justify-content:flex-start;width:50%}.navbar-center{flex-shrink:0}.navbar-end{justify-content:flex-end;width:50%}

package/components/progress/class.json

@@ -0,0 +1,10 @@
+[
+  "progress",
+  "progress-primary",
+  "progress-secondary",
+  "progress-accent",
+  "progress-info",
+  "progress-success",
+  "progress-warning",
+  "progress-error"
+]

package/components/progress/index.js

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

package/components/progress/object.js

@@ -0,0 +1 @@
+export default {".progress":{"@apply relative w-full appearance-none overflow-hidden rounded-box bg-base-content/20 h-2":{},"&:indeterminate":{"--progress-color":"var(--color-base-content)","backgroundImage":"repeating-linear-gradient(90deg,\n        var(--progress-color) -1%,\n        var(--progress-color) 10%,\n        transparent 10%,\n        transparent 90%)","backgroundSize":"200%","backgroundPositionX":"15%","animation":"progress-loading 5s ease-in-out infinite","@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-transparent":{},"backgroundImage":"repeating-linear-gradient(90deg,\n            var(--progress-color) -1%,\n            var(--progress-color) 10%,\n            transparent 10%,\n            transparent 90%)","backgroundSize":"200%","backgroundPositionX":"15%","animation":"progress-loading 5s ease-in-out infinite"}}},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-base-content rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-bar":{"@apply rounded-box bg-transparent":{}},"&::-webkit-progress-value":{"@apply bg-base-content rounded-box":{}}}},".progress-primary":{"&:indeterminate":{"--progress-color":"var(--color-primary)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-primary rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-primary":{}}}},".progress-secondary":{"&:indeterminate":{"--progress-color":"var(--color-secondary)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-secondary rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-secondary":{}}}},".progress-accent":{"&:indeterminate":{"--progress-color":"var(--color-accent)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-accent rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-accent":{}}}},".progress-info":{"&:indeterminate":{"--progress-color":"var(--color-info)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-info rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-info":{}}}},".progress-success":{"&:indeterminate":{"--progress-color":"var(--color-success)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-success rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-success":{}}}},".progress-warning":{"&:indeterminate":{"--progress-color":"var(--color-warning)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-warning rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-warning":{}}}},".progress-error":{"&:indeterminate":{"--progress-color":"var(--color-error)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"@apply bg-error rounded-box":{}}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"@apply bg-error":{}}}},"@keyframes progress-loading":{"50%":{"backgroundPositionX":"-115%"}}};

package/components/progress.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .progress{height:var(--spacing-2,.5rem);appearance:none;border-radius:var(--radius-box,var(--radius-box));background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);width:100%;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-base-content,var(--color-base-content))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-base-content,var(--color-base-content))}}}.progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-primary,var(--color-primary))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary,var(--color-primary))}}}.progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-secondary,var(--color-secondary))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary,var(--color-secondary))}}}.progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-accent,var(--color-accent))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent,var(--color-accent))}}}.progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-info,var(--color-info))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info,var(--color-info))}}}.progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-success,var(--color-success))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success,var(--color-success))}}}.progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-warning,var(--color-warning))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning,var(--color-warning))}}}.progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-error,var(--color-error))}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error,var(--color-error))}}}@keyframes progress-loading{50%{background-position-x:-115%}}

package/components/radialprogress/class.json

@@ -0,0 +1,3 @@
+[
+  "radial-progress"
+]

package/components/radialprogress/index.js

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

package/components/radialprogress/object.js

@@ -0,0 +1 @@
+export default {".radial-progress":{"@apply relative inline-grid h-[var(--size)] w-[var(--size)] place-content-center rounded-full bg-transparent":{},"verticalAlign":"middle","boxSizing":"content-box","--value":"0","--size":"5rem","--thickness":"calc(var(--size) / 10)","--radialprogress":"calc(var(--value) * 1%)","transition":"--radialprogress .3s linear","&:before":{"@apply inset-0 absolute rounded-full":{},"content":"\"\"","background":"radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat,\n      conic-gradient(currentColor var(--radialprogress), #0000 0)","WebkitMask":"radial-gradient(farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness)))","mask":"radial-gradient(farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness)))"},"&:after":{"@apply bg-current absolute rounded-full":{},"transition":"transform .3s linear","content":"\"\"","inset":"calc(50% - var(--thickness) / 2)","transform":"rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%))"}}};

package/components/radialprogress.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{inset:var(--spacing-0,0px);content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}

package/components/radio/class.json

@@ -0,0 +1,14 @@
+[
+  "radio",
+  "radio-primary",
+  "radio-secondary",
+  "radio-accent",
+  "radio-success",
+  "radio-warning",
+  "radio-info",
+  "radio-error",
+  "radio-xs",
+  "radio-sm",
+  "radio-md",
+  "radio-lg"
+]

package/components/radio/index.js

@@ -1,73 +1,4 @@
-export default {
-  ".radio": {
-    "@apply border-base-content/20 text-base-content relative size-6 shrink-0 cursor-pointer appearance-none rounded-full border p-1 align-middle": {},
-    "boxShadow": "0 1px oklch(0% 0 0 / 0.1) inset",
-    "&:before": {
-      "@apply block size-full rounded-full": {},
-      "content": "\"\""
-    },
-    "&:focus-visible": {
-      "@apply outline-2 outline-offset-2 outline-current": {}
-    },
-    "&:checked,\n  &[aria-checked=\"true\"]": {
-      "animation": "radiomark var(--animation-input, 0.2s) ease-out",
-      "@apply bg-base-100 border-current": {},
-      "&:before": {
-        "@apply bg-current": {},
-        "boxShadow": "0 -1px oklch(0% 0 0 / 0.1) inset,\n        0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n        0 1px oklch(0% 0 0 / 0.1)"
-      }
-    }
-  },
-  ".radio-primary": {
-    "@apply text-primary border-current": {}
-  },
-  ".radio-secondary": {
-    "@apply text-secondary border-current": {}
-  },
-  ".radio-accent": {
-    "@apply text-accent border-current": {}
-  },
-  ".radio-success": {
-    "@apply text-success border-current": {}
-  },
-  ".radio-warning": {
-    "@apply text-warning border-current": {}
-  },
-  ".radio-info": {
-    "@apply text-info border-current": {}
-  },
-  ".radio-error": {
-    "@apply text-error border-current": {}
-  },
-  ".radio:disabled": {
-    "@apply cursor-not-allowed opacity-20": {}
-  },
-  "@keyframes radiomark": {
-    "0%": {
-      "padding": "5px"
-    },
-    "50%": {
-      "padding": "3px"
-    }
-  },
-  ".radio-xs": {
-    "&:is([type=\"radio\"])": {
-      "@apply size-4": {}
-    }
-  },
-  ".radio-sm": {
-    "&:is([type=\"radio\"])": {
-      "@apply size-5": {}
-    }
-  },
-  ".radio-md": {
-    "&:is([type=\"radio\"])": {
-      "@apply size-6": {}
-    }
-  },
-  ".radio-lg": {
-    "&:is([type=\"radio\"])": {
-      "@apply size-8": {}
-    }
-  }
-};
+import radio from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...radio})
+}

package/components/radio/object.js

@@ -0,0 +1 @@
+export default {".radio":{"@apply border-base-content/20 text-base-content relative size-6 shrink-0 cursor-pointer appearance-none rounded-full border p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","&:before":{"@apply block size-full rounded-full":{},"content":"\"\""},"&:focus-visible":{"@apply outline-2 outline-offset-2 outline-current":{}},"&:checked,\n  &[aria-checked=\"true\"]":{"animation":"radiomark var(--animation-input, 0.2s) ease-out","@apply bg-base-100 border-current":{},"&:before":{"@apply bg-current":{},"boxShadow":"0 -1px oklch(0% 0 0 / 0.1) inset,\n        0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n        0 1px oklch(0% 0 0 / 0.1)"}}},".radio-primary":{"@apply text-primary border-current":{}},".radio-secondary":{"@apply text-secondary border-current":{}},".radio-accent":{"@apply text-accent border-current":{}},".radio-success":{"@apply text-success border-current":{}},".radio-warning":{"@apply text-warning border-current":{}},".radio-info":{"@apply text-info border-current":{}},".radio-error":{"@apply text-error border-current":{}},".radio:disabled":{"@apply cursor-not-allowed opacity-20":{}},"@keyframes radiomark":{"0%":{"padding":"5px"},"50%":{"padding":"3px"}},".radio-xs":{"&:is([type=\"radio\"])":{"@apply size-4":{}}},".radio-sm":{"&:is([type=\"radio\"])":{"@apply size-5":{}}},".radio-md":{"&:is([type=\"radio\"])":{"@apply size-6":{}}},".radio-lg":{"&:is([type=\"radio\"])":{"@apply size-8":{}}}};

package/components/radio.css

@@ -1,102 +1 @@
-.radio {
-    position: relative;
-    width: var(--spacing-6, 1.5rem);
-    height: var(--spacing-6, 1.5rem);
-    flex-shrink: 0;
-    cursor: pointer;
-    appearance: none;
-    border-radius: calc(infinity * 1px);
-    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;
-    &:before {
-      display: block;
-      width: 100%;
-      height: 100%;
-      border-radius: calc(infinity * 1px);
-      content: "";
-    }
-    &:focus-visible {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-      outline-offset: 2px;
-      outline-color: currentColor;
-    }
-    &:checked, &[aria-checked="true"] {
-      animation: radiomark var(--animation-input, 0.2s) ease-out;
-      border-color: currentColor;
-      background-color: var(--color-base-100, oklch(100% 0 0));
-      &:before {
-        background-color: currentColor;
-        box-shadow: 0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1);
-      }
-    }
-  }
-  .radio-primary {
-    border-color: currentColor;
-    color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-  }
-  .radio-secondary {
-    border-color: currentColor;
-    color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-  }
-  .radio-accent {
-    border-color: currentColor;
-    color: var(--color-accent, oklch(76.76% 0.184 183.61));
-  }
-  .radio-success {
-    border-color: currentColor;
-    color: var(--color-success, oklch(64.8% 0.15 160));
-  }
-  .radio-warning {
-    border-color: currentColor;
-    color: var(--color-warning, oklch(84.71% 0.199 83.87));
-  }
-  .radio-info {
-    border-color: currentColor;
-    color: var(--color-info, oklch(72.06% 0.191 231.6));
-  }
-  .radio-error {
-    border-color: currentColor;
-    color: var(--color-error, oklch(71.76% 0.221 22.18));
-  }
-  .radio:disabled {
-    cursor: not-allowed;
-    opacity: 20%;
-  }
-  @keyframes radiomark {
-    0% {
-      padding: 5px;
-    }
-    50% {
-      padding: 3px;
-    }
-  }
-  .radio-xs {
-    &:is([type="radio"]) {
-      width: var(--spacing-4, 1rem);
-      height: var(--spacing-4, 1rem);
-    }
-  }
-  .radio-sm {
-    &:is([type="radio"]) {
-      width: var(--spacing-5, 1.25rem);
-      height: var(--spacing-5, 1.25rem);
-    }
-  }
-  .radio-md {
-    &:is([type="radio"]) {
-      width: var(--spacing-6, 1.5rem);
-      height: var(--spacing-6, 1.5rem);
-    }
-  }
-  .radio-lg {
-    &:is([type="radio"]) {
-      width: var(--spacing-8, 2rem);
-      height: var(--spacing-8, 2rem);
-    }
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.21 – 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,var(--color-base-content))20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content,var(--color-base-content));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,var(--color-base-100));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,var(--color-primary));border-color:currentColor}.radio-secondary{color:var(--color-secondary,var(--color-secondary));border-color:currentColor}.radio-accent{color:var(--color-accent,var(--color-accent));border-color:currentColor}.radio-success{color:var(--color-success,var(--color-success));border-color:currentColor}.radio-warning{color:var(--color-warning,var(--color-warning));border-color:currentColor}.radio-info{color:var(--color-info,var(--color-info));border-color:currentColor}.radio-error{color:var(--color-error,var(--color-error));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/class.json

@@ -0,0 +1,14 @@
+[
+  "range",
+  "range-primary",
+  "range-secondary",
+  "range-accent",
+  "range-success",
+  "range-warning",
+  "range-info",
+  "range-error",
+  "range-xs",
+  "range-sm",
+  "range-md",
+  "range-lg"
+]

package/components/range/index.js

@@ -1,132 +1,4 @@
-export default {
-  ".range": {
-    "appearance": "none",
-    "WebkitAppearance": "none",
-    "--range-shdw": "currentColor",
-    "@apply rounded-box h-6 w-full cursor-pointer overflow-hidden border-none bg-transparent align-middle": {},
-    "&: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": {
-      "@apply rounded-box bg-base-content/10 h-2 w-full": {}
-    },
-    "&::-webkit-slider-thumb": {
-      "@apply rounded-box bg-base-100 relative h-6 w-6 border-none": {},
-      "appearance": "none",
-      "WebkitAppearance": "none",
-      "top": "50%",
-      "color": "var(--range-shdw)",
-      "transform": "translateY(-50%)",
-      "--filler-size": "100rem",
-      "--filler-offset": "0.6rem",
-      "--track-shdw": "calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)",
-      "boxShadow": "0 0 0 3px var(--range-shdw) inset,\n      var(--focus-shadow, 0 0),\n      var(--track-shdw)"
-    },
-    "[dir=rtl] &::-webkit-slider-thumb": {
-      "--track-shdw": "calc(var(--filler-size) * 1 + var(--filler-offset)) 0 0 var(--filler-size)"
-    },
-    "&::-moz-range-track": {
-      "@apply rounded-box bg-base-content/10 h-2 w-full": {}
-    },
-    "&::-moz-range-thumb": {
-      "@apply rounded-box bg-base-100 relative h-6 w-6 border-none": {},
-      "top": "50%",
-      "color": "var(--range-shdw)",
-      "--filler-size": "100rem",
-      "--filler-offset": "0.5rem",
-      "boxShadow": "0 0 0 3px var(--range-shdw) inset,\n      var(--focus-shadow, 0 0),\n      calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)"
-    }
-  },
-  ".range-primary": {
-    "@apply text-primary": {}
-  },
-  ".range-secondary": {
-    "@apply text-secondary": {}
-  },
-  ".range-accent": {
-    "@apply text-accent": {}
-  },
-  ".range-success": {
-    "@apply text-success": {}
-  },
-  ".range-warning": {
-    "@apply text-warning": {}
-  },
-  ".range-info": {
-    "@apply text-info": {}
-  },
-  ".range-error": {
-    "@apply text-error": {}
-  },
-  ".range-xs": {
-    "@apply h-4": {},
-    "&::-webkit-slider-runnable-track": {
-      "@apply h-1": {}
-    },
-    "&::-webkit-slider-thumb": {
-      "@apply size-4": {},
-      "--filler-offset": "0.4rem"
-    },
-    "&::-moz-range-track": {
-      "@apply h-1": {}
-    },
-    "&::-moz-range-thumb": {
-      "@apply size-4": {},
-      "--filler-offset": "0.4rem"
-    }
-  },
-  ".range-sm": {
-    "@apply h-5": {},
-    "&::-webkit-slider-runnable-track": {
-      "@apply h-1": {}
-    },
-    "&::-webkit-slider-thumb": {
-      "@apply size-5": {},
-      "--filler-offset": "0.5rem"
-    },
-    "&::-moz-range-track": {
-      "@apply h-1": {}
-    },
-    "&::-moz-range-thumb": {
-      "@apply size-5": {},
-      "--filler-offset": "0.5rem"
-    }
-  },
-  ".range-md": {
-    "@apply h-6": {},
-    "&::-webkit-slider-runnable-track": {
-      "@apply h-2": {}
-    },
-    "&::-webkit-slider-thumb": {
-      "@apply size-6": {},
-      "--filler-offset": "0.6rem"
-    },
-    "&::-moz-range-track": {
-      "@apply h-2": {}
-    },
-    "&::-moz-range-thumb": {
-      "@apply size-6": {},
-      "--filler-offset": "0.6rem"
-    }
-  },
-  ".range-lg": {
-    "@apply h-8": {},
-    "&::-webkit-slider-runnable-track": {
-      "@apply h-4": {}
-    },
-    "&::-webkit-slider-thumb": {
-      "@apply size-8": {},
-      "--filler-offset": "1rem"
-    },
-    "&::-moz-range-track": {
-      "@apply h-4": {}
-    },
-    "&::-moz-range-thumb": {
-      "@apply size-8": {},
-      "--filler-offset": "1rem"
-    }
-  }
-};
+import range from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...range})
+}

package/components/range/object.js

@@ -0,0 +1 @@
+export default {".range":{"appearance":"none","WebkitAppearance":"none","--range-shdw":"currentColor","@apply rounded-box h-6 w-full cursor-pointer overflow-hidden border-none bg-transparent align-middle":{},"&: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":{"@apply rounded-box bg-base-content/10 h-2 w-full":{}},"&::-webkit-slider-thumb":{"@apply rounded-box bg-base-100 relative h-6 w-6 border-none":{},"appearance":"none","WebkitAppearance":"none","top":"50%","color":"var(--range-shdw)","transform":"translateY(-50%)","--filler-size":"100rem","--filler-offset":"0.6rem","--track-shdw":"calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)","boxShadow":"0 0 0 3px var(--range-shdw) inset,\n      var(--focus-shadow, 0 0),\n      var(--track-shdw)"},"[dir=rtl] &::-webkit-slider-thumb":{"--track-shdw":"calc(var(--filler-size) * 1 + var(--filler-offset)) 0 0 var(--filler-size)"},"&::-moz-range-track":{"@apply rounded-box bg-base-content/10 h-2 w-full":{}},"&::-moz-range-thumb":{"@apply rounded-box bg-base-100 relative h-6 w-6 border-none":{},"top":"50%","color":"var(--range-shdw)","--filler-size":"100rem","--filler-offset":"0.5rem","boxShadow":"0 0 0 3px var(--range-shdw) inset,\n      var(--focus-shadow, 0 0),\n      calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)"}},".range-primary":{"@apply text-primary":{}},".range-secondary":{"@apply text-secondary":{}},".range-accent":{"@apply text-accent":{}},".range-success":{"@apply text-success":{}},".range-warning":{"@apply text-warning":{}},".range-info":{"@apply text-info":{}},".range-error":{"@apply text-error":{}},".range-xs":{"@apply h-4":{},"&::-webkit-slider-runnable-track":{"@apply h-1":{}},"&::-webkit-slider-thumb":{"@apply size-4":{},"--filler-offset":"0.4rem"},"&::-moz-range-track":{"@apply h-1":{}},"&::-moz-range-thumb":{"@apply size-4":{},"--filler-offset":"0.4rem"}},".range-sm":{"@apply h-5":{},"&::-webkit-slider-runnable-track":{"@apply h-1":{}},"&::-webkit-slider-thumb":{"@apply size-5":{},"--filler-offset":"0.5rem"},"&::-moz-range-track":{"@apply h-1":{}},"&::-moz-range-thumb":{"@apply size-5":{},"--filler-offset":"0.5rem"}},".range-md":{"@apply h-6":{},"&::-webkit-slider-runnable-track":{"@apply h-2":{}},"&::-webkit-slider-thumb":{"@apply size-6":{},"--filler-offset":"0.6rem"},"&::-moz-range-track":{"@apply h-2":{}},"&::-moz-range-thumb":{"@apply size-6":{},"--filler-offset":"0.6rem"}},".range-lg":{"@apply h-8":{},"&::-webkit-slider-runnable-track":{"@apply h-4":{}},"&::-webkit-slider-thumb":{"@apply size-8":{},"--filler-offset":"1rem"},"&::-moz-range-track":{"@apply h-4":{}},"&::-moz-range-thumb":{"@apply size-8":{},"--filler-offset":"1rem"}}};