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

package/components/chat/index.js

@@ -1 +1,7 @@
-export default {".chat":{"@apply grid gap-x-3 py-1":{}},".chat-primary":{"@apply bg-primary text-primary-content":{}},".chat-secondary":{"@apply bg-secondary text-secondary-content":{}},".chat-accent":{"@apply bg-accent text-accent-content":{}},".chat-neutral":{"@apply bg-neutral text-neutral-content":{}},".chat-info":{"@apply bg-info text-info-content":{}},".chat-success":{"@apply bg-success text-success-content":{}},".chat-warning":{"@apply bg-warning text-warning-content":{}},".chat-error":{"@apply bg-error text-error-content":{}},".chat-image":{"@apply row-span-2 self-end":{}},".chat-header":{"@apply row-start-1 text-xs":{}},".chat-footer":{"@apply row-start-3 text-xs":{}},".chat-bubble":{"@apply relative block w-fit px-4 py-2 rounded-box bg-base-200 text-base-content":{},"minHeight":"2.5rem","minWidth":"2.5rem","maxWidth":"90%","&:before":{"@apply absolute bottom-0 h-3 w-3":{},"backgroundColor":"inherit","content":"\"\"","maskSize":"contain","maskRepeat":"no-repeat","maskPosition":"center"}},".chat-start":{"@apply place-items-start":{},"gridTemplateColumns":"auto 1fr",".chat-header":{"@apply col-start-2":{}},".chat-footer":{"@apply col-start-2":{}},".chat-image":{"@apply col-start-1":{}},".chat-bubble":{"@apply col-start-2 rounded-es-none":{},"&:before":{"insetInlineStart":"-0.749rem","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")"}}}},".chat-end":{"@apply place-items-end":{},"gridTemplateColumns":"1fr auto",".chat-header":{"@apply col-start-1":{}},".chat-footer":{"@apply col-start-1":{}},".chat-image":{"@apply col-start-2":{}},".chat-bubble":{"@apply col-start-1 rounded-ee-none":{},"&:before":{"insetInlineStart":"99.9%","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")"}}}}};
+import chat from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedchat = addPrefix(chat, prefix);
+  addComponents({ ...prefixedchat });
+};

package/components/chat/object.js

@@ -0,0 +1 @@
+export default {".chat":{"display":"grid","column-gap":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1)"},".chat-bubble":{"position":"relative","display":"block","width":"fit-content","border-radius":"var(--radius-field)","background-color":"var(--color-base-300)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","color":"var(--color-base-content)","min-height":"2rem","min-width":"2.5rem","max-width":"90%","&:before":{"position":"absolute","bottom":"calc(0.25rem * 0)","height":"calc(0.25rem * 3)","width":"calc(0.25rem * 3)","background-color":"inherit","content":"\"\"","mask-repeat":"no-repeat","mask-image":"url(\"data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e\")","mask-position":"0px -1px","mask-size":"13px"}},".chat-bubble-primary":{"background-color":"var(--color-primary)","color":"var(--color-primary-content)"},".chat-bubble-secondary":{"background-color":"var(--color-secondary)","color":"var(--color-secondary-content)"},".chat-bubble-accent":{"background-color":"var(--color-accent)","color":"var(--color-accent-content)"},".chat-bubble-neutral":{"background-color":"var(--color-neutral)","color":"var(--color-neutral-content)"},".chat-bubble-info":{"background-color":"var(--color-info)","color":"var(--color-info-content)"},".chat-bubble-success":{"background-color":"var(--color-success)","color":"var(--color-success-content)"},".chat-bubble-warning":{"background-color":"var(--color-warning)","color":"var(--color-warning-content)"},".chat-bubble-error":{"background-color":"var(--color-error)","color":"var(--color-error-content)"},".chat-image":{"grid-row":"span 2 / span 2","align-self":"flex-end"},".chat-header":{"grid-row-start":"1","display":"flex","gap":"calc(0.25rem * 1)","font-size":"0.6875rem"},".chat-footer":{"grid-row-start":"3","display":"flex","gap":"calc(0.25rem * 1)","font-size":"0.6875rem"},".chat-start":{"place-items":"start","grid-template-columns":"auto 1fr",".chat-header":{"grid-column-start":"2"},".chat-footer":{"grid-column-start":"2"},".chat-image":{"grid-column-start":"1"},".chat-bubble":{"grid-column-start":"2","border-end-start-radius":"0","&:before":{"transform":"rotateY(0deg)","inset-inline-start":"-0.75rem"},"[dir=\"rtl\"] &:before":{"transform":"rotateY(180deg)"}}},".chat-end":{"place-items":"end","grid-template-columns":"1fr auto",".chat-header":{"grid-column-start":"1"},".chat-footer":{"grid-column-start":"1"},".chat-image":{"grid-column-start":"2"},".chat-bubble":{"grid-column-start":"1","border-end-end-radius":"0","&:before":{"transform":"rotateY(180deg)","inset-inline-start":"100%"},"[dir=\"rtl\"] &:before":{"transform":"rotateY(0deg)"}}}};

