proto-daisy-ui 0.0.520 → 0.0.522

package/dist/cjs/{index-3da78334.js → index-392bc921.js}

@@ -24,7 +24,7 @@ const NAMESPACE = 'proto-daisy-ui';
 const BUILD = /* proto-daisy-ui */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -934,9 +934,6 @@ var forceUpdate = (ref) => {
   }
 };
 var appDidLoad = (who) => {
-  {
-    addHydratedFlag(doc.documentElement);
-  }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
 var safeCall = (instance, method, arg, elm) => {
@@ -1105,7 +1102,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    {
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
       const CstrImport = loadModule(cmpMeta, hostRef);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime();
@@ -1134,6 +1132,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
     if (Cstr && Cstr.style) {
       let style;
@@ -1287,6 +1289,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
             if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
               delete hostRef.$vnode$.$elm$;
             }

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
+const index = require('./index-392bc921.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/proto-daisy-ui.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
-const store = require('./store-8cb1359b.js');
+const index = require('./index-392bc921.js');
+const store = require('./store-62c5e1e7.js');
 
 const utilsCss = "/*! tailwindcss v4.0.3 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer utilities {\n  .menu {\n    display: flex;\n    width: fit-content;\n    flex-direction: column;\n    flex-wrap: wrap;\n    padding: calc(0.25rem * 2);\n    --menu-active-fg: var(--color-neutral-content);\n    --menu-active-bg: var(--color-neutral);\n    font-size: 0.875rem;\n    :where(li ul) {\n      position: relative;\n      margin-inline-start: calc(0.25rem * 4);\n      padding-inline-start: calc(0.25rem * 2);\n      white-space: nowrap;\n      &:before {\n        position: absolute;\n        inset-inline-start: calc(0.25rem * 0);\n        top: calc(0.25rem * 3);\n        bottom: calc(0.25rem * 3);\n        background-color: var(--color-base-content);\n        opacity: 10%;\n        width: var(--border);\n        content: '';\n      }\n    }\n    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {\n      display: none;\n    }\n    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title)) {\n      display: grid;\n      grid-auto-flow: column;\n      align-content: flex-start;\n      align-items: center;\n      gap: calc(0.25rem * 2);\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 3);\n      padding-block: calc(0.25rem * 1.5);\n      text-align: start;\n      transition-property: color, background-color, box-shadow;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      grid-auto-columns: minmax(auto, max-content) auto max-content;\n      text-wrap: balance;\n      user-select: none;\n    }\n    :where(li > details > summary) {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n    :where(li > details > summary),\n    :where(li > .menu-dropdown-toggle) {\n      &:after {\n        justify-self: flex-end;\n        display: block;\n        height: 0.375rem;\n        width: 0.375rem;\n        rotate: -135deg;\n        translate: 0 -1px;\n        transition-property: rotate, translate;\n        transition-duration: 0.2s;\n        content: '';\n        transform-origin: 50% 50%;\n        box-shadow: 2px 2px inset;\n        pointer-events: none;\n      }\n    }\n    :where(li > details[open] > summary):after,\n    :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {\n      rotate: 45deg;\n      translate: 0 1px;\n    }\n    :where(\n        li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),\n        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)\n      ):not(.menu-active, :active, .btn) {\n      &.menu-focus,\n      &:focus-visible {\n        cursor: pointer;\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        color: var(--color-base-content);\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n      }\n    }\n    :where(\n      li:not(.menu-title, .disabled)\n        > *:not(ul, details, .menu-title):not(\n          .menu-active,\n          :active,\n          .btn\n        ):hover,\n      li:not(.menu-title, .disabled)\n        > details\n        > summary:not(.menu-title):not(.menu-active, :active, .btn):hover\n    ) {\n      cursor: pointer;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      box-shadow:\n        0 1px oklch(0% 0 0 / 0.01) inset,\n        0 -1px oklch(100% 0 0 / 0.01) inset;\n    }\n    :where(li:empty) {\n      background-color: var(--color-base-content);\n      opacity: 10%;\n      margin: 0.5rem 1rem;\n      height: 1px;\n    }\n    :where(li) {\n      position: relative;\n      display: flex;\n      flex-shrink: 0;\n      flex-direction: column;\n      flex-wrap: wrap;\n      align-items: stretch;\n      .badge {\n        justify-self: flex-end;\n      }\n      & > *:not(ul, .menu-title, details, .btn):active,\n      & > *:not(ul, .menu-title, details, .btn).menu-active,\n      & > details > summary:active {\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        color: var(--menu-active-fg);\n        background-color: var(--menu-active-bg);\n        background-size: calc(var(--noise) * 1000px);\n        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\");\n        &:not(&:active) {\n          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);\n        }\n      }\n      &.menu-disabled {\n        pointer-events: none;\n        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);\n      }\n    }\n  }\n  .btn {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 1.5);\n    text-align: center;\n    vertical-align: middle;\n    text-decoration-line: none;\n    outline-offset: 2px;\n    webkit-user-select: none;\n    user-select: none;\n    padding-inline: var(--btn-p);\n    color: var(--btn-fg);\n    height: var(--size);\n    font-size: 0.875rem;\n    font-weight: 600;\n    outline-color: var(--btn-color, var(--color-base-content));\n    transition-property: color, background-color, border-color, box-shadow;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    border-start-start-radius: var(--join-ss, var(--radius-field));\n    border-start-end-radius: var(--join-se, var(--radius-field));\n    border-end-start-radius: var(--join-es, var(--radius-field));\n    border-end-end-radius: var(--join-ee, var(--radius-field));\n    background-color: var(--btn-bg);\n    background-size: calc(var(--noise) * 100%);\n    background-image: var(--btn-noise);\n    border-width: var(--border);\n    border-style: solid;\n    border-color: var(--btn-border);\n    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));\n    box-shadow:\n      0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,\n      var(--btn-shadow);\n    --size: calc(var(--size-field, 0.25rem) * 10);\n    --btn-bg: var(--btn-color, var(--color-base-200));\n    --btn-fg: var(--color-base-content);\n    --btn-p: 1rem;\n    --btn-border: color-mix(\n      in oklab,\n      var(--btn-bg),\n      black calc(var(--depth) * 5%)\n    );\n    --btn-shadow: 0 3px 2px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n      0 4px 3px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent);\n    --btn-noise: 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\");\n    &:hover {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n    }\n    &.btn-active {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n      isolation: isolate;\n    }\n    &:focus-visible {\n      outline-width: 2px;\n      outline-style: solid;\n    }\n    &:active:not(.btn-active) {\n      translate: 0 0.5px;\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 5%\n      );\n      --btn-border: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n    }\n    &:is(:disabled, [disabled], .btn-disabled) {\n      &:not(.btn-link, .btn-ghost) {\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        box-shadow: none;\n      }\n      pointer-events: none;\n      --btn-border: transparent;\n      --btn-noise: none;\n      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, transparent);\n      &:hover {\n        pointer-events: none;\n        background-color: color-mix(\n          in oklab,\n          var(--color-neutral) 20%,\n          transparent\n        );\n        --btn-border: transparent;\n        --btn-fg: color-mix(\n          in oklch,\n          var(--color-base-content) 20%,\n          transparent\n        );\n      }\n    }\n    &:is(input[type='checkbox'], input[type='radio']) {\n      appearance: none;\n      &::after {\n        content: attr(aria-label);\n      }\n      &:checked {\n        --btn-color: var(--color-primary);\n        --btn-bg: var(--color-primary);\n        --btn-fg: var(--color-primary-content);\n        --btn-border: var(--color-primary);\n        &:focus-visible {\n          outline-color: var(--color-primary);\n        }\n        &:hover {\n          --btn-bg: color-mix(in oklab, var(--color-primary) 90%, black);\n          --btn-border: color-mix(in oklab, var(--color-primary) 90%, black);\n        }\n      }\n    }\n  }\n  .tooltip {\n    position: relative;\n    display: inline-block;\n    --tt-bg: var(--color-neutral);\n    --tt-off: calc(100% + 0.5rem);\n    --tt-tail: calc(100% + 1px + 0.25rem);\n    > :where(.tooltip-content),\n    &[data-tip]:before {\n      position: absolute;\n      max-width: 20rem;\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 2);\n      padding-block: calc(0.25rem * 1);\n      text-align: center;\n      white-space: normal;\n      color: var(--color-neutral-content);\n      opacity: 0%;\n      font-size: 0.875rem;\n      line-height: 1.25em;\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      background-color: var(--tt-bg);\n      width: max-content;\n      pointer-events: none;\n      z-index: 1;\n      --tw-content: attr(data-tip);\n      content: var(--tw-content);\n    }\n    &:after {\n      position: absolute;\n      position: absolute;\n      opacity: 0%;\n      background-color: var(--tt-bg);\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      content: '';\n      pointer-events: none;\n      width: 0.625rem;\n      height: 0.25rem;\n      display: block;\n      mask-repeat: no-repeat;\n      mask-position: -1px 0;\n      mask-image: url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\");\n    }\n    &.tooltip-open,\n    &[data-tip]:hover,\n    &:hover,\n    &:has(:focus-visible) {\n      > .tooltip-content,\n      &[data-tip]:before,\n      &:after {\n        opacity: 100%;\n        --tt-pos: 0rem;\n        transition:\n          opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n          transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      }\n    }\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-off) 50%;\n    }\n    &:after {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-tail) 50%;\n    }\n  }\n  .dropdown {\n    position: relative;\n    display: inline-block;\n    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\n    & > *:not(summary):focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    .dropdown-content {\n      position: absolute;\n    }\n    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {\n      .dropdown-content {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n    &[popover],\n    .dropdown-content {\n      @starting-style {\n        scale: 95%;\n      }\n      @starting-style {\n        opacity: 0;\n      }\n      z-index: 999;\n      animation: dropdown 0.2s;\n      transition-property: opacity, scale, display;\n      transition-behavior: allow-discrete;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    &.dropdown-open,\n    &:not(.dropdown-hover):focus,\n    &:focus-within {\n      [tabindex]:first-child {\n        pointer-events: none;\n      }\n      .dropdown-content {\n        opacity: 100%;\n      }\n    }\n    &.dropdown-hover:hover {\n      .dropdown-content {\n        opacity: 100%;\n        scale: 100%;\n      }\n    }\n    &:is(details) {\n      summary {\n        &::-webkit-details-marker {\n          display: none;\n        }\n      }\n    }\n    &.dropdown-open,\n    &:focus,\n    &:focus-within {\n      .dropdown-content {\n        scale: 100%;\n      }\n    }\n    &:where([popover]) {\n      background: transparent;\n    }\n    &[popover] {\n      position: fixed;\n      color: inherit;\n      @supports not (position-area: bottom) {\n        margin: auto;\n        &.dropdown-open:not(:popover-open) {\n          display: none;\n          transform-origin: top;\n          opacity: 0%;\n          scale: 95%;\n        }\n        &::backdrop {\n          background-color: color-mix(in oklab, black 30%, transparent);\n        }\n      }\n      &:not(.dropdown-open, :popover-open) {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n  }\n  .table {\n    font-size: 0.875rem;\n    position: relative;\n    width: 100%;\n    border-radius: var(--radius-box);\n    text-align: left;\n    &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {\n      text-align: right;\n    }\n    tr.row-hover {\n      &,\n      &:nth-child(even) {\n        &:hover {\n          @media (hover: hover) {\n            background-color: var(--color-base-200);\n          }\n        }\n      }\n    }\n    :where(th, td) {\n      padding-inline: calc(0.25rem * 4);\n      padding-block: calc(0.25rem * 3);\n      vertical-align: middle;\n    }\n    :where(thead, tfoot) {\n      white-space: nowrap;\n      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n      font-size: 0.875rem;\n      font-weight: 600;\n    }\n    :where(tfoot) {\n      border-top: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n    :where(.table-pin-rows thead tr) {\n      position: sticky;\n      top: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-rows tfoot tr) {\n      position: sticky;\n      bottom: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-cols tr th) {\n      position: sticky;\n      right: calc(0.25rem * 0);\n      left: calc(0.25rem * 0);\n      background-color: var(--color-base-100);\n    }\n    :where(\n      thead tr,\n      tbody tr:not(:last-child),\n      tbody tr:first-child:last-child\n    ) {\n      border-bottom: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n  }\n  .list {\n    display: flex;\n    flex-direction: column;\n    font-size: 0.875rem;\n    .list-row {\n      --list-grid-cols: minmax(0, auto) 1fr;\n      position: relative;\n      display: grid;\n      grid-auto-flow: column;\n      gap: calc(0.25rem * 4);\n      border-radius: var(--radius-box);\n      padding: calc(0.25rem * 4);\n      word-break: break-word;\n      grid-template-columns: var(--list-grid-cols);\n      &:has(.list-col-grow:nth-child(1)) {\n        --list-grid-cols: 1fr;\n      }\n      &:has(.list-col-grow:nth-child(2)) {\n        --list-grid-cols: minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(3)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(4)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(5)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(6)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      :not(.list-col-wrap) {\n        grid-row-start: 1;\n      }\n    }\n    & > :not(:last-child) {\n      &.list-row,\n      .list-row {\n        &:after {\n          content: '';\n          border-bottom: var(--border) solid;\n          inset-inline: var(--radius-box);\n          position: absolute;\n          bottom: calc(0.25rem * 0);\n          border-color: color-mix(\n            in oklab,\n            var(--color-base-content) 5%,\n            transparent\n          );\n        }\n      }\n    }\n  }\n  .radial-progress {\n    position: relative;\n    display: inline-grid;\n    height: var(--size);\n    width: var(--size);\n    place-content: center;\n    border-radius: calc(infinity * 1px);\n    background-color: transparent;\n    vertical-align: middle;\n    box-sizing: content-box;\n    --value: 0;\n    --size: 5rem;\n    --thickness: calc(var(--size) / 10);\n    --radialprogress: calc(var(--value) * 1%);\n    transition: --radialprogress 0.3s linear;\n    &:before {\n      position: absolute;\n      inset: calc(0.25rem * 0);\n      border-radius: calc(infinity * 1px);\n      content: '';\n      background:\n        radial-gradient(farthest-side, currentColor 98%, #0000)\n          top/var(--thickness) var(--thickness) no-repeat,\n        conic-gradient(currentColor var(--radialprogress), #0000 0);\n      webkit-mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n      mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n    }\n    &:after {\n      position: absolute;\n      border-radius: calc(infinity * 1px);\n      background-color: currentColor;\n      transition: transform 0.3s linear;\n      content: '';\n      inset: calc(50% - var(--thickness) / 2);\n      transform: rotate(calc(var(--value) * 3.6deg - 90deg))\n        translate(calc(var(--size) / 2 - 50%));\n    }\n  }\n  .progress {\n    position: relative;\n    height: calc(0.25rem * 2);\n    width: 100%;\n    appearance: none;\n    overflow: hidden;\n    border-radius: var(--radius-box);\n    background-color: color-mix(in oklab, currentColor 20%, transparent);\n    color: var(--color-base-content);\n    &:indeterminate {\n      background-image: repeating-linear-gradient(\n        90deg,\n        currentColor -1%,\n        currentColor 10%,\n        transparent 10%,\n        transparent 90%\n      );\n      background-size: 200%;\n      background-position-x: 15%;\n      animation: progress 5s ease-in-out infinite;\n      @supports (-moz-appearance: none) {\n        &::-moz-progress-bar {\n          background-color: transparent;\n          background-image: repeating-linear-gradient(\n            90deg,\n            currentColor -1%,\n            currentColor 10%,\n            transparent 10%,\n            transparent 90%\n          );\n          background-size: 200%;\n          background-position-x: 15%;\n          animation: progress 5s ease-in-out infinite;\n        }\n      }\n    }\n    @supports (-moz-appearance: none) {\n      &::-moz-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n    @supports (-webkit-appearance: none) {\n      &::-webkit-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: transparent;\n      }\n      &::-webkit-progress-value {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n  }\n  .stats {\n    position: relative;\n    display: inline-grid;\n    grid-auto-flow: column;\n    overflow-x: auto;\n    border-radius: var(--radius-box);\n  }\n  .tooltip-left {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))\n        translateY(-50%);\n      inset: 50% var(--tt-off) auto auto;\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)\n        rotate(-90deg);\n      inset: 50% calc(var(--tt-tail) + 1px) auto auto;\n    }\n  }\n  .tooltip-right {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))\n        translateY(-50%);\n      inset: 50% auto auto var(--tt-off);\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)\n        rotate(90deg);\n      inset: 50% auto auto calc(var(--tt-tail) + 1px);\n    }\n  }\n  .dropdown-end {\n    --anchor-h: span-left;\n    :where(.dropdown-content) {\n      inset-inline-end: calc(0.25rem * 0);\n    }\n    &.dropdown-left {\n      --anchor-h: left;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n    &.dropdown-right {\n      --anchor-h: right;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n  }\n  .hero {\n    display: grid;\n    width: 100%;\n    place-items: center;\n    background-size: cover;\n    background-position: center;\n    & > * {\n      grid-column-start: 1;\n      grid-row-start: 1;\n    }\n  }\n  .stat-desc {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-title {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-value {\n    grid-column-start: 1;\n    white-space: nowrap;\n    font-size: 2rem;\n    font-weight: 800;\n  }\n  .m-1 {\n    margin: calc(var(--spacing) * 1);\n  }\n  .filter {\n    display: flex;\n    flex-wrap: wrap;\n    input[type='radio'] {\n      width: auto;\n    }\n    input {\n      overflow: hidden;\n      opacity: 100%;\n      scale: 1;\n      transition:\n        margin 0.1s,\n        opacity 0.3s,\n        padding 0.3s,\n        border-width 0.1s,\n        width 0.1s allow-discrete;\n      &:not(:last-child) {\n        margin-inline-end: calc(0.25rem * 1);\n      }\n      &.filter-reset {\n        aspect-ratio: 1 / 1;\n        &::after {\n          content: '×';\n        }\n      }\n    }\n    &:not(:has(input:checked:not(.filter-reset))) {\n      .filter-reset,\n      input[type='reset'] {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n    &:has(input:checked:not(.filter-reset)) {\n      input:not(:checked, .filter-reset, input[type='reset']) {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n  }\n  .divider-horizontal {\n    &.divider {\n      margin-inline: calc(0.25rem * 4);\n      margin-block: calc(0.25rem * 0);\n      height: auto;\n      width: calc(0.25rem * 4);\n      flex-direction: column;\n      &:before {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n      &:after {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n    }\n  }\n  .divider {\n    margin-block: calc(0.25rem * 4);\n    display: flex;\n    height: calc(0.25rem * 4);\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    white-space: nowrap;\n    &:before,\n    &:after {\n      content: '';\n      height: calc(0.25rem * 0.5);\n      width: 100%;\n      flex-grow: 1;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      @media print {\n        border: 0.5px solid;\n      }\n    }\n    &:not(:empty) {\n      gap: calc(0.25rem * 4);\n    }\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .alert {\n    display: grid;\n    align-items: center;\n    gap: calc(0.25rem * 4);\n    border-radius: var(--radius-box);\n    padding-inline: calc(0.25rem * 4);\n    padding-block: calc(0.25rem * 3);\n    color: var(--color-base-content);\n    background-color: var(--alert-color, var(--color-base-200));\n    justify-content: start;\n    justify-items: start;\n    grid-auto-flow: column;\n    grid-template-columns: auto minmax(auto, 1fr);\n    text-align: start;\n    border: var(--border) solid var(--color-base-200);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    box-shadow:\n      0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\n      0 1px\n        color-mix(\n          in oklab,\n          color-mix(\n              in oklab,\n              black 20%,\n              var(--alert-color, var(--color-base-200))\n            )\n            calc(var(--depth) * 20%),\n          transparent\n        ),\n      0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\n    &.alert-outline {\n      background-color: transparent;\n      color: var(--alert-color);\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-dash {\n      background-color: transparent;\n      color: var(--alert-color);\n      border-style: dashed;\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-soft {\n      color: var(--alert-color, var(--color-base-content));\n      background: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      box-shadow: none;\n      background-image: none;\n    }\n  }\n  .badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 2);\n    border-radius: var(--radius-selector);\n    vertical-align: middle;\n    color: var(--color-base-content);\n    border: var(--border) solid var(--badge-color, var(--color-base-200));\n    font-size: 0.875rem;\n    width: fit-content;\n    padding-inline: calc(0.25rem * 3 - var(--border));\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    background-color: var(--badge-color, var(--color-base-100));\n    --size: calc(var(--size-selector, 0.25rem) * 6);\n    height: var(--size);\n    &.badge-outline {\n      color: var(--badge-color, var(--color-base-content));\n      border-color: currentColor;\n      background-color: transparent;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-dash {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: transparent;\n      border-style: dashed;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-soft {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      background-image: none;\n      box-shadow: none;\n    }\n  }\n  .footer {\n    display: grid;\n    width: 100%;\n    grid-auto-flow: row;\n    place-items: start;\n    column-gap: calc(0.25rem * 4);\n    row-gap: calc(0.25rem * 10);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    & > * {\n      display: grid;\n      place-items: start;\n      gap: calc(0.25rem * 2);\n    }\n    &.footer-center {\n      grid-auto-flow: column dense;\n      place-items: center;\n      text-align: center;\n      & > * {\n        place-items: center;\n      }\n    }\n  }\n  .hero-content {\n    display: flex;\n    max-width: 80rem;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 4);\n    padding: calc(0.25rem * 4);\n  }\n  .join {\n    display: inline-flex;\n    align-items: stretch;\n    --join-ss: 0;\n    --join-se: 0;\n    --join-es: 0;\n    --join-ee: 0;\n    :where(.join-item) {\n      border-start-start-radius: var(--join-ss, 0);\n      border-start-end-radius: var(--join-se, 0);\n      border-end-start-radius: var(--join-es, 0);\n      border-end-end-radius: var(--join-ee, 0);\n    }\n    > .join-item:where(:first-child) {\n      --join-ss: var(--radius-field);\n      --join-se: 0;\n      --join-es: var(--radius-field);\n      --join-ee: 0;\n    }\n    :first-child:not(:last-child) {\n      :where(.join-item) {\n        --join-ss: var(--radius-field);\n        --join-se: 0;\n        --join-es: var(--radius-field);\n        --join-ee: 0;\n      }\n    }\n    > .join-item:where(:last-child) {\n      --join-ss: 0;\n      --join-se: var(--radius-field);\n      --join-es: 0;\n      --join-ee: var(--radius-field);\n    }\n    :last-child:not(:first-child) {\n      :where(.join-item) {\n        --join-ss: 0;\n        --join-se: var(--radius-field);\n        --join-es: 0;\n        --join-ee: var(--radius-field);\n      }\n    }\n  }\n  .label {\n    display: inline-flex;\n    align-items: center;\n    gap: calc(0.25rem * 1.5);\n    white-space: nowrap;\n    color: color-mix(in oklab, currentColor 60%, transparent);\n    &:has(input) {\n      cursor: pointer;\n    }\n  }\n  .stat {\n    display: inline-grid;\n    width: 100%;\n    column-gap: calc(0.25rem * 4);\n    padding-inline: calc(0.25rem * 6);\n    padding-block: calc(0.25rem * 4);\n    grid-template-columns: repeat(1, 1fr);\n    &:not(:last-child) {\n      border-inline-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n      border-block-end: none;\n    }\n  }\n  .navbar {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    padding: 0.5rem;\n    min-height: 4rem;\n  }\n  .flex {\n    display: flex;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .table {\n    display: table;\n  }\n  .btn-square {\n    padding-inline: calc(0.25rem * 0);\n    width: var(--size);\n    height: var(--size);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-52 {\n    width: calc(var(--spacing) * 52);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-auto {\n    flex: auto;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .link {\n    cursor: pointer;\n    text-decoration-line: underline;\n    &:focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    &:focus-visible {\n      outline: 2px solid currentColor;\n      outline-offset: 2px;\n    }\n  }\n  .stats-vertical {\n    grid-auto-flow: row;\n    overflow-y: auto;\n    .stat:not(:last-child) {\n      border-inline-end: none;\n      border-block-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n    }\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .alert-info {\n    border-color: var(--color-info);\n    color: var(--color-info-content);\n    --alert-color: var(--color-info);\n  }\n  .bg-accent {\n    background-color: var(--color-accent);\n  }\n  .bg-base-100 {\n    background-color: var(--color-base-100);\n  }\n  .bg-base-200 {\n    background-color: var(--color-base-200);\n  }\n  .bg-clrs-slate {\n    background-color: var(--clrs-slate, #708090);\n  }\n  .bg-neutral {\n    background-color: var(--color-neutral);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .fill-current {\n    fill: currentColor;\n  }\n  .stroke-current {\n    stroke: currentColor;\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-accent-content {\n    color: var(--color-accent-content);\n  }\n  .text-neutral-content {\n    color: var(--color-neutral-content);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-secondary-content {\n    color: var(--color-secondary-content);\n  }\n  .tooltip-warning {\n    --tt-bg: var(--color-warning);\n    > .tooltip-content,\n    &[data-tip]:before {\n      color: var(--color-warning-content);\n    }\n  }\n  .normal-case {\n    text-transform: none;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-ghost {\n    &:not(.btn-active, :hover, :active:focus, :focus-visible) {\n      --btn-shadow: '';\n      --btn-bg: transparent;\n      --btn-border: transparent;\n      --btn-noise: none;\n      &:not(:disabled, [disabled], .btn-disabled) {\n        outline-color: currentColor;\n        --btn-fg: currentColor;\n      }\n    }\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .btn-primary {\n    --btn-color: var(--color-primary);\n    --btn-fg: var(--color-primary-content);\n  }\n  .lg\\:flex {\n    @media (width >= 64rem) {\n      display: flex;\n    }\n  }\n  .lg\\:inline-block {\n    @media (width >= 64rem) {\n      display: inline-block;\n    }\n  }\n  .lg\\:stats-horizontal {\n    @media (width >= 64rem) {\n      grid-auto-flow: column;\n      overflow-x: auto;\n      .stat:not(:last-child) {\n        border-inline-end: var(--border) dashed\n          color-mix(in oklab, currentColor 10%, transparent);\n        border-block-end: none;\n      }\n    }\n  }\n}\n@layer base {\n  :where(:root),\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  @media (prefers-color-scheme: dark) {\n    :root {\n      color-scheme: dark;\n      --color-base-100: oklch(25.33% 0.016 252.42);\n      --color-base-200: oklch(23.26% 0.014 253.1);\n      --color-base-300: oklch(21.15% 0.012 254.09);\n      --color-base-content: oklch(97.807% 0.029 256.847);\n      --color-primary: oklch(58% 0.233 277.117);\n      --color-primary-content: oklch(96% 0.018 272.314);\n      --color-secondary: oklch(65% 0.241 354.308);\n      --color-secondary-content: oklch(94% 0.028 342.258);\n      --color-accent: oklch(77% 0.152 181.912);\n      --color-accent-content: oklch(38% 0.063 188.416);\n      --color-neutral: oklch(14% 0.005 285.823);\n      --color-neutral-content: oklch(92% 0.004 286.32);\n      --color-info: oklch(74% 0.16 232.661);\n      --color-info-content: oklch(29% 0.066 243.157);\n      --color-success: oklch(76% 0.177 163.223);\n      --color-success-content: oklch(37% 0.077 168.94);\n      --color-warning: oklch(82% 0.189 84.429);\n      --color-warning-content: oklch(41% 0.112 45.904);\n      --color-error: oklch(71% 0.194 13.428);\n      --color-error-content: oklch(27% 0.105 12.094);\n      --radius-selector: 0.5rem;\n      --radius-field: 0.25rem;\n      --radius-box: 0.5rem;\n      --size-selector: 0.25rem;\n      --size-field: 0.25rem;\n      --border: 1px;\n      --depth: 1;\n      --noise: 0;\n    }\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='dark']:checked),\n  [data-theme='dark'] {\n    color-scheme: dark;\n    --color-base-100: oklch(25.33% 0.016 252.42);\n    --color-base-200: oklch(23.26% 0.014 253.1);\n    --color-base-300: oklch(21.15% 0.012 254.09);\n    --color-base-content: oklch(97.807% 0.029 256.847);\n    --color-primary: oklch(58% 0.233 277.117);\n    --color-primary-content: oklch(96% 0.018 272.314);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='aqua']:checked),\n  [data-theme='aqua'] {\n    color-scheme: dark;\n    --color-base-100: oklch(37% 0.146 265.522);\n    --color-base-200: oklch(28% 0.091 267.935);\n    --color-base-300: oklch(22% 0.091 267.935);\n    --color-base-content: oklch(90% 0.058 230.902);\n    --color-primary: oklch(85.661% 0.144 198.645);\n    --color-primary-content: oklch(40.124% 0.068 197.603);\n    --color-secondary: oklch(60.682% 0.108 309.782);\n    --color-secondary-content: oklch(96% 0.016 293.756);\n    --color-accent: oklch(93.426% 0.102 94.555);\n    --color-accent-content: oklch(18.685% 0.02 94.555);\n    --color-neutral: oklch(27% 0.146 265.522);\n    --color-neutral-content: oklch(80% 0.146 265.522);\n    --color-info: oklch(54.615% 0.215 262.88);\n    --color-info-content: oklch(90.923% 0.043 262.88);\n    --color-success: oklch(62.705% 0.169 149.213);\n    --color-success-content: oklch(12.541% 0.033 149.213);\n    --color-warning: oklch(66.584% 0.157 58.318);\n    --color-warning-content: oklch(27% 0.077 45.635);\n    --color-error: oklch(73.95% 0.19 27.33);\n    --color-error-content: oklch(14.79% 0.038 27.33);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='business']:checked),\n  [data-theme='business'] {\n    color-scheme: dark;\n    --color-base-100: oklch(24.353% 0 0);\n    --color-base-200: oklch(22.648% 0 0);\n    --color-base-300: oklch(20.944% 0 0);\n    --color-base-content: oklch(84.87% 0 0);\n    --color-primary: oklch(41.703% 0.099 251.473);\n    --color-primary-content: oklch(88.34% 0.019 251.473);\n    --color-secondary: oklch(64.092% 0.027 229.389);\n    --color-secondary-content: oklch(12.818% 0.005 229.389);\n    --color-accent: oklch(67.271% 0.167 35.791);\n    --color-accent-content: oklch(13.454% 0.033 35.791);\n    --color-neutral: oklch(27.441% 0.013 253.041);\n    --color-neutral-content: oklch(85.488% 0.002 253.041);\n    --color-info: oklch(62.616% 0.143 240.033);\n    --color-info-content: oklch(12.523% 0.028 240.033);\n    --color-success: oklch(70.226% 0.094 156.596);\n    --color-success-content: oklch(14.045% 0.018 156.596);\n    --color-warning: oklch(77.482% 0.115 81.519);\n    --color-warning-content: oklch(15.496% 0.023 81.519);\n    --color-error: oklch(51.61% 0.146 29.674);\n    --color-error-content: oklch(90.322% 0.029 29.674);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='corporate']:checked),\n  [data-theme='corporate'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(22.389% 0.031 278.072);\n    --color-primary: oklch(58% 0.158 241.966);\n    --color-primary-content: oklch(100% 0 0);\n    --color-secondary: oklch(55% 0.046 257.417);\n    --color-secondary-content: oklch(100% 0 0);\n    --color-accent: oklch(60% 0.118 184.704);\n    --color-accent-content: oklch(100% 0 0);\n    --color-neutral: oklch(0% 0 0);\n    --color-neutral-content: oklch(100% 0 0);\n    --color-info: oklch(60% 0.126 221.723);\n    --color-info-content: oklch(100% 0 0);\n    --color-success: oklch(62% 0.194 149.214);\n    --color-success-content: oklch(100% 0 0);\n    --color-warning: oklch(85% 0.199 91.936);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(70% 0.191 22.216);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 0.25rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='fantasy']:checked),\n  [data-theme='fantasy'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(27.807% 0.029 256.847);\n    --color-primary: oklch(37.45% 0.189 325.02);\n    --color-primary-content: oklch(87.49% 0.037 325.02);\n    --color-secondary: oklch(53.92% 0.162 241.36);\n    --color-secondary-content: oklch(90.784% 0.032 241.36);\n    --color-accent: oklch(75.98% 0.204 56.72);\n    --color-accent-content: oklch(15.196% 0.04 56.72);\n    --color-neutral: oklch(27.807% 0.029 256.847);\n    --color-neutral-content: oklch(85.561% 0.005 256.847);\n    --color-info: oklch(72.06% 0.191 231.6);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(64.8% 0.15 160);\n    --color-success-content: oklch(0% 0 0);\n    --color-warning: oklch(84.71% 0.199 83.87);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(71.76% 0.221 22.18);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='night']:checked),\n  [data-theme='night'] {\n    color-scheme: dark;\n    --color-base-100: oklch(20.768% 0.039 265.754);\n    --color-base-200: oklch(19.314% 0.037 265.754);\n    --color-base-300: oklch(17.86% 0.034 265.754);\n    --color-base-content: oklch(84.153% 0.007 265.754);\n    --color-primary: oklch(75.351% 0.138 232.661);\n    --color-primary-content: oklch(15.07% 0.027 232.661);\n    --color-secondary: oklch(68.011% 0.158 276.934);\n    --color-secondary-content: oklch(13.602% 0.031 276.934);\n    --color-accent: oklch(72.36% 0.176 350.048);\n    --color-accent-content: oklch(14.472% 0.035 350.048);\n    --color-neutral: oklch(27.949% 0.036 260.03);\n    --color-neutral-content: oklch(85.589% 0.007 260.03);\n    --color-info: oklch(68.455% 0.148 237.251);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(78.452% 0.132 181.911);\n    --color-success-content: oklch(15.69% 0.026 181.911);\n    --color-warning: oklch(83.242% 0.139 82.95);\n    --color-warning-content: oklch(16.648% 0.027 82.95);\n    --color-error: oklch(71.785% 0.17 13.118);\n    --color-error-content: oklch(14.357% 0.034 13.118);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='winter']:checked),\n  [data-theme='winter'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97.466% 0.011 259.822);\n    --color-base-300: oklch(93.268% 0.016 262.751);\n    --color-base-content: oklch(41.886% 0.053 255.824);\n    --color-primary: oklch(56.86% 0.255 257.57);\n    --color-primary-content: oklch(91.372% 0.051 257.57);\n    --color-secondary: oklch(42.551% 0.161 282.339);\n    --color-secondary-content: oklch(88.51% 0.032 282.339);\n    --color-accent: oklch(59.939% 0.191 335.171);\n    --color-accent-content: oklch(11.988% 0.038 335.171);\n    --color-neutral: oklch(19.616% 0.063 257.651);\n    --color-neutral-content: oklch(83.923% 0.012 257.651);\n    --color-info: oklch(88.127% 0.085 214.515);\n    --color-info-content: oklch(17.625% 0.017 214.515);\n    --color-success: oklch(80.494% 0.077 197.823);\n    --color-success-content: oklch(16.098% 0.015 197.823);\n    --color-warning: oklch(89.172% 0.045 71.47);\n    --color-warning-content: oklch(17.834% 0.009 71.47);\n    --color-error: oklch(73.092% 0.11 20.076);\n    --color-error-content: oklch(14.618% 0.022 20.076);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='wireframe']:checked),\n  [data-theme='wireframe'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97% 0 0);\n    --color-base-300: oklch(94% 0 0);\n    --color-base-content: oklch(20% 0 0);\n    --color-primary: oklch(87% 0 0);\n    --color-primary-content: oklch(26% 0 0);\n    --color-secondary: oklch(87% 0 0);\n    --color-secondary-content: oklch(26% 0 0);\n    --color-accent: oklch(87% 0 0);\n    --color-accent-content: oklch(26% 0 0);\n    --color-neutral: oklch(87% 0 0);\n    --color-neutral-content: oklch(26% 0 0);\n    --color-info: oklch(44% 0.11 240.79);\n    --color-info-content: oklch(90% 0.058 230.902);\n    --color-success: oklch(43% 0.095 166.913);\n    --color-success-content: oklch(90% 0.093 164.15);\n    --color-warning: oklch(47% 0.137 46.201);\n    --color-warning-content: oklch(92% 0.12 95.746);\n    --color-error: oklch(44% 0.177 26.899);\n    --color-error-content: oklch(88% 0.062 18.334);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root,\n  [data-theme] {\n    background-color: var(--root-bg, var(--color-base-100));\n    color: var(--color-base-content);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::backdrop,\n  ::before,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  :host,\n  html {\n    line-height: 1.5;\n    font-family: var(\n      --default-font-family,\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      'Apple Color Emoji',\n      'Segoe UI Emoji',\n      'Segoe UI Symbol',\n      'Noto Color Emoji'\n    );\n    webkit-tap-highlight-color: transparent;\n  }\n  body {\n    line-height: inherit;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  ::file-selector-button,\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    background: 0 0;\n  }\n  input:where(:not([type='button'], [type='reset'], [type='submit'])),\n  select,\n  textarea {\n    border-width: 1px;\n  }\n  ::file-selector-button,\n  button,\n  input:where([type='button'], [type='reset'], [type='submit']) {\n    appearance: button;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  ::-webkit-search-decoration {\n    webkit-appearance: none;\n  }\n  menu,\n  ol,\n  ul {\n    list-style: none;\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::placeholder {\n    opacity: 1;\n    color: color-mix(in oklch, currentColor 50%, transparent);\n  }\n  audio,\n  canvas,\n  embed,\n  iframe,\n  img,\n  object,\n  svg,\n  video {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n}\n@layer base {\n  :where(\n    :root:has(\n        .modal-open,\n        .modal[open],\n        .modal:target,\n        .modal-toggle:checked,\n        .drawer:not(.drawer-open) > .drawer-toggle:checked\n      )\n  ) {\n    scrollbar-gutter: stable;\n    background-image: linear-gradient(\n      var(--color-base-100),\n      var(--color-base-100)\n    );\n    --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);\n  }\n}\n@layer base {\n  @property --radialprogress {\n    syntax: '<percentage>';\n    inherits: true;\n    initial-value: 0%;\n  }\n}\n@layer base {\n  :root:has(\n      .modal-open,\n      .modal[open],\n      .modal:target,\n      .modal-toggle:checked,\n      .drawer:not([class*='drawer-open']) > .drawer-toggle:checked\n    ) {\n    overflow: hidden;\n  }\n}\n@layer base {\n  :root {\n    scrollbar-color: color-mix(in oklch, currentColor 35%, transparent)\n      transparent;\n  }\n}\n@keyframes dropdown {\n  0% {\n    opacity: 0;\n  }\n}\n@keyframes rating {\n  0%,\n  40% {\n    scale: 1.1;\n    filter: brightness(1.05) contrast(1.05);\n  }\n}\n@keyframes radio {\n  0% {\n    padding: 5px;\n  }\n  50% {\n    padding: 3px;\n  }\n}\n@keyframes progress {\n  50% {\n    background-position-x: -115%;\n  }\n}\n@keyframes skeleton {\n  0% {\n    background-position: 150%;\n  }\n  100% {\n    background-position: -50%;\n  }\n}\n@keyframes toast {\n  0% {\n    scale: 0.9;\n    opacity: 0;\n  }\n  100% {\n    scale: 1;\n    opacity: 1;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%,\n  100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n";
 const ProtoDaisyUiStyle0 = utilsCss;

package/dist/cjs/proto-daisy-ui.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
+const index = require('./index-392bc921.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-daisy-ui.cjs.js', document.baseURI).href));

package/dist/cjs/proto-dial.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
+const index = require('./index-392bc921.js');
 
 const protoDialCss = "";
 const ProtoDialStyle0 = protoDialCss;

package/dist/cjs/proto-hero.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
-const store = require('./store-8cb1359b.js');
+const index = require('./index-392bc921.js');
+const store = require('./store-62c5e1e7.js');
 
 const protoHeroCss = "proto-hero{}";
 const ProtoHeroStyle0 = protoHeroCss;

package/dist/cjs/proto-home.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
-const store = require('./store-8cb1359b.js');
+const index = require('./index-392bc921.js');
+const store = require('./store-62c5e1e7.js');
 
 const protoHomeCss = "";
 const ProtoHomeStyle0 = protoHomeCss;

package/dist/cjs/proto-list.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
-const store = require('./store-8cb1359b.js');
+const index = require('./index-392bc921.js');
+const store = require('./store-62c5e1e7.js');
 
 const protoListCss = "";
 const ProtoListStyle0 = protoListCss;

package/dist/cjs/proto-shell.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
-const store = require('./store-8cb1359b.js');
+const index = require('./index-392bc921.js');
+const store = require('./store-62c5e1e7.js');
 
 const tw = (...classes) => {
     return classes.filter(Boolean).join(' ');

package/dist/cjs/proto-stats.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da78334.js');
-const store = require('./store-8cb1359b.js');
+const index = require('./index-392bc921.js');
+const store = require('./store-62c5e1e7.js');
 
 const protoStatsCss = "";
 const ProtoStatsStyle0 = protoStatsCss;

package/dist/cjs/{store-8cb1359b.js → store-62c5e1e7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-3da78334.js');
+const index = require('./index-392bc921.js');
 
 const KEY = 'proto-daisy-ui:app-data';
 const promisedParseJSON = (json) => {

package/dist/collection/collection-manifest.json

@@ -10,7 +10,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.25.1",
+    "version": "4.25.3",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/esm/{index-91cf4a00.js → index-944384a3.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-daisy-ui';
 const BUILD = /* proto-daisy-ui */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -912,9 +912,6 @@ var forceUpdate = (ref) => {
   }
 };
 var appDidLoad = (who) => {
-  {
-    addHydratedFlag(doc.documentElement);
-  }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
 var safeCall = (instance, method, arg, elm) => {
@@ -1083,7 +1080,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    {
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
       const CstrImport = loadModule(cmpMeta, hostRef);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime();
@@ -1112,6 +1110,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
     if (Cstr && Cstr.style) {
       let style;
@@ -1265,6 +1267,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
             if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
               delete hostRef.$vnode$.$elm$;
             }

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-91cf4a00.js';
-export { s as setNonce } from './index-91cf4a00.js';
+import { b as bootstrapLazy } from './index-944384a3.js';
+export { s as setNonce } from './index-944384a3.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/proto-daisy-ui.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-91cf4a00.js';
-import { a as actions, s as state } from './store-3a6aef08.js';
+import { r as registerInstance, h } from './index-944384a3.js';
+import { a as actions, s as state } from './store-87c9c475.js';
 
 const utilsCss = "/*! tailwindcss v4.0.3 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer utilities {\n  .menu {\n    display: flex;\n    width: fit-content;\n    flex-direction: column;\n    flex-wrap: wrap;\n    padding: calc(0.25rem * 2);\n    --menu-active-fg: var(--color-neutral-content);\n    --menu-active-bg: var(--color-neutral);\n    font-size: 0.875rem;\n    :where(li ul) {\n      position: relative;\n      margin-inline-start: calc(0.25rem * 4);\n      padding-inline-start: calc(0.25rem * 2);\n      white-space: nowrap;\n      &:before {\n        position: absolute;\n        inset-inline-start: calc(0.25rem * 0);\n        top: calc(0.25rem * 3);\n        bottom: calc(0.25rem * 3);\n        background-color: var(--color-base-content);\n        opacity: 10%;\n        width: var(--border);\n        content: '';\n      }\n    }\n    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {\n      display: none;\n    }\n    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title)) {\n      display: grid;\n      grid-auto-flow: column;\n      align-content: flex-start;\n      align-items: center;\n      gap: calc(0.25rem * 2);\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 3);\n      padding-block: calc(0.25rem * 1.5);\n      text-align: start;\n      transition-property: color, background-color, box-shadow;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      grid-auto-columns: minmax(auto, max-content) auto max-content;\n      text-wrap: balance;\n      user-select: none;\n    }\n    :where(li > details > summary) {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n    :where(li > details > summary),\n    :where(li > .menu-dropdown-toggle) {\n      &:after {\n        justify-self: flex-end;\n        display: block;\n        height: 0.375rem;\n        width: 0.375rem;\n        rotate: -135deg;\n        translate: 0 -1px;\n        transition-property: rotate, translate;\n        transition-duration: 0.2s;\n        content: '';\n        transform-origin: 50% 50%;\n        box-shadow: 2px 2px inset;\n        pointer-events: none;\n      }\n    }\n    :where(li > details[open] > summary):after,\n    :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {\n      rotate: 45deg;\n      translate: 0 1px;\n    }\n    :where(\n        li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),\n        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)\n      ):not(.menu-active, :active, .btn) {\n      &.menu-focus,\n      &:focus-visible {\n        cursor: pointer;\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        color: var(--color-base-content);\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n      }\n    }\n    :where(\n      li:not(.menu-title, .disabled)\n        > *:not(ul, details, .menu-title):not(\n          .menu-active,\n          :active,\n          .btn\n        ):hover,\n      li:not(.menu-title, .disabled)\n        > details\n        > summary:not(.menu-title):not(.menu-active, :active, .btn):hover\n    ) {\n      cursor: pointer;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      box-shadow:\n        0 1px oklch(0% 0 0 / 0.01) inset,\n        0 -1px oklch(100% 0 0 / 0.01) inset;\n    }\n    :where(li:empty) {\n      background-color: var(--color-base-content);\n      opacity: 10%;\n      margin: 0.5rem 1rem;\n      height: 1px;\n    }\n    :where(li) {\n      position: relative;\n      display: flex;\n      flex-shrink: 0;\n      flex-direction: column;\n      flex-wrap: wrap;\n      align-items: stretch;\n      .badge {\n        justify-self: flex-end;\n      }\n      & > *:not(ul, .menu-title, details, .btn):active,\n      & > *:not(ul, .menu-title, details, .btn).menu-active,\n      & > details > summary:active {\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        color: var(--menu-active-fg);\n        background-color: var(--menu-active-bg);\n        background-size: calc(var(--noise) * 1000px);\n        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\");\n        &:not(&:active) {\n          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);\n        }\n      }\n      &.menu-disabled {\n        pointer-events: none;\n        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);\n      }\n    }\n  }\n  .btn {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 1.5);\n    text-align: center;\n    vertical-align: middle;\n    text-decoration-line: none;\n    outline-offset: 2px;\n    webkit-user-select: none;\n    user-select: none;\n    padding-inline: var(--btn-p);\n    color: var(--btn-fg);\n    height: var(--size);\n    font-size: 0.875rem;\n    font-weight: 600;\n    outline-color: var(--btn-color, var(--color-base-content));\n    transition-property: color, background-color, border-color, box-shadow;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    border-start-start-radius: var(--join-ss, var(--radius-field));\n    border-start-end-radius: var(--join-se, var(--radius-field));\n    border-end-start-radius: var(--join-es, var(--radius-field));\n    border-end-end-radius: var(--join-ee, var(--radius-field));\n    background-color: var(--btn-bg);\n    background-size: calc(var(--noise) * 100%);\n    background-image: var(--btn-noise);\n    border-width: var(--border);\n    border-style: solid;\n    border-color: var(--btn-border);\n    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));\n    box-shadow:\n      0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,\n      var(--btn-shadow);\n    --size: calc(var(--size-field, 0.25rem) * 10);\n    --btn-bg: var(--btn-color, var(--color-base-200));\n    --btn-fg: var(--color-base-content);\n    --btn-p: 1rem;\n    --btn-border: color-mix(\n      in oklab,\n      var(--btn-bg),\n      black calc(var(--depth) * 5%)\n    );\n    --btn-shadow: 0 3px 2px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n      0 4px 3px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent);\n    --btn-noise: 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\");\n    &:hover {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n    }\n    &.btn-active {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n      isolation: isolate;\n    }\n    &:focus-visible {\n      outline-width: 2px;\n      outline-style: solid;\n    }\n    &:active:not(.btn-active) {\n      translate: 0 0.5px;\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 5%\n      );\n      --btn-border: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n    }\n    &:is(:disabled, [disabled], .btn-disabled) {\n      &:not(.btn-link, .btn-ghost) {\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        box-shadow: none;\n      }\n      pointer-events: none;\n      --btn-border: transparent;\n      --btn-noise: none;\n      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, transparent);\n      &:hover {\n        pointer-events: none;\n        background-color: color-mix(\n          in oklab,\n          var(--color-neutral) 20%,\n          transparent\n        );\n        --btn-border: transparent;\n        --btn-fg: color-mix(\n          in oklch,\n          var(--color-base-content) 20%,\n          transparent\n        );\n      }\n    }\n    &:is(input[type='checkbox'], input[type='radio']) {\n      appearance: none;\n      &::after {\n        content: attr(aria-label);\n      }\n      &:checked {\n        --btn-color: var(--color-primary);\n        --btn-bg: var(--color-primary);\n        --btn-fg: var(--color-primary-content);\n        --btn-border: var(--color-primary);\n        &:focus-visible {\n          outline-color: var(--color-primary);\n        }\n        &:hover {\n          --btn-bg: color-mix(in oklab, var(--color-primary) 90%, black);\n          --btn-border: color-mix(in oklab, var(--color-primary) 90%, black);\n        }\n      }\n    }\n  }\n  .tooltip {\n    position: relative;\n    display: inline-block;\n    --tt-bg: var(--color-neutral);\n    --tt-off: calc(100% + 0.5rem);\n    --tt-tail: calc(100% + 1px + 0.25rem);\n    > :where(.tooltip-content),\n    &[data-tip]:before {\n      position: absolute;\n      max-width: 20rem;\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 2);\n      padding-block: calc(0.25rem * 1);\n      text-align: center;\n      white-space: normal;\n      color: var(--color-neutral-content);\n      opacity: 0%;\n      font-size: 0.875rem;\n      line-height: 1.25em;\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      background-color: var(--tt-bg);\n      width: max-content;\n      pointer-events: none;\n      z-index: 1;\n      --tw-content: attr(data-tip);\n      content: var(--tw-content);\n    }\n    &:after {\n      position: absolute;\n      position: absolute;\n      opacity: 0%;\n      background-color: var(--tt-bg);\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      content: '';\n      pointer-events: none;\n      width: 0.625rem;\n      height: 0.25rem;\n      display: block;\n      mask-repeat: no-repeat;\n      mask-position: -1px 0;\n      mask-image: url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\");\n    }\n    &.tooltip-open,\n    &[data-tip]:hover,\n    &:hover,\n    &:has(:focus-visible) {\n      > .tooltip-content,\n      &[data-tip]:before,\n      &:after {\n        opacity: 100%;\n        --tt-pos: 0rem;\n        transition:\n          opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n          transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      }\n    }\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-off) 50%;\n    }\n    &:after {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-tail) 50%;\n    }\n  }\n  .dropdown {\n    position: relative;\n    display: inline-block;\n    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\n    & > *:not(summary):focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    .dropdown-content {\n      position: absolute;\n    }\n    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {\n      .dropdown-content {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n    &[popover],\n    .dropdown-content {\n      @starting-style {\n        scale: 95%;\n      }\n      @starting-style {\n        opacity: 0;\n      }\n      z-index: 999;\n      animation: dropdown 0.2s;\n      transition-property: opacity, scale, display;\n      transition-behavior: allow-discrete;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    &.dropdown-open,\n    &:not(.dropdown-hover):focus,\n    &:focus-within {\n      [tabindex]:first-child {\n        pointer-events: none;\n      }\n      .dropdown-content {\n        opacity: 100%;\n      }\n    }\n    &.dropdown-hover:hover {\n      .dropdown-content {\n        opacity: 100%;\n        scale: 100%;\n      }\n    }\n    &:is(details) {\n      summary {\n        &::-webkit-details-marker {\n          display: none;\n        }\n      }\n    }\n    &.dropdown-open,\n    &:focus,\n    &:focus-within {\n      .dropdown-content {\n        scale: 100%;\n      }\n    }\n    &:where([popover]) {\n      background: transparent;\n    }\n    &[popover] {\n      position: fixed;\n      color: inherit;\n      @supports not (position-area: bottom) {\n        margin: auto;\n        &.dropdown-open:not(:popover-open) {\n          display: none;\n          transform-origin: top;\n          opacity: 0%;\n          scale: 95%;\n        }\n        &::backdrop {\n          background-color: color-mix(in oklab, black 30%, transparent);\n        }\n      }\n      &:not(.dropdown-open, :popover-open) {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n  }\n  .table {\n    font-size: 0.875rem;\n    position: relative;\n    width: 100%;\n    border-radius: var(--radius-box);\n    text-align: left;\n    &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {\n      text-align: right;\n    }\n    tr.row-hover {\n      &,\n      &:nth-child(even) {\n        &:hover {\n          @media (hover: hover) {\n            background-color: var(--color-base-200);\n          }\n        }\n      }\n    }\n    :where(th, td) {\n      padding-inline: calc(0.25rem * 4);\n      padding-block: calc(0.25rem * 3);\n      vertical-align: middle;\n    }\n    :where(thead, tfoot) {\n      white-space: nowrap;\n      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n      font-size: 0.875rem;\n      font-weight: 600;\n    }\n    :where(tfoot) {\n      border-top: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n    :where(.table-pin-rows thead tr) {\n      position: sticky;\n      top: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-rows tfoot tr) {\n      position: sticky;\n      bottom: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-cols tr th) {\n      position: sticky;\n      right: calc(0.25rem * 0);\n      left: calc(0.25rem * 0);\n      background-color: var(--color-base-100);\n    }\n    :where(\n      thead tr,\n      tbody tr:not(:last-child),\n      tbody tr:first-child:last-child\n    ) {\n      border-bottom: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n  }\n  .list {\n    display: flex;\n    flex-direction: column;\n    font-size: 0.875rem;\n    .list-row {\n      --list-grid-cols: minmax(0, auto) 1fr;\n      position: relative;\n      display: grid;\n      grid-auto-flow: column;\n      gap: calc(0.25rem * 4);\n      border-radius: var(--radius-box);\n      padding: calc(0.25rem * 4);\n      word-break: break-word;\n      grid-template-columns: var(--list-grid-cols);\n      &:has(.list-col-grow:nth-child(1)) {\n        --list-grid-cols: 1fr;\n      }\n      &:has(.list-col-grow:nth-child(2)) {\n        --list-grid-cols: minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(3)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(4)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(5)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(6)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      :not(.list-col-wrap) {\n        grid-row-start: 1;\n      }\n    }\n    & > :not(:last-child) {\n      &.list-row,\n      .list-row {\n        &:after {\n          content: '';\n          border-bottom: var(--border) solid;\n          inset-inline: var(--radius-box);\n          position: absolute;\n          bottom: calc(0.25rem * 0);\n          border-color: color-mix(\n            in oklab,\n            var(--color-base-content) 5%,\n            transparent\n          );\n        }\n      }\n    }\n  }\n  .radial-progress {\n    position: relative;\n    display: inline-grid;\n    height: var(--size);\n    width: var(--size);\n    place-content: center;\n    border-radius: calc(infinity * 1px);\n    background-color: transparent;\n    vertical-align: middle;\n    box-sizing: content-box;\n    --value: 0;\n    --size: 5rem;\n    --thickness: calc(var(--size) / 10);\n    --radialprogress: calc(var(--value) * 1%);\n    transition: --radialprogress 0.3s linear;\n    &:before {\n      position: absolute;\n      inset: calc(0.25rem * 0);\n      border-radius: calc(infinity * 1px);\n      content: '';\n      background:\n        radial-gradient(farthest-side, currentColor 98%, #0000)\n          top/var(--thickness) var(--thickness) no-repeat,\n        conic-gradient(currentColor var(--radialprogress), #0000 0);\n      webkit-mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n      mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n    }\n    &:after {\n      position: absolute;\n      border-radius: calc(infinity * 1px);\n      background-color: currentColor;\n      transition: transform 0.3s linear;\n      content: '';\n      inset: calc(50% - var(--thickness) / 2);\n      transform: rotate(calc(var(--value) * 3.6deg - 90deg))\n        translate(calc(var(--size) / 2 - 50%));\n    }\n  }\n  .progress {\n    position: relative;\n    height: calc(0.25rem * 2);\n    width: 100%;\n    appearance: none;\n    overflow: hidden;\n    border-radius: var(--radius-box);\n    background-color: color-mix(in oklab, currentColor 20%, transparent);\n    color: var(--color-base-content);\n    &:indeterminate {\n      background-image: repeating-linear-gradient(\n        90deg,\n        currentColor -1%,\n        currentColor 10%,\n        transparent 10%,\n        transparent 90%\n      );\n      background-size: 200%;\n      background-position-x: 15%;\n      animation: progress 5s ease-in-out infinite;\n      @supports (-moz-appearance: none) {\n        &::-moz-progress-bar {\n          background-color: transparent;\n          background-image: repeating-linear-gradient(\n            90deg,\n            currentColor -1%,\n            currentColor 10%,\n            transparent 10%,\n            transparent 90%\n          );\n          background-size: 200%;\n          background-position-x: 15%;\n          animation: progress 5s ease-in-out infinite;\n        }\n      }\n    }\n    @supports (-moz-appearance: none) {\n      &::-moz-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n    @supports (-webkit-appearance: none) {\n      &::-webkit-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: transparent;\n      }\n      &::-webkit-progress-value {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n  }\n  .stats {\n    position: relative;\n    display: inline-grid;\n    grid-auto-flow: column;\n    overflow-x: auto;\n    border-radius: var(--radius-box);\n  }\n  .tooltip-left {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))\n        translateY(-50%);\n      inset: 50% var(--tt-off) auto auto;\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)\n        rotate(-90deg);\n      inset: 50% calc(var(--tt-tail) + 1px) auto auto;\n    }\n  }\n  .tooltip-right {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))\n        translateY(-50%);\n      inset: 50% auto auto var(--tt-off);\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)\n        rotate(90deg);\n      inset: 50% auto auto calc(var(--tt-tail) + 1px);\n    }\n  }\n  .dropdown-end {\n    --anchor-h: span-left;\n    :where(.dropdown-content) {\n      inset-inline-end: calc(0.25rem * 0);\n    }\n    &.dropdown-left {\n      --anchor-h: left;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n    &.dropdown-right {\n      --anchor-h: right;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n  }\n  .hero {\n    display: grid;\n    width: 100%;\n    place-items: center;\n    background-size: cover;\n    background-position: center;\n    & > * {\n      grid-column-start: 1;\n      grid-row-start: 1;\n    }\n  }\n  .stat-desc {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-title {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-value {\n    grid-column-start: 1;\n    white-space: nowrap;\n    font-size: 2rem;\n    font-weight: 800;\n  }\n  .m-1 {\n    margin: calc(var(--spacing) * 1);\n  }\n  .filter {\n    display: flex;\n    flex-wrap: wrap;\n    input[type='radio'] {\n      width: auto;\n    }\n    input {\n      overflow: hidden;\n      opacity: 100%;\n      scale: 1;\n      transition:\n        margin 0.1s,\n        opacity 0.3s,\n        padding 0.3s,\n        border-width 0.1s,\n        width 0.1s allow-discrete;\n      &:not(:last-child) {\n        margin-inline-end: calc(0.25rem * 1);\n      }\n      &.filter-reset {\n        aspect-ratio: 1 / 1;\n        &::after {\n          content: '×';\n        }\n      }\n    }\n    &:not(:has(input:checked:not(.filter-reset))) {\n      .filter-reset,\n      input[type='reset'] {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n    &:has(input:checked:not(.filter-reset)) {\n      input:not(:checked, .filter-reset, input[type='reset']) {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n  }\n  .divider-horizontal {\n    &.divider {\n      margin-inline: calc(0.25rem * 4);\n      margin-block: calc(0.25rem * 0);\n      height: auto;\n      width: calc(0.25rem * 4);\n      flex-direction: column;\n      &:before {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n      &:after {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n    }\n  }\n  .divider {\n    margin-block: calc(0.25rem * 4);\n    display: flex;\n    height: calc(0.25rem * 4);\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    white-space: nowrap;\n    &:before,\n    &:after {\n      content: '';\n      height: calc(0.25rem * 0.5);\n      width: 100%;\n      flex-grow: 1;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      @media print {\n        border: 0.5px solid;\n      }\n    }\n    &:not(:empty) {\n      gap: calc(0.25rem * 4);\n    }\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .alert {\n    display: grid;\n    align-items: center;\n    gap: calc(0.25rem * 4);\n    border-radius: var(--radius-box);\n    padding-inline: calc(0.25rem * 4);\n    padding-block: calc(0.25rem * 3);\n    color: var(--color-base-content);\n    background-color: var(--alert-color, var(--color-base-200));\n    justify-content: start;\n    justify-items: start;\n    grid-auto-flow: column;\n    grid-template-columns: auto minmax(auto, 1fr);\n    text-align: start;\n    border: var(--border) solid var(--color-base-200);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    box-shadow:\n      0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\n      0 1px\n        color-mix(\n          in oklab,\n          color-mix(\n              in oklab,\n              black 20%,\n              var(--alert-color, var(--color-base-200))\n            )\n            calc(var(--depth) * 20%),\n          transparent\n        ),\n      0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\n    &.alert-outline {\n      background-color: transparent;\n      color: var(--alert-color);\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-dash {\n      background-color: transparent;\n      color: var(--alert-color);\n      border-style: dashed;\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-soft {\n      color: var(--alert-color, var(--color-base-content));\n      background: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      box-shadow: none;\n      background-image: none;\n    }\n  }\n  .badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 2);\n    border-radius: var(--radius-selector);\n    vertical-align: middle;\n    color: var(--color-base-content);\n    border: var(--border) solid var(--badge-color, var(--color-base-200));\n    font-size: 0.875rem;\n    width: fit-content;\n    padding-inline: calc(0.25rem * 3 - var(--border));\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    background-color: var(--badge-color, var(--color-base-100));\n    --size: calc(var(--size-selector, 0.25rem) * 6);\n    height: var(--size);\n    &.badge-outline {\n      color: var(--badge-color, var(--color-base-content));\n      border-color: currentColor;\n      background-color: transparent;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-dash {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: transparent;\n      border-style: dashed;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-soft {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      background-image: none;\n      box-shadow: none;\n    }\n  }\n  .footer {\n    display: grid;\n    width: 100%;\n    grid-auto-flow: row;\n    place-items: start;\n    column-gap: calc(0.25rem * 4);\n    row-gap: calc(0.25rem * 10);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    & > * {\n      display: grid;\n      place-items: start;\n      gap: calc(0.25rem * 2);\n    }\n    &.footer-center {\n      grid-auto-flow: column dense;\n      place-items: center;\n      text-align: center;\n      & > * {\n        place-items: center;\n      }\n    }\n  }\n  .hero-content {\n    display: flex;\n    max-width: 80rem;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 4);\n    padding: calc(0.25rem * 4);\n  }\n  .join {\n    display: inline-flex;\n    align-items: stretch;\n    --join-ss: 0;\n    --join-se: 0;\n    --join-es: 0;\n    --join-ee: 0;\n    :where(.join-item) {\n      border-start-start-radius: var(--join-ss, 0);\n      border-start-end-radius: var(--join-se, 0);\n      border-end-start-radius: var(--join-es, 0);\n      border-end-end-radius: var(--join-ee, 0);\n    }\n    > .join-item:where(:first-child) {\n      --join-ss: var(--radius-field);\n      --join-se: 0;\n      --join-es: var(--radius-field);\n      --join-ee: 0;\n    }\n    :first-child:not(:last-child) {\n      :where(.join-item) {\n        --join-ss: var(--radius-field);\n        --join-se: 0;\n        --join-es: var(--radius-field);\n        --join-ee: 0;\n      }\n    }\n    > .join-item:where(:last-child) {\n      --join-ss: 0;\n      --join-se: var(--radius-field);\n      --join-es: 0;\n      --join-ee: var(--radius-field);\n    }\n    :last-child:not(:first-child) {\n      :where(.join-item) {\n        --join-ss: 0;\n        --join-se: var(--radius-field);\n        --join-es: 0;\n        --join-ee: var(--radius-field);\n      }\n    }\n  }\n  .label {\n    display: inline-flex;\n    align-items: center;\n    gap: calc(0.25rem * 1.5);\n    white-space: nowrap;\n    color: color-mix(in oklab, currentColor 60%, transparent);\n    &:has(input) {\n      cursor: pointer;\n    }\n  }\n  .stat {\n    display: inline-grid;\n    width: 100%;\n    column-gap: calc(0.25rem * 4);\n    padding-inline: calc(0.25rem * 6);\n    padding-block: calc(0.25rem * 4);\n    grid-template-columns: repeat(1, 1fr);\n    &:not(:last-child) {\n      border-inline-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n      border-block-end: none;\n    }\n  }\n  .navbar {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    padding: 0.5rem;\n    min-height: 4rem;\n  }\n  .flex {\n    display: flex;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .table {\n    display: table;\n  }\n  .btn-square {\n    padding-inline: calc(0.25rem * 0);\n    width: var(--size);\n    height: var(--size);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-52 {\n    width: calc(var(--spacing) * 52);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-auto {\n    flex: auto;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .link {\n    cursor: pointer;\n    text-decoration-line: underline;\n    &:focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    &:focus-visible {\n      outline: 2px solid currentColor;\n      outline-offset: 2px;\n    }\n  }\n  .stats-vertical {\n    grid-auto-flow: row;\n    overflow-y: auto;\n    .stat:not(:last-child) {\n      border-inline-end: none;\n      border-block-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n    }\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .alert-info {\n    border-color: var(--color-info);\n    color: var(--color-info-content);\n    --alert-color: var(--color-info);\n  }\n  .bg-accent {\n    background-color: var(--color-accent);\n  }\n  .bg-base-100 {\n    background-color: var(--color-base-100);\n  }\n  .bg-base-200 {\n    background-color: var(--color-base-200);\n  }\n  .bg-clrs-slate {\n    background-color: var(--clrs-slate, #708090);\n  }\n  .bg-neutral {\n    background-color: var(--color-neutral);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .fill-current {\n    fill: currentColor;\n  }\n  .stroke-current {\n    stroke: currentColor;\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-accent-content {\n    color: var(--color-accent-content);\n  }\n  .text-neutral-content {\n    color: var(--color-neutral-content);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-secondary-content {\n    color: var(--color-secondary-content);\n  }\n  .tooltip-warning {\n    --tt-bg: var(--color-warning);\n    > .tooltip-content,\n    &[data-tip]:before {\n      color: var(--color-warning-content);\n    }\n  }\n  .normal-case {\n    text-transform: none;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-ghost {\n    &:not(.btn-active, :hover, :active:focus, :focus-visible) {\n      --btn-shadow: '';\n      --btn-bg: transparent;\n      --btn-border: transparent;\n      --btn-noise: none;\n      &:not(:disabled, [disabled], .btn-disabled) {\n        outline-color: currentColor;\n        --btn-fg: currentColor;\n      }\n    }\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .btn-primary {\n    --btn-color: var(--color-primary);\n    --btn-fg: var(--color-primary-content);\n  }\n  .lg\\:flex {\n    @media (width >= 64rem) {\n      display: flex;\n    }\n  }\n  .lg\\:inline-block {\n    @media (width >= 64rem) {\n      display: inline-block;\n    }\n  }\n  .lg\\:stats-horizontal {\n    @media (width >= 64rem) {\n      grid-auto-flow: column;\n      overflow-x: auto;\n      .stat:not(:last-child) {\n        border-inline-end: var(--border) dashed\n          color-mix(in oklab, currentColor 10%, transparent);\n        border-block-end: none;\n      }\n    }\n  }\n}\n@layer base {\n  :where(:root),\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  @media (prefers-color-scheme: dark) {\n    :root {\n      color-scheme: dark;\n      --color-base-100: oklch(25.33% 0.016 252.42);\n      --color-base-200: oklch(23.26% 0.014 253.1);\n      --color-base-300: oklch(21.15% 0.012 254.09);\n      --color-base-content: oklch(97.807% 0.029 256.847);\n      --color-primary: oklch(58% 0.233 277.117);\n      --color-primary-content: oklch(96% 0.018 272.314);\n      --color-secondary: oklch(65% 0.241 354.308);\n      --color-secondary-content: oklch(94% 0.028 342.258);\n      --color-accent: oklch(77% 0.152 181.912);\n      --color-accent-content: oklch(38% 0.063 188.416);\n      --color-neutral: oklch(14% 0.005 285.823);\n      --color-neutral-content: oklch(92% 0.004 286.32);\n      --color-info: oklch(74% 0.16 232.661);\n      --color-info-content: oklch(29% 0.066 243.157);\n      --color-success: oklch(76% 0.177 163.223);\n      --color-success-content: oklch(37% 0.077 168.94);\n      --color-warning: oklch(82% 0.189 84.429);\n      --color-warning-content: oklch(41% 0.112 45.904);\n      --color-error: oklch(71% 0.194 13.428);\n      --color-error-content: oklch(27% 0.105 12.094);\n      --radius-selector: 0.5rem;\n      --radius-field: 0.25rem;\n      --radius-box: 0.5rem;\n      --size-selector: 0.25rem;\n      --size-field: 0.25rem;\n      --border: 1px;\n      --depth: 1;\n      --noise: 0;\n    }\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='dark']:checked),\n  [data-theme='dark'] {\n    color-scheme: dark;\n    --color-base-100: oklch(25.33% 0.016 252.42);\n    --color-base-200: oklch(23.26% 0.014 253.1);\n    --color-base-300: oklch(21.15% 0.012 254.09);\n    --color-base-content: oklch(97.807% 0.029 256.847);\n    --color-primary: oklch(58% 0.233 277.117);\n    --color-primary-content: oklch(96% 0.018 272.314);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='aqua']:checked),\n  [data-theme='aqua'] {\n    color-scheme: dark;\n    --color-base-100: oklch(37% 0.146 265.522);\n    --color-base-200: oklch(28% 0.091 267.935);\n    --color-base-300: oklch(22% 0.091 267.935);\n    --color-base-content: oklch(90% 0.058 230.902);\n    --color-primary: oklch(85.661% 0.144 198.645);\n    --color-primary-content: oklch(40.124% 0.068 197.603);\n    --color-secondary: oklch(60.682% 0.108 309.782);\n    --color-secondary-content: oklch(96% 0.016 293.756);\n    --color-accent: oklch(93.426% 0.102 94.555);\n    --color-accent-content: oklch(18.685% 0.02 94.555);\n    --color-neutral: oklch(27% 0.146 265.522);\n    --color-neutral-content: oklch(80% 0.146 265.522);\n    --color-info: oklch(54.615% 0.215 262.88);\n    --color-info-content: oklch(90.923% 0.043 262.88);\n    --color-success: oklch(62.705% 0.169 149.213);\n    --color-success-content: oklch(12.541% 0.033 149.213);\n    --color-warning: oklch(66.584% 0.157 58.318);\n    --color-warning-content: oklch(27% 0.077 45.635);\n    --color-error: oklch(73.95% 0.19 27.33);\n    --color-error-content: oklch(14.79% 0.038 27.33);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='business']:checked),\n  [data-theme='business'] {\n    color-scheme: dark;\n    --color-base-100: oklch(24.353% 0 0);\n    --color-base-200: oklch(22.648% 0 0);\n    --color-base-300: oklch(20.944% 0 0);\n    --color-base-content: oklch(84.87% 0 0);\n    --color-primary: oklch(41.703% 0.099 251.473);\n    --color-primary-content: oklch(88.34% 0.019 251.473);\n    --color-secondary: oklch(64.092% 0.027 229.389);\n    --color-secondary-content: oklch(12.818% 0.005 229.389);\n    --color-accent: oklch(67.271% 0.167 35.791);\n    --color-accent-content: oklch(13.454% 0.033 35.791);\n    --color-neutral: oklch(27.441% 0.013 253.041);\n    --color-neutral-content: oklch(85.488% 0.002 253.041);\n    --color-info: oklch(62.616% 0.143 240.033);\n    --color-info-content: oklch(12.523% 0.028 240.033);\n    --color-success: oklch(70.226% 0.094 156.596);\n    --color-success-content: oklch(14.045% 0.018 156.596);\n    --color-warning: oklch(77.482% 0.115 81.519);\n    --color-warning-content: oklch(15.496% 0.023 81.519);\n    --color-error: oklch(51.61% 0.146 29.674);\n    --color-error-content: oklch(90.322% 0.029 29.674);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='corporate']:checked),\n  [data-theme='corporate'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(22.389% 0.031 278.072);\n    --color-primary: oklch(58% 0.158 241.966);\n    --color-primary-content: oklch(100% 0 0);\n    --color-secondary: oklch(55% 0.046 257.417);\n    --color-secondary-content: oklch(100% 0 0);\n    --color-accent: oklch(60% 0.118 184.704);\n    --color-accent-content: oklch(100% 0 0);\n    --color-neutral: oklch(0% 0 0);\n    --color-neutral-content: oklch(100% 0 0);\n    --color-info: oklch(60% 0.126 221.723);\n    --color-info-content: oklch(100% 0 0);\n    --color-success: oklch(62% 0.194 149.214);\n    --color-success-content: oklch(100% 0 0);\n    --color-warning: oklch(85% 0.199 91.936);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(70% 0.191 22.216);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 0.25rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='fantasy']:checked),\n  [data-theme='fantasy'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(27.807% 0.029 256.847);\n    --color-primary: oklch(37.45% 0.189 325.02);\n    --color-primary-content: oklch(87.49% 0.037 325.02);\n    --color-secondary: oklch(53.92% 0.162 241.36);\n    --color-secondary-content: oklch(90.784% 0.032 241.36);\n    --color-accent: oklch(75.98% 0.204 56.72);\n    --color-accent-content: oklch(15.196% 0.04 56.72);\n    --color-neutral: oklch(27.807% 0.029 256.847);\n    --color-neutral-content: oklch(85.561% 0.005 256.847);\n    --color-info: oklch(72.06% 0.191 231.6);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(64.8% 0.15 160);\n    --color-success-content: oklch(0% 0 0);\n    --color-warning: oklch(84.71% 0.199 83.87);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(71.76% 0.221 22.18);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='night']:checked),\n  [data-theme='night'] {\n    color-scheme: dark;\n    --color-base-100: oklch(20.768% 0.039 265.754);\n    --color-base-200: oklch(19.314% 0.037 265.754);\n    --color-base-300: oklch(17.86% 0.034 265.754);\n    --color-base-content: oklch(84.153% 0.007 265.754);\n    --color-primary: oklch(75.351% 0.138 232.661);\n    --color-primary-content: oklch(15.07% 0.027 232.661);\n    --color-secondary: oklch(68.011% 0.158 276.934);\n    --color-secondary-content: oklch(13.602% 0.031 276.934);\n    --color-accent: oklch(72.36% 0.176 350.048);\n    --color-accent-content: oklch(14.472% 0.035 350.048);\n    --color-neutral: oklch(27.949% 0.036 260.03);\n    --color-neutral-content: oklch(85.589% 0.007 260.03);\n    --color-info: oklch(68.455% 0.148 237.251);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(78.452% 0.132 181.911);\n    --color-success-content: oklch(15.69% 0.026 181.911);\n    --color-warning: oklch(83.242% 0.139 82.95);\n    --color-warning-content: oklch(16.648% 0.027 82.95);\n    --color-error: oklch(71.785% 0.17 13.118);\n    --color-error-content: oklch(14.357% 0.034 13.118);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='winter']:checked),\n  [data-theme='winter'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97.466% 0.011 259.822);\n    --color-base-300: oklch(93.268% 0.016 262.751);\n    --color-base-content: oklch(41.886% 0.053 255.824);\n    --color-primary: oklch(56.86% 0.255 257.57);\n    --color-primary-content: oklch(91.372% 0.051 257.57);\n    --color-secondary: oklch(42.551% 0.161 282.339);\n    --color-secondary-content: oklch(88.51% 0.032 282.339);\n    --color-accent: oklch(59.939% 0.191 335.171);\n    --color-accent-content: oklch(11.988% 0.038 335.171);\n    --color-neutral: oklch(19.616% 0.063 257.651);\n    --color-neutral-content: oklch(83.923% 0.012 257.651);\n    --color-info: oklch(88.127% 0.085 214.515);\n    --color-info-content: oklch(17.625% 0.017 214.515);\n    --color-success: oklch(80.494% 0.077 197.823);\n    --color-success-content: oklch(16.098% 0.015 197.823);\n    --color-warning: oklch(89.172% 0.045 71.47);\n    --color-warning-content: oklch(17.834% 0.009 71.47);\n    --color-error: oklch(73.092% 0.11 20.076);\n    --color-error-content: oklch(14.618% 0.022 20.076);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='wireframe']:checked),\n  [data-theme='wireframe'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97% 0 0);\n    --color-base-300: oklch(94% 0 0);\n    --color-base-content: oklch(20% 0 0);\n    --color-primary: oklch(87% 0 0);\n    --color-primary-content: oklch(26% 0 0);\n    --color-secondary: oklch(87% 0 0);\n    --color-secondary-content: oklch(26% 0 0);\n    --color-accent: oklch(87% 0 0);\n    --color-accent-content: oklch(26% 0 0);\n    --color-neutral: oklch(87% 0 0);\n    --color-neutral-content: oklch(26% 0 0);\n    --color-info: oklch(44% 0.11 240.79);\n    --color-info-content: oklch(90% 0.058 230.902);\n    --color-success: oklch(43% 0.095 166.913);\n    --color-success-content: oklch(90% 0.093 164.15);\n    --color-warning: oklch(47% 0.137 46.201);\n    --color-warning-content: oklch(92% 0.12 95.746);\n    --color-error: oklch(44% 0.177 26.899);\n    --color-error-content: oklch(88% 0.062 18.334);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root,\n  [data-theme] {\n    background-color: var(--root-bg, var(--color-base-100));\n    color: var(--color-base-content);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::backdrop,\n  ::before,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  :host,\n  html {\n    line-height: 1.5;\n    font-family: var(\n      --default-font-family,\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      'Apple Color Emoji',\n      'Segoe UI Emoji',\n      'Segoe UI Symbol',\n      'Noto Color Emoji'\n    );\n    webkit-tap-highlight-color: transparent;\n  }\n  body {\n    line-height: inherit;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  ::file-selector-button,\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    background: 0 0;\n  }\n  input:where(:not([type='button'], [type='reset'], [type='submit'])),\n  select,\n  textarea {\n    border-width: 1px;\n  }\n  ::file-selector-button,\n  button,\n  input:where([type='button'], [type='reset'], [type='submit']) {\n    appearance: button;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  ::-webkit-search-decoration {\n    webkit-appearance: none;\n  }\n  menu,\n  ol,\n  ul {\n    list-style: none;\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::placeholder {\n    opacity: 1;\n    color: color-mix(in oklch, currentColor 50%, transparent);\n  }\n  audio,\n  canvas,\n  embed,\n  iframe,\n  img,\n  object,\n  svg,\n  video {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n}\n@layer base {\n  :where(\n    :root:has(\n        .modal-open,\n        .modal[open],\n        .modal:target,\n        .modal-toggle:checked,\n        .drawer:not(.drawer-open) > .drawer-toggle:checked\n      )\n  ) {\n    scrollbar-gutter: stable;\n    background-image: linear-gradient(\n      var(--color-base-100),\n      var(--color-base-100)\n    );\n    --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);\n  }\n}\n@layer base {\n  @property --radialprogress {\n    syntax: '<percentage>';\n    inherits: true;\n    initial-value: 0%;\n  }\n}\n@layer base {\n  :root:has(\n      .modal-open,\n      .modal[open],\n      .modal:target,\n      .modal-toggle:checked,\n      .drawer:not([class*='drawer-open']) > .drawer-toggle:checked\n    ) {\n    overflow: hidden;\n  }\n}\n@layer base {\n  :root {\n    scrollbar-color: color-mix(in oklch, currentColor 35%, transparent)\n      transparent;\n  }\n}\n@keyframes dropdown {\n  0% {\n    opacity: 0;\n  }\n}\n@keyframes rating {\n  0%,\n  40% {\n    scale: 1.1;\n    filter: brightness(1.05) contrast(1.05);\n  }\n}\n@keyframes radio {\n  0% {\n    padding: 5px;\n  }\n  50% {\n    padding: 3px;\n  }\n}\n@keyframes progress {\n  50% {\n    background-position-x: -115%;\n  }\n}\n@keyframes skeleton {\n  0% {\n    background-position: 150%;\n  }\n  100% {\n    background-position: -50%;\n  }\n}\n@keyframes toast {\n  0% {\n    scale: 0.9;\n    opacity: 0;\n  }\n  100% {\n    scale: 1;\n    opacity: 1;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%,\n  100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n";
 const ProtoDaisyUiStyle0 = utilsCss;

package/dist/esm/proto-daisy-ui.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-91cf4a00.js';
-export { s as setNonce } from './index-91cf4a00.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-944384a3.js';
+export { s as setNonce } from './index-944384a3.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/proto-dial.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-91cf4a00.js';
+import { r as registerInstance, h } from './index-944384a3.js';
 
 const protoDialCss = "";
 const ProtoDialStyle0 = protoDialCss;

package/dist/esm/proto-hero.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-91cf4a00.js';
-import { a as actions } from './store-3a6aef08.js';
+import { r as registerInstance, h } from './index-944384a3.js';
+import { a as actions } from './store-87c9c475.js';
 
 const protoHeroCss = "proto-hero{}";
 const ProtoHeroStyle0 = protoHeroCss;

package/dist/esm/proto-home.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-91cf4a00.js';
-import { a as actions, s as state } from './store-3a6aef08.js';
+import { r as registerInstance, h } from './index-944384a3.js';
+import { a as actions, s as state } from './store-87c9c475.js';
 
 const protoHomeCss = "";
 const ProtoHomeStyle0 = protoHomeCss;

package/dist/esm/proto-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-91cf4a00.js';
-import { s as state } from './store-3a6aef08.js';
+import { r as registerInstance, h } from './index-944384a3.js';
+import { s as state } from './store-87c9c475.js';
 
 const protoListCss = "";
 const ProtoListStyle0 = protoListCss;

package/dist/esm/proto-shell.entry.js

@@ -1,5 +1,5 @@
-import { h, r as registerInstance } from './index-91cf4a00.js';
-import { a as actions, s as state } from './store-3a6aef08.js';
+import { h, r as registerInstance } from './index-944384a3.js';
+import { a as actions, s as state } from './store-87c9c475.js';
 
 const tw = (...classes) => {
     return classes.filter(Boolean).join(' ');

package/dist/esm/proto-stats.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-91cf4a00.js';
-import { s as state } from './store-3a6aef08.js';
+import { r as registerInstance, h } from './index-944384a3.js';
+import { s as state } from './store-87c9c475.js';
 
 const protoStatsCss = "";
 const ProtoStatsStyle0 = protoStatsCss;

package/dist/esm/{store-3a6aef08.js → store-87c9c475.js}

@@ -1,4 +1,4 @@
-import { g as getRenderingRef, f as forceUpdate } from './index-91cf4a00.js';
+import { g as getRenderingRef, f as forceUpdate } from './index-944384a3.js';
 
 const KEY = 'proto-daisy-ui:app-data';
 const promisedParseJSON = (json) => {

package/dist/proto-daisy-ui/{p-24f55561.js → p-0a251ac2.js}

@@ -1 +1 @@
-import{g as e,f as t}from"./p-edafa8ea.js";const s="proto-daisy-ui:app-data",o={get:()=>{return e=localStorage.getItem(s),new Promise(((t,s)=>{try{t(JSON.parse(e))}catch(e){s(e)}}));var e},store:e=>{const{login:t,mfe:o,pick:n,theme:r,themes:a,dealers:i}=e,c=JSON.stringify({login:t,mfe:void 0===o?null:o,pick:n,theme:r,themes:a,dealers:i});localStorage.setItem(s,c)}},n=e=>!("isConnected"in e)||e.isConnected,r=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(n))})(...t)}),2e3)}})(),a=e=>"function"==typeof e?e():e,i=o,c=["light","dark","aqua","business","corporate","fantasy","night","winter","wireframe"],p={login:!0,mfe:void 0,pick:0,theme:"dark",themes:c,dealers:[]},{state:d}=(()=>{const s=((e,t=((e,t)=>e!==t))=>{const s=a(e);let o=new Map(Object.entries(null!=s?s:{}));const n={dispose:[],get:[],set:[],reset:[]},r=()=>{var t;o=new Map(Object.entries(null!==(t=a(e))&&void 0!==t?t:{})),n.reset.forEach((e=>e()))},i=e=>(n.get.forEach((t=>t(e))),o.get(e)),c=(e,s)=>{const r=o.get(e);t(s,r,e)&&(o.set(e,s),n.set.forEach((t=>t(e,s,r))))},p="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>i(t),ownKeys:()=>Array.from(o.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>o.has(t),set:(e,t,s)=>(c(t,s),!0)}),d=(e,t)=>(n[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(n[e],t)});return{state:p,get:i,set:c,on:d,onChange:(t,s)=>{const o=d("set",((e,o)=>{e===t&&s(o)})),n=d("reset",(()=>s(a(e)[t])));return()=>{o(),n()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{n.dispose.forEach((e=>e())),r()},reset:r,forceUpdate:e=>{const t=o.get(e);n.set.forEach((s=>s(e,t,t)))}}})(p,void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const o=e();o&&((e,t,s)=>{const o=e.get(t);o?o.includes(s)||o.push(s):e.set(t,[s])})(s,t,o)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),r(s)},reset:()=>{s.forEach((e=>e.forEach(t))),r(s)}}})()),s})(),l=async()=>{const e=await fetch("https://mock-x43.vercel.app/api/daisy"),t=await e.json();d.dealers=t.dealers,console.log("-- data:",d.dealers),i.store(d)},u={initApp:()=>{((e=!1)=>{d.login=e,d.pick=0,d.mfe=void 0,d.theme="dark",d.themes=c,d.dealers=[]})(!0),i.get().then((e=>{e?(e=>{const{dealers:t,login:s,mfe:o,pick:n,theme:r}=e;d.dealers=t,d.login=s,d.mfe=o,d.pick=n,d.theme=r})(e):l()})).catch((e=>{console.log(e)}))},refresh:()=>{l()},updateApp:e=>{((e,t=!1)=>{d.mfe=e,d.login=!e,t&&i.store(d)})(e,!0)},updatePick:e=>{((e,t=!1)=>{d.pick=e,t&&i.store(d)})(e,!0)},updateTheme:e=>{((e,t=!1)=>{d.theme=e,t&&i.store(d)})(e,!0)}};export{u as a,d as s}
+import{g as e,f as t}from"./p-d2868239.js";const s="proto-daisy-ui:app-data",o={get:()=>{return e=localStorage.getItem(s),new Promise(((t,s)=>{try{t(JSON.parse(e))}catch(e){s(e)}}));var e},store:e=>{const{login:t,mfe:o,pick:n,theme:r,themes:a,dealers:i}=e,c=JSON.stringify({login:t,mfe:void 0===o?null:o,pick:n,theme:r,themes:a,dealers:i});localStorage.setItem(s,c)}},n=e=>!("isConnected"in e)||e.isConnected,r=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(n))})(...t)}),2e3)}})(),a=e=>"function"==typeof e?e():e,i=o,c=["light","dark","aqua","business","corporate","fantasy","night","winter","wireframe"],p={login:!0,mfe:void 0,pick:0,theme:"dark",themes:c,dealers:[]},{state:d}=(()=>{const s=((e,t=((e,t)=>e!==t))=>{const s=a(e);let o=new Map(Object.entries(null!=s?s:{}));const n={dispose:[],get:[],set:[],reset:[]},r=()=>{var t;o=new Map(Object.entries(null!==(t=a(e))&&void 0!==t?t:{})),n.reset.forEach((e=>e()))},i=e=>(n.get.forEach((t=>t(e))),o.get(e)),c=(e,s)=>{const r=o.get(e);t(s,r,e)&&(o.set(e,s),n.set.forEach((t=>t(e,s,r))))},p="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>i(t),ownKeys:()=>Array.from(o.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>o.has(t),set:(e,t,s)=>(c(t,s),!0)}),d=(e,t)=>(n[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(n[e],t)});return{state:p,get:i,set:c,on:d,onChange:(t,s)=>{const o=d("set",((e,o)=>{e===t&&s(o)})),n=d("reset",(()=>s(a(e)[t])));return()=>{o(),n()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{n.dispose.forEach((e=>e())),r()},reset:r,forceUpdate:e=>{const t=o.get(e);n.set.forEach((s=>s(e,t,t)))}}})(p,void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const o=e();o&&((e,t,s)=>{const o=e.get(t);o?o.includes(s)||o.push(s):e.set(t,[s])})(s,t,o)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),r(s)},reset:()=>{s.forEach((e=>e.forEach(t))),r(s)}}})()),s})(),l=async()=>{const e=await fetch("https://mock-x43.vercel.app/api/daisy"),t=await e.json();d.dealers=t.dealers,console.log("-- data:",d.dealers),i.store(d)},u={initApp:()=>{((e=!1)=>{d.login=e,d.pick=0,d.mfe=void 0,d.theme="dark",d.themes=c,d.dealers=[]})(!0),i.get().then((e=>{e?(e=>{const{dealers:t,login:s,mfe:o,pick:n,theme:r}=e;d.dealers=t,d.login=s,d.mfe=o,d.pick=n,d.theme=r})(e):l()})).catch((e=>{console.log(e)}))},refresh:()=>{l()},updateApp:e=>{((e,t=!1)=>{d.mfe=e,d.login=!e,t&&i.store(d)})(e,!0)},updatePick:e=>{((e,t=!1)=>{d.pick=e,t&&i.store(d)})(e,!0)},updateTheme:e=>{((e,t=!1)=>{d.theme=e,t&&i.store(d)})(e,!0)}};export{u as a,d as s}

package/dist/proto-daisy-ui/{p-d6c2772e.entry.js → p-10861a42.entry.js}

@@ -1 +1 @@
-import{h as l,r as e}from"./p-edafa8ea.js";import{a as t,s as n}from"./p-24f55561.js";const o=(...l)=>l.filter(Boolean).join(" "),a=()=>l("div",{class:"flex-none"},l("div",{class:"dropdown-end dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-left","data-tip":"Actions"},l("label",{class:"btn-ghost btn-square btn","aria-label":"Actions",tabindex:"0"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 stroke-current"},l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"})))),l("ul",{tabindex:"0",class:"menu-compact dropdown-content menu mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow "},l("li",null,l("a",{class:"justify-between"},"Profile",l("span",{class:"badge"},"New"))),l("li",null,l("a",null,"Settings...")),l("li",null,l("a",{onClick:()=>{console.log("-- refresh"),t.refresh(),document.activeElement.blur()}},"Refresh")),l("li",null,l("a",{onClick:()=>{console.log("-- logout"),t.updateApp(void 0),document.activeElement.blur()}},"Logout"))))),s=l=>()=>{console.log("-- pick:",l),t.updatePick(l),document.activeElement.blur()},c=()=>{const{dealers:e,pick:t}=n;return l("div",{class:"flex-none"},l("div",{class:"dropdown-end dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-left","data-tip":(e.length>t?e[t]:{name:void 0}).name},l("label",{class:"btn-ghost btn normal-case",tabindex:"0","aria-label":"Location"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 fill-current"},l("path",{d:"M15 9H17V11H15V9M17 5H15V7H17V5M11 15H13V13H11V15M13 5H11V7H13V5M11 11H13V9H11V11M9 5H7V7H9V5M9 9H7V11H9V9M14.55 21H13V17.5H11V21H5V3H19V11.03C19.71 11.09 20.39 11.31 21 11.63V1H3V23H15.91C15.5 22.44 15 21.76 14.55 21M7 19H9V17H7V19M9 13H7V15H9V13M22 16.5C22 19.1 18.5 23 18.5 23S15 19.1 15 16.5C15 14.6 16.6 13 18.5 13S22 14.6 22 16.5M19.7 16.6C19.7 16 19.1 15.4 18.5 15.4S17.3 15.9 17.3 16.6C17.3 17.2 17.8 17.8 18.5 17.8S19.8 17.2 19.7 16.6Z"})))),l("ul",{tabindex:"0",class:"menu-compact dropdown-content menu mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow "},e.map(((e,n)=>l("li",null,l("a",{class:n===t?"active":void 0,onClick:s(n)},e.name)))))))},i=l=>()=>{console.log("-- mfe:",l),t.updateApp(l),document.activeElement.blur()},d=()=>{const{mfe:e}=n;return l("div",{class:"flex-none"},l("div",{class:"dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-right","data-tip":"Navigation"},l("label",{class:"btn-ghost drawer-button btn-square btn","aria-label":"Navigation",tabindex:"0"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 stroke-current"},l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})))),l("ul",{tabindex:"0",class:"dropdown-content menu mt-1 rounded-md bg-accent p-2 text-accent-content"},l("li",null,l("button",{class:o("btn-ghost hover:bg-accent-focus","proto-home"===e?"active":""),onClick:i("proto-home"),"aria-label":"Home"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-5 w-5 fill-current"},l("path",{d:"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z"})))),l("li",null,l("button",{class:o("btn-ghost hover:bg-accent-focus","proto-stats"===e?"active":""),onClick:i("proto-stats"),"aria-label":"Stats"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-5 w-5 fill-current"},l("path",{d:"M13,2.05V5.08C16.39,5.57 19,8.47 19,12C19,12.9 18.82,13.75 18.5,14.54L21.12,16.07C21.68,14.83 22,13.45 22,12C22,6.82 18.05,2.55 13,2.05M12,19A7,7 0 0,1 5,12C5,8.47 7.61,5.57 11,5.08V2.05C5.94,2.55 2,6.81 2,12A10,10 0 0,0 12,22C15.3,22 18.23,20.39 20.05,17.91L17.45,16.38C16.17,18 14.21,19 12,19Z"})))),l("li",null,l("button",{class:o("btn-ghost hover:bg-accent-focus","proto-list"===e?"active":""),onClick:i("proto-list"),"aria-label":"List"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-5 w-5 fill-current"},l("path",{d:"M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z"})))))))},r=l=>()=>{console.log("-- theme:",l),t.updateTheme(l),document.activeElement.blur()},b=()=>{const{themes:e}=n;return l("div",{class:"flex-none"},l("div",{class:"dropdown-end dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-left","data-tip":n.theme},l("label",{class:"btn-ghost btn normal-case",tabindex:"0","aria-label":"Theme"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 fill-current"},l("path",{d:"M12,18V6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z"})))),l("ul",{tabindex:"0",class:"menu-compact dropdown-content menu mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow "},e.map((e=>l("li",null,l("a",{class:e===n.theme?"active":void 0,onClick:r(e)},e)))))))},h=()=>l("div",{class:"navbar m-1 w-auto rounded-md bg-base-100"},l(d,null),l("div",{class:"flex-1"},l("a",{class:"btn-ghost btn text-xl normal-case"},"daisyUI")),l(c,null),l("div",{class:"divider divider-horizontal hidden flex-none lg:flex"}),l(b,null),l(a,null)),u=()=>l("footer",{class:"flex w-auto flex-row items-center gap-4 bg-neutral p-4 text-neutral-content"},l("svg",{viewBox:"0 0 24 24","fill-rule":"evenodd","clip-rule":"evenodd",class:"h-8 w-8 fill-current"},l("path",{d:"M22.672 15.226l-2.432.811.841 2.515c.33 1.019-.209 2.127-1.23 2.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013 1.677.84 2.517c.391 1.203-.434 2.542-1.831 2.542-.88 0-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127 1.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839 0-.817.509-1.582 1.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129 1.232-2.458 1.02-.329 2.13.209 2.461 1.229l.842 2.515 5.011-1.677-.839-2.517c-.403-1.238.484-2.553 1.843-2.553.819 0 1.585.509 1.85 1.326l.841 2.517 2.431-.81c1.02-.33 2.131.211 2.461 1.229.332 1.018-.21 2.126-1.23 2.456l-2.433.809 1.622 4.823 2.433-.809c1.242-.401 2.557.484 2.557 1.838 0 .819-.51 1.583-1.328 1.847m-8.992-6.428l-5.01 1.675 1.619 4.828 5.011-1.674-1.62-4.829z"})),l("div",{class:"flex flex-row gap-1"},l("span",{class:"hidden lg:inline-block"},"Copyright"),l("span",null,"© 2022"),l("span",{class:"hidden lg:inline-block"},"- All right reserved")),l("div",{class:"ml-auto"},l("a",{class:"btn-ghost btn"},l("svg",{viewBox:"0 0 24 24",class:"h-6 w-6 fill-current"},l("path",{d:"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"}))),l("a",{class:"btn-ghost btn"},l("svg",{viewBox:"0 0 24 24",class:"h-6 w-6 fill-current"},l("path",{d:"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"}))),l("a",{class:"btn-ghost btn"},l("svg",{viewBox:"0 0 24 24",class:"h-6 w-6 fill-current"},l("path",{d:"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"}))))),p=class{constructor(l){e(this,l),this.theme="light"}render(){const e=n.mfe;return l("div",{key:"29dc91c88134ae8fe51805690ae3d171b92a0749",class:"flex min-h-screen flex-col font-sans","data-theme":this.theme},l(h,{key:"c9dfb96359da575b462915966f781854ca4297ba"}),l("div",{key:"fde5e9b150f1b4baabe7042075e7638d6f3c1ff9",class:"flex-auto p-4 pt-0"},l("div",{key:"13b26f3142f937449ff8f2e54d428f4c3a010e06",class:"divider mt-0"}),l("div",{key:"e6caac1f8d0f06a1ec67c03463a7d1da55fc3ee7"},l(e,{key:"820e19891c7860c5b28660ebcdd4486f95115fe6"}))),l(u,{key:"2ca433ab710e0f0e9748edb1812c127b4fd4e912"}))}};p.style="proto-shell{}";export{p as proto_shell}
+import{h as l,r as e}from"./p-d2868239.js";import{a as t,s as n}from"./p-0a251ac2.js";const o=(...l)=>l.filter(Boolean).join(" "),a=()=>l("div",{class:"flex-none"},l("div",{class:"dropdown-end dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-left","data-tip":"Actions"},l("label",{class:"btn-ghost btn-square btn","aria-label":"Actions",tabindex:"0"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 stroke-current"},l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"})))),l("ul",{tabindex:"0",class:"menu-compact dropdown-content menu mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow "},l("li",null,l("a",{class:"justify-between"},"Profile",l("span",{class:"badge"},"New"))),l("li",null,l("a",null,"Settings...")),l("li",null,l("a",{onClick:()=>{console.log("-- refresh"),t.refresh(),document.activeElement.blur()}},"Refresh")),l("li",null,l("a",{onClick:()=>{console.log("-- logout"),t.updateApp(void 0),document.activeElement.blur()}},"Logout"))))),s=l=>()=>{console.log("-- pick:",l),t.updatePick(l),document.activeElement.blur()},c=()=>{const{dealers:e,pick:t}=n;return l("div",{class:"flex-none"},l("div",{class:"dropdown-end dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-left","data-tip":(e.length>t?e[t]:{name:void 0}).name},l("label",{class:"btn-ghost btn normal-case",tabindex:"0","aria-label":"Location"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 fill-current"},l("path",{d:"M15 9H17V11H15V9M17 5H15V7H17V5M11 15H13V13H11V15M13 5H11V7H13V5M11 11H13V9H11V11M9 5H7V7H9V5M9 9H7V11H9V9M14.55 21H13V17.5H11V21H5V3H19V11.03C19.71 11.09 20.39 11.31 21 11.63V1H3V23H15.91C15.5 22.44 15 21.76 14.55 21M7 19H9V17H7V19M9 13H7V15H9V13M22 16.5C22 19.1 18.5 23 18.5 23S15 19.1 15 16.5C15 14.6 16.6 13 18.5 13S22 14.6 22 16.5M19.7 16.6C19.7 16 19.1 15.4 18.5 15.4S17.3 15.9 17.3 16.6C17.3 17.2 17.8 17.8 18.5 17.8S19.8 17.2 19.7 16.6Z"})))),l("ul",{tabindex:"0",class:"menu-compact dropdown-content menu mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow "},e.map(((e,n)=>l("li",null,l("a",{class:n===t?"active":void 0,onClick:s(n)},e.name)))))))},i=l=>()=>{console.log("-- mfe:",l),t.updateApp(l),document.activeElement.blur()},d=()=>{const{mfe:e}=n;return l("div",{class:"flex-none"},l("div",{class:"dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-right","data-tip":"Navigation"},l("label",{class:"btn-ghost drawer-button btn-square btn","aria-label":"Navigation",tabindex:"0"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 stroke-current"},l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})))),l("ul",{tabindex:"0",class:"dropdown-content menu mt-1 rounded-md bg-accent p-2 text-accent-content"},l("li",null,l("button",{class:o("btn-ghost hover:bg-accent-focus","proto-home"===e?"active":""),onClick:i("proto-home"),"aria-label":"Home"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-5 w-5 fill-current"},l("path",{d:"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z"})))),l("li",null,l("button",{class:o("btn-ghost hover:bg-accent-focus","proto-stats"===e?"active":""),onClick:i("proto-stats"),"aria-label":"Stats"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-5 w-5 fill-current"},l("path",{d:"M13,2.05V5.08C16.39,5.57 19,8.47 19,12C19,12.9 18.82,13.75 18.5,14.54L21.12,16.07C21.68,14.83 22,13.45 22,12C22,6.82 18.05,2.55 13,2.05M12,19A7,7 0 0,1 5,12C5,8.47 7.61,5.57 11,5.08V2.05C5.94,2.55 2,6.81 2,12A10,10 0 0,0 12,22C15.3,22 18.23,20.39 20.05,17.91L17.45,16.38C16.17,18 14.21,19 12,19Z"})))),l("li",null,l("button",{class:o("btn-ghost hover:bg-accent-focus","proto-list"===e?"active":""),onClick:i("proto-list"),"aria-label":"List"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-5 w-5 fill-current"},l("path",{d:"M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z"})))))))},r=l=>()=>{console.log("-- theme:",l),t.updateTheme(l),document.activeElement.blur()},b=()=>{const{themes:e}=n;return l("div",{class:"flex-none"},l("div",{class:"dropdown-end dropdown"},l("div",{class:"tooltip-warning tooltip tooltip-left","data-tip":n.theme},l("label",{class:"btn-ghost btn normal-case",tabindex:"0","aria-label":"Theme"},l("svg",{fill:"none",viewBox:"0 0 24 24",class:"inline-block h-5 w-5 fill-current"},l("path",{d:"M12,18V6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z"})))),l("ul",{tabindex:"0",class:"menu-compact dropdown-content menu mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow "},e.map((e=>l("li",null,l("a",{class:e===n.theme?"active":void 0,onClick:r(e)},e)))))))},h=()=>l("div",{class:"navbar m-1 w-auto rounded-md bg-base-100"},l(d,null),l("div",{class:"flex-1"},l("a",{class:"btn-ghost btn text-xl normal-case"},"daisyUI")),l(c,null),l("div",{class:"divider divider-horizontal hidden flex-none lg:flex"}),l(b,null),l(a,null)),u=()=>l("footer",{class:"flex w-auto flex-row items-center gap-4 bg-neutral p-4 text-neutral-content"},l("svg",{viewBox:"0 0 24 24","fill-rule":"evenodd","clip-rule":"evenodd",class:"h-8 w-8 fill-current"},l("path",{d:"M22.672 15.226l-2.432.811.841 2.515c.33 1.019-.209 2.127-1.23 2.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013 1.677.84 2.517c.391 1.203-.434 2.542-1.831 2.542-.88 0-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127 1.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839 0-.817.509-1.582 1.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129 1.232-2.458 1.02-.329 2.13.209 2.461 1.229l.842 2.515 5.011-1.677-.839-2.517c-.403-1.238.484-2.553 1.843-2.553.819 0 1.585.509 1.85 1.326l.841 2.517 2.431-.81c1.02-.33 2.131.211 2.461 1.229.332 1.018-.21 2.126-1.23 2.456l-2.433.809 1.622 4.823 2.433-.809c1.242-.401 2.557.484 2.557 1.838 0 .819-.51 1.583-1.328 1.847m-8.992-6.428l-5.01 1.675 1.619 4.828 5.011-1.674-1.62-4.829z"})),l("div",{class:"flex flex-row gap-1"},l("span",{class:"hidden lg:inline-block"},"Copyright"),l("span",null,"© 2022"),l("span",{class:"hidden lg:inline-block"},"- All right reserved")),l("div",{class:"ml-auto"},l("a",{class:"btn-ghost btn"},l("svg",{viewBox:"0 0 24 24",class:"h-6 w-6 fill-current"},l("path",{d:"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"}))),l("a",{class:"btn-ghost btn"},l("svg",{viewBox:"0 0 24 24",class:"h-6 w-6 fill-current"},l("path",{d:"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"}))),l("a",{class:"btn-ghost btn"},l("svg",{viewBox:"0 0 24 24",class:"h-6 w-6 fill-current"},l("path",{d:"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"}))))),p=class{constructor(l){e(this,l),this.theme="light"}render(){const e=n.mfe;return l("div",{key:"29dc91c88134ae8fe51805690ae3d171b92a0749",class:"flex min-h-screen flex-col font-sans","data-theme":this.theme},l(h,{key:"c9dfb96359da575b462915966f781854ca4297ba"}),l("div",{key:"fde5e9b150f1b4baabe7042075e7638d6f3c1ff9",class:"flex-auto p-4 pt-0"},l("div",{key:"13b26f3142f937449ff8f2e54d428f4c3a010e06",class:"divider mt-0"}),l("div",{key:"e6caac1f8d0f06a1ec67c03463a7d1da55fc3ee7"},l(e,{key:"820e19891c7860c5b28660ebcdd4486f95115fe6"}))),l(u,{key:"2ca433ab710e0f0e9748edb1812c127b4fd4e912"}))}};p.style="proto-shell{}";export{p as proto_shell}

package/dist/proto-daisy-ui/{p-699af850.entry.js → p-1994f282.entry.js}

@@ -1 +1 @@
-import{r as s,h as t}from"./p-edafa8ea.js";import{s as a}from"./p-24f55561.js";const e=(s,t=999)=>s>t?(s/1e3).toFixed(1)+"k":s.toLocaleString(),l=class{constructor(t){s(this,t)}render(){const{dealers:s,pick:l}=a;if(s.length<=l)return"";const i=s[l],{stats:c}=i,{downloads:r,users:d,registers:o}=c,v=Math.ceil(400/(d-400)*100),n=Math.ceil(90/(o+90)*100);return t("div",{class:"stats stats-vertical lg:stats-horizontal"},t("div",{class:"stat w-40"},t("div",{class:"stat-title"},"Downloads"),t("div",{class:"stat-value"},e(r)),t("div",{class:"stat-desc"},"Jan 1st - Feb 1st")),t("div",{class:"stat w-40"},t("div",{class:"stat-title"},"New Users"),t("div",{class:"stat-value"},e(d,9999)),t("div",{class:"stat-desc"},"↗︎ 400 (",v,"%)")),t("div",{class:"stat w-40"},t("div",{class:"stat-title"},"New Registers"),t("div",{class:"stat-value"},e(o,9999)),t("div",{class:"stat-desc"},"↘︎ 90 (",n,"%)")))}};l.style="";export{l as proto_stats}
+import{r as s,h as t}from"./p-d2868239.js";import{s as a}from"./p-0a251ac2.js";const e=(s,t=999)=>s>t?(s/1e3).toFixed(1)+"k":s.toLocaleString(),l=class{constructor(t){s(this,t)}render(){const{dealers:s,pick:l}=a;if(s.length<=l)return"";const c=s[l],{stats:i}=c,{downloads:r,users:d,registers:o}=i,v=Math.ceil(400/(d-400)*100),n=Math.ceil(90/(o+90)*100);return t("div",{class:"stats stats-vertical lg:stats-horizontal"},t("div",{class:"stat w-40"},t("div",{class:"stat-title"},"Downloads"),t("div",{class:"stat-value"},e(r)),t("div",{class:"stat-desc"},"Jan 1st - Feb 1st")),t("div",{class:"stat w-40"},t("div",{class:"stat-title"},"New Users"),t("div",{class:"stat-value"},e(d,9999)),t("div",{class:"stat-desc"},"↗︎ 400 (",v,"%)")),t("div",{class:"stat w-40"},t("div",{class:"stat-title"},"New Registers"),t("div",{class:"stat-value"},e(o,9999)),t("div",{class:"stat-desc"},"↘︎ 90 (",n,"%)")))}};l.style="";export{l as proto_stats}

package/dist/proto-daisy-ui/{p-8557dd9a.entry.js → p-69721cda.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-edafa8ea.js";import{a as t}from"./p-24f55561.js";const c=class{constructor(a){e(this,a),this.theme="light"}render(){return a("div",{key:"467e9f2e732c562da4cb10aff00990388760c0ee",class:"flex min-h-screen flex-col bg-clrs-slate font-sans","data-theme":this.theme},a("div",{key:"0b0bf2b095c3fa80c8d6c7553c75fa821d6691a1",class:"hero min-h-screen bg-base-200"},a("div",{key:"c39aeb73ae159ca3649930ff9f699d777d11f491",class:"hero-content text-center"},a("div",{key:"9f00f9942e0c212755de638af5fbc19dac8ea2f9",class:"max-w-md"},a("h1",{key:"1d6d8c693070488c68560725dc8b55d173945568",class:"text-5xl font-bold"},"Hello there"),a("p",{key:"1414590fd4d388eb63c1ca23bc0a0e45c1ff84cd",class:"py-6"},"Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."),a("button",{key:"efe7fe5252f549612b6faa9f05c33ba43344a6a4",class:"btn-primary btn",onClick:()=>t.updateApp("proto-home")},"Get Started")))))}};c.style="proto-hero{}";export{c as proto_hero}
+import{r as e,h as a}from"./p-d2868239.js";import{a as t}from"./p-0a251ac2.js";const c=class{constructor(a){e(this,a),this.theme="light"}render(){return a("div",{key:"467e9f2e732c562da4cb10aff00990388760c0ee",class:"flex min-h-screen flex-col bg-clrs-slate font-sans","data-theme":this.theme},a("div",{key:"0b0bf2b095c3fa80c8d6c7553c75fa821d6691a1",class:"hero min-h-screen bg-base-200"},a("div",{key:"c39aeb73ae159ca3649930ff9f699d777d11f491",class:"hero-content text-center"},a("div",{key:"9f00f9942e0c212755de638af5fbc19dac8ea2f9",class:"max-w-md"},a("h1",{key:"1d6d8c693070488c68560725dc8b55d173945568",class:"text-5xl font-bold"},"Hello there"),a("p",{key:"1414590fd4d388eb63c1ca23bc0a0e45c1ff84cd",class:"py-6"},"Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."),a("button",{key:"efe7fe5252f549612b6faa9f05c33ba43344a6a4",class:"btn-primary btn",onClick:()=>t.updateApp("proto-home")},"Get Started")))))}};c.style="proto-hero{}";export{c as proto_hero}

package/dist/proto-daisy-ui/{p-42afb87d.entry.js → p-808aab1c.entry.js}

@@ -1 +1 @@
-import{r as l,h as t}from"./p-edafa8ea.js";import{s as o}from"./p-24f55561.js";const r=[{label:"Name",prop:"name"},{label:"Job",prop:"job"},{label:"Favorite Color",prop:"color"}],a=class{constructor(t){l(this,t)}render(){const{dealers:l,pick:a}=o;if(l.length<=a)return"";const e=l[a].people;return t("div",{class:"overflow-x-auto"},t("table",{class:"table-compact table w-full"},t("thead",null,t("tr",null,t("th",null),r.map((({label:l})=>t("th",null,l))))),t("tbody",null,e.map(((l,o)=>t("tr",{class:"hover"},t("th",null,o+1),r.map((({prop:o})=>t("td",null,l[o]))))))),t("tfoot",null,t("tr",null,t("th",null),r.map((({label:l})=>t("th",null,l)))))))}};a.style="";export{a as proto_list}
+import{r as l,h as t}from"./p-d2868239.js";import{s as o}from"./p-0a251ac2.js";const r=[{label:"Name",prop:"name"},{label:"Job",prop:"job"},{label:"Favorite Color",prop:"color"}],a=class{constructor(t){l(this,t)}render(){const{dealers:l,pick:a}=o;if(l.length<=a)return"";const e=l[a].people;return t("div",{class:"overflow-x-auto"},t("table",{class:"table-compact table w-full"},t("thead",null,t("tr",null,t("th",null),r.map((({label:l})=>t("th",null,l))))),t("tbody",null,e.map(((l,o)=>t("tr",{class:"hover"},t("th",null,o+1),r.map((({prop:o})=>t("td",null,l[o]))))))),t("tfoot",null,t("tr",null,t("th",null),r.map((({label:l})=>t("th",null,l)))))))}};a.style="";export{a as proto_list}

package/dist/proto-daisy-ui/{p-fe6e67c7.entry.js → p-9a86b7d6.entry.js}

@@ -1 +1 @@
-import{r as s,h as r}from"./p-edafa8ea.js";import{a as t,s as e}from"./p-24f55561.js";const o=class{constructor(r){s(this,r)}render(){const{dealers:s,pick:o}=e;if(s.length<=o)return"";const a=s[o],{name:l,stats:n}=a,{progress:i}=n;return r("div",{class:"mr-8 flex flex-col flex-nowrap items-start gap-2"},r("div",{class:"alert alert-info mb-4 items-start shadow-lg"},r("div",null,r("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-6 w-6 flex-shrink-0 stroke-current"},r("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),r("span",null,"Welcome... [ ",l," ]"))),r("button",{class:"btn-primary btn",onClick:()=>t.refresh()},"Refresh"),i?r("proto-dial",{class:"mt-4",value:i}):"")}};o.style="";export{o as proto_home}
+import{r as s,h as r}from"./p-d2868239.js";import{a as t,s as e}from"./p-0a251ac2.js";const o=class{constructor(r){s(this,r)}render(){const{dealers:s,pick:o}=e;if(s.length<=o)return"";const a=s[o],{name:l,stats:n}=a,{progress:i}=n;return r("div",{class:"mr-8 flex flex-col flex-nowrap items-start gap-2"},r("div",{class:"alert alert-info mb-4 items-start shadow-lg"},r("div",null,r("svg",{fill:"none",viewBox:"0 0 24 24",class:"h-6 w-6 flex-shrink-0 stroke-current"},r("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),r("span",null,"Welcome... [ ",l," ]"))),r("button",{class:"btn-primary btn",onClick:()=>t.refresh()},"Refresh"),i?r("proto-dial",{class:"mt-4",value:i}):"")}};o.style="";export{o as proto_home}

package/dist/proto-daisy-ui/{p-edafa8ea.js → p-d2868239.js}

@@ -1,2 +1,2 @@
-var t=Object.defineProperty,e=new WeakMap,n=t=>e.get(t),o=(t,n)=>{e.set(n.t=t,n)},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},h=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),p=!1,m=[],y=[],v=(t,e)=>n=>{t.push(n),p||(p=!0,e&&4&a.o?b($):a.raf($))},w=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},$=()=>{w(m),w(y),(p=m.length>0)&&a.raf($)},b=t=>h().then(t),g=v(y,!0),S=t=>"object"==(t=typeof t)||"function"===t;function j(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=t=>({isOk:!0,isErr:!1,value:t}),k=t=>({isOk:!1,isErr:!0,value:t});function E(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return k(t.value);throw"should never get here"}var C,M=t=>{if(t.isOk)return t.value;throw t.value},x=t=>{if(t.isErr)return t.value;throw t.value},P=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,H);const u=A(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},A=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),D={},H={forEach:(t,e)=>t.map(N).forEach(e),map:(t,e)=>t.map(N).map(e).map(R)},N=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),R=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),P(t.vtag,e,...t.vchildren||[])}const e=A(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},T=(t,e)=>null==t||S(t)?t:2&e?parseFloat(t):1&e?t+"":t,F=new WeakMap,L=t=>"sc-"+t.S,U=(t,e,n,o,s,i)=>{if(n!==o){let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=W(n);let s=W(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const l=S(o);if((r||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&i||s)&&!l&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(q);e=e.replace(G,""),n&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}}},V=/\s/,W=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(V):[]),q="Capture",G=RegExp(q+"$"),_=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},s=e.u||{};for(const t of z(Object.keys(l)))t in s||U(o,t,l[t],void 0,n,e.o);for(const t of z(Object.keys(s)))U(o,t,l[t],s[t],n,e.o)};function z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,I=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(B||(B="svg"===o.m),l=o.v=f.createElementNS(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),B&&"foreignObject"===o.m&&(B=!1),_(null,o,B),o.h)for(i=0;i<o.h.length;++i)s=I(t,o,i),s&&l.appendChild(s);"svg"===o.m?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=C,l},J=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=I(null,n,l),i&&(o[l].v=i,Z(r,i,e)))},K=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;Y(e),t&&t.remove()}}},Q=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),X=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,s=e.h,i=e.m,r=e.i;null===r?(_(t,e,B="svg"===i||"foreignObject"!==i&&B),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,h=e[0],d=e[a],p=o.length-1,m=o[0],y=o[p];for(;r<=a&&c<=p;)if(null==h)h=e[++r];else if(null==d)d=e[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(Q(h,m,l))X(h,m,l),h=e[++r],m=o[++c];else if(Q(d,y,l))X(d,y,l),d=e[--a],y=o[--p];else if(Q(h,y,l))X(h,y,l),Z(t,h.v,d.v.nextSibling),h=e[++r],y=o[--p];else if(Q(d,m,l))X(d,m,l),Z(t,d.v,h.v),d=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].p&&e[f].p===m.p){u=f;break}u>=0?(i=e[u],i.m!==m.m?s=I(e&&e[c],n,u):(X(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=I(e&&e[c],n,c),m=o[++c]),s&&Z(h.v.parentNode,s,h.v)}r>a?J(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&K(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),J(o,null,e,s,0,s.length-1)):!n&&null!==l&&K(l,0,l.length-1),B&&"svg"===i&&(B=!1)):t.i!==r&&(o.data=r)},Y=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(Y)},Z=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},et=(t,e)=>{if(t.o|=16,!(4&t.o))return tt(t,t.O),g((()=>nt(t,e)));t.o|=512},nt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return ot(void 0,(()=>st(t,n,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=L(e),l=r.get(o);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let s,i=F.get(t=t.head||t);if(i||F.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||f.createElement("style"),s.innerHTML=l;const i=null!=(n=a.C)?n:j(f);if(null!=i&&s.setAttribute("nonce",i),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(d){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&"HEAD"!==t.nodeName&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=c),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);rt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ut(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},it=null,rt=(t,e,n,o)=>{try{it=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.k,s=t.M||A(null,null),i=(t=>t&&t.m===D)(e)?e:P(null,null,e);if(C=o.tagName,n&&i.u)for(const t of Object.keys(i.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.u[t]=o[t]);i.m=null,i.o|=4,t.M=i,i.v=s.v=o.shadowRoot||o,X(s,i,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return it=null,null},ct=()=>it,ut=t=>{const e=t.$hostElement$,n=t.t,o=t.O;64&t.o||(t.o|=64,dt(e),ht(n,"componentDidLoad",void 0,e),t.P(e),o||at()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>et(t,!1))),t.o&=-517},ft=t=>{{const e=n(t),o=e.$hostElement$.isConnected;return o&&2==(18&e.o)&&et(e,!1),o}},at=()=>{dt(f.documentElement),b((()=>(t=>{const e=a.ce("appload",{detail:{namespace:"proto-daisy-ui"}});return t.dispatchEvent(e),e})(u)))},ht=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},dt=t=>t.classList.add("hydrated"),pt=(t,e,o,l)=>{const s=n(t);if(!s)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.A.get(e),r=s.o,c=s.t;o=T(o,l.D[e][0]),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.A.set(e,o),c&&2==(18&r)&&et(s,!1))},mt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.D){const r=Object.entries(null!=(l=e.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.D[t][0]|=2048),r&&(e.D[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.D[t][0]))return((t,e)=>n(this).A.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.A.get(t)?s=i.A.get(t):!i.A.get(t)&&n&&i.A.set(t,n),r.call(this,T(s,l)),void pt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.D[t][0]))return pt(this,t,s,e),void(1&o&&!i.t&&i.H.then((()=>{4096&e.D[t][0]&&i.t[t]!==i.A.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.A.get(t)&&n&&i.A.set(t,n),i.t[t]=T(s,l),pt(this,t,i.t[t],e)};i.t?n():i.H.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){a.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.N)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.N)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=f.head,v=y.querySelector("meta[charset]"),w=f.createElement("style"),$=[];let b,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(t.map((t=>{t[1].map((o=>{const l={o:o[0],S:o[1],D:o[2],R:o[3]};4&l.o&&(S=!0),l.D=o[2];const c=l.S,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,n)=>{const o={o:0,$hostElement$:t,k:n,A:new Map};o.H=new Promise((t=>o.P=t)),t["s-p"]=[],t["s-rc"]=[],e.set(t,o)})(t=this,l),1&l.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):a.jmp((()=>(t=>{if(!(1&a.o)){const e=n(t),o=e.k,l=()=>{};if(1&e.o)(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.O=n);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){e.o|=32;{const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.T;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.S}#${e.F}" was not found`);o.isProxied||(mt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){s(e,t)}e.o&=-9,r()}if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=L(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.O,c=()=>et(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async t=>{if(!(1&a.o)){const e=n(t);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}F.has(t)&&F.delete(t),t.shadowRoot&&F.has(t.shadowRoot)&&F.delete(t.shadowRoot)})(this))),a.raf((()=>{var t;const e=n(this);(null==(t=null==e?void 0:e.M)?void 0:t.v)instanceof Node&&!e.M.v.isConnected&&delete e.M.v}))}componentOnReady(){return n(this).H}};l.T=t[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,mt(u,l,1)))}))})),h.length>0&&(S&&(w.textContent+=c),w.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const t=null!=(l=a.C)?l:j(f);null!=t&&w.setAttribute("nonce",t),y.insertBefore(w,v?v.nextSibling:y.firstChild)}g=!1,$.length?$.map((t=>t.connectedCallback())):a.jmp((()=>b=setTimeout(at,30)))},vt=t=>a.C=t;export{yt as b,ft as f,ct as g,P as h,h as p,o as r,vt as s}
+var t=Object.defineProperty,e=new WeakMap,n=t=>e.get(t),o=(t,n)=>{e.set(n.t=t,n)},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},h=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),p=!1,m=[],y=[],v=(t,e)=>n=>{t.push(n),p||(p=!0,e&&4&a.o?b($):a.raf($))},w=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},$=()=>{w(m),w(y),(p=m.length>0)&&a.raf($)},b=t=>h().then(t),g=v(y,!0),S=t=>"object"==(t=typeof t)||"function"===t;function j(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=t=>({isOk:!0,isErr:!1,value:t}),k=t=>({isOk:!1,isErr:!0,value:t});function E(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return k(t.value);throw"should never get here"}var C,M=t=>{if(t.isOk)return t.value;throw t.value},x=t=>{if(t.isErr)return t.value;throw t.value},P=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,H);const u=A(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},A=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),D={},H={forEach:(t,e)=>t.map(N).forEach(e),map:(t,e)=>t.map(N).map(e).map(R)},N=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),R=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),P(t.vtag,e,...t.vchildren||[])}const e=A(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},T=(t,e)=>null==t||S(t)?t:2&e?parseFloat(t):1&e?t+"":t,F=new WeakMap,L=t=>"sc-"+t.S,U=(t,e,n,o,s,i)=>{if(n!==o){let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=W(n);let s=W(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const l=S(o);if((r||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&i||s)&&!l&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(q);e=e.replace(G,""),n&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}}},V=/\s/,W=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(V):[]),q="Capture",G=RegExp(q+"$"),_=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},s=e.u||{};for(const t of z(Object.keys(l)))t in s||U(o,t,l[t],void 0,n,e.o);for(const t of z(Object.keys(s)))U(o,t,l[t],s[t],n,e.o)};function z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,I=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(B||(B="svg"===o.m),l=o.v=f.createElementNS(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),B&&"foreignObject"===o.m&&(B=!1),_(null,o,B),o.h)for(i=0;i<o.h.length;++i)s=I(t,o,i),s&&l.appendChild(s);"svg"===o.m?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=C,l},J=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=I(null,n,l),i&&(o[l].v=i,Z(r,i,e)))},K=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;Y(e),t&&t.remove()}}},Q=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),X=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,s=e.h,i=e.m,r=e.i;null===r?(_(t,e,B="svg"===i||"foreignObject"!==i&&B),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,h=e[0],d=e[a],p=o.length-1,m=o[0],y=o[p];for(;r<=a&&c<=p;)if(null==h)h=e[++r];else if(null==d)d=e[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(Q(h,m,l))X(h,m,l),h=e[++r],m=o[++c];else if(Q(d,y,l))X(d,y,l),d=e[--a],y=o[--p];else if(Q(h,y,l))X(h,y,l),Z(t,h.v,d.v.nextSibling),h=e[++r],y=o[--p];else if(Q(d,m,l))X(d,m,l),Z(t,d.v,h.v),d=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].p&&e[f].p===m.p){u=f;break}u>=0?(i=e[u],i.m!==m.m?s=I(e&&e[c],n,u):(X(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=I(e&&e[c],n,c),m=o[++c]),s&&Z(h.v.parentNode,s,h.v)}r>a?J(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&K(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),J(o,null,e,s,0,s.length-1)):!n&&null!==l&&K(l,0,l.length-1),B&&"svg"===i&&(B=!1)):t.i!==r&&(o.data=r)},Y=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(Y)},Z=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},et=(t,e)=>{if(t.o|=16,!(4&t.o))return tt(t,t.O),g((()=>nt(t,e)));t.o|=512},nt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return ot(void 0,(()=>st(t,n,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=L(e),l=r.get(o);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let s,i=F.get(t=t.head||t);if(i||F.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||f.createElement("style"),s.innerHTML=l;const i=null!=(n=a.C)?n:j(f);if(null!=i&&s.setAttribute("nonce",i),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(d){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&"HEAD"!==t.nodeName&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=c),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);rt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ut(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},it=null,rt=(t,e,n,o)=>{try{it=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.k,s=t.M||A(null,null),i=(t=>t&&t.m===D)(e)?e:P(null,null,e);if(C=o.tagName,n&&i.u)for(const t of Object.keys(i.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.u[t]=o[t]);i.m=null,i.o|=4,t.M=i,i.v=s.v=o.shadowRoot||o,X(s,i,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return it=null,null},ct=()=>it,ut=t=>{const e=t.$hostElement$,n=t.t,o=t.O;64&t.o||(t.o|=64,dt(e),ht(n,"componentDidLoad",void 0,e),t.P(e),o||at()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>et(t,!1))),t.o&=-517},ft=t=>{{const e=n(t),o=e.$hostElement$.isConnected;return o&&2==(18&e.o)&&et(e,!1),o}},at=()=>{b((()=>(t=>{const e=a.ce("appload",{detail:{namespace:"proto-daisy-ui"}});return t.dispatchEvent(e),e})(u)))},ht=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},dt=t=>t.classList.add("hydrated"),pt=(t,e,o,l)=>{const s=n(t);if(!s)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.A.get(e),r=s.o,c=s.t;o=T(o,l.D[e][0]),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.A.set(e,o),c&&2==(18&r)&&et(s,!1))},mt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.D){const r=Object.entries(null!=(l=e.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.D[t][0]|=2048),r&&(e.D[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.D[t][0]))return((t,e)=>n(this).A.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.A.get(t)?s=i.A.get(t):!i.A.get(t)&&n&&i.A.set(t,n),r.call(this,T(s,l)),void pt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.D[t][0]))return pt(this,t,s,e),void(1&o&&!i.t&&i.H.then((()=>{4096&e.D[t][0]&&i.t[t]!==i.A.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.A.get(t)&&n&&i.A.set(t,n),i.t[t]=T(s,l),pt(this,t,i.t[t],e)};i.t?n():i.H.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){a.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.N)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.N)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=f.head,v=y.querySelector("meta[charset]"),w=f.createElement("style"),$=[];let b,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(t.map((t=>{t[1].map((o=>{const l={o:o[0],S:o[1],D:o[2],R:o[3]};4&l.o&&(S=!0),l.D=o[2];const c=l.S,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,n)=>{const o={o:0,$hostElement$:t,k:n,A:new Map};o.H=new Promise((t=>o.P=t)),t["s-p"]=[],t["s-rc"]=[],e.set(t,o)})(t=this,l),1&l.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):a.jmp((()=>(t=>{if(!(1&a.o)){const e=n(t),o=e.k,l=()=>{};if(1&e.o)(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.O=n);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.T){const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.T;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.S}#${e.F}" was not found`);o.isProxied||(mt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){s(e,t)}e.o&=-9,r()}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=L(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.O,c=()=>et(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async t=>{if(!(1&a.o)){const e=n(t);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}F.has(t)&&F.delete(t),t.shadowRoot&&F.has(t.shadowRoot)&&F.delete(t.shadowRoot)})(this))),a.raf((()=>{var t;const e=n(this),o=$.findIndex((t=>t===this));o>-1&&$.splice(o,1),(null==(t=null==e?void 0:e.M)?void 0:t.v)instanceof Node&&!e.M.v.isConnected&&delete e.M.v}))}componentOnReady(){return n(this).H}};l.T=t[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,mt(u,l,1)))}))})),h.length>0&&(S&&(w.textContent+=c),w.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const t=null!=(l=a.C)?l:j(f);null!=t&&w.setAttribute("nonce",t),y.insertBefore(w,v?v.nextSibling:y.firstChild)}g=!1,$.length?$.map((t=>t.connectedCallback())):a.jmp((()=>b=setTimeout(at,30)))},vt=t=>a.C=t;export{yt as b,ft as f,ct as g,P as h,h as p,o as r,vt as s}

package/dist/proto-daisy-ui/p-e34f6b88.entry.js

@@ -0,0 +1 @@
+import{r,h as s}from"./p-d2868239.js";const e=class{constructor(s){r(this,s)}render(){return s("div",{key:"8efb0d64196db4eed0e7a877cd20d22593147700",class:"radial-progress text-secondary",ref:(r=this.value,s=>{const e=r>=0&&r<=100?r.toString():"0";s.style.setProperty("--size","12rem"),s.style.setProperty("--thickness","2rem"),s.style.setProperty("--value",e)})},this.value,"%");var r}};e.style="";export{e as proto_dial}

package/dist/proto-daisy-ui/{p-9a23a34c.entry.js → p-e5b33691.entry.js}

@@ -1 +1 @@
-import{r as n,h as o}from"./p-edafa8ea.js";import{a as r,s as e}from"./p-24f55561.js";const t=class{constructor(o){n(this,o)}componentDidLoad(){r.initApp()}render(){const{login:n,theme:r}=e,t=n?"proto-hero":"proto-shell";return console.log("-- TAG:",n,r,t),o(t,{key:"0b26dde4945537a7321de2a1b84de49429886c51",theme:r})}};t.style="/*! tailwindcss v4.0.3 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer utilities {\n  .menu {\n    display: flex;\n    width: fit-content;\n    flex-direction: column;\n    flex-wrap: wrap;\n    padding: calc(0.25rem * 2);\n    --menu-active-fg: var(--color-neutral-content);\n    --menu-active-bg: var(--color-neutral);\n    font-size: 0.875rem;\n    :where(li ul) {\n      position: relative;\n      margin-inline-start: calc(0.25rem * 4);\n      padding-inline-start: calc(0.25rem * 2);\n      white-space: nowrap;\n      &:before {\n        position: absolute;\n        inset-inline-start: calc(0.25rem * 0);\n        top: calc(0.25rem * 3);\n        bottom: calc(0.25rem * 3);\n        background-color: var(--color-base-content);\n        opacity: 10%;\n        width: var(--border);\n        content: '';\n      }\n    }\n    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {\n      display: none;\n    }\n    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title)) {\n      display: grid;\n      grid-auto-flow: column;\n      align-content: flex-start;\n      align-items: center;\n      gap: calc(0.25rem * 2);\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 3);\n      padding-block: calc(0.25rem * 1.5);\n      text-align: start;\n      transition-property: color, background-color, box-shadow;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      grid-auto-columns: minmax(auto, max-content) auto max-content;\n      text-wrap: balance;\n      user-select: none;\n    }\n    :where(li > details > summary) {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n    :where(li > details > summary),\n    :where(li > .menu-dropdown-toggle) {\n      &:after {\n        justify-self: flex-end;\n        display: block;\n        height: 0.375rem;\n        width: 0.375rem;\n        rotate: -135deg;\n        translate: 0 -1px;\n        transition-property: rotate, translate;\n        transition-duration: 0.2s;\n        content: '';\n        transform-origin: 50% 50%;\n        box-shadow: 2px 2px inset;\n        pointer-events: none;\n      }\n    }\n    :where(li > details[open] > summary):after,\n    :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {\n      rotate: 45deg;\n      translate: 0 1px;\n    }\n    :where(\n        li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),\n        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)\n      ):not(.menu-active, :active, .btn) {\n      &.menu-focus,\n      &:focus-visible {\n        cursor: pointer;\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        color: var(--color-base-content);\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n      }\n    }\n    :where(\n      li:not(.menu-title, .disabled)\n        > *:not(ul, details, .menu-title):not(\n          .menu-active,\n          :active,\n          .btn\n        ):hover,\n      li:not(.menu-title, .disabled)\n        > details\n        > summary:not(.menu-title):not(.menu-active, :active, .btn):hover\n    ) {\n      cursor: pointer;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      box-shadow:\n        0 1px oklch(0% 0 0 / 0.01) inset,\n        0 -1px oklch(100% 0 0 / 0.01) inset;\n    }\n    :where(li:empty) {\n      background-color: var(--color-base-content);\n      opacity: 10%;\n      margin: 0.5rem 1rem;\n      height: 1px;\n    }\n    :where(li) {\n      position: relative;\n      display: flex;\n      flex-shrink: 0;\n      flex-direction: column;\n      flex-wrap: wrap;\n      align-items: stretch;\n      .badge {\n        justify-self: flex-end;\n      }\n      & > *:not(ul, .menu-title, details, .btn):active,\n      & > *:not(ul, .menu-title, details, .btn).menu-active,\n      & > details > summary:active {\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        color: var(--menu-active-fg);\n        background-color: var(--menu-active-bg);\n        background-size: calc(var(--noise) * 1000px);\n        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\");\n        &:not(&:active) {\n          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);\n        }\n      }\n      &.menu-disabled {\n        pointer-events: none;\n        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);\n      }\n    }\n  }\n  .btn {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 1.5);\n    text-align: center;\n    vertical-align: middle;\n    text-decoration-line: none;\n    outline-offset: 2px;\n    webkit-user-select: none;\n    user-select: none;\n    padding-inline: var(--btn-p);\n    color: var(--btn-fg);\n    height: var(--size);\n    font-size: 0.875rem;\n    font-weight: 600;\n    outline-color: var(--btn-color, var(--color-base-content));\n    transition-property: color, background-color, border-color, box-shadow;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    border-start-start-radius: var(--join-ss, var(--radius-field));\n    border-start-end-radius: var(--join-se, var(--radius-field));\n    border-end-start-radius: var(--join-es, var(--radius-field));\n    border-end-end-radius: var(--join-ee, var(--radius-field));\n    background-color: var(--btn-bg);\n    background-size: calc(var(--noise) * 100%);\n    background-image: var(--btn-noise);\n    border-width: var(--border);\n    border-style: solid;\n    border-color: var(--btn-border);\n    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));\n    box-shadow:\n      0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,\n      var(--btn-shadow);\n    --size: calc(var(--size-field, 0.25rem) * 10);\n    --btn-bg: var(--btn-color, var(--color-base-200));\n    --btn-fg: var(--color-base-content);\n    --btn-p: 1rem;\n    --btn-border: color-mix(\n      in oklab,\n      var(--btn-bg),\n      black calc(var(--depth) * 5%)\n    );\n    --btn-shadow: 0 3px 2px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n      0 4px 3px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent);\n    --btn-noise: 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\");\n    &:hover {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n    }\n    &.btn-active {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n      isolation: isolate;\n    }\n    &:focus-visible {\n      outline-width: 2px;\n      outline-style: solid;\n    }\n    &:active:not(.btn-active) {\n      translate: 0 0.5px;\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 5%\n      );\n      --btn-border: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n    }\n    &:is(:disabled, [disabled], .btn-disabled) {\n      &:not(.btn-link, .btn-ghost) {\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        box-shadow: none;\n      }\n      pointer-events: none;\n      --btn-border: transparent;\n      --btn-noise: none;\n      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, transparent);\n      &:hover {\n        pointer-events: none;\n        background-color: color-mix(\n          in oklab,\n          var(--color-neutral) 20%,\n          transparent\n        );\n        --btn-border: transparent;\n        --btn-fg: color-mix(\n          in oklch,\n          var(--color-base-content) 20%,\n          transparent\n        );\n      }\n    }\n    &:is(input[type='checkbox'], input[type='radio']) {\n      appearance: none;\n      &::after {\n        content: attr(aria-label);\n      }\n      &:checked {\n        --btn-color: var(--color-primary);\n        --btn-bg: var(--color-primary);\n        --btn-fg: var(--color-primary-content);\n        --btn-border: var(--color-primary);\n        &:focus-visible {\n          outline-color: var(--color-primary);\n        }\n        &:hover {\n          --btn-bg: color-mix(in oklab, var(--color-primary) 90%, black);\n          --btn-border: color-mix(in oklab, var(--color-primary) 90%, black);\n        }\n      }\n    }\n  }\n  .tooltip {\n    position: relative;\n    display: inline-block;\n    --tt-bg: var(--color-neutral);\n    --tt-off: calc(100% + 0.5rem);\n    --tt-tail: calc(100% + 1px + 0.25rem);\n    > :where(.tooltip-content),\n    &[data-tip]:before {\n      position: absolute;\n      max-width: 20rem;\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 2);\n      padding-block: calc(0.25rem * 1);\n      text-align: center;\n      white-space: normal;\n      color: var(--color-neutral-content);\n      opacity: 0%;\n      font-size: 0.875rem;\n      line-height: 1.25em;\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      background-color: var(--tt-bg);\n      width: max-content;\n      pointer-events: none;\n      z-index: 1;\n      --tw-content: attr(data-tip);\n      content: var(--tw-content);\n    }\n    &:after {\n      position: absolute;\n      position: absolute;\n      opacity: 0%;\n      background-color: var(--tt-bg);\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      content: '';\n      pointer-events: none;\n      width: 0.625rem;\n      height: 0.25rem;\n      display: block;\n      mask-repeat: no-repeat;\n      mask-position: -1px 0;\n      mask-image: url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\");\n    }\n    &.tooltip-open,\n    &[data-tip]:hover,\n    &:hover,\n    &:has(:focus-visible) {\n      > .tooltip-content,\n      &[data-tip]:before,\n      &:after {\n        opacity: 100%;\n        --tt-pos: 0rem;\n        transition:\n          opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n          transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      }\n    }\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-off) 50%;\n    }\n    &:after {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-tail) 50%;\n    }\n  }\n  .dropdown {\n    position: relative;\n    display: inline-block;\n    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\n    & > *:not(summary):focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    .dropdown-content {\n      position: absolute;\n    }\n    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {\n      .dropdown-content {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n    &[popover],\n    .dropdown-content {\n      @starting-style {\n        scale: 95%;\n      }\n      @starting-style {\n        opacity: 0;\n      }\n      z-index: 999;\n      animation: dropdown 0.2s;\n      transition-property: opacity, scale, display;\n      transition-behavior: allow-discrete;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    &.dropdown-open,\n    &:not(.dropdown-hover):focus,\n    &:focus-within {\n      [tabindex]:first-child {\n        pointer-events: none;\n      }\n      .dropdown-content {\n        opacity: 100%;\n      }\n    }\n    &.dropdown-hover:hover {\n      .dropdown-content {\n        opacity: 100%;\n        scale: 100%;\n      }\n    }\n    &:is(details) {\n      summary {\n        &::-webkit-details-marker {\n          display: none;\n        }\n      }\n    }\n    &.dropdown-open,\n    &:focus,\n    &:focus-within {\n      .dropdown-content {\n        scale: 100%;\n      }\n    }\n    &:where([popover]) {\n      background: transparent;\n    }\n    &[popover] {\n      position: fixed;\n      color: inherit;\n      @supports not (position-area: bottom) {\n        margin: auto;\n        &.dropdown-open:not(:popover-open) {\n          display: none;\n          transform-origin: top;\n          opacity: 0%;\n          scale: 95%;\n        }\n        &::backdrop {\n          background-color: color-mix(in oklab, black 30%, transparent);\n        }\n      }\n      &:not(.dropdown-open, :popover-open) {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n  }\n  .table {\n    font-size: 0.875rem;\n    position: relative;\n    width: 100%;\n    border-radius: var(--radius-box);\n    text-align: left;\n    &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {\n      text-align: right;\n    }\n    tr.row-hover {\n      &,\n      &:nth-child(even) {\n        &:hover {\n          @media (hover: hover) {\n            background-color: var(--color-base-200);\n          }\n        }\n      }\n    }\n    :where(th, td) {\n      padding-inline: calc(0.25rem * 4);\n      padding-block: calc(0.25rem * 3);\n      vertical-align: middle;\n    }\n    :where(thead, tfoot) {\n      white-space: nowrap;\n      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n      font-size: 0.875rem;\n      font-weight: 600;\n    }\n    :where(tfoot) {\n      border-top: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n    :where(.table-pin-rows thead tr) {\n      position: sticky;\n      top: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-rows tfoot tr) {\n      position: sticky;\n      bottom: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-cols tr th) {\n      position: sticky;\n      right: calc(0.25rem * 0);\n      left: calc(0.25rem * 0);\n      background-color: var(--color-base-100);\n    }\n    :where(\n      thead tr,\n      tbody tr:not(:last-child),\n      tbody tr:first-child:last-child\n    ) {\n      border-bottom: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n  }\n  .list {\n    display: flex;\n    flex-direction: column;\n    font-size: 0.875rem;\n    .list-row {\n      --list-grid-cols: minmax(0, auto) 1fr;\n      position: relative;\n      display: grid;\n      grid-auto-flow: column;\n      gap: calc(0.25rem * 4);\n      border-radius: var(--radius-box);\n      padding: calc(0.25rem * 4);\n      word-break: break-word;\n      grid-template-columns: var(--list-grid-cols);\n      &:has(.list-col-grow:nth-child(1)) {\n        --list-grid-cols: 1fr;\n      }\n      &:has(.list-col-grow:nth-child(2)) {\n        --list-grid-cols: minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(3)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(4)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(5)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(6)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      :not(.list-col-wrap) {\n        grid-row-start: 1;\n      }\n    }\n    & > :not(:last-child) {\n      &.list-row,\n      .list-row {\n        &:after {\n          content: '';\n          border-bottom: var(--border) solid;\n          inset-inline: var(--radius-box);\n          position: absolute;\n          bottom: calc(0.25rem * 0);\n          border-color: color-mix(\n            in oklab,\n            var(--color-base-content) 5%,\n            transparent\n          );\n        }\n      }\n    }\n  }\n  .radial-progress {\n    position: relative;\n    display: inline-grid;\n    height: var(--size);\n    width: var(--size);\n    place-content: center;\n    border-radius: calc(infinity * 1px);\n    background-color: transparent;\n    vertical-align: middle;\n    box-sizing: content-box;\n    --value: 0;\n    --size: 5rem;\n    --thickness: calc(var(--size) / 10);\n    --radialprogress: calc(var(--value) * 1%);\n    transition: --radialprogress 0.3s linear;\n    &:before {\n      position: absolute;\n      inset: calc(0.25rem * 0);\n      border-radius: calc(infinity * 1px);\n      content: '';\n      background:\n        radial-gradient(farthest-side, currentColor 98%, #0000)\n          top/var(--thickness) var(--thickness) no-repeat,\n        conic-gradient(currentColor var(--radialprogress), #0000 0);\n      webkit-mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n      mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n    }\n    &:after {\n      position: absolute;\n      border-radius: calc(infinity * 1px);\n      background-color: currentColor;\n      transition: transform 0.3s linear;\n      content: '';\n      inset: calc(50% - var(--thickness) / 2);\n      transform: rotate(calc(var(--value) * 3.6deg - 90deg))\n        translate(calc(var(--size) / 2 - 50%));\n    }\n  }\n  .progress {\n    position: relative;\n    height: calc(0.25rem * 2);\n    width: 100%;\n    appearance: none;\n    overflow: hidden;\n    border-radius: var(--radius-box);\n    background-color: color-mix(in oklab, currentColor 20%, transparent);\n    color: var(--color-base-content);\n    &:indeterminate {\n      background-image: repeating-linear-gradient(\n        90deg,\n        currentColor -1%,\n        currentColor 10%,\n        transparent 10%,\n        transparent 90%\n      );\n      background-size: 200%;\n      background-position-x: 15%;\n      animation: progress 5s ease-in-out infinite;\n      @supports (-moz-appearance: none) {\n        &::-moz-progress-bar {\n          background-color: transparent;\n          background-image: repeating-linear-gradient(\n            90deg,\n            currentColor -1%,\n            currentColor 10%,\n            transparent 10%,\n            transparent 90%\n          );\n          background-size: 200%;\n          background-position-x: 15%;\n          animation: progress 5s ease-in-out infinite;\n        }\n      }\n    }\n    @supports (-moz-appearance: none) {\n      &::-moz-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n    @supports (-webkit-appearance: none) {\n      &::-webkit-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: transparent;\n      }\n      &::-webkit-progress-value {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n  }\n  .stats {\n    position: relative;\n    display: inline-grid;\n    grid-auto-flow: column;\n    overflow-x: auto;\n    border-radius: var(--radius-box);\n  }\n  .tooltip-left {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))\n        translateY(-50%);\n      inset: 50% var(--tt-off) auto auto;\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)\n        rotate(-90deg);\n      inset: 50% calc(var(--tt-tail) + 1px) auto auto;\n    }\n  }\n  .tooltip-right {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))\n        translateY(-50%);\n      inset: 50% auto auto var(--tt-off);\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)\n        rotate(90deg);\n      inset: 50% auto auto calc(var(--tt-tail) + 1px);\n    }\n  }\n  .dropdown-end {\n    --anchor-h: span-left;\n    :where(.dropdown-content) {\n      inset-inline-end: calc(0.25rem * 0);\n    }\n    &.dropdown-left {\n      --anchor-h: left;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n    &.dropdown-right {\n      --anchor-h: right;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n  }\n  .hero {\n    display: grid;\n    width: 100%;\n    place-items: center;\n    background-size: cover;\n    background-position: center;\n    & > * {\n      grid-column-start: 1;\n      grid-row-start: 1;\n    }\n  }\n  .stat-desc {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-title {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-value {\n    grid-column-start: 1;\n    white-space: nowrap;\n    font-size: 2rem;\n    font-weight: 800;\n  }\n  .m-1 {\n    margin: calc(var(--spacing) * 1);\n  }\n  .filter {\n    display: flex;\n    flex-wrap: wrap;\n    input[type='radio'] {\n      width: auto;\n    }\n    input {\n      overflow: hidden;\n      opacity: 100%;\n      scale: 1;\n      transition:\n        margin 0.1s,\n        opacity 0.3s,\n        padding 0.3s,\n        border-width 0.1s,\n        width 0.1s allow-discrete;\n      &:not(:last-child) {\n        margin-inline-end: calc(0.25rem * 1);\n      }\n      &.filter-reset {\n        aspect-ratio: 1 / 1;\n        &::after {\n          content: '×';\n        }\n      }\n    }\n    &:not(:has(input:checked:not(.filter-reset))) {\n      .filter-reset,\n      input[type='reset'] {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n    &:has(input:checked:not(.filter-reset)) {\n      input:not(:checked, .filter-reset, input[type='reset']) {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n  }\n  .divider-horizontal {\n    &.divider {\n      margin-inline: calc(0.25rem * 4);\n      margin-block: calc(0.25rem * 0);\n      height: auto;\n      width: calc(0.25rem * 4);\n      flex-direction: column;\n      &:before {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n      &:after {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n    }\n  }\n  .divider {\n    margin-block: calc(0.25rem * 4);\n    display: flex;\n    height: calc(0.25rem * 4);\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    white-space: nowrap;\n    &:before,\n    &:after {\n      content: '';\n      height: calc(0.25rem * 0.5);\n      width: 100%;\n      flex-grow: 1;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      @media print {\n        border: 0.5px solid;\n      }\n    }\n    &:not(:empty) {\n      gap: calc(0.25rem * 4);\n    }\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .alert {\n    display: grid;\n    align-items: center;\n    gap: calc(0.25rem * 4);\n    border-radius: var(--radius-box);\n    padding-inline: calc(0.25rem * 4);\n    padding-block: calc(0.25rem * 3);\n    color: var(--color-base-content);\n    background-color: var(--alert-color, var(--color-base-200));\n    justify-content: start;\n    justify-items: start;\n    grid-auto-flow: column;\n    grid-template-columns: auto minmax(auto, 1fr);\n    text-align: start;\n    border: var(--border) solid var(--color-base-200);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    box-shadow:\n      0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\n      0 1px\n        color-mix(\n          in oklab,\n          color-mix(\n              in oklab,\n              black 20%,\n              var(--alert-color, var(--color-base-200))\n            )\n            calc(var(--depth) * 20%),\n          transparent\n        ),\n      0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\n    &.alert-outline {\n      background-color: transparent;\n      color: var(--alert-color);\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-dash {\n      background-color: transparent;\n      color: var(--alert-color);\n      border-style: dashed;\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-soft {\n      color: var(--alert-color, var(--color-base-content));\n      background: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      box-shadow: none;\n      background-image: none;\n    }\n  }\n  .badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 2);\n    border-radius: var(--radius-selector);\n    vertical-align: middle;\n    color: var(--color-base-content);\n    border: var(--border) solid var(--badge-color, var(--color-base-200));\n    font-size: 0.875rem;\n    width: fit-content;\n    padding-inline: calc(0.25rem * 3 - var(--border));\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    background-color: var(--badge-color, var(--color-base-100));\n    --size: calc(var(--size-selector, 0.25rem) * 6);\n    height: var(--size);\n    &.badge-outline {\n      color: var(--badge-color, var(--color-base-content));\n      border-color: currentColor;\n      background-color: transparent;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-dash {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: transparent;\n      border-style: dashed;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-soft {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      background-image: none;\n      box-shadow: none;\n    }\n  }\n  .footer {\n    display: grid;\n    width: 100%;\n    grid-auto-flow: row;\n    place-items: start;\n    column-gap: calc(0.25rem * 4);\n    row-gap: calc(0.25rem * 10);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    & > * {\n      display: grid;\n      place-items: start;\n      gap: calc(0.25rem * 2);\n    }\n    &.footer-center {\n      grid-auto-flow: column dense;\n      place-items: center;\n      text-align: center;\n      & > * {\n        place-items: center;\n      }\n    }\n  }\n  .hero-content {\n    display: flex;\n    max-width: 80rem;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 4);\n    padding: calc(0.25rem * 4);\n  }\n  .join {\n    display: inline-flex;\n    align-items: stretch;\n    --join-ss: 0;\n    --join-se: 0;\n    --join-es: 0;\n    --join-ee: 0;\n    :where(.join-item) {\n      border-start-start-radius: var(--join-ss, 0);\n      border-start-end-radius: var(--join-se, 0);\n      border-end-start-radius: var(--join-es, 0);\n      border-end-end-radius: var(--join-ee, 0);\n    }\n    > .join-item:where(:first-child) {\n      --join-ss: var(--radius-field);\n      --join-se: 0;\n      --join-es: var(--radius-field);\n      --join-ee: 0;\n    }\n    :first-child:not(:last-child) {\n      :where(.join-item) {\n        --join-ss: var(--radius-field);\n        --join-se: 0;\n        --join-es: var(--radius-field);\n        --join-ee: 0;\n      }\n    }\n    > .join-item:where(:last-child) {\n      --join-ss: 0;\n      --join-se: var(--radius-field);\n      --join-es: 0;\n      --join-ee: var(--radius-field);\n    }\n    :last-child:not(:first-child) {\n      :where(.join-item) {\n        --join-ss: 0;\n        --join-se: var(--radius-field);\n        --join-es: 0;\n        --join-ee: var(--radius-field);\n      }\n    }\n  }\n  .label {\n    display: inline-flex;\n    align-items: center;\n    gap: calc(0.25rem * 1.5);\n    white-space: nowrap;\n    color: color-mix(in oklab, currentColor 60%, transparent);\n    &:has(input) {\n      cursor: pointer;\n    }\n  }\n  .stat {\n    display: inline-grid;\n    width: 100%;\n    column-gap: calc(0.25rem * 4);\n    padding-inline: calc(0.25rem * 6);\n    padding-block: calc(0.25rem * 4);\n    grid-template-columns: repeat(1, 1fr);\n    &:not(:last-child) {\n      border-inline-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n      border-block-end: none;\n    }\n  }\n  .navbar {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    padding: 0.5rem;\n    min-height: 4rem;\n  }\n  .flex {\n    display: flex;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .table {\n    display: table;\n  }\n  .btn-square {\n    padding-inline: calc(0.25rem * 0);\n    width: var(--size);\n    height: var(--size);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-52 {\n    width: calc(var(--spacing) * 52);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-auto {\n    flex: auto;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .link {\n    cursor: pointer;\n    text-decoration-line: underline;\n    &:focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    &:focus-visible {\n      outline: 2px solid currentColor;\n      outline-offset: 2px;\n    }\n  }\n  .stats-vertical {\n    grid-auto-flow: row;\n    overflow-y: auto;\n    .stat:not(:last-child) {\n      border-inline-end: none;\n      border-block-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n    }\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .alert-info {\n    border-color: var(--color-info);\n    color: var(--color-info-content);\n    --alert-color: var(--color-info);\n  }\n  .bg-accent {\n    background-color: var(--color-accent);\n  }\n  .bg-base-100 {\n    background-color: var(--color-base-100);\n  }\n  .bg-base-200 {\n    background-color: var(--color-base-200);\n  }\n  .bg-clrs-slate {\n    background-color: var(--clrs-slate, #708090);\n  }\n  .bg-neutral {\n    background-color: var(--color-neutral);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .fill-current {\n    fill: currentColor;\n  }\n  .stroke-current {\n    stroke: currentColor;\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-accent-content {\n    color: var(--color-accent-content);\n  }\n  .text-neutral-content {\n    color: var(--color-neutral-content);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-secondary-content {\n    color: var(--color-secondary-content);\n  }\n  .tooltip-warning {\n    --tt-bg: var(--color-warning);\n    > .tooltip-content,\n    &[data-tip]:before {\n      color: var(--color-warning-content);\n    }\n  }\n  .normal-case {\n    text-transform: none;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-ghost {\n    &:not(.btn-active, :hover, :active:focus, :focus-visible) {\n      --btn-shadow: '';\n      --btn-bg: transparent;\n      --btn-border: transparent;\n      --btn-noise: none;\n      &:not(:disabled, [disabled], .btn-disabled) {\n        outline-color: currentColor;\n        --btn-fg: currentColor;\n      }\n    }\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .btn-primary {\n    --btn-color: var(--color-primary);\n    --btn-fg: var(--color-primary-content);\n  }\n  .lg\\:flex {\n    @media (width >= 64rem) {\n      display: flex;\n    }\n  }\n  .lg\\:inline-block {\n    @media (width >= 64rem) {\n      display: inline-block;\n    }\n  }\n  .lg\\:stats-horizontal {\n    @media (width >= 64rem) {\n      grid-auto-flow: column;\n      overflow-x: auto;\n      .stat:not(:last-child) {\n        border-inline-end: var(--border) dashed\n          color-mix(in oklab, currentColor 10%, transparent);\n        border-block-end: none;\n      }\n    }\n  }\n}\n@layer base {\n  :where(:root),\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  @media (prefers-color-scheme: dark) {\n    :root {\n      color-scheme: dark;\n      --color-base-100: oklch(25.33% 0.016 252.42);\n      --color-base-200: oklch(23.26% 0.014 253.1);\n      --color-base-300: oklch(21.15% 0.012 254.09);\n      --color-base-content: oklch(97.807% 0.029 256.847);\n      --color-primary: oklch(58% 0.233 277.117);\n      --color-primary-content: oklch(96% 0.018 272.314);\n      --color-secondary: oklch(65% 0.241 354.308);\n      --color-secondary-content: oklch(94% 0.028 342.258);\n      --color-accent: oklch(77% 0.152 181.912);\n      --color-accent-content: oklch(38% 0.063 188.416);\n      --color-neutral: oklch(14% 0.005 285.823);\n      --color-neutral-content: oklch(92% 0.004 286.32);\n      --color-info: oklch(74% 0.16 232.661);\n      --color-info-content: oklch(29% 0.066 243.157);\n      --color-success: oklch(76% 0.177 163.223);\n      --color-success-content: oklch(37% 0.077 168.94);\n      --color-warning: oklch(82% 0.189 84.429);\n      --color-warning-content: oklch(41% 0.112 45.904);\n      --color-error: oklch(71% 0.194 13.428);\n      --color-error-content: oklch(27% 0.105 12.094);\n      --radius-selector: 0.5rem;\n      --radius-field: 0.25rem;\n      --radius-box: 0.5rem;\n      --size-selector: 0.25rem;\n      --size-field: 0.25rem;\n      --border: 1px;\n      --depth: 1;\n      --noise: 0;\n    }\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='dark']:checked),\n  [data-theme='dark'] {\n    color-scheme: dark;\n    --color-base-100: oklch(25.33% 0.016 252.42);\n    --color-base-200: oklch(23.26% 0.014 253.1);\n    --color-base-300: oklch(21.15% 0.012 254.09);\n    --color-base-content: oklch(97.807% 0.029 256.847);\n    --color-primary: oklch(58% 0.233 277.117);\n    --color-primary-content: oklch(96% 0.018 272.314);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='aqua']:checked),\n  [data-theme='aqua'] {\n    color-scheme: dark;\n    --color-base-100: oklch(37% 0.146 265.522);\n    --color-base-200: oklch(28% 0.091 267.935);\n    --color-base-300: oklch(22% 0.091 267.935);\n    --color-base-content: oklch(90% 0.058 230.902);\n    --color-primary: oklch(85.661% 0.144 198.645);\n    --color-primary-content: oklch(40.124% 0.068 197.603);\n    --color-secondary: oklch(60.682% 0.108 309.782);\n    --color-secondary-content: oklch(96% 0.016 293.756);\n    --color-accent: oklch(93.426% 0.102 94.555);\n    --color-accent-content: oklch(18.685% 0.02 94.555);\n    --color-neutral: oklch(27% 0.146 265.522);\n    --color-neutral-content: oklch(80% 0.146 265.522);\n    --color-info: oklch(54.615% 0.215 262.88);\n    --color-info-content: oklch(90.923% 0.043 262.88);\n    --color-success: oklch(62.705% 0.169 149.213);\n    --color-success-content: oklch(12.541% 0.033 149.213);\n    --color-warning: oklch(66.584% 0.157 58.318);\n    --color-warning-content: oklch(27% 0.077 45.635);\n    --color-error: oklch(73.95% 0.19 27.33);\n    --color-error-content: oklch(14.79% 0.038 27.33);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='business']:checked),\n  [data-theme='business'] {\n    color-scheme: dark;\n    --color-base-100: oklch(24.353% 0 0);\n    --color-base-200: oklch(22.648% 0 0);\n    --color-base-300: oklch(20.944% 0 0);\n    --color-base-content: oklch(84.87% 0 0);\n    --color-primary: oklch(41.703% 0.099 251.473);\n    --color-primary-content: oklch(88.34% 0.019 251.473);\n    --color-secondary: oklch(64.092% 0.027 229.389);\n    --color-secondary-content: oklch(12.818% 0.005 229.389);\n    --color-accent: oklch(67.271% 0.167 35.791);\n    --color-accent-content: oklch(13.454% 0.033 35.791);\n    --color-neutral: oklch(27.441% 0.013 253.041);\n    --color-neutral-content: oklch(85.488% 0.002 253.041);\n    --color-info: oklch(62.616% 0.143 240.033);\n    --color-info-content: oklch(12.523% 0.028 240.033);\n    --color-success: oklch(70.226% 0.094 156.596);\n    --color-success-content: oklch(14.045% 0.018 156.596);\n    --color-warning: oklch(77.482% 0.115 81.519);\n    --color-warning-content: oklch(15.496% 0.023 81.519);\n    --color-error: oklch(51.61% 0.146 29.674);\n    --color-error-content: oklch(90.322% 0.029 29.674);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='corporate']:checked),\n  [data-theme='corporate'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(22.389% 0.031 278.072);\n    --color-primary: oklch(58% 0.158 241.966);\n    --color-primary-content: oklch(100% 0 0);\n    --color-secondary: oklch(55% 0.046 257.417);\n    --color-secondary-content: oklch(100% 0 0);\n    --color-accent: oklch(60% 0.118 184.704);\n    --color-accent-content: oklch(100% 0 0);\n    --color-neutral: oklch(0% 0 0);\n    --color-neutral-content: oklch(100% 0 0);\n    --color-info: oklch(60% 0.126 221.723);\n    --color-info-content: oklch(100% 0 0);\n    --color-success: oklch(62% 0.194 149.214);\n    --color-success-content: oklch(100% 0 0);\n    --color-warning: oklch(85% 0.199 91.936);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(70% 0.191 22.216);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 0.25rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='fantasy']:checked),\n  [data-theme='fantasy'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(27.807% 0.029 256.847);\n    --color-primary: oklch(37.45% 0.189 325.02);\n    --color-primary-content: oklch(87.49% 0.037 325.02);\n    --color-secondary: oklch(53.92% 0.162 241.36);\n    --color-secondary-content: oklch(90.784% 0.032 241.36);\n    --color-accent: oklch(75.98% 0.204 56.72);\n    --color-accent-content: oklch(15.196% 0.04 56.72);\n    --color-neutral: oklch(27.807% 0.029 256.847);\n    --color-neutral-content: oklch(85.561% 0.005 256.847);\n    --color-info: oklch(72.06% 0.191 231.6);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(64.8% 0.15 160);\n    --color-success-content: oklch(0% 0 0);\n    --color-warning: oklch(84.71% 0.199 83.87);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(71.76% 0.221 22.18);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='night']:checked),\n  [data-theme='night'] {\n    color-scheme: dark;\n    --color-base-100: oklch(20.768% 0.039 265.754);\n    --color-base-200: oklch(19.314% 0.037 265.754);\n    --color-base-300: oklch(17.86% 0.034 265.754);\n    --color-base-content: oklch(84.153% 0.007 265.754);\n    --color-primary: oklch(75.351% 0.138 232.661);\n    --color-primary-content: oklch(15.07% 0.027 232.661);\n    --color-secondary: oklch(68.011% 0.158 276.934);\n    --color-secondary-content: oklch(13.602% 0.031 276.934);\n    --color-accent: oklch(72.36% 0.176 350.048);\n    --color-accent-content: oklch(14.472% 0.035 350.048);\n    --color-neutral: oklch(27.949% 0.036 260.03);\n    --color-neutral-content: oklch(85.589% 0.007 260.03);\n    --color-info: oklch(68.455% 0.148 237.251);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(78.452% 0.132 181.911);\n    --color-success-content: oklch(15.69% 0.026 181.911);\n    --color-warning: oklch(83.242% 0.139 82.95);\n    --color-warning-content: oklch(16.648% 0.027 82.95);\n    --color-error: oklch(71.785% 0.17 13.118);\n    --color-error-content: oklch(14.357% 0.034 13.118);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='winter']:checked),\n  [data-theme='winter'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97.466% 0.011 259.822);\n    --color-base-300: oklch(93.268% 0.016 262.751);\n    --color-base-content: oklch(41.886% 0.053 255.824);\n    --color-primary: oklch(56.86% 0.255 257.57);\n    --color-primary-content: oklch(91.372% 0.051 257.57);\n    --color-secondary: oklch(42.551% 0.161 282.339);\n    --color-secondary-content: oklch(88.51% 0.032 282.339);\n    --color-accent: oklch(59.939% 0.191 335.171);\n    --color-accent-content: oklch(11.988% 0.038 335.171);\n    --color-neutral: oklch(19.616% 0.063 257.651);\n    --color-neutral-content: oklch(83.923% 0.012 257.651);\n    --color-info: oklch(88.127% 0.085 214.515);\n    --color-info-content: oklch(17.625% 0.017 214.515);\n    --color-success: oklch(80.494% 0.077 197.823);\n    --color-success-content: oklch(16.098% 0.015 197.823);\n    --color-warning: oklch(89.172% 0.045 71.47);\n    --color-warning-content: oklch(17.834% 0.009 71.47);\n    --color-error: oklch(73.092% 0.11 20.076);\n    --color-error-content: oklch(14.618% 0.022 20.076);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='wireframe']:checked),\n  [data-theme='wireframe'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97% 0 0);\n    --color-base-300: oklch(94% 0 0);\n    --color-base-content: oklch(20% 0 0);\n    --color-primary: oklch(87% 0 0);\n    --color-primary-content: oklch(26% 0 0);\n    --color-secondary: oklch(87% 0 0);\n    --color-secondary-content: oklch(26% 0 0);\n    --color-accent: oklch(87% 0 0);\n    --color-accent-content: oklch(26% 0 0);\n    --color-neutral: oklch(87% 0 0);\n    --color-neutral-content: oklch(26% 0 0);\n    --color-info: oklch(44% 0.11 240.79);\n    --color-info-content: oklch(90% 0.058 230.902);\n    --color-success: oklch(43% 0.095 166.913);\n    --color-success-content: oklch(90% 0.093 164.15);\n    --color-warning: oklch(47% 0.137 46.201);\n    --color-warning-content: oklch(92% 0.12 95.746);\n    --color-error: oklch(44% 0.177 26.899);\n    --color-error-content: oklch(88% 0.062 18.334);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root,\n  [data-theme] {\n    background-color: var(--root-bg, var(--color-base-100));\n    color: var(--color-base-content);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::backdrop,\n  ::before,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  :host,\n  html {\n    line-height: 1.5;\n    font-family: var(\n      --default-font-family,\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      'Apple Color Emoji',\n      'Segoe UI Emoji',\n      'Segoe UI Symbol',\n      'Noto Color Emoji'\n    );\n    webkit-tap-highlight-color: transparent;\n  }\n  body {\n    line-height: inherit;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  ::file-selector-button,\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    background: 0 0;\n  }\n  input:where(:not([type='button'], [type='reset'], [type='submit'])),\n  select,\n  textarea {\n    border-width: 1px;\n  }\n  ::file-selector-button,\n  button,\n  input:where([type='button'], [type='reset'], [type='submit']) {\n    appearance: button;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  ::-webkit-search-decoration {\n    webkit-appearance: none;\n  }\n  menu,\n  ol,\n  ul {\n    list-style: none;\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::placeholder {\n    opacity: 1;\n    color: color-mix(in oklch, currentColor 50%, transparent);\n  }\n  audio,\n  canvas,\n  embed,\n  iframe,\n  img,\n  object,\n  svg,\n  video {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n}\n@layer base {\n  :where(\n    :root:has(\n        .modal-open,\n        .modal[open],\n        .modal:target,\n        .modal-toggle:checked,\n        .drawer:not(.drawer-open) > .drawer-toggle:checked\n      )\n  ) {\n    scrollbar-gutter: stable;\n    background-image: linear-gradient(\n      var(--color-base-100),\n      var(--color-base-100)\n    );\n    --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);\n  }\n}\n@layer base {\n  @property --radialprogress {\n    syntax: '<percentage>';\n    inherits: true;\n    initial-value: 0%;\n  }\n}\n@layer base {\n  :root:has(\n      .modal-open,\n      .modal[open],\n      .modal:target,\n      .modal-toggle:checked,\n      .drawer:not([class*='drawer-open']) > .drawer-toggle:checked\n    ) {\n    overflow: hidden;\n  }\n}\n@layer base {\n  :root {\n    scrollbar-color: color-mix(in oklch, currentColor 35%, transparent)\n      transparent;\n  }\n}\n@keyframes dropdown {\n  0% {\n    opacity: 0;\n  }\n}\n@keyframes rating {\n  0%,\n  40% {\n    scale: 1.1;\n    filter: brightness(1.05) contrast(1.05);\n  }\n}\n@keyframes radio {\n  0% {\n    padding: 5px;\n  }\n  50% {\n    padding: 3px;\n  }\n}\n@keyframes progress {\n  50% {\n    background-position-x: -115%;\n  }\n}\n@keyframes skeleton {\n  0% {\n    background-position: 150%;\n  }\n  100% {\n    background-position: -50%;\n  }\n}\n@keyframes toast {\n  0% {\n    scale: 0.9;\n    opacity: 0;\n  }\n  100% {\n    scale: 1;\n    opacity: 1;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%,\n  100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n";export{t as proto_daisy_ui}
+import{r as n,h as o}from"./p-d2868239.js";import{a as r,s as e}from"./p-0a251ac2.js";const t=class{constructor(o){n(this,o)}componentDidLoad(){r.initApp()}render(){const{login:n,theme:r}=e,t=n?"proto-hero":"proto-shell";return console.log("-- TAG:",n,r,t),o(t,{key:"0b26dde4945537a7321de2a1b84de49429886c51",theme:r})}};t.style="/*! tailwindcss v4.0.3 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer utilities {\n  .menu {\n    display: flex;\n    width: fit-content;\n    flex-direction: column;\n    flex-wrap: wrap;\n    padding: calc(0.25rem * 2);\n    --menu-active-fg: var(--color-neutral-content);\n    --menu-active-bg: var(--color-neutral);\n    font-size: 0.875rem;\n    :where(li ul) {\n      position: relative;\n      margin-inline-start: calc(0.25rem * 4);\n      padding-inline-start: calc(0.25rem * 2);\n      white-space: nowrap;\n      &:before {\n        position: absolute;\n        inset-inline-start: calc(0.25rem * 0);\n        top: calc(0.25rem * 3);\n        bottom: calc(0.25rem * 3);\n        background-color: var(--color-base-content);\n        opacity: 10%;\n        width: var(--border);\n        content: '';\n      }\n    }\n    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {\n      display: none;\n    }\n    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title)) {\n      display: grid;\n      grid-auto-flow: column;\n      align-content: flex-start;\n      align-items: center;\n      gap: calc(0.25rem * 2);\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 3);\n      padding-block: calc(0.25rem * 1.5);\n      text-align: start;\n      transition-property: color, background-color, box-shadow;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n      grid-auto-columns: minmax(auto, max-content) auto max-content;\n      text-wrap: balance;\n      user-select: none;\n    }\n    :where(li > details > summary) {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n    :where(li > details > summary),\n    :where(li > .menu-dropdown-toggle) {\n      &:after {\n        justify-self: flex-end;\n        display: block;\n        height: 0.375rem;\n        width: 0.375rem;\n        rotate: -135deg;\n        translate: 0 -1px;\n        transition-property: rotate, translate;\n        transition-duration: 0.2s;\n        content: '';\n        transform-origin: 50% 50%;\n        box-shadow: 2px 2px inset;\n        pointer-events: none;\n      }\n    }\n    :where(li > details[open] > summary):after,\n    :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {\n      rotate: 45deg;\n      translate: 0 1px;\n    }\n    :where(\n        li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),\n        li:not(.menu-title, .disabled) > details > summary:not(.menu-title)\n      ):not(.menu-active, :active, .btn) {\n      &.menu-focus,\n      &:focus-visible {\n        cursor: pointer;\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        color: var(--color-base-content);\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n      }\n    }\n    :where(\n      li:not(.menu-title, .disabled)\n        > *:not(ul, details, .menu-title):not(\n          .menu-active,\n          :active,\n          .btn\n        ):hover,\n      li:not(.menu-title, .disabled)\n        > details\n        > summary:not(.menu-title):not(.menu-active, :active, .btn):hover\n    ) {\n      cursor: pointer;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n      box-shadow:\n        0 1px oklch(0% 0 0 / 0.01) inset,\n        0 -1px oklch(100% 0 0 / 0.01) inset;\n    }\n    :where(li:empty) {\n      background-color: var(--color-base-content);\n      opacity: 10%;\n      margin: 0.5rem 1rem;\n      height: 1px;\n    }\n    :where(li) {\n      position: relative;\n      display: flex;\n      flex-shrink: 0;\n      flex-direction: column;\n      flex-wrap: wrap;\n      align-items: stretch;\n      .badge {\n        justify-self: flex-end;\n      }\n      & > *:not(ul, .menu-title, details, .btn):active,\n      & > *:not(ul, .menu-title, details, .btn).menu-active,\n      & > details > summary:active {\n        outline-style: none;\n        @media (forced-colors: active) {\n          outline: 2px solid transparent;\n          outline-offset: 2px;\n        }\n        color: var(--menu-active-fg);\n        background-color: var(--menu-active-bg);\n        background-size: calc(var(--noise) * 1000px);\n        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\");\n        &:not(&:active) {\n          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);\n        }\n      }\n      &.menu-disabled {\n        pointer-events: none;\n        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);\n      }\n    }\n  }\n  .btn {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 1.5);\n    text-align: center;\n    vertical-align: middle;\n    text-decoration-line: none;\n    outline-offset: 2px;\n    webkit-user-select: none;\n    user-select: none;\n    padding-inline: var(--btn-p);\n    color: var(--btn-fg);\n    height: var(--size);\n    font-size: 0.875rem;\n    font-weight: 600;\n    outline-color: var(--btn-color, var(--color-base-content));\n    transition-property: color, background-color, border-color, box-shadow;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    transition-duration: 0.2s;\n    border-start-start-radius: var(--join-ss, var(--radius-field));\n    border-start-end-radius: var(--join-se, var(--radius-field));\n    border-end-start-radius: var(--join-es, var(--radius-field));\n    border-end-end-radius: var(--join-ee, var(--radius-field));\n    background-color: var(--btn-bg);\n    background-size: calc(var(--noise) * 100%);\n    background-image: var(--btn-noise);\n    border-width: var(--border);\n    border-style: solid;\n    border-color: var(--btn-border);\n    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));\n    box-shadow:\n      0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset,\n      var(--btn-shadow);\n    --size: calc(var(--size-field, 0.25rem) * 10);\n    --btn-bg: var(--btn-color, var(--color-base-200));\n    --btn-fg: var(--color-base-content);\n    --btn-p: 1rem;\n    --btn-border: color-mix(\n      in oklab,\n      var(--btn-bg),\n      black calc(var(--depth) * 5%)\n    );\n    --btn-shadow: 0 3px 2px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n      0 4px 3px -2px\n        color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent);\n    --btn-noise: 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\");\n    &:hover {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n    }\n    &.btn-active {\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n      isolation: isolate;\n    }\n    &:focus-visible {\n      outline-width: 2px;\n      outline-style: solid;\n    }\n    &:active:not(.btn-active) {\n      translate: 0 0.5px;\n      --btn-bg: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 5%\n      );\n      --btn-border: color-mix(\n        in oklab,\n        var(--btn-color, var(--color-base-200)),\n        black 7%\n      );\n      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);\n    }\n    &:is(:disabled, [disabled], .btn-disabled) {\n      &:not(.btn-link, .btn-ghost) {\n        background-color: color-mix(\n          in oklab,\n          var(--color-base-content) 10%,\n          transparent\n        );\n        box-shadow: none;\n      }\n      pointer-events: none;\n      --btn-border: transparent;\n      --btn-noise: none;\n      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, transparent);\n      &:hover {\n        pointer-events: none;\n        background-color: color-mix(\n          in oklab,\n          var(--color-neutral) 20%,\n          transparent\n        );\n        --btn-border: transparent;\n        --btn-fg: color-mix(\n          in oklch,\n          var(--color-base-content) 20%,\n          transparent\n        );\n      }\n    }\n    &:is(input[type='checkbox'], input[type='radio']) {\n      appearance: none;\n      &::after {\n        content: attr(aria-label);\n      }\n      &:checked {\n        --btn-color: var(--color-primary);\n        --btn-bg: var(--color-primary);\n        --btn-fg: var(--color-primary-content);\n        --btn-border: var(--color-primary);\n        &:focus-visible {\n          outline-color: var(--color-primary);\n        }\n        &:hover {\n          --btn-bg: color-mix(in oklab, var(--color-primary) 90%, black);\n          --btn-border: color-mix(in oklab, var(--color-primary) 90%, black);\n        }\n      }\n    }\n  }\n  .tooltip {\n    position: relative;\n    display: inline-block;\n    --tt-bg: var(--color-neutral);\n    --tt-off: calc(100% + 0.5rem);\n    --tt-tail: calc(100% + 1px + 0.25rem);\n    > :where(.tooltip-content),\n    &[data-tip]:before {\n      position: absolute;\n      max-width: 20rem;\n      border-radius: var(--radius-field);\n      padding-inline: calc(0.25rem * 2);\n      padding-block: calc(0.25rem * 1);\n      text-align: center;\n      white-space: normal;\n      color: var(--color-neutral-content);\n      opacity: 0%;\n      font-size: 0.875rem;\n      line-height: 1.25em;\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      background-color: var(--tt-bg);\n      width: max-content;\n      pointer-events: none;\n      z-index: 1;\n      --tw-content: attr(data-tip);\n      content: var(--tw-content);\n    }\n    &:after {\n      position: absolute;\n      position: absolute;\n      opacity: 0%;\n      background-color: var(--tt-bg);\n      transition:\n        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;\n      content: '';\n      pointer-events: none;\n      width: 0.625rem;\n      height: 0.25rem;\n      display: block;\n      mask-repeat: no-repeat;\n      mask-position: -1px 0;\n      mask-image: url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\");\n    }\n    &.tooltip-open,\n    &[data-tip]:hover,\n    &:hover,\n    &:has(:focus-visible) {\n      > .tooltip-content,\n      &[data-tip]:before,\n      &:after {\n        opacity: 100%;\n        --tt-pos: 0rem;\n        transition:\n          opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n          transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n      }\n    }\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-off) 50%;\n    }\n    &:after {\n      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));\n      inset: auto auto var(--tt-tail) 50%;\n    }\n  }\n  .dropdown {\n    position: relative;\n    display: inline-block;\n    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);\n    & > *:not(summary):focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    .dropdown-content {\n      position: absolute;\n    }\n    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {\n      .dropdown-content {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n    &[popover],\n    .dropdown-content {\n      @starting-style {\n        scale: 95%;\n      }\n      @starting-style {\n        opacity: 0;\n      }\n      z-index: 999;\n      animation: dropdown 0.2s;\n      transition-property: opacity, scale, display;\n      transition-behavior: allow-discrete;\n      transition-duration: 0.2s;\n      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    &.dropdown-open,\n    &:not(.dropdown-hover):focus,\n    &:focus-within {\n      [tabindex]:first-child {\n        pointer-events: none;\n      }\n      .dropdown-content {\n        opacity: 100%;\n      }\n    }\n    &.dropdown-hover:hover {\n      .dropdown-content {\n        opacity: 100%;\n        scale: 100%;\n      }\n    }\n    &:is(details) {\n      summary {\n        &::-webkit-details-marker {\n          display: none;\n        }\n      }\n    }\n    &.dropdown-open,\n    &:focus,\n    &:focus-within {\n      .dropdown-content {\n        scale: 100%;\n      }\n    }\n    &:where([popover]) {\n      background: transparent;\n    }\n    &[popover] {\n      position: fixed;\n      color: inherit;\n      @supports not (position-area: bottom) {\n        margin: auto;\n        &.dropdown-open:not(:popover-open) {\n          display: none;\n          transform-origin: top;\n          opacity: 0%;\n          scale: 95%;\n        }\n        &::backdrop {\n          background-color: color-mix(in oklab, black 30%, transparent);\n        }\n      }\n      &:not(.dropdown-open, :popover-open) {\n        display: none;\n        transform-origin: top;\n        opacity: 0%;\n        scale: 95%;\n      }\n    }\n  }\n  .table {\n    font-size: 0.875rem;\n    position: relative;\n    width: 100%;\n    border-radius: var(--radius-box);\n    text-align: left;\n    &:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {\n      text-align: right;\n    }\n    tr.row-hover {\n      &,\n      &:nth-child(even) {\n        &:hover {\n          @media (hover: hover) {\n            background-color: var(--color-base-200);\n          }\n        }\n      }\n    }\n    :where(th, td) {\n      padding-inline: calc(0.25rem * 4);\n      padding-block: calc(0.25rem * 3);\n      vertical-align: middle;\n    }\n    :where(thead, tfoot) {\n      white-space: nowrap;\n      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n      font-size: 0.875rem;\n      font-weight: 600;\n    }\n    :where(tfoot) {\n      border-top: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n    :where(.table-pin-rows thead tr) {\n      position: sticky;\n      top: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-rows tfoot tr) {\n      position: sticky;\n      bottom: calc(0.25rem * 0);\n      z-index: 1;\n      background-color: var(--color-base-100);\n    }\n    :where(.table-pin-cols tr th) {\n      position: sticky;\n      right: calc(0.25rem * 0);\n      left: calc(0.25rem * 0);\n      background-color: var(--color-base-100);\n    }\n    :where(\n      thead tr,\n      tbody tr:not(:last-child),\n      tbody tr:first-child:last-child\n    ) {\n      border-bottom: var(--border) solid\n        color-mix(in oklch, var(--color-base-content) 5%, transparent);\n    }\n  }\n  .list {\n    display: flex;\n    flex-direction: column;\n    font-size: 0.875rem;\n    .list-row {\n      --list-grid-cols: minmax(0, auto) 1fr;\n      position: relative;\n      display: grid;\n      grid-auto-flow: column;\n      gap: calc(0.25rem * 4);\n      border-radius: var(--radius-box);\n      padding: calc(0.25rem * 4);\n      word-break: break-word;\n      grid-template-columns: var(--list-grid-cols);\n      &:has(.list-col-grow:nth-child(1)) {\n        --list-grid-cols: 1fr;\n      }\n      &:has(.list-col-grow:nth-child(2)) {\n        --list-grid-cols: minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(3)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(4)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(5)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) 1fr;\n      }\n      &:has(.list-col-grow:nth-child(6)) {\n        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto)\n          minmax(0, auto) minmax(0, auto) 1fr;\n      }\n      :not(.list-col-wrap) {\n        grid-row-start: 1;\n      }\n    }\n    & > :not(:last-child) {\n      &.list-row,\n      .list-row {\n        &:after {\n          content: '';\n          border-bottom: var(--border) solid;\n          inset-inline: var(--radius-box);\n          position: absolute;\n          bottom: calc(0.25rem * 0);\n          border-color: color-mix(\n            in oklab,\n            var(--color-base-content) 5%,\n            transparent\n          );\n        }\n      }\n    }\n  }\n  .radial-progress {\n    position: relative;\n    display: inline-grid;\n    height: var(--size);\n    width: var(--size);\n    place-content: center;\n    border-radius: calc(infinity * 1px);\n    background-color: transparent;\n    vertical-align: middle;\n    box-sizing: content-box;\n    --value: 0;\n    --size: 5rem;\n    --thickness: calc(var(--size) / 10);\n    --radialprogress: calc(var(--value) * 1%);\n    transition: --radialprogress 0.3s linear;\n    &:before {\n      position: absolute;\n      inset: calc(0.25rem * 0);\n      border-radius: calc(infinity * 1px);\n      content: '';\n      background:\n        radial-gradient(farthest-side, currentColor 98%, #0000)\n          top/var(--thickness) var(--thickness) no-repeat,\n        conic-gradient(currentColor var(--radialprogress), #0000 0);\n      webkit-mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n      mask: radial-gradient(\n        farthest-side,\n        #0000 calc(100% - var(--thickness)),\n        #000 calc(100% + 0.5px - var(--thickness))\n      );\n    }\n    &:after {\n      position: absolute;\n      border-radius: calc(infinity * 1px);\n      background-color: currentColor;\n      transition: transform 0.3s linear;\n      content: '';\n      inset: calc(50% - var(--thickness) / 2);\n      transform: rotate(calc(var(--value) * 3.6deg - 90deg))\n        translate(calc(var(--size) / 2 - 50%));\n    }\n  }\n  .progress {\n    position: relative;\n    height: calc(0.25rem * 2);\n    width: 100%;\n    appearance: none;\n    overflow: hidden;\n    border-radius: var(--radius-box);\n    background-color: color-mix(in oklab, currentColor 20%, transparent);\n    color: var(--color-base-content);\n    &:indeterminate {\n      background-image: repeating-linear-gradient(\n        90deg,\n        currentColor -1%,\n        currentColor 10%,\n        transparent 10%,\n        transparent 90%\n      );\n      background-size: 200%;\n      background-position-x: 15%;\n      animation: progress 5s ease-in-out infinite;\n      @supports (-moz-appearance: none) {\n        &::-moz-progress-bar {\n          background-color: transparent;\n          background-image: repeating-linear-gradient(\n            90deg,\n            currentColor -1%,\n            currentColor 10%,\n            transparent 10%,\n            transparent 90%\n          );\n          background-size: 200%;\n          background-position-x: 15%;\n          animation: progress 5s ease-in-out infinite;\n        }\n      }\n    }\n    @supports (-moz-appearance: none) {\n      &::-moz-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n    @supports (-webkit-appearance: none) {\n      &::-webkit-progress-bar {\n        border-radius: var(--radius-box);\n        background-color: transparent;\n      }\n      &::-webkit-progress-value {\n        border-radius: var(--radius-box);\n        background-color: currentColor;\n      }\n    }\n  }\n  .stats {\n    position: relative;\n    display: inline-grid;\n    grid-auto-flow: column;\n    overflow-x: auto;\n    border-radius: var(--radius-box);\n  }\n  .tooltip-left {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem))\n        translateY(-50%);\n      inset: 50% var(--tt-off) auto auto;\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%)\n        rotate(-90deg);\n      inset: 50% calc(var(--tt-tail) + 1px) auto auto;\n    }\n  }\n  .tooltip-right {\n    > .tooltip-content,\n    &[data-tip]:before {\n      transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem))\n        translateY(-50%);\n      inset: 50% auto auto var(--tt-off);\n    }\n    &:after {\n      transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%)\n        rotate(90deg);\n      inset: 50% auto auto calc(var(--tt-tail) + 1px);\n    }\n  }\n  .dropdown-end {\n    --anchor-h: span-left;\n    :where(.dropdown-content) {\n      inset-inline-end: calc(0.25rem * 0);\n    }\n    &.dropdown-left {\n      --anchor-h: left;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n    &.dropdown-right {\n      --anchor-h: right;\n      --anchor-v: span-top;\n      .dropdown-content {\n        top: auto;\n        bottom: calc(0.25rem * 0);\n      }\n    }\n  }\n  .hero {\n    display: grid;\n    width: 100%;\n    place-items: center;\n    background-size: cover;\n    background-position: center;\n    & > * {\n      grid-column-start: 1;\n      grid-row-start: 1;\n    }\n  }\n  .stat-desc {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-title {\n    grid-column-start: 1;\n    white-space: nowrap;\n    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);\n    font-size: 0.75rem;\n  }\n  .stat-value {\n    grid-column-start: 1;\n    white-space: nowrap;\n    font-size: 2rem;\n    font-weight: 800;\n  }\n  .m-1 {\n    margin: calc(var(--spacing) * 1);\n  }\n  .filter {\n    display: flex;\n    flex-wrap: wrap;\n    input[type='radio'] {\n      width: auto;\n    }\n    input {\n      overflow: hidden;\n      opacity: 100%;\n      scale: 1;\n      transition:\n        margin 0.1s,\n        opacity 0.3s,\n        padding 0.3s,\n        border-width 0.1s,\n        width 0.1s allow-discrete;\n      &:not(:last-child) {\n        margin-inline-end: calc(0.25rem * 1);\n      }\n      &.filter-reset {\n        aspect-ratio: 1 / 1;\n        &::after {\n          content: '×';\n        }\n      }\n    }\n    &:not(:has(input:checked:not(.filter-reset))) {\n      .filter-reset,\n      input[type='reset'] {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n    &:has(input:checked:not(.filter-reset)) {\n      input:not(:checked, .filter-reset, input[type='reset']) {\n        scale: 0;\n        border-width: 0;\n        margin-inline: calc(0.25rem * 0);\n        width: calc(0.25rem * 0);\n        padding-inline: calc(0.25rem * 0);\n        opacity: 0%;\n      }\n    }\n  }\n  .divider-horizontal {\n    &.divider {\n      margin-inline: calc(0.25rem * 4);\n      margin-block: calc(0.25rem * 0);\n      height: auto;\n      width: calc(0.25rem * 4);\n      flex-direction: column;\n      &:before {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n      &:after {\n        height: 100%;\n        width: calc(0.25rem * 0.5);\n      }\n    }\n  }\n  .divider {\n    margin-block: calc(0.25rem * 4);\n    display: flex;\n    height: calc(0.25rem * 4);\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    white-space: nowrap;\n    &:before,\n    &:after {\n      content: '';\n      height: calc(0.25rem * 0.5);\n      width: 100%;\n      flex-grow: 1;\n      background-color: color-mix(\n        in oklab,\n        var(--color-base-content) 10%,\n        transparent\n      );\n      @media print {\n        border: 0.5px solid;\n      }\n    }\n    &:not(:empty) {\n      gap: calc(0.25rem * 4);\n    }\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .alert {\n    display: grid;\n    align-items: center;\n    gap: calc(0.25rem * 4);\n    border-radius: var(--radius-box);\n    padding-inline: calc(0.25rem * 4);\n    padding-block: calc(0.25rem * 3);\n    color: var(--color-base-content);\n    background-color: var(--alert-color, var(--color-base-200));\n    justify-content: start;\n    justify-items: start;\n    grid-auto-flow: column;\n    grid-template-columns: auto minmax(auto, 1fr);\n    text-align: start;\n    border: var(--border) solid var(--color-base-200);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    box-shadow:\n      0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset,\n      0 1px\n        color-mix(\n          in oklab,\n          color-mix(\n              in oklab,\n              black 20%,\n              var(--alert-color, var(--color-base-200))\n            )\n            calc(var(--depth) * 20%),\n          transparent\n        ),\n      0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));\n    &.alert-outline {\n      background-color: transparent;\n      color: var(--alert-color);\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-dash {\n      background-color: transparent;\n      color: var(--alert-color);\n      border-style: dashed;\n      box-shadow: none;\n      background-image: none;\n    }\n    &.alert-soft {\n      color: var(--alert-color, var(--color-base-content));\n      background: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--alert-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      box-shadow: none;\n      background-image: none;\n    }\n  }\n  .badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 2);\n    border-radius: var(--radius-selector);\n    vertical-align: middle;\n    color: var(--color-base-content);\n    border: var(--border) solid var(--badge-color, var(--color-base-200));\n    font-size: 0.875rem;\n    width: fit-content;\n    padding-inline: calc(0.25rem * 3 - var(--border));\n    background-size: calc(var(--noise) * 1000px);\n    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\");\n    background-color: var(--badge-color, var(--color-base-100));\n    --size: calc(var(--size-selector, 0.25rem) * 6);\n    height: var(--size);\n    &.badge-outline {\n      color: var(--badge-color, var(--color-base-content));\n      border-color: currentColor;\n      background-color: transparent;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-dash {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: transparent;\n      border-style: dashed;\n      background-image: none;\n      box-shadow: none;\n    }\n    &.badge-soft {\n      color: var(--badge-color, var(--color-base-content));\n      background-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 8%,\n        var(--color-base-100)\n      );\n      border-color: color-mix(\n        in oklab,\n        var(--badge-color, var(--color-base-content)) 10%,\n        var(--color-base-100)\n      );\n      background-image: none;\n      box-shadow: none;\n    }\n  }\n  .footer {\n    display: grid;\n    width: 100%;\n    grid-auto-flow: row;\n    place-items: start;\n    column-gap: calc(0.25rem * 4);\n    row-gap: calc(0.25rem * 10);\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    & > * {\n      display: grid;\n      place-items: start;\n      gap: calc(0.25rem * 2);\n    }\n    &.footer-center {\n      grid-auto-flow: column dense;\n      place-items: center;\n      text-align: center;\n      & > * {\n        place-items: center;\n      }\n    }\n  }\n  .hero-content {\n    display: flex;\n    max-width: 80rem;\n    align-items: center;\n    justify-content: center;\n    gap: calc(0.25rem * 4);\n    padding: calc(0.25rem * 4);\n  }\n  .join {\n    display: inline-flex;\n    align-items: stretch;\n    --join-ss: 0;\n    --join-se: 0;\n    --join-es: 0;\n    --join-ee: 0;\n    :where(.join-item) {\n      border-start-start-radius: var(--join-ss, 0);\n      border-start-end-radius: var(--join-se, 0);\n      border-end-start-radius: var(--join-es, 0);\n      border-end-end-radius: var(--join-ee, 0);\n    }\n    > .join-item:where(:first-child) {\n      --join-ss: var(--radius-field);\n      --join-se: 0;\n      --join-es: var(--radius-field);\n      --join-ee: 0;\n    }\n    :first-child:not(:last-child) {\n      :where(.join-item) {\n        --join-ss: var(--radius-field);\n        --join-se: 0;\n        --join-es: var(--radius-field);\n        --join-ee: 0;\n      }\n    }\n    > .join-item:where(:last-child) {\n      --join-ss: 0;\n      --join-se: var(--radius-field);\n      --join-es: 0;\n      --join-ee: var(--radius-field);\n    }\n    :last-child:not(:first-child) {\n      :where(.join-item) {\n        --join-ss: 0;\n        --join-se: var(--radius-field);\n        --join-es: 0;\n        --join-ee: var(--radius-field);\n      }\n    }\n  }\n  .label {\n    display: inline-flex;\n    align-items: center;\n    gap: calc(0.25rem * 1.5);\n    white-space: nowrap;\n    color: color-mix(in oklab, currentColor 60%, transparent);\n    &:has(input) {\n      cursor: pointer;\n    }\n  }\n  .stat {\n    display: inline-grid;\n    width: 100%;\n    column-gap: calc(0.25rem * 4);\n    padding-inline: calc(0.25rem * 6);\n    padding-block: calc(0.25rem * 4);\n    grid-template-columns: repeat(1, 1fr);\n    &:not(:last-child) {\n      border-inline-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n      border-block-end: none;\n    }\n  }\n  .navbar {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    padding: 0.5rem;\n    min-height: 4rem;\n  }\n  .flex {\n    display: flex;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .table {\n    display: table;\n  }\n  .btn-square {\n    padding-inline: calc(0.25rem * 0);\n    width: var(--size);\n    height: var(--size);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-52 {\n    width: calc(var(--spacing) * 52);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-auto {\n    flex: auto;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .link {\n    cursor: pointer;\n    text-decoration-line: underline;\n    &:focus {\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n    &:focus-visible {\n      outline: 2px solid currentColor;\n      outline-offset: 2px;\n    }\n  }\n  .stats-vertical {\n    grid-auto-flow: row;\n    overflow-y: auto;\n    .stat:not(:last-child) {\n      border-inline-end: none;\n      border-block-end: var(--border) dashed\n        color-mix(in oklab, currentColor 10%, transparent);\n    }\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .alert-info {\n    border-color: var(--color-info);\n    color: var(--color-info-content);\n    --alert-color: var(--color-info);\n  }\n  .bg-accent {\n    background-color: var(--color-accent);\n  }\n  .bg-base-100 {\n    background-color: var(--color-base-100);\n  }\n  .bg-base-200 {\n    background-color: var(--color-base-200);\n  }\n  .bg-clrs-slate {\n    background-color: var(--clrs-slate, #708090);\n  }\n  .bg-neutral {\n    background-color: var(--color-neutral);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .fill-current {\n    fill: currentColor;\n  }\n  .stroke-current {\n    stroke: currentColor;\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-accent-content {\n    color: var(--color-accent-content);\n  }\n  .text-neutral-content {\n    color: var(--color-neutral-content);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-secondary-content {\n    color: var(--color-secondary-content);\n  }\n  .tooltip-warning {\n    --tt-bg: var(--color-warning);\n    > .tooltip-content,\n    &[data-tip]:before {\n      color: var(--color-warning-content);\n    }\n  }\n  .normal-case {\n    text-transform: none;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-ghost {\n    &:not(.btn-active, :hover, :active:focus, :focus-visible) {\n      --btn-shadow: '';\n      --btn-bg: transparent;\n      --btn-border: transparent;\n      --btn-noise: none;\n      &:not(:disabled, [disabled], .btn-disabled) {\n        outline-color: currentColor;\n        --btn-fg: currentColor;\n      }\n    }\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .btn-primary {\n    --btn-color: var(--color-primary);\n    --btn-fg: var(--color-primary-content);\n  }\n  .lg\\:flex {\n    @media (width >= 64rem) {\n      display: flex;\n    }\n  }\n  .lg\\:inline-block {\n    @media (width >= 64rem) {\n      display: inline-block;\n    }\n  }\n  .lg\\:stats-horizontal {\n    @media (width >= 64rem) {\n      grid-auto-flow: column;\n      overflow-x: auto;\n      .stat:not(:last-child) {\n        border-inline-end: var(--border) dashed\n          color-mix(in oklab, currentColor 10%, transparent);\n        border-block-end: none;\n      }\n    }\n  }\n}\n@layer base {\n  :where(:root),\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  @media (prefers-color-scheme: dark) {\n    :root {\n      color-scheme: dark;\n      --color-base-100: oklch(25.33% 0.016 252.42);\n      --color-base-200: oklch(23.26% 0.014 253.1);\n      --color-base-300: oklch(21.15% 0.012 254.09);\n      --color-base-content: oklch(97.807% 0.029 256.847);\n      --color-primary: oklch(58% 0.233 277.117);\n      --color-primary-content: oklch(96% 0.018 272.314);\n      --color-secondary: oklch(65% 0.241 354.308);\n      --color-secondary-content: oklch(94% 0.028 342.258);\n      --color-accent: oklch(77% 0.152 181.912);\n      --color-accent-content: oklch(38% 0.063 188.416);\n      --color-neutral: oklch(14% 0.005 285.823);\n      --color-neutral-content: oklch(92% 0.004 286.32);\n      --color-info: oklch(74% 0.16 232.661);\n      --color-info-content: oklch(29% 0.066 243.157);\n      --color-success: oklch(76% 0.177 163.223);\n      --color-success-content: oklch(37% 0.077 168.94);\n      --color-warning: oklch(82% 0.189 84.429);\n      --color-warning-content: oklch(41% 0.112 45.904);\n      --color-error: oklch(71% 0.194 13.428);\n      --color-error-content: oklch(27% 0.105 12.094);\n      --radius-selector: 0.5rem;\n      --radius-field: 0.25rem;\n      --radius-box: 0.5rem;\n      --size-selector: 0.25rem;\n      --size-field: 0.25rem;\n      --border: 1px;\n      --depth: 1;\n      --noise: 0;\n    }\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='light']:checked),\n  [data-theme='light'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(98% 0 0);\n    --color-base-300: oklch(95% 0 0);\n    --color-base-content: oklch(21% 0.006 285.885);\n    --color-primary: oklch(45% 0.24 277.023);\n    --color-primary-content: oklch(93% 0.034 272.788);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='dark']:checked),\n  [data-theme='dark'] {\n    color-scheme: dark;\n    --color-base-100: oklch(25.33% 0.016 252.42);\n    --color-base-200: oklch(23.26% 0.014 253.1);\n    --color-base-300: oklch(21.15% 0.012 254.09);\n    --color-base-content: oklch(97.807% 0.029 256.847);\n    --color-primary: oklch(58% 0.233 277.117);\n    --color-primary-content: oklch(96% 0.018 272.314);\n    --color-secondary: oklch(65% 0.241 354.308);\n    --color-secondary-content: oklch(94% 0.028 342.258);\n    --color-accent: oklch(77% 0.152 181.912);\n    --color-accent-content: oklch(38% 0.063 188.416);\n    --color-neutral: oklch(14% 0.005 285.823);\n    --color-neutral-content: oklch(92% 0.004 286.32);\n    --color-info: oklch(74% 0.16 232.661);\n    --color-info-content: oklch(29% 0.066 243.157);\n    --color-success: oklch(76% 0.177 163.223);\n    --color-success-content: oklch(37% 0.077 168.94);\n    --color-warning: oklch(82% 0.189 84.429);\n    --color-warning-content: oklch(41% 0.112 45.904);\n    --color-error: oklch(71% 0.194 13.428);\n    --color-error-content: oklch(27% 0.105 12.094);\n    --radius-selector: 0.5rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.5rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='aqua']:checked),\n  [data-theme='aqua'] {\n    color-scheme: dark;\n    --color-base-100: oklch(37% 0.146 265.522);\n    --color-base-200: oklch(28% 0.091 267.935);\n    --color-base-300: oklch(22% 0.091 267.935);\n    --color-base-content: oklch(90% 0.058 230.902);\n    --color-primary: oklch(85.661% 0.144 198.645);\n    --color-primary-content: oklch(40.124% 0.068 197.603);\n    --color-secondary: oklch(60.682% 0.108 309.782);\n    --color-secondary-content: oklch(96% 0.016 293.756);\n    --color-accent: oklch(93.426% 0.102 94.555);\n    --color-accent-content: oklch(18.685% 0.02 94.555);\n    --color-neutral: oklch(27% 0.146 265.522);\n    --color-neutral-content: oklch(80% 0.146 265.522);\n    --color-info: oklch(54.615% 0.215 262.88);\n    --color-info-content: oklch(90.923% 0.043 262.88);\n    --color-success: oklch(62.705% 0.169 149.213);\n    --color-success-content: oklch(12.541% 0.033 149.213);\n    --color-warning: oklch(66.584% 0.157 58.318);\n    --color-warning-content: oklch(27% 0.077 45.635);\n    --color-error: oklch(73.95% 0.19 27.33);\n    --color-error-content: oklch(14.79% 0.038 27.33);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='business']:checked),\n  [data-theme='business'] {\n    color-scheme: dark;\n    --color-base-100: oklch(24.353% 0 0);\n    --color-base-200: oklch(22.648% 0 0);\n    --color-base-300: oklch(20.944% 0 0);\n    --color-base-content: oklch(84.87% 0 0);\n    --color-primary: oklch(41.703% 0.099 251.473);\n    --color-primary-content: oklch(88.34% 0.019 251.473);\n    --color-secondary: oklch(64.092% 0.027 229.389);\n    --color-secondary-content: oklch(12.818% 0.005 229.389);\n    --color-accent: oklch(67.271% 0.167 35.791);\n    --color-accent-content: oklch(13.454% 0.033 35.791);\n    --color-neutral: oklch(27.441% 0.013 253.041);\n    --color-neutral-content: oklch(85.488% 0.002 253.041);\n    --color-info: oklch(62.616% 0.143 240.033);\n    --color-info-content: oklch(12.523% 0.028 240.033);\n    --color-success: oklch(70.226% 0.094 156.596);\n    --color-success-content: oklch(14.045% 0.018 156.596);\n    --color-warning: oklch(77.482% 0.115 81.519);\n    --color-warning-content: oklch(15.496% 0.023 81.519);\n    --color-error: oklch(51.61% 0.146 29.674);\n    --color-error-content: oklch(90.322% 0.029 29.674);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='corporate']:checked),\n  [data-theme='corporate'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(22.389% 0.031 278.072);\n    --color-primary: oklch(58% 0.158 241.966);\n    --color-primary-content: oklch(100% 0 0);\n    --color-secondary: oklch(55% 0.046 257.417);\n    --color-secondary-content: oklch(100% 0 0);\n    --color-accent: oklch(60% 0.118 184.704);\n    --color-accent-content: oklch(100% 0 0);\n    --color-neutral: oklch(0% 0 0);\n    --color-neutral-content: oklch(100% 0 0);\n    --color-info: oklch(60% 0.126 221.723);\n    --color-info-content: oklch(100% 0 0);\n    --color-success: oklch(62% 0.194 149.214);\n    --color-success-content: oklch(100% 0 0);\n    --color-warning: oklch(85% 0.199 91.936);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(70% 0.191 22.216);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 0.25rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='fantasy']:checked),\n  [data-theme='fantasy'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(93% 0 0);\n    --color-base-300: oklch(86% 0 0);\n    --color-base-content: oklch(27.807% 0.029 256.847);\n    --color-primary: oklch(37.45% 0.189 325.02);\n    --color-primary-content: oklch(87.49% 0.037 325.02);\n    --color-secondary: oklch(53.92% 0.162 241.36);\n    --color-secondary-content: oklch(90.784% 0.032 241.36);\n    --color-accent: oklch(75.98% 0.204 56.72);\n    --color-accent-content: oklch(15.196% 0.04 56.72);\n    --color-neutral: oklch(27.807% 0.029 256.847);\n    --color-neutral-content: oklch(85.561% 0.005 256.847);\n    --color-info: oklch(72.06% 0.191 231.6);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(64.8% 0.15 160);\n    --color-success-content: oklch(0% 0 0);\n    --color-warning: oklch(84.71% 0.199 83.87);\n    --color-warning-content: oklch(0% 0 0);\n    --color-error: oklch(71.76% 0.221 22.18);\n    --color-error-content: oklch(0% 0 0);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 1;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='night']:checked),\n  [data-theme='night'] {\n    color-scheme: dark;\n    --color-base-100: oklch(20.768% 0.039 265.754);\n    --color-base-200: oklch(19.314% 0.037 265.754);\n    --color-base-300: oklch(17.86% 0.034 265.754);\n    --color-base-content: oklch(84.153% 0.007 265.754);\n    --color-primary: oklch(75.351% 0.138 232.661);\n    --color-primary-content: oklch(15.07% 0.027 232.661);\n    --color-secondary: oklch(68.011% 0.158 276.934);\n    --color-secondary-content: oklch(13.602% 0.031 276.934);\n    --color-accent: oklch(72.36% 0.176 350.048);\n    --color-accent-content: oklch(14.472% 0.035 350.048);\n    --color-neutral: oklch(27.949% 0.036 260.03);\n    --color-neutral-content: oklch(85.589% 0.007 260.03);\n    --color-info: oklch(68.455% 0.148 237.251);\n    --color-info-content: oklch(0% 0 0);\n    --color-success: oklch(78.452% 0.132 181.911);\n    --color-success-content: oklch(15.69% 0.026 181.911);\n    --color-warning: oklch(83.242% 0.139 82.95);\n    --color-warning-content: oklch(16.648% 0.027 82.95);\n    --color-error: oklch(71.785% 0.17 13.118);\n    --color-error-content: oklch(14.357% 0.034 13.118);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='winter']:checked),\n  [data-theme='winter'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97.466% 0.011 259.822);\n    --color-base-300: oklch(93.268% 0.016 262.751);\n    --color-base-content: oklch(41.886% 0.053 255.824);\n    --color-primary: oklch(56.86% 0.255 257.57);\n    --color-primary-content: oklch(91.372% 0.051 257.57);\n    --color-secondary: oklch(42.551% 0.161 282.339);\n    --color-secondary-content: oklch(88.51% 0.032 282.339);\n    --color-accent: oklch(59.939% 0.191 335.171);\n    --color-accent-content: oklch(11.988% 0.038 335.171);\n    --color-neutral: oklch(19.616% 0.063 257.651);\n    --color-neutral-content: oklch(83.923% 0.012 257.651);\n    --color-info: oklch(88.127% 0.085 214.515);\n    --color-info-content: oklch(17.625% 0.017 214.515);\n    --color-success: oklch(80.494% 0.077 197.823);\n    --color-success-content: oklch(16.098% 0.015 197.823);\n    --color-warning: oklch(89.172% 0.045 71.47);\n    --color-warning-content: oklch(17.834% 0.009 71.47);\n    --color-error: oklch(73.092% 0.11 20.076);\n    --color-error-content: oklch(14.618% 0.022 20.076);\n    --radius-selector: 1rem;\n    --radius-field: 0.5rem;\n    --radius-box: 1rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root:has(input.theme-controller[value='wireframe']:checked),\n  [data-theme='wireframe'] {\n    color-scheme: light;\n    --color-base-100: oklch(100% 0 0);\n    --color-base-200: oklch(97% 0 0);\n    --color-base-300: oklch(94% 0 0);\n    --color-base-content: oklch(20% 0 0);\n    --color-primary: oklch(87% 0 0);\n    --color-primary-content: oklch(26% 0 0);\n    --color-secondary: oklch(87% 0 0);\n    --color-secondary-content: oklch(26% 0 0);\n    --color-accent: oklch(87% 0 0);\n    --color-accent-content: oklch(26% 0 0);\n    --color-neutral: oklch(87% 0 0);\n    --color-neutral-content: oklch(26% 0 0);\n    --color-info: oklch(44% 0.11 240.79);\n    --color-info-content: oklch(90% 0.058 230.902);\n    --color-success: oklch(43% 0.095 166.913);\n    --color-success-content: oklch(90% 0.093 164.15);\n    --color-warning: oklch(47% 0.137 46.201);\n    --color-warning-content: oklch(92% 0.12 95.746);\n    --color-error: oklch(44% 0.177 26.899);\n    --color-error-content: oklch(88% 0.062 18.334);\n    --radius-selector: 0rem;\n    --radius-field: 0.25rem;\n    --radius-box: 0.25rem;\n    --size-selector: 0.25rem;\n    --size-field: 0.25rem;\n    --border: 1px;\n    --depth: 0;\n    --noise: 0;\n  }\n}\n@layer base {\n  :root,\n  [data-theme] {\n    background-color: var(--root-bg, var(--color-base-100));\n    color: var(--color-base-content);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::backdrop,\n  ::before,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  :host,\n  html {\n    line-height: 1.5;\n    font-family: var(\n      --default-font-family,\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      'Apple Color Emoji',\n      'Segoe UI Emoji',\n      'Segoe UI Symbol',\n      'Noto Color Emoji'\n    );\n    webkit-tap-highlight-color: transparent;\n  }\n  body {\n    line-height: inherit;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  ::file-selector-button,\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    background: 0 0;\n  }\n  input:where(:not([type='button'], [type='reset'], [type='submit'])),\n  select,\n  textarea {\n    border-width: 1px;\n  }\n  ::file-selector-button,\n  button,\n  input:where([type='button'], [type='reset'], [type='submit']) {\n    appearance: button;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  ::-webkit-search-decoration {\n    webkit-appearance: none;\n  }\n  menu,\n  ol,\n  ul {\n    list-style: none;\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::placeholder {\n    opacity: 1;\n    color: color-mix(in oklch, currentColor 50%, transparent);\n  }\n  audio,\n  canvas,\n  embed,\n  iframe,\n  img,\n  object,\n  svg,\n  video {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n}\n@layer base {\n  :where(\n    :root:has(\n        .modal-open,\n        .modal[open],\n        .modal:target,\n        .modal-toggle:checked,\n        .drawer:not(.drawer-open) > .drawer-toggle:checked\n      )\n  ) {\n    scrollbar-gutter: stable;\n    background-image: linear-gradient(\n      var(--color-base-100),\n      var(--color-base-100)\n    );\n    --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);\n  }\n}\n@layer base {\n  @property --radialprogress {\n    syntax: '<percentage>';\n    inherits: true;\n    initial-value: 0%;\n  }\n}\n@layer base {\n  :root:has(\n      .modal-open,\n      .modal[open],\n      .modal:target,\n      .modal-toggle:checked,\n      .drawer:not([class*='drawer-open']) > .drawer-toggle:checked\n    ) {\n    overflow: hidden;\n  }\n}\n@layer base {\n  :root {\n    scrollbar-color: color-mix(in oklch, currentColor 35%, transparent)\n      transparent;\n  }\n}\n@keyframes dropdown {\n  0% {\n    opacity: 0;\n  }\n}\n@keyframes rating {\n  0%,\n  40% {\n    scale: 1.1;\n    filter: brightness(1.05) contrast(1.05);\n  }\n}\n@keyframes radio {\n  0% {\n    padding: 5px;\n  }\n  50% {\n    padding: 3px;\n  }\n}\n@keyframes progress {\n  50% {\n    background-position-x: -115%;\n  }\n}\n@keyframes skeleton {\n  0% {\n    background-position: 150%;\n  }\n  100% {\n    background-position: -50%;\n  }\n}\n@keyframes toast {\n  0% {\n    scale: 0.9;\n    opacity: 0;\n  }\n  100% {\n    scale: 1;\n    opacity: 1;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%,\n  100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n";export{t as proto_daisy_ui}

package/dist/proto-daisy-ui/proto-daisy-ui.esm.js

@@ -1 +1 @@
-import{p as o,b as a}from"./p-edafa8ea.js";export{s as setNonce}from"./p-edafa8ea.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),o(e)})().then((async o=>(await e(),a([["p-fe6e67c7",[[0,"proto-home"]]],["p-9a23a34c",[[1,"proto-daisy-ui"]]],["p-8557dd9a",[[0,"proto-hero",{theme:[1]}]]],["p-42afb87d",[[0,"proto-list"]]],["p-d6c2772e",[[0,"proto-shell",{theme:[1]}]]],["p-699af850",[[0,"proto-stats"]]],["p-7217b5e2",[[0,"proto-dial",{value:[2]}]]]],o))));
+import{p as o,b as p}from"./p-d2868239.js";export{s as setNonce}from"./p-d2868239.js";import{g as t}from"./p-e1255160.js";(()=>{const p=import.meta.url,t={};return""!==p&&(t.resourcesUrl=new URL(".",p).href),o(t)})().then((async o=>(await t(),p([["p-9a86b7d6",[[0,"proto-home"]]],["p-e5b33691",[[1,"proto-daisy-ui"]]],["p-69721cda",[[0,"proto-hero",{theme:[1]}]]],["p-808aab1c",[[0,"proto-list"]]],["p-10861a42",[[0,"proto-shell",{theme:[1]}]]],["p-1994f282",[[0,"proto-stats"]]],["p-e34f6b88",[[0,"proto-dial",{value:[2]}]]]],o))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-daisy-ui",
-  "version": "0.0.520",
+  "version": "0.0.522",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -28,7 +28,7 @@
     "open": "open https://wc-daisy-ui.vercel.app"
   },
   "dependencies": {
-    "@stencil/core": "4.25.1",
+    "@stencil/core": "4.25.3",
     "@stencil/store": "2.0.16",
     "idb-keyval": "6.2.1"
   },

package/dist/proto-daisy-ui/p-7217b5e2.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r}from"./p-edafa8ea.js";const s=class{constructor(r){e(this,r)}render(){return r("div",{key:"8efb0d64196db4eed0e7a877cd20d22593147700",class:"radial-progress text-secondary",ref:(e=this.value,r=>{const s=e>=0&&e<=100?e.toString():"0";r.style.setProperty("--size","12rem"),r.style.setProperty("--thickness","2rem"),r.style.setProperty("--value",s)})},this.value,"%");var e}};s.style="";export{s as proto_dial}