daisyui 5.0.0-alpha.9 → 5.0.0-beta.2

package/components/select.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – 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)}}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .select{border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--size:calc(var(--size-field,.25rem)*10);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-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:1rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}& select{appearance:none;background-color:inherit;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline:-1rem -1.75rem;padding-inline:1rem 1.75rem;&:focus,&:focus-within{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.select-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.select-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.select-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}@media (width>=640px){.sm\:select{border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--size:calc(var(--size-field,.25rem)*10);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-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:1rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}& select{appearance:none;background-color:inherit;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline:-1rem -1.75rem;padding-inline:1rem 1.75rem;&:focus,&:focus-within{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.sm\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.sm\:select-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.sm\:select-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.sm\:select-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.sm\:select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}}@media (width>=768px){.md\:select{border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--size:calc(var(--size-field,.25rem)*10);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-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:1rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}& select{appearance:none;background-color:inherit;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline:-1rem -1.75rem;padding-inline:1rem 1.75rem;&:focus,&:focus-within{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.md\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.md\:select-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.md\:select-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.md\:select-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.md\:select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}}@media (width>=1024px){.lg\:select{border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--size:calc(var(--size-field,.25rem)*10);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-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:1rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}& select{appearance:none;background-color:inherit;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline:-1rem -1.75rem;padding-inline:1rem 1.75rem;&:focus,&:focus-within{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.lg\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.lg\:select-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.lg\:select-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.lg\:select-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.lg\:select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}}@media (width>=1280px){.xl\:select{border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--size:calc(var(--size-field,.25rem)*10);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-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:1rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}& select{appearance:none;background-color:inherit;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline:-1rem -1.75rem;padding-inline:1rem 1.75rem;&:focus,&:focus-within{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.xl\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.xl\:select-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.xl\:select-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.xl\:select-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.xl\:select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}}@media (width>=1536px){.\32 xl\:select{border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);--size:calc(var(--size-field,.25rem)*10);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-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:1rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}& select{appearance:none;background-color:inherit;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline:-1rem -1.75rem;padding-inline:1rem 1.75rem;&:focus,&:focus-within{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),transparent);outline:2px solid var(--input-color);outline-offset:2px}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}}.\32 xl\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:select-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:select-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:select-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:select-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:select-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:select-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:select-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:select-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.\32 xl\:select-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.\32 xl\:select-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.\32 xl\:select-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.\32 xl\:select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}}

package/components/skeleton/index.js

@@ -1 +1,7 @@
-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%"}}};
+import skeleton from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedskeleton = addPrefix(skeleton, prefix);
+  addComponents({ ...prefixedskeleton });
+};

package/components/skeleton/object.js

@@ -0,0 +1 @@
+export default {".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-300)","@media (prefers-reduced-motion: reduce)":{"transition-duration":"15s"},"will-change":"background-position","animation":"skeleton 1.8s ease-in-out infinite","background-image":"linear-gradient( 105deg, transparent 0% 40%, var(--color-base-100) 50%, transparent 60% 100% )","background-size":"200% auto","background-repeat":"no-repeat","background-position-x":"-50%"},"@keyframes skeleton":{"0%":{"background-position":"150%"},"100%":{"background-position":"-50%"}}};

package/components/skeleton.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – 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%}}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);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){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}

package/components/stack/class.json

@@ -1,3 +1,7 @@
 [
-  "stack"
+  "stack",
+  "stack-bottom",
+  "stack-top",
+  "stack-start",
+  "stack-end"
 ]

package/components/stack/index.js

@@ -1 +1,7 @@
-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}}};
+import stack from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedstack = addPrefix(stack, prefix);
+  addComponents({ ...prefixedstack });
+};

package/components/stack/object.js

@@ -0,0 +1 @@
+export default {".stack":{"display":"inline-grid","grid-template-columns":"3px 4px 1fr 4px 3px","grid-template-rows":"3px 4px 1fr 4px 3px","& > *":{"height":"100%","width":"100%","&:not(:nth-child(1))":{"width":"100%","opacity":"70%"},"&:nth-child(2)":{"z-index":2,"opacity":"90%"},"&:nth-child(1)":{"z-index":3,"width":"100%"}},"&, &.stack-bottom":{"> *":{"grid-column":"3 / 4","grid-row":"3 / 6","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"1 / 6","grid-row":"1 / 4"}}},"&.stack-top":{"> *":{"grid-column":"3 / 4","grid-row":"1 / 4","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"1 / 6","grid-row":"3 / 6"}}},"&.stack-start":{"> *":{"grid-column":"1 / 4","grid-row":"3 / 4","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"3 / 6","grid-row":"1 / 6"}}},"&.stack-end":{"> *":{"grid-column":"3 / 6","grid-row":"3 / 4","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"1 / 4","grid-row":"1 / 6"}}}}};

