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

package/components/rating/index.js

@@ -1,82 +1 @@
-export default {
-  ".rating": {
-    "@apply relative inline-flex align-middle": {},
-    "& input": {
-      "@apply appearance-none border-none": {},
-      "WebkitAppearance": "none"
-    },
-    ":where(input)": {
-      "animation": "rating-pop var(--animation-input, 0.25s) ease-out",
-      "@apply bg-base-content h-6 w-6 cursor-pointer rounded-none opacity-100": {}
-    },
-    "& .rating-hidden": {
-      "@apply w-2 bg-transparent": {}
-    },
-    "input[type=\"radio\"]:checked": {
-      "backgroundImage": "none"
-    },
-    "input": {
-      "&:checked,\n    &[aria-checked=\"true\"]": {
-        "&~input": {
-          "@apply opacity-20": {}
-        }
-      },
-      "&:focus-visible": {
-        "@apply transition-transform duration-300 ease-out": {},
-        "transform": "translateY(-0.125em)"
-      }
-    },
-    "& input:active:focus": {
-      "animation": "none",
-      "transform": "translateY(-0.125em)"
-    },
-    "&:is(.rating-xs)": {
-      "input": {
-        "@apply size-3": {}
-      }
-    },
-    "&:is(.rating-sm)": {
-      "input": {
-        "@apply size-4": {}
-      }
-    },
-    "&:is(.rating-md)": {
-      "input": {
-        "@apply size-6": {}
-      }
-    },
-    "&:is(.rating-lg)": {
-      "input": {
-        "@apply size-10": {}
-      }
-    }
-  },
-  ".rating-half": {
-    ":where(input:not(.rating-hidden))": {
-      "@apply w-3": {}
-    },
-    "&.rating-xs input:not(.rating-hidden)": {
-      "@apply w-1.5": {}
-    },
-    "&.rating-sm input:not(.rating-hidden)": {
-      "@apply w-2": {}
-    },
-    "&.rating-md input:not(.rating-hidden)": {
-      "@apply w-3": {}
-    },
-    "&.rating-lg input:not(.rating-hidden)": {
-      "@apply w-5": {}
-    }
-  },
-  "@keyframes rating-pop": {
-    "0%": {
-      "transform": "translateY(-0.125em)"
-    },
-    "40%": {
-      "transform": "translateY(-0.125em)"
-    },
-    "100%": {
-      "transform": "translateY(0)"
-    }
-  }
-};
+export default {".rating":{"@apply relative inline-flex align-middle":{},"& input":{"@apply appearance-none border-none":{},"WebkitAppearance":"none"},":where(input)":{"animation":"rating-pop var(--animation-input, 0.25s) ease-out","@apply bg-base-content h-6 w-6 cursor-pointer rounded-none opacity-100":{}},"& .rating-hidden":{"@apply w-2 bg-transparent":{}},"input[type=\"radio\"]:checked":{"backgroundImage":"none"},"input":{"&:checked,\n    &[aria-checked=\"true\"]":{"&~input":{"@apply opacity-20":{}}},"&:focus-visible":{"@apply transition-transform duration-300 ease-out":{},"transform":"translateY(-0.125em)"}},"& input:active:focus":{"animation":"none","transform":"translateY(-0.125em)"},"&:is(.rating-xs)":{"input":{"@apply size-3":{}}},"&:is(.rating-sm)":{"input":{"@apply size-4":{}}},"&:is(.rating-md)":{"input":{"@apply size-6":{}}},"&:is(.rating-lg)":{"input":{"@apply size-10":{}}}},".rating-half":{":where(input:not(.rating-hidden))":{"@apply w-3":{}},"&.rating-xs input:not(.rating-hidden)":{"@apply w-1.5":{}},"&.rating-sm input:not(.rating-hidden)":{"@apply w-2":{}},"&.rating-md input:not(.rating-hidden)":{"@apply w-3":{}},"&.rating-lg input:not(.rating-hidden)":{"@apply w-5":{}}},"@keyframes rating-pop":{"0%":{"transform":"translateY(-0.125em)"},"40%":{"transform":"translateY(-0.125em)"},"100%":{"transform":"translateY(0)"}}};

package/components/rating.css