package/components/chat.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.chat-primary{background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75))}.chat-secondary{background-color:var(--color-secondary,oklch(69.71% .329 342.55));color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}.chat-accent{background-color:var(--color-accent,oklch(76.76% .184 183.61));color:var(--color-accent-content,oklch(15.352% .0368 183.61))}.chat-neutral{background-color:var(--color-neutral,oklch(20% .02476 255.702));color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}.chat-info{background-color:var(--color-info,oklch(72.06% .191 231.6));color:var(--color-info-content,oklch(0% 0 0))}.chat-success{background-color:var(--color-success,oklch(64.8% .15 160));color:var(--color-success-content,oklch(0% 0 0))}.chat-warning{background-color:var(--color-warning,oklch(84.71% .199 83.87));color:var(--color-warning-content,oklch(0% 0 0))}.chat-error{background-color:var(--color-error,oklch(71.76% .221 22.18));color:var(--color-error-content,oklch(0% 0 0))}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:1}.chat-footer{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:3}.chat-bubble{border-radius:var(--radius-box,1rem);background-color:var(--color-base-200,oklch(96.1151% 0 0));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content,oklch(27.8078% .029596 256.848));width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .chat{column-gap:.75rem;padding-block:.25rem;display:grid}.chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-image:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");mask-position:0 -1px;mask-size:13px;mask-repeat:no-repeat}}.chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] &:before{transform:rotateY(180deg)}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] &:before{transform:rotateY(0)}}}@media (width>=640px){.sm\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.sm\:chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-image:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");mask-position:0 -1px;mask-size:13px;mask-repeat:no-repeat}}.sm\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.sm\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.sm\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.sm\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.sm\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.sm\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.sm\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.sm\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.sm\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.sm\:chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.sm\:chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.sm\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] &:before{transform:rotateY(180deg)}}}.sm\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] &:before{transform:rotateY(0)}}}}@media (width>=768px){.md\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.md\:chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-image:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");mask-position:0 -1px;mask-size:13px;mask-repeat:no-repeat}}.md\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.md\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.md\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.md\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.md\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.md\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.md\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.md\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.md\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.md\:chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.md\:chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.md\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] &:before{transform:rotateY(180deg)}}}.md\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] &:before{transform:rotateY(0)}}}}@media (width>=1024px){.lg\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.lg\:chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-image:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");mask-position:0 -1px;mask-size:13px;mask-repeat:no-repeat}}.lg\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.lg\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.lg\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.lg\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.lg\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.lg\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.lg\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.lg\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.lg\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.lg\:chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.lg\:chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.lg\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] &:before{transform:rotateY(180deg)}}}.lg\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] &:before{transform:rotateY(0)}}}}@media (width>=1280px){.xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.xl\:chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-image:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");mask-position:0 -1px;mask-size:13px;mask-repeat:no-repeat}}.xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.xl\:chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.xl\:chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] &:before{transform:rotateY(180deg)}}}.xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] &:before{transform:rotateY(0)}}}}@media (width>=1536px){.\32 xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.\32 xl\:chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-image:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");mask-position:0 -1px;mask-size:13px;mask-repeat:no-repeat}}.\32 xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.\32 xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.\32 xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.\32 xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.\32 xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.\32 xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.\32 xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.\32 xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.\32 xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.\32 xl\:chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.\32 xl\:chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.\32 xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] &:before{transform:rotateY(180deg)}}}.\32 xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] &:before{transform:rotateY(0)}}}}

package/components/checkbox/class.json

@@ -1,17 +1,16 @@
 [
   "checkbox",
-  "2s",
-  "3s",
-  "1s",
   "checkbox-primary",
   "checkbox-secondary",
   "checkbox-accent",
+  "checkbox-neutral",
+  "checkbox-info",
   "checkbox-success",
   "checkbox-warning",
-  "checkbox-info",
   "checkbox-error",
   "checkbox-xs",
   "checkbox-sm",
   "checkbox-md",
-  "checkbox-lg"
+  "checkbox-lg",
+  "checkbox-xl"
 ]

package/components/checkbox/index.js