package/components/stack.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – 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)}}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid;&>*{width:100%;height:100%;&:not(:first-child){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}@media (width>=640px){.sm\:stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid;&>*{width:100%;height:100%;&:not(:first-child){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}@media (width>=768px){.md\:stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid;&>*{width:100%;height:100%;&:not(:first-child){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}@media (width>=1024px){.lg\:stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid;&>*{width:100%;height:100%;&:not(:first-child){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}@media (width>=1280px){.xl\:stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid;&>*{width:100%;height:100%;&:not(:first-child){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}@media (width>=1536px){.\32 xl\:stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid;&>*{width:100%;height:100%;&:not(:first-child){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}

package/components/stat/class.json

@@ -0,0 +1,11 @@
+[
+  "stats",
+  "stat",
+  "stat-figure",
+  "stat-title",
+  "stat-value",
+  "stat-desc",
+  "stat-actions",
+  "stats-horizontal",
+  "stats-vertical"
+]

package/components/stat/index.js

@@ -0,0 +1,7 @@
+import stat from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedstat = addPrefix(stat, prefix);
+  addComponents({ ...prefixedstat });
+};

package/components/stat/object.js

@@ -0,0 +1 @@
+export default {".stats":{"position":"relative","display":"inline-grid","grid-auto-flow":"column","overflow-x":"auto","border-radius":"var(--radius-box)"},".stat":{"display":"inline-grid","width":"100%","column-gap":"calc(0.25rem * 4)","padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 4)","grid-template-columns":"repeat(1, 1fr)","&:not(:last-child)":{"border-inline-end":"var(--border) dashed color-mix(in oklab, currentColor 10%, transparent)","border-block-end":"none"}},".stat-figure":{"grid-column-start":"2","grid-row":"span 3 / span 3","grid-row-start":"1","place-self":"center","justify-self":"flex-end"},".stat-title":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-value":{"grid-column-start":"1","white-space":"nowrap","font-size":"2rem","font-weight":800},".stat-desc":{"grid-column-start":"1","white-space":"nowrap","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-actions":{"grid-column-start":"1","white-space":"nowrap"},".stats-horizontal":{"grid-auto-flow":"column","overflow-x":"auto",".stat:not(:last-child)":{"border-inline-end":"var(--border) dashed color-mix(in oklab, currentColor 10%, transparent)","border-block-end":"none"}},".stats-vertical":{"grid-auto-flow":"row","overflow-y":"auto",".stat:not(:last-child)":{"border-inline-end":"none","border-block-end":"var(--border) dashed color-mix(in oklab, currentColor 10%, transparent)"}}};

package/components/stat.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.stat-title{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.stat-desc{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.stat-actions{white-space:nowrap;grid-column-start:1}.stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent)}}@media (width>=640px){.sm\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.sm\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.sm\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.sm\:stat-title{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.sm\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.sm\:stat-desc{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.sm\:stat-actions{white-space:nowrap;grid-column-start:1}.sm\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.sm\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=768px){.md\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.md\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.md\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.md\:stat-title{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.md\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.md\:stat-desc{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.md\:stat-actions{white-space:nowrap;grid-column-start:1}.md\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.md\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1024px){.lg\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.lg\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.lg\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.lg\:stat-title{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.lg\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.lg\:stat-desc{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.lg\:stat-actions{white-space:nowrap;grid-column-start:1}.lg\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.lg\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1280px){.xl\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.xl\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.xl\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.xl\:stat-title{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.xl\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.xl\:stat-desc{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.xl\:stat-actions{white-space:nowrap;grid-column-start:1}.xl\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.xl\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent)}}}@media (width>=1536px){.\32 xl\:stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.\32 xl\:stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid;&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.\32 xl\:stat-figure{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}.\32 xl\:stat-title{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.\32 xl\:stat-value{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}.\32 xl\:stat-desc{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}.\32 xl\:stat-actions{white-space:nowrap;grid-column-start:1}.\32 xl\:stats-horizontal{grid-auto-flow:column;overflow-x:auto;& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent);border-block-end:none}}.\32 xl\:stats-vertical{grid-auto-flow:row;overflow-y:auto;& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,transparent)}}}

package/components/status/class.json

@@ -11,5 +11,6 @@
   "status-xs",
   "status-sm",
   "status-md",
-  "status-lg"
+  "status-lg",
+  "status-xl"
 ]

package/components/status/index.js

@@ -1 +1,7 @@
-export default {".status":{"@apply bg-base-content/20 rounded-badge align-middle aspect-square size-2 bg-no-repeat bg-center":{}},".status-primary":{"@apply bg-primary":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-primary) 100%, transparent)"},".status-secondary":{"@apply bg-secondary":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-secondary) 100%, transparent)"},".status-accent":{"@apply bg-accent":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-accent) 100%, transparent)"},".status-neutral":{"@apply bg-neutral":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-neutral) 100%, transparent)"},".status-info":{"@apply bg-info":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-info) 100%, transparent)","backgroundImage":"url(\"data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A\")"},".status-success":{"@apply bg-success":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-success) 100%, transparent)"},".status-warning":{"@apply bg-warning":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-warning) 100%, transparent)","backgroundImage":"url(\"data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A\")"},".status-error":{"@apply bg-error":{},"boxShadow":"0 2px 3px -1px color-mix(in oklab, var(--color-error) 100%, transparent)","backgroundImage":"url(\"data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A\")"},".status-xs":{"@apply size-0.5":{}},".status-sm":{"@apply size-1":{}},".status-md":{"@apply size-2":{}},".status-lg":{"@apply size-4":{}}};
+import status from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedstatus = addPrefix(status, prefix);
+  addComponents({ ...prefixedstatus });
+};

package/components/status/object.js

@@ -0,0 +1 @@
+export default {".status":{"display":"inline-block","aspect-ratio":"1 / 1","width":"calc(0.25rem * 2)","height":"calc(0.25rem * 2)","border-radius":"var(--radius-selector)","background-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","background-position":"center","background-repeat":"no-repeat","vertical-align":"middle","color":"color-mix(in oklab, var(--color-black) 30%, transparent)","background-image":"radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), transparent )","box-shadow":"0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), transparent)"},".status-primary":{"background-color":"var(--color-primary)","color":"var(--color-primary)"},".status-secondary":{"background-color":"var(--color-secondary)","color":"var(--color-secondary)"},".status-accent":{"background-color":"var(--color-accent)","color":"var(--color-accent)"},".status-neutral":{"background-color":"var(--color-neutral)","color":"var(--color-neutral)"},".status-info":{"background-color":"var(--color-info)","color":"var(--color-info)"},".status-success":{"background-color":"var(--color-success)","color":"var(--color-success)"},".status-warning":{"background-color":"var(--color-warning)","color":"var(--color-warning)"},".status-error":{"background-color":"var(--color-error)","color":"var(--color-error)"},".status-xs":{"width":"calc(0.25rem * 0.5)","height":"calc(0.25rem * 0.5)"},".status-sm":{"width":"calc(0.25rem * 1)","height":"calc(0.25rem * 1)"},".status-md":{"width":"calc(0.25rem * 2)","height":"calc(0.25rem * 2)"},".status-lg":{"width":"calc(0.25rem * 3)","height":"calc(0.25rem * 3)"},".status-xl":{"width":"calc(0.25rem * 4)","height":"calc(0.25rem * 4)"}};

package/components/status.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge,1.9rem);background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.status-primary{background-color:var(--color-primary,oklch(49.12% .3096 275.75));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.status-secondary{background-color:var(--color-secondary,oklch(69.71% .329 342.55));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.status-accent{background-color:var(--color-accent,oklch(76.76% .184 183.61));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.status-neutral{background-color:var(--color-neutral,oklch(20% .02476 255.702));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.status-info{background-color:var(--color-info,oklch(72.06% .191 231.6));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.status-success{background-color:var(--color-success,oklch(64.8% .15 160));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.status-warning{background-color:var(--color-warning,oklch(84.71% .199 83.87));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.status-error{background-color:var(--color-error,oklch(71.76% .221 22.18));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),transparent);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),transparent);display:inline-block}.status-primary{background-color:var(--color-primary);color:var(--color-primary)}.status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.status-accent{background-color:var(--color-accent);color:var(--color-accent)}.status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.status-info{background-color:var(--color-info);color:var(--color-info)}.status-success{background-color:var(--color-success);color:var(--color-success)}.status-warning{background-color:var(--color-warning);color:var(--color-warning)}.status-error{background-color:var(--color-error);color:var(--color-error)}.status-xs{width:.125rem;height:.125rem}.status-sm{width:.25rem;height:.25rem}.status-md{width:.5rem;height:.5rem}.status-lg{width:.75rem;height:.75rem}.status-xl{width:1rem;height:1rem}@media (width>=640px){.sm\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),transparent);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),transparent);display:inline-block}.sm\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.sm\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.sm\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.sm\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.sm\:status-info{background-color:var(--color-info);color:var(--color-info)}.sm\:status-success{background-color:var(--color-success);color:var(--color-success)}.sm\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.sm\:status-error{background-color:var(--color-error);color:var(--color-error)}.sm\:status-xs{width:.125rem;height:.125rem}.sm\:status-sm{width:.25rem;height:.25rem}.sm\:status-md{width:.5rem;height:.5rem}.sm\:status-lg{width:.75rem;height:.75rem}.sm\:status-xl{width:1rem;height:1rem}}@media (width>=768px){.md\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),transparent);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),transparent);display:inline-block}.md\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.md\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.md\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.md\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.md\:status-info{background-color:var(--color-info);color:var(--color-info)}.md\:status-success{background-color:var(--color-success);color:var(--color-success)}.md\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.md\:status-error{background-color:var(--color-error);color:var(--color-error)}.md\:status-xs{width:.125rem;height:.125rem}.md\:status-sm{width:.25rem;height:.25rem}.md\:status-md{width:.5rem;height:.5rem}.md\:status-lg{width:.75rem;height:.75rem}.md\:status-xl{width:1rem;height:1rem}}@media (width>=1024px){.lg\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),transparent);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),transparent);display:inline-block}.lg\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.lg\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.lg\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.lg\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.lg\:status-info{background-color:var(--color-info);color:var(--color-info)}.lg\:status-success{background-color:var(--color-success);color:var(--color-success)}.lg\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.lg\:status-error{background-color:var(--color-error);color:var(--color-error)}.lg\:status-xs{width:.125rem;height:.125rem}.lg\:status-sm{width:.25rem;height:.25rem}.lg\:status-md{width:.5rem;height:.5rem}.lg\:status-lg{width:.75rem;height:.75rem}.lg\:status-xl{width:1rem;height:1rem}}@media (width>=1280px){.xl\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),transparent);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),transparent);display:inline-block}.xl\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.xl\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.xl\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.xl\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.xl\:status-info{background-color:var(--color-info);color:var(--color-info)}.xl\:status-success{background-color:var(--color-success);color:var(--color-success)}.xl\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.xl\:status-error{background-color:var(--color-error);color:var(--color-error)}.xl\:status-xs{width:.125rem;height:.125rem}.xl\:status-sm{width:.25rem;height:.25rem}.xl\:status-md{width:.5rem;height:.5rem}.xl\:status-lg{width:.75rem;height:.75rem}.xl\:status-xl{width:1rem;height:1rem}}@media (width>=1536px){.\32 xl\:status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),transparent);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),transparent);display:inline-block}.\32 xl\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.\32 xl\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.\32 xl\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.\32 xl\:status-neutral{background-color:var(--color-neutral);color:var(--color-neutral)}.\32 xl\:status-info{background-color:var(--color-info);color:var(--color-info)}.\32 xl\:status-success{background-color:var(--color-success);color:var(--color-success)}.\32 xl\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.\32 xl\:status-error{background-color:var(--color-error);color:var(--color-error)}.\32 xl\:status-xs{width:.125rem;height:.125rem}.\32 xl\:status-sm{width:.25rem;height:.25rem}.\32 xl\:status-md{width:.5rem;height:.5rem}.\32 xl\:status-lg{width:.75rem;height:.75rem}.\32 xl\:status-xl{width:1rem;height:1rem}}