@@ -1 +1 @@
-.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)}}
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;--tw-border-style:none;border-style:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content,oklch(27.8078% .029596 256.848));opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.3s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}

package/components/select/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 +1 @@
-.select{height:var(--spacing-10,2.5rem);appearance:none;border-radius:var(--radius-btn,.5rem);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;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)}}
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .select{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,oklch(100% 0 0));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-width:1px;border-color:#0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;position:relative;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-bordered{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100,oklch(100% 0 0))5%,transparent);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:focus,&:focus-within{background-color:var(--color-base-100,oklch(100% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848));box-shadow:none}}&.select-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,oklch(49.12% .3096 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}&.select-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,oklch(69.71% .329 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}&.select-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,oklch(76.76% .184 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}&.select-info{border-color:var(--color-info,oklch(72.06% .191 231.6));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,oklch(72.06% .191 231.6));outline-color:var(--color-info,oklch(72.06% .191 231.6))}}&.select-success{border-color:var(--color-success,oklch(64.8% .15 160));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,oklch(64.8% .15 160));outline-color:var(--color-success,oklch(64.8% .15 160))}}&.select-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,oklch(84.71% .199 83.87));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}&.select-error{border-color:var(--color-error,oklch(71.76% .221 22.18));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,oklch(71.76% .221 22.18));outline-color:var(--color-error,oklch(71.76% .221 22.18))}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625)}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem)}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}}

package/components/skeleton/class.json

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

package/components/skeleton/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/skeleton/index.css

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

package/components/skeleton/index.js

@@ -0,0 +1 @@
+export default {".skeleton":{"@apply bg-base-300 rounded-box motion-reduce:duration-[15s]":{},"willChange":"background-position","animation":"skeleton 1.8s ease-in-out infinite","backgroundImage":"linear-gradient(105deg,\n      transparent 0% 40%,\n      var(--color-base-100) 50%,\n      transparent 60% 100%)","backgroundSize":"200% auto","backgroundRepeat":"no-repeat","backgroundPositionX":"-50%"},"@keyframes skeleton":{"from":{"backgroundPosition":"150%"},"to":{"backgroundPosition":"-50%"}}};

package/components/skeleton.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .skeleton{border-radius:var(--radius-box,1rem);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138));will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{--tw-duration:15s;transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}

package/components/stack/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.7 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}

package/components/swap/class.json

@@ -0,0 +1,9 @@
+[
+  "swap",
+  "swap-on",
+  "swap-indeterminate",
+  "swap-off",
+  "swap-active",
+  "swap-rotate",
+  "swap-flip"
+]

package/components/swap/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/swap/index.css

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

package/components/swap/index.js