@@ -1 +1,7 @@
-export default {".checkbox":{"@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-[var(--radius-btn)] border p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s,\n    box-shadow 0.2s","&:before":{"@apply block size-full rotate-45 bg-current opacity-0 content-['']":{},"transition":"clip-path 0.3s,\n      opacity 0.1s,\n      rotate 0.3s,\n      translate 0.3s","transitionDelay":"0.1s","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","boxShadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"@apply outline-2 outline-offset-2 outline-current":{}},"&:checked,\n  &[aria-checked=\"true\"]":{"boxShadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n      0 1px oklch(0% 0 0 / 0.1)","&:before":{"@apply opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"@apply translate-y-[-35%] rotate-0 opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"@apply border-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:checked":{"@apply bg-primary":{}}},".checkbox-secondary":{"@apply border-secondary text-secondary-content":{},"&:focus-visible":{"@apply outline-secondary":{}},"&:checked":{"@apply bg-secondary":{}}},".checkbox-accent":{"@apply border-accent text-accent-content":{},"&:focus-visible":{"@apply outline-accent":{}},"&:checked":{"@apply bg-accent":{}}},".checkbox-success":{"@apply border-success text-success-content":{},"&:focus-visible":{"@apply outline-success":{}},"&:checked":{"@apply bg-success":{}}},".checkbox-warning":{"@apply border-warning text-warning-content":{},"&:focus-visible":{"@apply outline-warning":{}},"&:checked":{"@apply bg-warning":{}}},".checkbox-info":{"@apply border-info text-info-content":{},"&:focus-visible":{"@apply outline-info":{}},"&:checked":{"@apply bg-info":{}}},".checkbox-error":{"@apply border-error text-error-content":{},"&:focus-visible":{"@apply outline-error":{}},"&:checked":{"@apply bg-error":{}}},".checkbox:disabled":{"@apply cursor-not-allowed opacity-20":{}},".checkbox-xs":{"@apply size-4 p-0.5":{}},".checkbox-sm":{"@apply size-5":{}},".checkbox-md":{"@apply size-6":{}},".checkbox-lg":{"@apply size-8":{}}};
+import checkbox from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedcheckbox = addPrefix(checkbox, prefix);
+  addComponents({ ...prefixedcheckbox });
+};

package/components/checkbox/object.js

@@ -0,0 +1 @@
+export default {".checkbox":{"border":"var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, transparent))","position":"relative","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"var(--radius-selector)","padding":"calc(0.25rem * 1)","vertical-align":"middle","color":"var(--color-base-content)","box-shadow":"0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 transparent inset, 0 0 transparent","transition":"background-color 0.2s, box-shadow 0.2s","--size":"calc(var(--size-selector, 0.25rem) * 6)","width":"var(--size)","height":"var(--size)","background-size":"calc(var(--noise) * 1000px)","background-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")","&:before":{"--tw-content":"\"\"","content":"var(--tw-content)","display":"block","width":"100%","height":"100%","rotate":"45deg","background-color":"currentColor","opacity":"0%","transition":"clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s","transition-delay":"0.1s","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","box-shadow":"0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","font-size":"1rem","line-height":0.75},"&:focus-visible":{"outline":"2px solid var(--input-color, currentColor)","outline-offset":"2px"},"&:checked, &[aria-checked=\"true\"]":{"background-color":"var(--input-color, transparent)","box-shadow":"0 0 transparent inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1))","&:before":{"clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)","opacity":"100%","@media print":[{"rotate":"0deg"},{"background-color":"transparent"},{"--tw-content":"\"✔︎\""},{"clip-path":"none"}],"@media (forced-colors: active)":{"rotate":"0deg","background-color":"transparent","--tw-content":"\"✔︎\"","clip-path":"none"}}},"&:indeterminate":{"&:before":{"rotate":"0deg","opacity":"100%","translate":"0 -35%","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"color":"var(--color-primary-content)","--input-color":"var(--color-primary)"},".checkbox-secondary":{"color":"var(--color-secondary-content)","--input-color":"var(--color-secondary)"},".checkbox-accent":{"color":"var(--color-accent-content)","--input-color":"var(--color-accent)"},".checkbox-neutral":{"color":"var(--color-neutral-content)","--input-color":"var(--color-neutral)"},".checkbox-info":{"color":"var(--color-info-content)","--input-color":"var(--color-info)"},".checkbox-success":{"color":"var(--color-success-content)","--input-color":"var(--color-success)"},".checkbox-warning":{"color":"var(--color-warning-content)","--input-color":"var(--color-warning)"},".checkbox-error":{"color":"var(--color-error-content)","--input-color":"var(--color-error)"},".checkbox:disabled":{"cursor":"not-allowed","opacity":"20%"},".checkbox-xs":{"padding":"0.125rem","--size":"calc(var(--size-selector, 0.25rem) * 4)"},".checkbox-sm":{"padding":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 5)"},".checkbox-md":{"padding":"0.25rem","--size":"calc(var(--size-selector, 0.25rem) * 6)"},".checkbox-lg":{"padding":"0.3125rem","--size":"calc(var(--size-selector, 0.25rem) * 7)"},".checkbox-xl":{"padding":"0.375rem","--size":"calc(var(--size-selector, 0.25rem) * 8)"}};

package/components/checkbox.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content,oklch(27.8078% .029596 256.848));flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;--tw-content:"";content:var(--tw-content);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:currentColor}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{--tw-translate-y:-35%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);rotate:none}}}.checkbox-primary{border-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:focus-visible{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}&:checked{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.checkbox-secondary{border-color:var(--color-secondary,oklch(69.71% .329 342.55));color:var(--color-secondary-content,oklch(98.71% .0106 342.55));&:focus-visible{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}&:checked{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.checkbox-accent{border-color:var(--color-accent,oklch(76.76% .184 183.61));color:var(--color-accent-content,oklch(15.352% .0368 183.61));&:focus-visible{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}&:checked{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}.checkbox-success{border-color:var(--color-success,oklch(64.8% .15 160));color:var(--color-success-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-success,oklch(64.8% .15 160))}&:checked{background-color:var(--color-success,oklch(64.8% .15 160))}}.checkbox-warning{border-color:var(--color-warning,oklch(84.71% .199 83.87));color:var(--color-warning-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}&:checked{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}.checkbox-info{border-color:var(--color-info,oklch(72.06% .191 231.6));color:var(--color-info-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-info,oklch(72.06% .191 231.6))}&:checked{background-color:var(--color-info,oklch(72.06% .191 231.6))}}.checkbox-error{border-color:var(--color-error,oklch(71.76% .221 22.18));color:var(--color-error-content,oklch(0% 0 0));&:focus-visible{outline-color:var(--color-error,oklch(71.76% .221 22.18))}&:checked{background-color:var(--color-error,oklch(71.76% .221 22.18))}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,transparent));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 transparent inset,0 0 transparent;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,transparent);box-shadow:0 0 transparent inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;@media print{&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media (forced-colors:active){&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.checkbox-neutral{color:var(--color-neutral-content);--input-color:var(--color-neutral)}.checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,transparent));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 transparent inset,0 0 transparent;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,transparent);box-shadow:0 0 transparent inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;@media print{&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media (forced-colors:active){&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.sm\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.sm\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.sm\:checkbox-neutral{color:var(--color-neutral-content);--input-color:var(--color-neutral)}.sm\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.sm\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.sm\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.sm\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.sm\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.sm\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.sm\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.sm\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,transparent));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 transparent inset,0 0 transparent;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,transparent);box-shadow:0 0 transparent inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;@media print{&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media (forced-colors:active){&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.md\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.md\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.md\:checkbox-neutral{color:var(--color-neutral-content);--input-color:var(--color-neutral)}.md\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.md\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.md\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.md\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.md\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.md\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.md\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.md\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,transparent));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 transparent inset,0 0 transparent;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,transparent);box-shadow:0 0 transparent inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;@media print{&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media (forced-colors:active){&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.lg\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.lg\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.lg\:checkbox-neutral{color:var(--color-neutral-content);--input-color:var(--color-neutral)}.lg\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.lg\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.lg\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.lg\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.lg\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.lg\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.lg\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.lg\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,transparent));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 transparent inset,0 0 transparent;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,transparent);box-shadow:0 0 transparent inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;@media print{&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media (forced-colors:active){&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.xl\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.xl\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.xl\:checkbox-neutral{color:var(--color-neutral-content);--input-color:var(--color-neutral)}.xl\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.xl\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.xl\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.xl\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,transparent));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 transparent inset,0 0 transparent;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,transparent);box-shadow:0 0 transparent inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;@media print{&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media (forced-colors:active){&{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.\32 xl\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.\32 xl\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.\32 xl\:checkbox-neutral{color:var(--color-neutral-content);--input-color:var(--color-neutral)}.\32 xl\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.\32 xl\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.\32 xl\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.\32 xl\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.\32 xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.\32 xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.\32 xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.\32 xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}

package/components/collapse/class.json

@@ -3,8 +3,7 @@
   "collapse-open",
   "collapse-content",
   "collapse-title",
+  "collapse-close",
   "collapse-arrow",
-  "collapse-plus",
-  "4",
-  "2"
+  "collapse-plus"
 ]

package/components/collapse/index.js

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

package/components/collapse/object.js

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

package/components/collapse.css

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

package/components/countdown/index.js

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

package/components/countdown/object.js

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

package/components/countdown.css

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

package/components/diff/class.json

@@ -0,0 +1,6 @@
+[
+  "diff",
+  "diff-item-1",
+  "diff-resizer",
+  "diff-item-2"
+]

package/components/diff/index.js

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

package/components/diff/object.js

@@ -0,0 +1 @@
+export default {".diff":{"position":"relative","display":"grid","width":"100%","overflow":"hidden","webkit-user-select":"none","user-select":"none","direction":"ltr","container-type":"inline-size","grid-template-columns":"auto 1fr","&:focus, &:has(.diff-item-1:focus)":{"outline-style":"var(--tw-outline-style)","outline-width":"2px","outline-offset":"1px","outline-color":"var(--color-base-content)"},"&:focus-visible":{"outline-style":"var(--tw-outline-style)","outline-width":"2px","outline-offset":"1px","outline-color":"var(--color-base-content)",".diff-resizer":{"min-width":"90cqi","max-width":"90cqi"}},"&:has(.diff-item-2:focus-visible)":{"outline-style":"var(--tw-outline-style)","outline-width":"2px","outline-offset":"1px",".diff-resizer":{"min-width":"10cqi","max-width":"10cqi"}},"@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x)":{"&:focus":{".diff-resizer":{"min-width":"10cqi","max-width":"10cqi"}},"&:has(.diff-item-1:focus)":{".diff-resizer":{"min-width":"90cqi","max-width":"90cqi"}}}},".diff-resizer":{"position":"relative","top":"calc(1/2 * 100%)","z-index":1,"grid-column-start":"1","grid-row-start":"1","height":"calc(0.25rem * 2)","width":"50cqi","max-width":"calc(100cqi - 1rem)","min-width":"1rem","resize":"horizontal","overflow":"hidden","opacity":"0%","transform":"scaleY(3)","cursor":"ew-resize","transform-origin":"100% 100%","translate":"0.35rem 0.35rem","clip-path":"inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem))","transition":"min-width 0.3s ease-out, max-width 0.3s ease-out"},".diff-item-2":{"position":"relative","grid-column-start":"1","grid-row-start":"1","&:after":{"pointer-events":"none","position":"absolute","top":"calc(1/2 * 100%)","right":"1px","bottom":"calc(0.25rem * 0)","z-index":2,"width":"calc(0.25rem * 6)","height":"calc(0.25rem * 6)","border-radius":"calc(infinity * 1px)","background-color":"color-mix(in oklab, var(--color-base-100) 50%, transparent)","border":"2px solid var(--color-base-100)","content":"\"\"","outline":"1px solid color-mix(in oklab, var(--color-base-content) 5%, transparent)","outline-offset":"-3px","backdrop-filter":"blur(8px)","box-shadow":"0 1px 2px 0 oklch(0% 0 0 / 0.1)","translate":"50% -50%"},"> *":{"pointer-events":"none","position":"absolute","top":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","height":"100%","width":"100cqi","max-width":"none","object-fit":"cover","object-position":"center"},"@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x)":{"&:after":{"content":"none"}}},".diff-item-1":{"position":"relative","z-index":1,"grid-column-start":"1","grid-row-start":"1","overflow":"hidden","border-right":"2px solid var(--color-base-100)","> *":{"pointer-events":"none","position":"absolute","top":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","height":"100%","width":"100cqi","max-width":"none","object-fit":"cover","object-position":"center"}}};