package/components/steps/class.json

@@ -1,6 +1,7 @@
 [
   "steps",
   "step",
+  "step-icon",
   "step-neutral",
   "step-primary",
   "step-secondary",

package/components/steps/index.js

@@ -1 +1,7 @@
-export default {".steps":{"@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},"counterReset":"step","gridAutoColumns":"1fr",".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply bg-base-300 text-base-content top-0 col-start-1 row-start-1 h-2 w-full transform":{},"content":"\"\"","marginInlineStart":"-100%"},"&:after":{"content":"counter(step)","counterIncrement":"step","zIndex":1,"@apply bg-base-300 text-base-content relative col-start-1 row-start-1 grid h-8 w-8 place-items-center place-self-center rounded-full":{}},"&:first-child:before":{"content":"none"},"&[data-content]:after":{"content":"attr(data-content)"}},".step-neutral+.step-neutral:before,\n  .step-neutral:after":{"@apply bg-neutral text-neutral-content":{}},".step-primary+.step-primary:before,\n  .step-primary:after":{"@apply bg-primary text-primary-content":{}},".step-secondary+.step-secondary:before,\n  .step-secondary:after":{"@apply bg-secondary text-secondary-content":{}},".step-accent+.step-accent:before,\n  .step-accent:after":{"@apply bg-accent text-accent-content":{}},".step-info+.step-info:before":{"@apply bg-info":{}},".step-info:after":{"@apply bg-info text-info-content":{}},".step-success+.step-success:before":{"@apply bg-success":{}},".step-success:after":{"@apply bg-success text-success-content":{}},".step-warning+.step-warning:before":{"@apply bg-warning":{}},".step-warning:after":{"@apply bg-warning text-warning-content":{}},".step-error+.step-error:before":{"@apply bg-error":{}},".step-error:after":{"@apply bg-error text-error-content":{}}},".steps-horizontal":{"gridAutoColumns":"1fr","@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply h-2 w-full translate-x-0 translate-y-0 rtl:translate-x-0":{},"content":"\"\"","marginInlineStart":"-100%"}}},".steps-vertical":{"gridAutoRows":"1fr","@apply grid-flow-row":{},".step":{"@apply grid grid-cols-2 grid-rows-1":{},"gap":"0.5rem","gridTemplateColumns":"40px 1fr","gridTemplateRows":"auto","minHeight":"4rem","justifyItems":"start","&:before":{"@apply h-full w-2 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2":{},"marginInlineStart":"50%"}}}};
+import steps from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedsteps = addPrefix(steps, prefix);
+  addComponents({ ...prefixedsteps });
+};

