daisyui 5.0.0-alpha.4 → 5.0.0-alpha.6

package/components/rating.css

@@ -1,104 +1 @@
-.rating {
-    position: relative;
-    display: inline-flex;
-    vertical-align: middle;
-    & input {
-      appearance: none;
-      --tw-border-style: none;
-      border-style: none;
-      -webkit-appearance: none;
-    }
-    :where(input) {
-      animation: rating-pop var(--animation-input, 0.25s) ease-out;
-      height: var(--spacing-6, 1.5rem);
-      width: var(--spacing-6, 1.5rem);
-      cursor: pointer;
-      border-radius: 0;
-      background-color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-      opacity: 100%;
-    }
-    & .rating-hidden {
-      width: var(--spacing-2, 0.5rem);
-      background-color: transparent;
-    }
-    input[type="radio"]:checked {
-      background-image: none;
-    }
-    input {
-      &:checked, &[aria-checked="true"] {
-        &~input {
-          opacity: 20%;
-        }
-      }
-      &:focus-visible {
-        transition-property: transform, translate, scale, rotate;
-        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
-        transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
-        --tw-duration: 300ms;
-        transition-duration: 300ms;
-        --tw-ease: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-        transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-        transform: translateY(-0.125em);
-      }
-    }
-    & input:active:focus {
-      animation: none;
-    }
-    & input:active:focus {
-      transform: translateY(-0.125em);
-    }
-    &:is(.rating-xs) {
-      input {
-        width: var(--spacing-3, 0.75rem);
-        height: var(--spacing-3, 0.75rem);
-      }
-    }
-    &:is(.rating-sm) {
-      input {
-        width: var(--spacing-4, 1rem);
-        height: var(--spacing-4, 1rem);
-      }
-    }
-    &:is(.rating-md) {
-      input {
-        width: var(--spacing-6, 1.5rem);
-        height: var(--spacing-6, 1.5rem);
-      }
-    }
-    &:is(.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, 0.75rem);
-    }
-  }
-  @keyframes rating-pop {
-    0% {
-      transform: translateY(-0.125em);
-    }
-    40% {
-      transform: translateY(-0.125em);
-    }
-    100% {
-      transform: translateY(0);
-    }
-  }
-  .rating-half {
-    &.rating-xs input:not(.rating-hidden) {
-      width: var(--spacing-1_5, 0.375rem);
-    }
-    &.rating-sm input:not(.rating-hidden) {
-      width: var(--spacing-2, 0.5rem);
-    }
-    &.rating-md input:not(.rating-hidden) {
-      width: var(--spacing-3, 0.75rem);
-    }
-    &.rating-lg input:not(.rating-hidden) {
-      width: var(--spacing-5, 1.25rem);
-    }
-  }
+/*! 🌼 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)}}

package/components/select/config.js

@@ -4,7 +4,7 @@ import index from './index.js';
 export default {
 	plugins: [
 		plugin(({ addComponents }) => {
-			addComponents({
+		addComponents({
 				...index
 			});
 		})

package/components/select/index.js

@@ -1,99 +1 @@
-export default {
-  ".select": {
-    "@apply relative bg-base-100 rounded-btn h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle": {},
-    "backgroundImage": "linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%)",
-    "backgroundPosition": "calc(100% - 20px) calc(1px + 50%),\n    calc(100% - 16.1px) calc(1px + 50%)",
-    "backgroundSize": "4px 4px,\n    4px 4px",
-    "backgroundRepeat": "no-repeat",
-    "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(> select[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(> select[disabled])>select[disabled]": {
-      "@apply cursor-not-allowed": {}
-    },
-    "&.select-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)"
-      }
-    },
-    "&.select-ghost": {
-      "@apply bg-base-100/5 shadow-none": {},
-      "&:focus,\n    &:focus-within": {
-        "@apply text-base-content bg-base-100": {},
-        "boxShadow": "none"
-      }
-    },
-    "&.select-primary": {
-      "@apply border-primary": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-primary) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-primary border-primary": {}
-      }
-    },
-    "&.select-secondary": {
-      "@apply border-secondary": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-secondary) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-secondary border-secondary": {}
-      }
-    },
-    "&.select-accent": {
-      "@apply border-accent": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-accent) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-accent border-accent": {}
-      }
-    },
-    "&.select-info": {
-      "@apply border-info": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-info) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-info border-info": {}
-      }
-    },
-    "&.select-success": {
-      "@apply border-success": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-success) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-success border-success": {}
-      }
-    },
-    "&.select-warning": {
-      "@apply border-warning": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-warning) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-warning border-warning": {}
-      }
-    },
-    "&.select-error": {
-      "@apply border-error": {},
-      "backgroundColor": "color-mix(in oklab, var(--color-error) 2%, transparent)",
-      "&:focus,\n    &:focus-within": {
-        "@apply outline-error border-error": {}
-      }
-    },
-    "&.select-xs": {
-      "@apply h-6 px-2 text-xs leading-relaxed": {}
-    },
-    "&.select-sm": {
-      "@apply h-8 px-3 text-sm leading-8": {}
-    },
-    "&.select-md": {
-      "@apply h-10 px-4 text-sm leading-loose": {}
-    },
-    "&.select-lg": {
-      "@apply h-14 px-6 text-lg leading-loose": {}
-    }
-  }
-};
+export default {".select":{"@apply relative 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))","backgroundImage":"linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%)","backgroundPosition":"calc(100% - 20px) calc(1px + 50%),\n    calc(100% - 16.1px) calc(1px + 50%)","backgroundSize":"4px 4px,\n    4px 4px","backgroundRepeat":"no-repeat","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(> select[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(> select[disabled])>select[disabled]":{"@apply cursor-not-allowed":{}},"&.select-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)"}},"&.select-ghost":{"@apply bg-base-100/5 shadow-none":{},"&:focus,\n    &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.select-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-primary border-primary":{}}},"&.select-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.select-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-accent border-accent":{}}},"&.select-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-info border-info":{}}},"&.select-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-success border-success":{}}},"&.select-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-warning border-warning":{}}},"&.select-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-error border-error":{}}},"&.select-xs":{"@apply h-6 px-2 text-xs leading-relaxed":{}},"&.select-sm":{"@apply h-8 px-3 text-sm leading-8":{}},"&.select-md":{"@apply h-10 px-4 text-sm leading-loose":{}},"&.select-lg":{"@apply h-14 px-6 text-lg leading-loose":{}}}};

package/components/select.css

@@ -1,166 +1 @@
-.select {
-    position: relative;
-    height: var(--spacing-10, 2.5rem);
-    flex-shrink: 1;
-    appearance: none;
-    border-radius: var(--radius-btn, 0.5rem);
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: transparent;
-    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, 0.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, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
-    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
-    background-size: 4px 4px, 4px 4px;
-    background-repeat: no-repeat;
-    input {
-      --tw-border-style: none;
-      border-style: none;
-      background-color: transparent;
-      &:focus {
-        outline: 2px solid transparent;
-        outline-offset: 2px;
-      }
-    }
-    &:focus, &:focus-within {
-      border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      outline-style: var(--tw-outline-style);
-      outline-width: 1px;
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-      outline-offset: 2px;
-      outline-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 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% 0.029596 256.84795)) 40%, transparent);
-      &::placeholder {
-        color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-      }
-      &::placeholder {
-        color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 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% 0.029596 256.84795)) 20%, transparent);
-      box-shadow: 0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset;
-      &:focus {
-        box-shadow: 0 1px oklch(0% 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% 0.029596 256.84795));
-        box-shadow: none;
-      }
-    }
-    &.select-primary {
-      border-color: var(--color-primary, oklch(49.12% 0.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% 0.3096 275.75));
-        outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-      }
-    }
-    &.select-secondary {
-      border-color: var(--color-secondary, oklch(69.71% 0.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% 0.329 342.55));
-        outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-      }
-    }
-    &.select-accent {
-      border-color: var(--color-accent, oklch(76.76% 0.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% 0.184 183.61));
-        outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
-      }
-    }
-    &.select-info {
-      border-color: var(--color-info, oklch(72.06% 0.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% 0.191 231.6));
-        outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
-      }
-    }
-    &.select-success {
-      border-color: var(--color-success, oklch(64.8% 0.15 160));
-      background-color: color-mix(in oklab, var(--color-success) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-success, oklch(64.8% 0.15 160));
-        outline-color: var(--color-success, oklch(64.8% 0.15 160));
-      }
-    }
-    &.select-warning {
-      border-color: var(--color-warning, oklch(84.71% 0.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% 0.199 83.87));
-        outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
-      }
-    }
-    &.select-error {
-      border-color: var(--color-error, oklch(71.76% 0.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% 0.221 22.18));
-        outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
-      }
-    }
-    &.select-xs {
-      height: var(--spacing-6, 1.5rem);
-      padding-left: var(--spacing-2, 0.5rem);
-      padding-right: var(--spacing-2, 0.5rem);
-      font-size: var(--font-size-xs, 0.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, 0.75rem);
-      padding-right: var(--spacing-3, 0.75rem);
-      font-size: var(--font-size-sm, 0.875rem);
-      line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-      --tw-leading: var(--line-height-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, 0.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);
-    }
-  }
+/*! 🌼 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)}}

package/components/stack/class.json

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

package/components/stack/config.js

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

package/components/stack/index.css

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

package/components/stack/index.js

@@ -0,0 +1 @@
+export default {".stack":{"@apply place-items-center items-end inline-grid":{},"&>*":{"@apply w-full col-start-1 row-start-1 opacity-60":{},"transform":"translateY(10%) scale(0.9)","zIndex":1},"&>*:nth-child(2)":{"@apply opacity-80":{},"transform":"translateY(5%) scale(0.95)","zIndex":2},"&>*:nth-child(1)":{"@apply opacity-100":{},"transform":"translateY(0) scale(1)","zIndex":3}}};

package/components/stack.css

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

package/components/tab/config.js

@@ -4,7 +4,7 @@ import index from './index.js';
 export default {
 	plugins: [
 		plugin(({ addComponents }) => {
-			addComponents({
+		addComponents({
 				...index
 			});
 		})

package/components/tab/index.js

@@ -1,165 +1 @@
-export default {
-  ".tabs": {
-    "@apply inline-grid items-end align-bottom": {}
-  },
-  ".tab": {
-    "@apply hover:text-base-content relative row-start-1 inline-flex h-8 cursor-pointer select-none appearance-none flex-wrap items-center justify-center text-center text-sm leading-loose text-base-content/50": {},
-    "--tab-padding": "1rem",
-    "--tab-color": "theme(colors.base-content)",
-    "--tab-bg": "theme(colors.base-100)",
-    "--tab-border-color": "theme(colors.base-300)",
-    "color": "var(--tab-color)",
-    "paddingInlineStart": "var(--tab-padding, 1rem)",
-    "paddingInlineEnd": "var(--tab-padding, 1rem)",
-    "&:is(input[type=\"radio\"])": {
-      "@apply w-auto rounded-b-none": {},
-      "&:after": {
-        "--tw-content": "attr(aria-label)",
-        "content": "var(--tw-content)"
-      }
-    },
-    "&:checked,\n  &:is(.tab-active, [aria-selected=\"true\"])": {
-      "&+.tab-content": {
-        "@apply block": {}
-      }
-    },
-    "&:not(input):empty": {
-      "@apply cursor-default": {},
-      "gridColumnStart": "span 9999"
-    },
-    "&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n  &:is(input:checked)": {
-      "@apply border-base-content": {}
-    },
-    "&:focus": {
-      "@apply outline-none": {}
-    },
-    "&:focus-visible": {
-      "outline": "2px solid currentColor",
-      "outlineOffset": "-5px"
-    },
-    "&-disabled,\n  &[disabled]": {
-      "@apply text-base-content/20 cursor-not-allowed": {}
-    },
-    "&[disabled],\n  &[disabled]:hover": {
-      "@apply text-base-content/29 cursor-not-allowed": {}
-    }
-  },
-  ".tabs-bordered": {
-    "&>.tab": {
-      "@apply border-base-content/20": {},
-      "borderStyle": "solid",
-      "borderWidth": "0",
-      "borderBottomWidth": "calc(var(--spacing-tab-border, 1px) + 1px)"
-    }
-  },
-  ".tabs-lifted": {
-    "&>.tab:focus-visible": {
-      "borderEndEndRadius": "0",
-      "borderEndStartRadius": "0"
-    },
-    "&:has(.tab-content[class^=\"rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"])),\n  &:has(.tab-content[class*=\" rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"]))": {
-      "@apply border-b-transparent": {}
-    },
-    "&>.tab": {
-      "border": "var(--spacing-tab-border, 1px) solid transparent",
-      "borderWidth": "0 0 var(--spacing-tab-border, 1px) 0",
-      "borderStartStartRadius": "var(--tab-radius, 0.5rem)",
-      "borderStartEndRadius": "var(--tab-radius, 0.5rem)",
-      "borderBottomColor": "var(--tab-border-color)",
-      "paddingInlineStart": "var(--tab-padding, 1rem)",
-      "paddingInlineEnd": "var(--tab-padding, 1rem)",
-      "paddingTop": "var(--spacing-tab-border, 1px)",
-      "&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n    &:is(input:checked)": {
-        "backgroundColor": "var(--tab-bg)",
-        "borderWidth": "var(--spacing-tab-border, 1px) var(--spacing-tab-border, 1px) 0 var(--spacing-tab-border, 1px)",
-        "borderInlineStartColor": "var(--tab-border-color)",
-        "borderInlineEndColor": "var(--tab-border-color)",
-        "borderTopColor": "var(--tab-border-color)",
-        "paddingInlineStart": "calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))",
-        "paddingInlineEnd": "calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))",
-        "paddingBottom": "var(--spacing-tab-border, 1px)",
-        "paddingTop": "0",
-        "&:before": {
-          "zIndex": 1,
-          "content": "\"\"",
-          "display": "block",
-          "position": "absolute",
-          "width": "calc(100% + var(--tab-radius, 0.5rem) * 2)",
-          "height": "var(--tab-radius, 0.5rem)",
-          "bottom": "0",
-          "backgroundSize": "var(--tab-radius, 0.5rem)",
-          "backgroundPosition": "top left,\n          top right",
-          "backgroundRepeat": "no-repeat",
-          "--tab-grad": "calc(69% - var(--spacing-tab-border, 1px))",
-          "--radius-start": "radial-gradient(circle at top left,\n            transparent var(--tab-grad),\n            var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n            var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n            var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))",
-          "--radius-end": "radial-gradient(circle at top right,\n            transparent var(--tab-grad),\n            var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n            var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n            var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))",
-          "backgroundImage": "var(--radius-start), var(--radius-end)"
-        },
-        "&:first-child:before": {
-          "backgroundImage": "var(--radius-end)",
-          "backgroundPosition": "top right",
-          "[dir=\"rtl\"] &": {
-            "backgroundImage": "var(--radius-start)",
-            "backgroundPosition": "top left"
-          }
-        },
-        "&:last-child:before": {
-          "backgroundImage": "var(--radius-start)",
-          "backgroundPosition": "top left",
-          "[dir=\"rtl\"] &": {
-            "backgroundImage": "var(--radius-end)",
-            "backgroundPosition": "top right"
-          }
-        }
-      }
-    },
-    "&> :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n  &>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked)": {
-      "&:before": {
-        "backgroundImage": "var(--radius-end)",
-        "backgroundPosition": "top right"
-      }
-    }
-  },
-  ".tabs-boxed": {
-    "@apply bg-base-200 rounded-btn p-1": {},
-    ".tab": {
-      "@apply rounded-btn": {}
-    },
-    ":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n  :is(input:checked)": {
-      "@apply bg-primary text-primary-content hover:text-primary-content": {}
-    }
-  },
-  ".tab-content": {
-    "@apply col-start-1 col-end-[span_9999] row-start-2 hidden border-transparent": {},
-    "borderWidth": "var(--spacing-tab-border, 1px)",
-    "marginTop": "calc(var(--spacing-tab-border) * -1)",
-    "minWidth": "calc(100% + 1.5rem)",
-    ":checked+&:nth-child(2),\n  :is(.tab-active, [aria-selected=\"true\"])+&:nth-child(2)": {
-      "@apply rounded-ss-none": {}
-    }
-  },
-  ".tabs-md": {
-    ":where(.tab)": {
-      "@apply h-8 text-sm leading-loose": {},
-      "--tab-padding": "1rem"
-    }
-  },
-  ".tabs-lg": {
-    ":where(.tab)": {
-      "@apply h-12 text-lg leading-loose": {},
-      "--tab-padding": "1.25rem"
-    }
-  },
-  ".tabs-sm": {
-    ":where(.tab)": {
-      "@apply h-6 text-sm leading-3": {},
-      "--tab-padding": "0.75rem"
-    }
-  },
-  ".tabs-xs": {
-    ":where(.tab)": {
-      "@apply h-5 text-xs leading-3": {},
-      "--tab-padding": "0.5rem"
-    }
-  }
-};
+export default {".tabs":{"@apply inline-grid items-end align-bottom":{}},".tab":{"@apply hover:text-base-content relative row-start-1 inline-flex h-8 cursor-pointer select-none appearance-none flex-wrap items-center justify-center text-center text-sm leading-loose text-base-content/50":{},"--tab-padding":"1rem","--tab-color":"var(--color-base-content)","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","color":"var(--tab-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","&:is(input[type=\"radio\"])":{"@apply w-auto rounded-b-none":{},"&:after":{"--tw-content":"attr(aria-label)","content":"var(--tw-content)"}},"&:checked,\n  &:is(.tab-active, [aria-selected=\"true\"])":{"&+.tab-content":{"@apply block":{}}},"&:not(input):empty":{"@apply cursor-default":{},"gridColumnStart":"span 9999"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n  &:is(input:checked)":{"@apply border-base-content":{}},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"-5px"},"&-disabled,\n  &[disabled]":{"@apply text-base-content/20 cursor-not-allowed":{}},"&[disabled],\n  &[disabled]:hover":{"@apply text-base-content/29 cursor-not-allowed":{}}},".tabs-bordered":{"&>.tab":{"@apply border-base-content/20":{},"borderStyle":"solid","borderWidth":"0","borderBottomWidth":"calc(var(--spacing-tab-border, 1px) + 1px)"}},".tabs-lifted":{"&>.tab:focus-visible":{"borderEndEndRadius":"0","borderEndStartRadius":"0"},"&:has(.tab-content[class^=\"rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"])),\n  &:has(.tab-content[class*=\" rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"]))":{"@apply border-b-transparent":{}},"&>.tab":{"border":"var(--spacing-tab-border, 1px) solid transparent","borderWidth":"0 0 var(--spacing-tab-border, 1px) 0","borderStartStartRadius":"var(--tab-radius, 0.5rem)","borderStartEndRadius":"var(--tab-radius, 0.5rem)","borderBottomColor":"var(--tab-border-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","paddingTop":"var(--spacing-tab-border, 1px)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n    &:is(input:checked)":{"backgroundColor":"var(--tab-bg)","borderWidth":"var(--spacing-tab-border, 1px) var(--spacing-tab-border, 1px) 0 var(--spacing-tab-border, 1px)","borderInlineStartColor":"var(--tab-border-color)","borderInlineEndColor":"var(--tab-border-color)","borderTopColor":"var(--tab-border-color)","paddingInlineStart":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingInlineEnd":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingBottom":"var(--spacing-tab-border, 1px)","paddingTop":"0","&:before":{"zIndex":1,"content":"\"\"","display":"block","position":"absolute","width":"calc(100% + var(--tab-radius, 0.5rem) * 2)","height":"var(--tab-radius, 0.5rem)","bottom":"0","backgroundSize":"var(--tab-radius, 0.5rem)","backgroundPosition":"top left,\n          top right","backgroundRepeat":"no-repeat","--tab-grad":"calc(69% - var(--spacing-tab-border, 1px))","--radius-start":"radial-gradient(circle at top left,\n            transparent var(--tab-grad),\n            var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n            var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n            var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","--radius-end":"radial-gradient(circle at top right,\n            transparent var(--tab-grad),\n            var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n            var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n            var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","backgroundImage":"var(--radius-start), var(--radius-end)"},"&:first-child:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left"}},"&:last-child:before":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}}},"&> :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n  &>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked)":{"&:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}},".tabs-boxed":{"@apply bg-base-200 rounded-btn p-1":{},".tab":{"@apply rounded-btn":{}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n  :is(input:checked)":{"@apply bg-primary text-primary-content hover:text-primary-content":{}}},".tab-content":{"@apply col-start-1 col-end-[span_9999] row-start-2 hidden border-transparent":{},"borderWidth":"var(--spacing-tab-border, 1px)","marginTop":"calc(var(--spacing-tab-border) * -1)","minWidth":"calc(100% + 1.5rem)",":checked+&:nth-child(2),\n  :is(.tab-active, [aria-selected=\"true\"])+&:nth-child(2)":{"@apply rounded-ss-none":{}}},".tabs-md":{":where(.tab)":{"@apply h-8 text-sm leading-loose":{},"--tab-padding":"1rem"}},".tabs-lg":{":where(.tab)":{"@apply h-12 text-lg leading-loose":{},"--tab-padding":"1.25rem"}},".tabs-sm":{":where(.tab)":{"@apply h-6 text-sm leading-3":{},"--tab-padding":"0.75rem"}},".tabs-xs":{":where(.tab)":{"@apply h-5 text-xs leading-3":{},"--tab-padding":"0.5rem"}}};