package/components/diff.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .diff{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;&:focus,&:has(.diff-item-1:focus){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:90cqi;max-width:90cqi}}&:has(.diff-item-2:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:10cqi;max-width:10cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.5rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;top:50%;overflow:hidden;transform:scaleY(3)translate(.35rem,.35rem)}.diff-item-2{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{content:none}}}.diff-item-1{z-index:1;border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}@media (width>=640px){.sm\:diff{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;&:focus,&:has(.diff-item-1:focus){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:90cqi;max-width:90cqi}}&:has(.diff-item-2:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:10cqi;max-width:10cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.sm\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.5rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;top:50%;overflow:hidden;transform:scaleY(3)translate(.35rem,.35rem)}.sm\:diff-item-2{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{content:none}}}.sm\:diff-item-1{z-index:1;border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=768px){.md\:diff{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;&:focus,&:has(.diff-item-1:focus){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:90cqi;max-width:90cqi}}&:has(.diff-item-2:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:10cqi;max-width:10cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.md\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.5rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;top:50%;overflow:hidden;transform:scaleY(3)translate(.35rem,.35rem)}.md\:diff-item-2{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{content:none}}}.md\:diff-item-1{z-index:1;border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1024px){.lg\:diff{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;&:focus,&:has(.diff-item-1:focus){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:90cqi;max-width:90cqi}}&:has(.diff-item-2:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:10cqi;max-width:10cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.lg\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.5rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;top:50%;overflow:hidden;transform:scaleY(3)translate(.35rem,.35rem)}.lg\:diff-item-2{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{content:none}}}.lg\:diff-item-1{z-index:1;border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1280px){.xl\:diff{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;&:focus,&:has(.diff-item-1:focus){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:90cqi;max-width:90cqi}}&:has(.diff-item-2:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:10cqi;max-width:10cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.xl\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.5rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;top:50%;overflow:hidden;transform:scaleY(3)translate(.35rem,.35rem)}.xl\:diff-item-2{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{content:none}}}.xl\:diff-item-1{z-index:1;border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1536px){.\32 xl\:diff{-webkit-user-select:none;user-select:none;direction:ltr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;&:focus,&:has(.diff-item-1:focus){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}&:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content);& .diff-resizer{min-width:90cqi;max-width:90cqi}}&:has(.diff-item-2:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;& .diff-resizer{min-width:10cqi;max-width:10cqi}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-1:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.\32 xl\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:.5rem;transition:min-width .3s ease-out,max-width .3s ease-out;position:relative;top:50%;overflow:hidden;transform:scaleY(3)translate(.35rem,.35rem)}.\32 xl\:diff-item-2{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:2;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:after{content:none}}}.\32 xl\:diff-item-1{z-index:1;border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}

