daisyui 5.0.0-alpha.4 → 5.0.0-alpha.41

package/components/modal.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.modal-box{width:91.6667%;max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.modal-middle{place-items:center;& :where(.modal-box){width:91.6667%;height:auto;max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}@media (width>=640px){.sm\:modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.sm\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.sm\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.sm\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.sm\:modal-box{width:91.6667%;max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.sm\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.sm\:modal-middle{place-items:center;& :where(.modal-box){width:91.6667%;height:auto;max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.sm\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.sm\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.sm\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=768px){.md\:modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.md\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.md\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.md\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.md\:modal-box{width:91.6667%;max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.md\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.md\:modal-middle{place-items:center;& :where(.modal-box){width:91.6667%;height:auto;max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.md\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.md\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.md\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1024px){.lg\:modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.lg\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.lg\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.lg\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.lg\:modal-box{width:91.6667%;max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.lg\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.lg\:modal-middle{place-items:center;& :where(.modal-box){width:91.6667%;height:auto;max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.lg\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.lg\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.lg\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1280px){.xl\:modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.xl\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.xl\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.xl\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.xl\:modal-box{width:91.6667%;max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.xl\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.xl\:modal-middle{place-items:center;& :where(.modal-box){width:91.6667%;height:auto;max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.xl\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.xl\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.xl\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1536px){.\32 xl\:modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.\32 xl\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.\32 xl\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.\32 xl\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.\32 xl\:modal-box{width:91.6667%;max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.\32 xl\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.\32 xl\:modal-middle{place-items:center;& :where(.modal-box){width:91.6667%;height:auto;max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.\32 xl\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.\32 xl\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.\32 xl\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}

package/components/navbar/index.js

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

package/components/navbar/object.js

@@ -0,0 +1 @@
+export default {".navbar":{"display":"flex","width":"100%","align-items":"center","padding":"var(--navbar-padding, 0.5rem)","min-height":"4rem",":where(> *:not(script, style))":{"display":"inline-flex","align-items":"center"}},".navbar-start":{"width":"50%","justify-content":"flex-start"},".navbar-center":{"flex-shrink":0},".navbar-end":{"width":"50%","justify-content":"flex-end"}};

package/components/navbar.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .navbar{width:100%;padding:var(--navbar-padding,.5rem);align-items:center;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.navbar-start{justify-content:flex-start;width:50%}.navbar-center{flex-shrink:0}.navbar-end{justify-content:flex-end;width:50%}@media (width>=640px){.sm\:navbar{width:100%;padding:var(--navbar-padding,.5rem);align-items:center;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.sm\:navbar-start{justify-content:flex-start;width:50%}.sm\:navbar-center{flex-shrink:0}.sm\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=768px){.md\:navbar{width:100%;padding:var(--navbar-padding,.5rem);align-items:center;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.md\:navbar-start{justify-content:flex-start;width:50%}.md\:navbar-center{flex-shrink:0}.md\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1024px){.lg\:navbar{width:100%;padding:var(--navbar-padding,.5rem);align-items:center;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.lg\:navbar-start{justify-content:flex-start;width:50%}.lg\:navbar-center{flex-shrink:0}.lg\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1280px){.xl\:navbar{width:100%;padding:var(--navbar-padding,.5rem);align-items:center;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.xl\:navbar-start{justify-content:flex-start;width:50%}.xl\:navbar-center{flex-shrink:0}.xl\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1536px){.\32 xl\:navbar{width:100%;padding:var(--navbar-padding,.5rem);align-items:center;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.\32 xl\:navbar-start{justify-content:flex-start;width:50%}.\32 xl\:navbar-center{flex-shrink:0}.\32 xl\:navbar-end{justify-content:flex-end;width:50%}}

package/components/progress/index.js

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

package/components/progress/object.js

@@ -0,0 +1 @@
+export default {".progress":{"position":"relative","height":"calc(0.25rem * 2)","width":"100%","appearance":"none","overflow":"hidden","border-radius":"var(--radius-box)","background-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","&:indeterminate":{"--progress-color":"var(--color-base-content)","background-image":"repeating-linear-gradient( 90deg, var(--progress-color) -1%, var(--progress-color) 10%, transparent 10%, transparent 90% )","background-size":"200%","background-position-x":"15%","animation":"progress-loading 5s ease-in-out infinite","@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"background-color":"transparent","background-image":"repeating-linear-gradient( 90deg, var(--progress-color) -1%, var(--progress-color) 10%, transparent 10%, transparent 90% )","background-size":"200%","background-position-x":"15%","animation":"progress-loading 5s ease-in-out infinite"}}},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-content)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-bar":{"border-radius":"var(--radius-box)","background-color":"transparent"},"&::-webkit-progress-value":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-content)"}}},".progress-primary":{"&:indeterminate":{"--progress-color":"var(--color-primary)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-primary)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-primary)"}}},".progress-secondary":{"&:indeterminate":{"--progress-color":"var(--color-secondary)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-secondary)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-secondary)"}}},".progress-accent":{"&:indeterminate":{"--progress-color":"var(--color-accent)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-accent)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-accent)"}}},".progress-info":{"&:indeterminate":{"--progress-color":"var(--color-info)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-info)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-info)"}}},".progress-success":{"&:indeterminate":{"--progress-color":"var(--color-success)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-success)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-success)"}}},".progress-warning":{"&:indeterminate":{"--progress-color":"var(--color-warning)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-warning)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-warning)"}}},".progress-error":{"&:indeterminate":{"--progress-color":"var(--color-error)"},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"var(--color-error)"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-value":{"background-color":"var(--color-error)"}}},"@keyframes progress-loading":{"50%":{"background-position-x":"-115%"}}};

package/components/progress.css

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

package/components/radialprogress/index.js

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

package/components/radialprogress/object.js

@@ -0,0 +1 @@
+export default {".radial-progress":{"position":"relative","display":"inline-grid","height":"var(--size)","width":"var(--size)","place-content":"center","border-radius":"calc(infinity * 1px)","background-color":"transparent","vertical-align":"middle","box-sizing":"content-box","--value":"0","--size":"5rem","--thickness":"calc(var(--size) / 10)","--radialprogress":"calc(var(--value) * 1%)","transition":"--radialprogress 0.3s linear","&:before":{"position":"absolute","inset":"calc(0.25rem * 0)","border-radius":"calc(infinity * 1px)","content":"\"\"","background":"radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0)","webkit-mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )","mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )"},"&:after":{"position":"absolute","border-radius":"calc(infinity * 1px)","background-color":"currentColor","transition":"transform 0.3s linear","content":"\"\"","inset":"calc(50% - var(--thickness) / 2)","transform":"rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%))"}}};

package/components/radialprogress.css

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

package/components/radio/index.js

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

package/components/radio/object.js

@@ -0,0 +1 @@
+export default {".radio":{"position":"relative","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"calc(infinity * 1px)","padding":"calc(0.25rem * 1)","vertical-align":"middle","color":"var(--color-base-content)","border":"1px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","width":"var(--selector-size)","height":"var(--selector-size)","&:before":{"display":"block","width":"100%","height":"100%","border-radius":"calc(infinity * 1px)","content":"\"\""},"&:focus-visible":{"outline":"2px solid currentColor"},"&:checked, &[aria-checked=\"true\"]":{"animation":"radiomark var(--animation-input, 0.2s) ease-out","border-color":"currentColor","background-color":"var(--color-base-100)","&:before":{"background-color":"currentColor","box-shadow":"0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1)"}}},".radio-primary":{"border-color":"currentColor","color":"var(--color-primary)"},".radio-secondary":{"border-color":"currentColor","color":"var(--color-secondary)"},".radio-accent":{"border-color":"currentColor","color":"var(--color-accent)"},".radio-success":{"border-color":"currentColor","color":"var(--color-success)"},".radio-warning":{"border-color":"currentColor","color":"var(--color-warning)"},".radio-info":{"border-color":"currentColor","color":"var(--color-info)"},".radio-error":{"border-color":"currentColor","color":"var(--color-error)"},".radio:disabled":{"cursor":"not-allowed","opacity":"20%"},".radio-xs":{"padding":"0.125rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 4)"}},".radio-sm":{"padding":"0.1875rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 5)"}},".radio-md":{"padding":"0.25rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 6)"}},".radio-lg":{"padding":"0.3125rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 7)"}},".radio-xl":{"padding":"0.375rem","&:is([type=\"radio\"])":{"--selector-size":"calc(var(--spacing-selector-size) * 8)"}},"@keyframes radiomark":{"0%":{"padding":"5px"},"50%":{"padding":"3px"}}};

package/components/radio.css

@@ -1,102 +1 @@
-.radio {
-    position: relative;
-    width: var(--spacing-6, 1.5rem);
-    height: var(--spacing-6, 1.5rem);
-    flex-shrink: 0;
-    cursor: pointer;
-    appearance: none;
-    border-radius: calc(infinity * 1px);
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-    padding: var(--spacing-1, 0.25rem);
-    vertical-align: middle;
-    color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-    box-shadow: 0 1px oklch(0% 0 0 / 0.1) inset;
-    &:before {
-      display: block;
-      width: 100%;
-      height: 100%;
-      border-radius: calc(infinity * 1px);
-      content: "";
-    }
-    &:focus-visible {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-      outline-offset: 2px;
-      outline-color: currentColor;
-    }
-    &:checked, &[aria-checked="true"] {
-      animation: radiomark var(--animation-input, 0.2s) ease-out;
-      border-color: currentColor;
-      background-color: var(--color-base-100, oklch(100% 0 0));
-      &:before {
-        background-color: currentColor;
-        box-shadow: 0 -1px oklch(0% 0 0 / 0.1) inset, 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1);
-      }
-    }
-  }
-  .radio-primary {
-    border-color: currentColor;
-    color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-  }
-  .radio-secondary {
-    border-color: currentColor;
-    color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-  }
-  .radio-accent {
-    border-color: currentColor;
-    color: var(--color-accent, oklch(76.76% 0.184 183.61));
-  }
-  .radio-success {
-    border-color: currentColor;
-    color: var(--color-success, oklch(64.8% 0.15 160));
-  }
-  .radio-warning {
-    border-color: currentColor;
-    color: var(--color-warning, oklch(84.71% 0.199 83.87));
-  }
-  .radio-info {
-    border-color: currentColor;
-    color: var(--color-info, oklch(72.06% 0.191 231.6));
-  }
-  .radio-error {
-    border-color: currentColor;
-    color: var(--color-error, oklch(71.76% 0.221 22.18));
-  }
-  .radio:disabled {
-    cursor: not-allowed;
-    opacity: 20%;
-  }
-  @keyframes radiomark {
-    0% {
-      padding: 5px;
-    }
-    50% {
-      padding: 3px;
-    }
-  }
-  .radio-xs {
-    &:is([type="radio"]) {
-      width: var(--spacing-4, 1rem);
-      height: var(--spacing-4, 1rem);
-    }
-  }
-  .radio-sm {
-    &:is([type="radio"]) {
-      width: var(--spacing-5, 1.25rem);
-      height: var(--spacing-5, 1.25rem);
-    }
-  }
-  .radio-md {
-    &:is([type="radio"]) {
-      width: var(--spacing-6, 1.5rem);
-      height: var(--spacing-6, 1.5rem);
-    }
-  }
-  .radio-lg {
-    &:is([type="radio"]) {
-      width: var(--spacing-8, 2rem);
-      height: var(--spacing-8, 2rem);
-    }
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary);border-color:currentColor}.radio-secondary{color:var(--color-secondary);border-color:currentColor}.radio-accent{color:var(--color-accent);border-color:currentColor}.radio-success{color:var(--color-success);border-color:currentColor}.radio-warning{color:var(--color-warning);border-color:currentColor}.radio-info{color:var(--color-info);border-color:currentColor}.radio-error{color:var(--color-error);border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}.radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.sm\:radio-primary{color:var(--color-primary);border-color:currentColor}.sm\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.sm\:radio-accent{color:var(--color-accent);border-color:currentColor}.sm\:radio-success{color:var(--color-success);border-color:currentColor}.sm\:radio-warning{color:var(--color-warning);border-color:currentColor}.sm\:radio-info{color:var(--color-info);border-color:currentColor}.sm\:radio-error{color:var(--color-error);border-color:currentColor}.sm\:radio:disabled{cursor:not-allowed;opacity:.2}.sm\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=768px){.md\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.md\:radio-primary{color:var(--color-primary);border-color:currentColor}.md\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.md\:radio-accent{color:var(--color-accent);border-color:currentColor}.md\:radio-success{color:var(--color-success);border-color:currentColor}.md\:radio-warning{color:var(--color-warning);border-color:currentColor}.md\:radio-info{color:var(--color-info);border-color:currentColor}.md\:radio-error{color:var(--color-error);border-color:currentColor}.md\:radio:disabled{cursor:not-allowed;opacity:.2}.md\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1024px){.lg\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.lg\:radio-primary{color:var(--color-primary);border-color:currentColor}.lg\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.lg\:radio-accent{color:var(--color-accent);border-color:currentColor}.lg\:radio-success{color:var(--color-success);border-color:currentColor}.lg\:radio-warning{color:var(--color-warning);border-color:currentColor}.lg\:radio-info{color:var(--color-info);border-color:currentColor}.lg\:radio-error{color:var(--color-error);border-color:currentColor}.lg\:radio:disabled{cursor:not-allowed;opacity:.2}.lg\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1280px){.xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.xl\:radio-success{color:var(--color-success);border-color:currentColor}.xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.xl\:radio-info{color:var(--color-info);border-color:currentColor}.xl\:radio-error{color:var(--color-error);border-color:currentColor}.xl\:radio:disabled{cursor:not-allowed;opacity:.2}.xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1536px){.\32 xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.\32 xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.\32 xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.\32 xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.\32 xl\:radio-success{color:var(--color-success);border-color:currentColor}.\32 xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.\32 xl\:radio-info{color:var(--color-info);border-color:currentColor}.\32 xl\:radio-error{color:var(--color-error);border-color:currentColor}.\32 xl\:radio:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}

package/components/range/index.js

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

package/components/range/object.js

@@ -0,0 +1 @@
+export default {".range":{"appearance":"none","webkit-appearance":"none","--range-shdw":"currentColor","width":"100%","max-width":"calc(0.25rem * 80)","cursor":"pointer","overflow":"hidden","border-radius":"var(--radius-box)","background-color":"transparent","vertical-align":"middle","border":"none","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","height":"var(--selector-size)","&:focus":{"outline":"none"},"&:focus-visible":{"--focus-shadow":"0 0 0 6px var(--color-base-100) inset, 0 0 0 2rem var(--range-shdw) inset"},"&::-webkit-slider-runnable-track":{"width":"100%","border-radius":"var(--radius-box)","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","height":"calc(var(--selector-size) * 0.5)"},"&::-webkit-slider-thumb":{"position":"relative","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","height":"var(--selector-size)","width":"var(--selector-size)","border":"none","appearance":"none","webkit-appearance":"none","top":"50%","color":"var(--range-shdw)","transform":"translateY(-50%)","--filler-offset":"0.6rem","--track-shdw":"calc(-100rem - var(--filler-offset)) 0 0 100rem","box-shadow":"0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), var(--track-shdw)"},"[dir=\"rtl\"] &::-webkit-slider-thumb":{"--track-shdw":"calc(100rem * 1 + var(--filler-offset)) 0 0 100rem"},"&::-moz-range-track":{"width":"100%","border-radius":"var(--radius-box)","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","height":"calc(var(--selector-size) * 0.5)"},"&::-moz-range-thumb":{"position":"relative","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","height":"var(--selector-size)","width":"var(--selector-size)","border":"none","top":"50%","color":"var(--range-shdw)","--filler-offset":"0.5rem","box-shadow":"0 0 0 3px var(--range-shdw) inset, var(--focus-shadow, 0 0), calc(-100rem - var(--filler-offset)) 0 0 100rem"}},".range-primary":{"color":"var(--color-primary)"},".range-secondary":{"color":"var(--color-secondary)"},".range-accent":{"color":"var(--color-accent)"},".range-success":{"color":"var(--color-success)"},".range-warning":{"color":"var(--color-warning)"},".range-info":{"color":"var(--color-info)"},".range-error":{"color":"var(--color-error)"},".range-xs":{"--selector-size":"calc(var(--spacing-selector-size) * 4)","&::-webkit-slider-thumb":{"--filler-offset":"0.4rem"},"&::-moz-range-thumb":{"--filler-offset":"0.4rem"}},".range-sm":{"--selector-size":"calc(var(--spacing-selector-size) * 5)","&::-webkit-slider-thumb":{"--filler-offset":"0.5rem"},"&::-moz-range-thumb":{"--filler-offset":"0.5rem"}},".range-md":{"--selector-size":"calc(var(--spacing-selector-size) * 6)","&::-webkit-slider-thumb":{"--filler-offset":"0.6rem"},"&::-moz-range-thumb":{"--filler-offset":"0.6rem"}},".range-lg":{"--selector-size":"calc(var(--spacing-selector-size) * 7)","&::-webkit-slider-thumb":{"--filler-offset":"1rem"},"&::-moz-range-thumb":{"--filler-offset":"1rem"}},".range-xl":{"--selector-size":"calc(var(--spacing-selector-size) * 8)","&::-webkit-slider-thumb":{"--filler-offset":"1rem"},"&::-moz-range-thumb":{"--filler-offset":"1rem"}}};