@@ -0,0 +1 @@
+export default {".swap":{"@apply relative inline-grid select-none place-content-center cursor-pointer align-middle":{},"input":{"@apply appearance-none border-none":{}},">*":{"@apply col-start-1 row-start-1 duration-200 ease-out":{},"transitionProperty":"transform, rotate, opacity"},".swap-on,\n  .swap-indeterminate,\n  input:indeterminate~.swap-on":{"@apply opacity-0":{}},"input:checked,\n  input:indeterminate":{"&~.swap-off":{"@apply opacity-0":{}}},"input:checked~.swap-on,\n  input:indeterminate~.swap-indeterminate":{"@apply opacity-100":{}}},".swap-active":{".swap-off":{"@apply opacity-0":{}},".swap-on":{"@apply opacity-100":{}}},".swap-rotate":{".swap-on,\n  .swap-indeterminate,\n  input:indeterminate~.swap-on":{"@apply rotate-45":{}},"input:checked,\n  input:indeterminate":{"&~.swap-on":{"@apply rotate-0":{}},"&~.swap-off":{"@apply -rotate-45":{}}},"&:where(.swap-active)":{"&~.swap-on":{"@apply rotate-0":{}},".swap-off":{"@apply -rotate-45":{}}}},".swap-flip":{"transformStyle":"preserve-3d","perspective":"20rem",".swap-on,\n  .swap-indeterminate,\n  input:indeterminate~.swap-on":{"transform":"rotateY(180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}},"input:checked,\n  input:indeterminate":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}},"&:where(.swap-active)":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}}}};

package/components/swap.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;--tw-border-style:none;border-style:none}&>*{--tw-duration:.2s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}

package/components/tab/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"}}};

package/components/tab.css

@@ -1 +1 @@
-.tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:oklch(27.8078% .029596 256.848);--tab-bg:oklch(100% 0 0);--tab-border-color:oklch(92.4169% .00108 197.138);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))29%,transparent)}}.tabs-bordered{&>.tab{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn,.5rem);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn,.5rem)}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:hover{@media (hover:hover){&{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-md{& :where(.tab){height:var(--spacing-8,2rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1rem}}.tabs-lg{& :where(.tab){height:var(--spacing-12,3rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1.25rem}}.tabs-sm{& :where(.tab){height:var(--spacing-6,1.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.75rem}}.tabs-xs{& :where(.tab){height:var(--spacing-5,1.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.5rem}}
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))29%,transparent)}}.tabs-bordered{&>.tab{border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn,.5rem);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn,.5rem)}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:hover{@media (hover:hover){&{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-md{& :where(.tab){height:var(--spacing-8,2rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1rem}}.tabs-lg{& :where(.tab){height:var(--spacing-12,3rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1.25rem}}.tabs-sm{& :where(.tab){height:var(--spacing-6,1.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.75rem}}.tabs-xs{& :where(.tab){height:var(--spacing-5,1.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.5rem}}

package/components/timeline/class.json

@@ -0,0 +1,11 @@
+[
+  "timeline",
+  "timeline-box",
+  "timeline-start",
+  "timeline-middle",
+  "timeline-end",
+  "timeline-compact",
+  "timeline-vertical",
+  "timeline-snap-icon",
+  "timeline-horizontal"
+]

package/components/timeline/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/timeline/index.css

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

package/components/timeline/index.js

@@ -0,0 +1 @@
+export default {".timeline":{"@apply relative flex":{},">li":{"@apply relative grid shrink-0 items-center":{},"gridTemplateRows":"var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end,\n        minmax(0, 1fr))","gridTemplateColumns":"var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end,\n        minmax(0, 1fr))",">hr":{"@apply w-full border-0":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},":where(hr)":{"@apply h-1 bg-base-300":{}},"&:has(.timeline-middle hr)":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}},":last-child hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}},".timeline-box":{"@apply rounded-box bg-base-100 border-base-300 border px-4 py-2 shadow-sm":{}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 m-1 self-end justify-self-center":{}},".timeline-middle":{"@apply col-start-2 row-start-2":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 m-1 self-start justify-self-center":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-[none] row-start-auto":{}}},"&.timeline-vertical":{">li":{"--timeline-col-start":"0"},".timeline-start":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"li:has(.timeline-start)":{".timeline-end":{"@apply col-start-auto row-start-[none]":{}}}}},".timeline-snap-icon":{">li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"@apply flex-col":{},">li":{"@apply justify-items-center":{},"--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)",">hr":{"@apply w-1 h-full":{},"&:first-child":{"@apply col-start-2 row-start-1":{}},"&:last-child":{"@apply col-start-2 col-end-auto row-start-3 row-end-[none]":{}}}},".timeline-start":{"@apply col-start-1 col-end-2 row-start-1 row-end-4 self-center justify-self-end":{}},".timeline-end":{"@apply col-start-3 col-end-4 row-start-1 row-end-4 self-center justify-self-start":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-b-badge rounded-t-none":{}},"&:last-child":{"@apply rounded-t-badge rounded-b-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-t-badge rounded-b-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-b-badge rounded-t-none":{}}}},"&.timeline-snap-icon":{">li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"@apply flex-row":{},">li":{"@apply items-center":{},">hr":{"@apply w-full h-1":{},"&:first-child":{"@apply col-start-1 row-start-2":{}},"&:last-child":{"@apply col-start-3 col-end-[none] row-start-2 row-end-auto":{}}}},".timeline-start":{"@apply col-start-1 col-end-4 row-start-1 row-end-2 self-end justify-self-center":{}},".timeline-end":{"@apply col-start-1 col-end-4 row-start-3 row-end-4 self-start justify-self-center":{}},"&:has(.timeline-middle)":{">li":{">hr":{"&:first-child":{"@apply rounded-e-badge rounded-s-none":{}},"&:last-child":{"@apply rounded-s-badge rounded-e-none":{}}}}},"&:not(:has(.timeline-middle))":{":first-child":{">hr:last-child":{"@apply rounded-s-badge rounded-e-none":{}}},":last-child":{">hr:first-child":{"@apply rounded-e-badge rounded-s-none":{}}}}}};

package/components/timeline.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.7 – MIT License */ .timeline{display:flex;position:relative;&>li{grid-template-rows:var(--timeline-row-start,minmax(0,1fr))auto var(--timeline-row-end,minmax(0,1fr));grid-template-columns:var(--timeline-col-start,minmax(0,1fr))auto var(--timeline-col-end,minmax(0,1fr));flex-shrink:0;align-items:center;display:grid;position:relative;&>hr{border-style:var(--tw-border-style);border-width:0;width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& :where(hr){height:var(--spacing-1,.25rem);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}&:has(.timeline-middle hr){&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}&:not(:has(.timeline-middle)){& :first-child hr:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}&:not(:has(.timeline-middle)){& :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}}}.timeline-box{border-radius:var(--radius-box,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300,oklch(92.4169% .00108 197.138));background-color:var(--color-base-100,oklch(100% 0 0));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.timeline-start{margin:var(--spacing-1,.25rem);grid-area:1/1/2/4;place-self:flex-end center}.timeline-middle{grid-row-start:2;grid-column-start:2}.timeline-end{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}.timeline-compact{--timeline-row-start:0;& .timeline-start{margin:var(--spacing-1,.25rem);grid-area:3/1/4/4;place-self:flex-start center}& li:has(.timeline-start){& .timeline-end{grid-row-start:auto;grid-column-start:none}}&.timeline-vertical{&>li{--timeline-col-start:0}& .timeline-start{grid-area:1/3/4/4;place-self:center flex-start}& li:has(.timeline-start){& .timeline-end{grid-row-start:none;grid-column-start:auto}}}}.timeline-snap-icon{&>li{--timeline-col-start:.5rem;--timeline-row-start:minmax(0,1fr)}}.timeline-vertical{flex-direction:column;&>li{--timeline-row-start:minmax(0,1fr);--timeline-row-end:minmax(0,1fr);justify-items:center;&>hr{width:var(--spacing-1,.25rem);height:100%;&:first-child{grid-row-start:1;grid-column-start:2}&:last-child{grid-area:3/2/none}}}& .timeline-start{grid-area:1/1/4/2;place-self:center flex-end}& .timeline-end{grid-area:1/3/4/4;place-self:center flex-start}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,1.9rem);border-bottom-left-radius:var(--radius-badge,1.9rem)}&:last-child{border-top-left-radius:var(--radius-badge,1.9rem);border-top-right-radius:var(--radius-badge,1.9rem);border-bottom-right-radius:0;border-bottom-left-radius:0}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-top-left-radius:var(--radius-badge,1.9rem);border-top-right-radius:var(--radius-badge,1.9rem);border-bottom-right-radius:0;border-bottom-left-radius:0}}& :last-child{&>hr:first-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-badge,1.9rem);border-bottom-left-radius:var(--radius-badge,1.9rem)}}}&.timeline-snap-icon{&>li{--timeline-col-start:minmax(0,1fr);--timeline-row-start:.5rem}}}.timeline-horizontal{flex-direction:row;&>li{align-items:center;&>hr{height:var(--spacing-1,.25rem);width:100%;&:first-child{grid-row-start:2;grid-column-start:1}&:last-child{grid-area:2/3/auto/none}}}& .timeline-start{grid-area:1/1/2/4;place-self:flex-end center}& .timeline-end{grid-area:3/1/4/4;place-self:flex-start center}&:has(.timeline-middle){&>li{&>hr{&:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}&:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}}}&:not(:has(.timeline-middle)){& :first-child{&>hr:last-child{border-start-start-radius:var(--radius-badge,1.9rem);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-badge,1.9rem)}}& :last-child{&>hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-badge,1.9rem);border-end-end-radius:var(--radius-badge,1.9rem);border-end-start-radius:0}}}}