package/components/divider/index.js

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

package/components/divider/object.js

@@ -0,0 +1 @@
+export default {".divider":{"margin-block":"calc(0.25rem * 4)","display":"flex","height":"calc(0.25rem * 4)","flex-direction":"row","align-items":"center","align-self":"stretch","white-space":"nowrap","&:before, &:after":{"content":"\"\"","height":"calc(0.25rem * 0.5)","width":"100%","flex-grow":1,"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","@media print":{"border":"0.5px solid"}},"&:not(:empty)":{"gap":"calc(0.25rem * 4)"}},".divider-horizontal":{"&.divider":{"margin-inline":"calc(0.25rem * 4)","margin-block":"calc(0.25rem * 0)","height":"auto","width":"calc(0.25rem * 4)","flex-direction":"column","&:before":{"height":"100%","width":"calc(0.25rem * 0.5)"},"&:after":{"height":"100%","width":"calc(0.25rem * 0.5)"}}},".divider-vertical":{"&.divider":{"margin-inline":"calc(0.25rem * 0)","margin-block":"calc(0.25rem * 4)","height":"calc(0.25rem * 4)","width":"auto","flex-direction":"row","&:before":{"height":"calc(0.25rem * 0.5)","width":"100%"},"&:after":{"height":"calc(0.25rem * 0.5)","width":"100%"}}},".divider-neutral":{"&:before, &:after":{"background-color":"var(--color-neutral)"}},".divider-primary":{"&:before, &:after":{"background-color":"var(--color-primary)"}},".divider-secondary":{"&:before, &:after":{"background-color":"var(--color-secondary)"}},".divider-accent":{"&:before, &:after":{"background-color":"var(--color-accent)"}},".divider-success":{"&:before, &:after":{"background-color":"var(--color-success)"}},".divider-warning":{"&:before, &:after":{"background-color":"var(--color-warning)"}},".divider-info":{"&:before, &:after":{"background-color":"var(--color-info)"}},".divider-error":{"&:before, &:after":{"background-color":"var(--color-error)"}},".divider-start:before":{"display":"none"},".divider-end:after":{"display":"none"}};