package/components/steps/object.js

@@ -0,0 +1 @@
+export default {".steps":{"display":"inline-grid","grid-auto-flow":"column","overflow":"hidden","overflow-x":"auto","counter-reset":"step","grid-auto-columns":"1fr",".step":{"display":"grid","grid-template-columns":["repeat(1, minmax(0, 1fr))","auto"],"grid-template-rows":["repeat(2, minmax(0, 1fr))","40px 1fr"],"place-items":"center","text-align":"center","min-width":"4rem","--step-bg":"var(--color-base-300)","--step-fg":"var(--color-base-content)","&:before":{"top":"calc(0.25rem * 0)","grid-column-start":"1","grid-row-start":"1","height":"calc(0.25rem * 2)","width":"100%","border":"1px solid","color":"var(--step-bg)","background-color":"var(--step-bg)","--tw-content":"\"\"","content":"var(--tw-content)","margin-inline-start":"-100%"},"> .step-icon, &:not(:has(.step-icon)):after":{"content":"counter(step)","counter-increment":"step","z-index":1,"color":"var(--step-fg)","background-color":"var(--step-bg)","border":"1px solid var(--step-bg)","position":"relative","grid-column-start":"1","grid-row-start":"1","display":"grid","height":"calc(0.25rem * 8)","width":"calc(0.25rem * 8)","place-items":"center","place-self":"center","border-radius":"calc(infinity * 1px)"},"&:first-child:before":{"content":"none"},"&[data-content]:after":{"content":"attr(data-content)"}},".step-neutral":{"+ .step-neutral:before, &:after, > .step-icon":{"--step-bg":"var(--color-neutral)","--step-fg":"var(--color-neutral-content)"}},".step-primary":{"+ .step-primary:before, &:after, > .step-icon":{"--step-bg":"var(--color-primary)","--step-fg":"var(--color-primary-content)"}},".step-secondary":{"+ .step-secondary:before, &:after, > .step-icon":{"--step-bg":"var(--color-secondary)","--step-fg":"var(--color-secondary-content)"}},".step-accent":{"+ .step-accent:before, &:after, > .step-icon":{"--step-bg":"var(--color-accent)","--step-fg":"var(--color-accent-content)"}},".step-info":{"+ .step-info:before, &:after, > .step-icon":{"--step-bg":"var(--color-info)","--step-fg":"var(--color-info-content)"}},".step-success":{"+ .step-success:before, &:after, > .step-icon":{"--step-bg":"var(--color-success)","--step-fg":"var(--color-success-content)"}},".step-warning":{"+ .step-warning:before, &:after, > .step-icon":{"--step-bg":"var(--color-warning)","--step-fg":"var(--color-warning-content)"}},".step-error":{"+ .step-error:before, &:after, > .step-icon":{"--step-bg":"var(--color-error)","--step-fg":"var(--color-error-content)"}}},".steps-horizontal":{"grid-auto-columns":"1fr","display":"inline-grid","grid-auto-flow":"column","overflow":"hidden","overflow-x":"auto",".step":{"display":"grid","grid-template-columns":["repeat(1, minmax(0, 1fr))","auto"],"grid-template-rows":["repeat(2, minmax(0, 1fr))","40px 1fr"],"place-items":"center","text-align":"center","min-width":"4rem","&:before":{"height":"calc(0.25rem * 2)","width":"100%","translate":"0","content":"\"\"","margin-inline-start":"-100%"},"[dir=\"rtl\"] &:before":{"translate":"0"}}},".steps-vertical":{"grid-auto-rows":"1fr","grid-auto-flow":"row",".step":{"display":"grid","grid-template-columns":["repeat(2, minmax(0, 1fr))","40px 1fr"],"grid-template-rows":["repeat(1, minmax(0, 1fr))","auto"],"gap":"0.5rem","min-height":"4rem","justify-items":"start","&:before":{"height":"100%","width":"calc(0.25rem * 2)","translate":"-50% -50%","margin-inline-start":"50%"},"[dir=\"rtl\"] &:before":{"translate":"50% -50%"}}}};