package/components/divider.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{height:var(--spacing-0_5,.125rem);background-color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))10%,transparent);--tw-content:"";content:var(--tw-content);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral,oklch(20% .02476 255.702))}}.divider-primary{&:before,&:after{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.divider-accent{&:before,&:after{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}.divider-success{&:before,&:after{background-color:var(--color-success,oklch(64.8% .15 160))}}.divider-warning{&:before,&:after{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}.divider-info{&:before,&:after{background-color:var(--color-info,oklch(72.06% .191 231.6))}}.divider-error{&:before,&:after{background-color:var(--color-error,oklch(71.76% .221 22.18))}}.divider-start:before,.divider-end:after{display:none}
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem;@media print{&{border:.5px solid}}}&:not(:empty){gap:1rem}}.divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.divider-primary{&:before,&:after{background-color:var(--color-primary)}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.divider-accent{&:before,&:after{background-color:var(--color-accent)}}.divider-success{&:before,&:after{background-color:var(--color-success)}}.divider-warning{&:before,&:after{background-color:var(--color-warning)}}.divider-info{&:before,&:after{background-color:var(--color-info)}}.divider-error{&:before,&:after{background-color:var(--color-error)}}.divider-start:before,.divider-end:after{display:none}@media (width>=640px){.sm\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem;@media print{&{border:.5px solid}}}&:not(:empty){gap:1rem}}.sm\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.sm\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.sm\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.sm\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.sm\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.sm\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.sm\:divider-success{&:before,&:after{background-color:var(--color-success)}}.sm\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.sm\:divider-info{&:before,&:after{background-color:var(--color-info)}}.sm\:divider-error{&:before,&:after{background-color:var(--color-error)}}.sm\:divider-start:before,.sm\:divider-end:after{display:none}}@media (width>=768px){.md\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem;@media print{&{border:.5px solid}}}&:not(:empty){gap:1rem}}.md\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.md\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.md\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.md\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.md\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.md\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.md\:divider-success{&:before,&:after{background-color:var(--color-success)}}.md\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.md\:divider-info{&:before,&:after{background-color:var(--color-info)}}.md\:divider-error{&:before,&:after{background-color:var(--color-error)}}.md\:divider-start:before,.md\:divider-end:after{display:none}}@media (width>=1024px){.lg\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem;@media print{&{border:.5px solid}}}&:not(:empty){gap:1rem}}.lg\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.lg\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.lg\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.lg\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.lg\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.lg\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.lg\:divider-success{&:before,&:after{background-color:var(--color-success)}}.lg\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.lg\:divider-info{&:before,&:after{background-color:var(--color-info)}}.lg\:divider-error{&:before,&:after{background-color:var(--color-error)}}.lg\:divider-start:before,.lg\:divider-end:after{display:none}}@media (width>=1280px){.xl\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem;@media print{&{border:.5px solid}}}&:not(:empty){gap:1rem}}.xl\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.xl\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.xl\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.xl\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.xl\:divider-success{&:before,&:after{background-color:var(--color-success)}}.xl\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.xl\:divider-info{&:before,&:after{background-color:var(--color-info)}}.xl\:divider-error{&:before,&:after{background-color:var(--color-error)}}.xl\:divider-start:before,.xl\:divider-end:after{display:none}}@media (width>=1536px){.\32 xl\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem;@media print{&{border:.5px solid}}}&:not(:empty){gap:1rem}}.\32 xl\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.\32 xl\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.\32 xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.\32 xl\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.\32 xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.\32 xl\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.\32 xl\:divider-success{&:before,&:after{background-color:var(--color-success)}}.\32 xl\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.\32 xl\:divider-info{&:before,&:after{background-color:var(--color-info)}}.\32 xl\:divider-error{&:before,&:after{background-color:var(--color-error)}}.\32 xl\:divider-start:before,.\32 xl\:divider-end:after{display:none}}