package/components/steps.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138));color:var(--color-base-content,oklch(27.8078% .029596 256.848));content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300,oklch(92.4169% .00108 197.138));color:var(--color-base-content,oklch(27.8078% .029596 256.848));border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral,oklch(20% .02476 255.702));color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75))}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary,oklch(69.71% .329 342.55));color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent,oklch(76.76% .184 183.61));color:var(--color-accent-content,oklch(15.352% .0368 183.61))}& .step-info+.step-info:before{background-color:var(--color-info,oklch(72.06% .191 231.6))}& .step-info:after{background-color:var(--color-info,oklch(72.06% .191 231.6));color:var(--color-info-content,oklch(0% 0 0))}& .step-success+.step-success:before{background-color:var(--color-success,oklch(64.8% .15 160))}& .step-success:after{background-color:var(--color-success,oklch(64.8% .15 160));color:var(--color-success-content,oklch(0% 0 0))}& .step-warning+.step-warning:before{background-color:var(--color-warning,oklch(84.71% .199 83.87))}& .step-warning:after{background-color:var(--color-warning,oklch(84.71% .199 83.87));color:var(--color-warning-content,oklch(0% 0 0))}& .step-error+.step-error:before{background-color:var(--color-error,oklch(71.76% .221 22.18))}& .step-error:after{background-color:var(--color-error,oklch(71.76% .221 22.18));color:var(--color-error-content,oklch(0% 0 0))}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);content:"";width:100%;margin-inline-start:-100%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y)}}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);height:100%;margin-inline-start:50%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}}}}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}@media (width>=640px){.sm\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}.sm\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}.sm\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}@media (width>=768px){.md\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}.md\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}.md\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}@media (width>=1024px){.lg\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}.lg\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}.lg\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}@media (width>=1280px){.xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}.xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}.xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}@media (width>=1536px){.\32 xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}.\32 xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}.\32 xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}