package/components/dock/class.json

@@ -0,0 +1,10 @@
+[
+  "dock",
+  "dock-active",
+  "dock-label",
+  "dock-xs",
+  "dock-sm",
+  "dock-md",
+  "dock-lg",
+  "dock-xl"
+]

package/components/dock/index.js

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

package/components/dock/object.js

@@ -0,0 +1 @@
+export default {".dock":{"position":"fixed","right":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","z-index":1,"display":"flex","width":"100%","flex-direction":"row","align-items":"center","justify-content":"space-around","background-color":"var(--color-base-100)","padding":"calc(0.25rem * 2)","color":"currentColor","border-top":"0.5px solid color-mix(in oklab, var(--color-base-content) 5%, transparent)","height":["4rem","calc(4rem + env(safe-area-inset-bottom))"],"padding-bottom":"env(safe-area-inset-bottom)","> *":{"position":"relative","margin-bottom":"calc(0.25rem * 2)","display":"flex","height":"100%","max-width":"calc(0.25rem * 32)","flex-shrink":1,"flex-basis":"100%","cursor":"pointer","flex-direction":"column","align-items":"center","justify-content":"center","gap":"1px","border-radius":"var(--radius-box)","background-color":"transparent","transition":"opacity 0.2s ease-out","&:where(.dock-active)":{"&:after":{"content":"\"\"","position":"absolute","height":"calc(0.25rem * 1)","width":"calc(0.25rem * 10)","border-radius":"calc(infinity * 1px)","background-color":"currentColor","bottom":"0.2rem","border-top":"3px solid"}},"&:hover":{"opacity":"80%"},"&[aria-disabled=\"true\"], &[disabled]":{"&, &:hover":{"pointer-events":"none","color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","opacity":"100%"}},".dock-label":{"font-size":"0.6875rem"}}},".dock-xs":{"height":["3rem","calc(3rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.625rem"}},".dock-sm":{"height":["calc(0.25rem * 14)","3.5rem","calc(3.5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.625rem"}},".dock-md":{"height":["4rem","calc(4rem + env(safe-area-inset-bottom))"],".dock-label":{"font-size":"0.6875rem"}},".dock-lg":{"height":["4.5rem","calc(4.5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.625rem"}},".dock-xl":{"height":["5rem","calc(5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.75rem"}}};