package/components/swap/class.json

@@ -1,6 +1,5 @@
 [
   "swap",
-  "2",
   "swap-on",
   "swap-indeterminate",
   "swap-off",

package/components/swap/index.js

@@ -1 +1,7 @@
-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":{},"transitionProperty":"transform, rotate, opacity","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)"},".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":{}}}}};
+import swap from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedswap = addPrefix(swap, prefix);
+  addComponents({ ...prefixedswap });
+};

package/components/swap/object.js

@@ -0,0 +1 @@
+export default {".swap":{"position":"relative","display":"inline-grid","cursor":"pointer","place-content":"center","vertical-align":"middle","webkit-user-select":"none","user-select":"none","input":{"appearance":"none","border":"none"},"> *":{"grid-column-start":"1","grid-row-start":"1","transition-property":"transform, rotate, opacity","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)"},".swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on":{"opacity":"0%"},"input:is(:checked, :indeterminate)":{"& ~ .swap-off":{"opacity":"0%"}},"input:checked ~ .swap-on, input:indeterminate ~ .swap-indeterminate":{"opacity":"100%"}},".swap-active":{".swap-off":{"opacity":"0%"},".swap-on":{"opacity":"100%"}},".swap-rotate":{".swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on":{"rotate":"45deg"},"input:is(:checked, :indeterminate) ~ .swap-on, &.swap-active .swap-on":{"rotate":"0deg"},"input:is(:checked, :indeterminate) ~ .swap-off, &.swap-active .swap-off":{"rotate":"calc(45deg * -1)"}},".swap-flip":{"transform-style":"preserve-3d","perspective":"20rem",".swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on":{"transform":"rotateY(180deg)","backface-visibility":"hidden","opacity":"100%"},"input:is(:checked, :indeterminate) ~ .swap-on, &.swap-active .swap-on":{"transform":"rotateY(0deg)"},"input:is(:checked, :indeterminate) ~ .swap-off, &.swap-active .swap-off":{"transform":"rotateY(-180deg)","backface-visibility":"hidden","opacity":"100%"}}};