package/components/dock.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;&:where(.dock-active){&:after{content:"";background-color:currentColor;border-top:3px solid;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&:hover{opacity:.8}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}}}.dock-xs{height:3rem;height:calc(3rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.dock-sm{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.dock-md{height:4rem;height:calc(4rem + env(safe-area-inset-bottom));& .dock-label{font-size:.6875rem}}.dock-lg{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.625rem}}.dock-xl{height:5rem;height:calc(5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}@media (width>=640px){.sm\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;&:where(.dock-active){&:after{content:"";background-color:currentColor;border-top:3px solid;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&:hover{opacity:.8}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}}}.sm\:dock-xs{height:3rem;height:calc(3rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.sm\:dock-sm{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.sm\:dock-md{height:4rem;height:calc(4rem + env(safe-area-inset-bottom));& .dock-label{font-size:.6875rem}}.sm\:dock-lg{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.625rem}}.sm\:dock-xl{height:5rem;height:calc(5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}@media (width>=768px){.md\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;&:where(.dock-active){&:after{content:"";background-color:currentColor;border-top:3px solid;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&:hover{opacity:.8}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}}}.md\:dock-xs{height:3rem;height:calc(3rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.md\:dock-sm{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.md\:dock-md{height:4rem;height:calc(4rem + env(safe-area-inset-bottom));& .dock-label{font-size:.6875rem}}.md\:dock-lg{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.625rem}}.md\:dock-xl{height:5rem;height:calc(5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}@media (width>=1024px){.lg\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;&:where(.dock-active){&:after{content:"";background-color:currentColor;border-top:3px solid;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&:hover{opacity:.8}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}}}.lg\:dock-xs{height:3rem;height:calc(3rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.lg\:dock-sm{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.lg\:dock-md{height:4rem;height:calc(4rem + env(safe-area-inset-bottom));& .dock-label{font-size:.6875rem}}.lg\:dock-lg{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.625rem}}.lg\:dock-xl{height:5rem;height:calc(5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}@media (width>=1280px){.xl\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;&:where(.dock-active){&:after{content:"";background-color:currentColor;border-top:3px solid;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&:hover{opacity:.8}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}}}.xl\:dock-xs{height:3rem;height:calc(3rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.xl\:dock-sm{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.xl\:dock-md{height:4rem;height:calc(4rem + env(safe-area-inset-bottom));& .dock-label{font-size:.6875rem}}.xl\:dock-lg{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.625rem}}.xl\:dock-xl{height:5rem;height:calc(5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}@media (width>=1536px){.\32 xl\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;height:calc(4rem + env(safe-area-inset-bottom));padding:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&>*{cursor:pointer;border-radius:var(--radius-box);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;max-width:8rem;height:100%;margin-bottom:.5rem;transition:opacity .2s ease-out;display:flex;position:relative;&:where(.dock-active){&:after{content:"";background-color:currentColor;border-top:3px solid;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&:hover{opacity:.8}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent);opacity:1}}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-xs{height:3rem;height:calc(3rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.\32 xl\:dock-sm{height:3.5rem;height:calc(3.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.625rem}}.\32 xl\:dock-md{height:4rem;height:calc(4rem + env(safe-area-inset-bottom));& .dock-label{font-size:.6875rem}}.\32 xl\:dock-lg{height:4.5rem;height:calc(4.5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.625rem}}.\32 xl\:dock-xl{height:5rem;height:calc(5rem + env(safe-area-inset-bottom));& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}}

package/components/drawer/class.json

@@ -0,0 +1,10 @@
+[
+  "drawer",
+  "drawer-content",
+  "drawer-side",
+  "drawer-overlay",
+  "drawer-toggle",
+  "drawer-button",
+  "drawer-end",
+  "drawer-open"
+]

package/components/drawer/index.js

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

package/components/drawer/object.js

@@ -0,0 +1 @@
+export default {".drawer":{"position":"relative","display":"grid","width":"100%","grid-auto-columns":"max-content auto"},".drawer-content":{"grid-column-start":"2","grid-row-start":"1","min-width":"calc(0.25rem * 0)"},".drawer-side":{"pointer-events":"none","visibility":"hidden","position":"fixed","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 0)","grid-column-start":"1","grid-row-start":"1","display":"grid","width":"100%","grid-template-columns":"repeat(1, minmax(0, 1fr))","grid-template-rows":"repeat(1, minmax(0, 1fr))","align-items":"flex-start","justify-items":"start","overflow-x":"hidden","overflow-y":"hidden","overscroll-behavior":"contain","opacity":"0%","transition":"opacity 0.2s ease-out 0.1s allow-discrete, visibility 0.3s ease-out 0.1s allow-discrete","height":["100vh","100dvh"],"> .drawer-overlay":{"position":"sticky","top":"calc(0.25rem * 0)","cursor":"pointer","place-self":"stretch","background-color":"oklch(0% 0 0 / 40%)"},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> *:not(.drawer-overlay)":{"will-change":"transform","transition":"translate 0.3s ease-out","translate":"-100%","[dir=\"rtl\"] &":{"translate":"100%"}}},".drawer-toggle":{"position":"fixed","height":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","appearance":"none","opacity":"0%","&:checked":{"& ~ .drawer-side":{"pointer-events":"auto","visibility":"visible","overflow-y":"auto","opacity":"100%","& > *:not(.drawer-overlay)":{"translate":"0%"}}},"&:focus-visible ~ .drawer-content label.drawer-button":{"outline":"2px solid","outline-offset":"2px"}},".drawer-end":{"grid-auto-columns":"auto max-content","> .drawer-toggle":{"& ~ .drawer-content":{"grid-column-start":"1"},"& ~ .drawer-side":{"grid-column-start":"2","justify-items":"end"},"& ~ .drawer-side > *:not(.drawer-overlay)":{"translate":"100%","[dir=\"rtl\"] &":{"translate":"-100%"}},"&:checked ~ .drawer-side > *:not(.drawer-overlay)":{"translate":"0%"}}},".drawer-open":{"> .drawer-side":{"overflow-y":"auto"},"> .drawer-toggle":{"display":"none","& ~ .drawer-side":{"pointer-events":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscroll-behavior":"auto","opacity":"100%","& > .drawer-overlay":{"cursor":"default","background-color":"transparent"},"& > *:not(.drawer-overlay)":{"translate":"0%","[dir=\"rtl\"] &":{"translate":"0%"}}},"&:checked ~ .drawer-side":{"pointer-events":"auto","visibility":"visible"}}}};

package/components/drawer.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@media (width>=640px){.sm\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.sm\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.sm\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.sm\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.sm\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.sm\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=768px){.md\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.md\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.md\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.md\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.md\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.md\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1024px){.lg\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.lg\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.lg\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.lg\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.lg\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.lg\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1280px){.xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.xl\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.xl\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.xl\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.xl\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1536px){.\32 xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.\32 xl\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.\32 xl\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.\32 xl\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.\32 xl\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.\32 xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}