package/components/swap.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – 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}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .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)}}}
+/*! 🌼 daisyUI 5.0.0-beta.2 - 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;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:is(:checked,: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:is(:checked,:indeterminate)~.swap-on,&.swap-active .swap-on{rotate:none}& input:is(:checked,:indeterminate)~.swap-off,&.swap-active .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:is(:checked,:indeterminate)~.swap-on,&.swap-active .swap-on{transform:rotateY(0)}& input:is(:checked,:indeterminate)~.swap-off,&.swap-active .swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}

package/components/tab/class.json

@@ -3,11 +3,16 @@
   "tab",
   "tab-active",
   "tab-content",
-  "tabs-bordered",
-  "tabs-lifted",
-  "tabs-boxed",
+  "tab-disabled",
+  "tabs-border",
+  "tabs-lift",
+  "tabs-top",
+  "tabs-bottom",
+  "tabs-start",
+  "tabs-box",
+  "tabs-xs",
+  "tabs-sm",
   "tabs-md",
   "tabs-lg",
-  "tabs-sm",
-  "tabs-xs"
+  "tabs-xl"
 ]

package/components/tab/index.js

@@ -1 +1,7 @@
-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"}}};
+import tab from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedtab = addPrefix(tab, prefix);
+  addComponents({ ...prefixedtab });
+};

package/components/tab/object.js

@@ -0,0 +1 @@
+export default {".tabs":{"display":"flex","flex-wrap":"wrap","--tabs-height":"auto","--tabs-direction":"row","height":"var(--tabs-height)","flex-direction":"var(--tabs-direction)"},".tab":{"position":"relative","display":"inline-flex","cursor":"pointer","appearance":"none","flex-wrap":"wrap","align-items":"center","justify-content":"center","text-align":"center","webkit-user-select":"none","user-select":"none","&:hover":{"@media (hover: hover)":{"color":"var(--color-base-content)"}},"--tab-p":"1rem","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-order":"0","--tab-radius-min":"calc(0.75rem - var(--border))","border-color":"transparent","order":"var(--tab-order)","height":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","padding-inline-start":"var(--tab-p)","padding-inline-end":"var(--tab-p)","&:is(input[type=\"radio\"])":{"min-width":"fit-content","&:after":{"content":"attr(aria-label)"}},"&:checked, &:is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content":{"display":"block","height":"100%"}},"&:not(:checked, :hover, .tab-active, [aria-selected=\"true\"])":{"color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)"},"&:not(input):empty":{"flex-grow":1,"cursor":"default"},"&:focus":{"outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"-5px"},"&[disabled]":{"pointer-events":"none","opacity":"40%"}},".tab-disabled":{"pointer-events":"none","opacity":"40%"},".tabs-border":{".tab":{"--tab-border-color":"transparent transparent var(--tab-border-color) transparent","position":"relative","border-radius":"var(--radius-field)","&:before":{"--tw-content":"\"\"","content":"var(--tw-content)","background-color":"var(--tab-border-color)","transition":"background-color 0.2s ease","width":"80%","height":"3px","border-radius":"var(--radius-field)","bottom":"0","left":"10%","position":"absolute"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"&:before":{"--tab-border-color":"currentColor","border-top":"3px solid"}}}},".tabs-lift":{"--tabs-height":"auto","--tabs-direction":"row","> .tab":{"--tab-border":"0 0 var(--border) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border) var(--tab-p) 0 var(--tab-p)","--tab-border-colors":"transparent transparent var(--tab-border-color) transparent","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","border-width":"var(--tab-border)","border-start-start-radius":"var(--tab-radius-ss)","border-start-end-radius":"var(--tab-radius-se)","border-end-start-radius":"var(--tab-radius-es)","border-end-end-radius":"var(--tab-radius-ee)","padding":"var(--tab-paddings)","border-color":"var(--tab-border-colors)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"var(--border) var(--border) 0 var(--border)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n        var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-p) - var(--border)) var(--border)\n        calc(var(--tab-p) - var(--border))","--tab-inset":"auto auto 0 auto","--tab-grad":"calc(69% - var(--border))","--radius-start":"radial-gradient(\n        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(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","--radius-end":"radial-gradient(\n        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(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","background-color":"var(--tab-bg)","&:before":{"z-index":1,"content":"\"\"","display":"block","position":"absolute","width":"var(--tab-corner-width)","height":"var(--tab-corner-height)","background-position":"var(--tab-corner-position)","background-image":"var(--radius-start), var(--radius-end)","background-size":"min(var(--radius-field), var(--tab-radius-min)) min(var(--radius-field), var(--tab-radius-min))","background-repeat":"no-repeat","inset":"var(--tab-inset)"},"&:first-child:before":{"--radius-start":"none"},"[dir=\"rtl\"] &:first-child:before":{"transform":"rotateY(180deg)"},"&:last-child:before":{"--radius-end":"none"},"[dir=\"rtl\"] &:last-child:before":{"transform":"rotateY(180deg)"}}},"&:has(.tab-content)":{"> .tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n          var(--tab-border-color)"}}},".tab-content":{"--tabcontent-margin":"calc(-1 * var(--border)) 0 0 0","--tabcontent-radius-ss":"0","--tabcontent-radius-se":"var(--radius-box)","--tabcontent-radius-es":"var(--radius-box)","--tabcontent-radius-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--tabcontent-radius-ss":"var(--radius-box)"}}},".tabs-top":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"0","--tab-border":"0 0 var(--border) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border) var(--tab-p) 0 var(--tab-p)","--tab-border-colors":"transparent transparent var(--tab-border-color) transparent","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"var(--border) var(--border) 0 var(--border)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n        var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-p) - var(--border)) var(--border)\n        calc(var(--tab-p) - var(--border))","--tab-inset":"auto auto 0 auto","--radius-start":"radial-gradient(\n        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(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","--radius-end":"radial-gradient(\n        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(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )"}},"&:has(.tab-content)":{"> .tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n          var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"1","--tabcontent-margin":"calc(-1 * var(--border)) 0 0 0","--tabcontent-radius-ss":"0","--tabcontent-radius-se":"var(--radius-box)","--tabcontent-radius-es":"var(--radius-box)","--tabcontent-radius-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--tabcontent-radius-ss":"var(--radius-box)"}}},".tabs-bottom":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"1","--tab-border":"var(--border) 0 0 0","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-ee":"min(var(--radius-field), var(--tab-radius-min))","--tab-border-colors":"var(--tab-border-color) transparent transparent transparent","--tab-paddings":"0 var(--tab-p) var(--border) var(--tab-p)","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"0 var(--border) var(--border) var(--border)","--tab-border-colors":"transparent var(--tab-border-color) var(--tab-border-color)\n        var(--tab-border-color)","--tab-paddings":"var(--border) calc(var(--tab-p) - var(--border)) 0\n        calc(var(--tab-p) - var(--border))","--tab-inset":"0 auto auto auto","--radius-start":"radial-gradient(\n        circle at bottom 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(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","--radius-end":"radial-gradient(\n        circle at bottom 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(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )"}},"&:has(.tab-content)":{"> .tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"transparent var(--tab-border-color) var(--tab-border-color)\n          var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"0","--tabcontent-margin":"0 0 calc(-1 * var(--border)) 0","--tabcontent-radius-ss":"var(--radius-box)","--tabcontent-radius-se":"var(--radius-box)","--tabcontent-radius-es":"0","--tabcontent-radius-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--tabcontent-radius-es":"var(--radius-box)"}}},".tabs-box":{"background-color":"var(--color-base-200)","padding":"calc(0.25rem * 1)","border-radius":"calc( var(--radius-field) + min(0.25rem, calc(var(--radius-field) + var(--radius-field) + var(--radius-field))) )","box-shadow":"0 -0.5px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0.5px oklch(0% 0 0 / calc(var(--depth) * 0.05)) inset",".tab":{"border-radius":"var(--radius-field)","border-style":"none","&:focus-visible":{"outline-offset":"2px"}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), :is(input:checked)":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","&:hover":{"@media (hover: hover)":{"color":"var(--color-base-content)"}},"box-shadow":"0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), transparent), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), transparent)","@media (forced-colors: active)":{"border":"1px solid"}}},".tab-content":{"order":[1,"var(--tabcontent-order)"],"display":"none","border-color":"transparent","--tabcontent-radius-ss":"0","--tabcontent-radius-se":"0","--tabcontent-radius-es":"0","--tabcontent-radius-ee":"0","--tabcontent-order":"1","width":"100%","margin":"var(--tabcontent-margin)","border-width":"var(--border)","border-start-start-radius":"var(--tabcontent-radius-ss)","border-start-end-radius":"var(--tabcontent-radius-se)","border-end-start-radius":"var(--tabcontent-radius-es)","border-end-end-radius":"var(--tabcontent-radius-ee)"},".tabs-xs":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.75rem","--tab-p":"0.375rem","--tab-radius-min":"calc(0.5rem - var(--border))"}},".tabs-sm":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.875rem","--tab-p":"0.5rem","--tab-radius-min":"calc(0.5rem - var(--border))"}},".tabs-md":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","--tab-p":"0.75rem","--tab-radius-min":"calc(0.75rem - var(--border))"}},".tabs-lg":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","--tab-p":"1rem","--tab-radius-min":"calc(1.5rem - var(--border))"}},".tabs-xl":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","--tab-p":"1.25rem","--tab-radius-min":"calc(2rem - var(--border))"}}};