proto-daisy-ui 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/{index-dec73d5b.js → index-c6c3efb0.js} +24 -13
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/proto-daisy-ui.cjs.entry.js +2 -2
  4. package/dist/cjs/proto-daisy-ui.cjs.js +2 -2
  5. package/dist/cjs/proto-dial.cjs.entry.js +1 -1
  6. package/dist/cjs/proto-hero.cjs.entry.js +2 -2
  7. package/dist/cjs/proto-home.cjs.entry.js +2 -2
  8. package/dist/cjs/proto-list.cjs.entry.js +2 -2
  9. package/dist/cjs/proto-shell.cjs.entry.js +2 -2
  10. package/dist/cjs/proto-stats.cjs.entry.js +2 -2
  11. package/dist/cjs/{store-56605d4f.js → store-78e73717.js} +4 -5
  12. package/dist/collection/collection-manifest.json +1 -1
  13. package/dist/components/store.js +3 -4
  14. package/dist/esm/{index-119eccdb.js → index-a2ac10f3.js} +24 -13
  15. package/dist/esm/loader.js +2 -2
  16. package/dist/esm/proto-daisy-ui.entry.js +2 -2
  17. package/dist/esm/proto-daisy-ui.js +3 -3
  18. package/dist/esm/proto-dial.entry.js +1 -1
  19. package/dist/esm/proto-hero.entry.js +2 -2
  20. package/dist/esm/proto-home.entry.js +2 -2
  21. package/dist/esm/proto-list.entry.js +2 -2
  22. package/dist/esm/proto-shell.entry.js +2 -2
  23. package/dist/esm/proto-stats.entry.js +2 -2
  24. package/dist/esm/{store-ae8bc176.js → store-5cf6ea1f.js} +4 -5
  25. package/dist/proto-daisy-ui/p-01a21e86.js +2 -0
  26. package/dist/proto-daisy-ui/{p-00f91bd1.entry.js → p-2bb10ca9.entry.js} +1 -1
  27. package/dist/proto-daisy-ui/p-62500dcc.js +1 -0
  28. package/dist/proto-daisy-ui/{p-dc0d7134.entry.js → p-6f6ae424.entry.js} +1 -1
  29. package/dist/proto-daisy-ui/{p-b3477f39.entry.js → p-8bfe53ff.entry.js} +1 -1
  30. package/dist/proto-daisy-ui/{p-6a7a35cc.entry.js → p-ae8fad74.entry.js} +1 -1
  31. package/dist/proto-daisy-ui/{p-2bb12da1.entry.js → p-d76e6cee.entry.js} +1 -1
  32. package/dist/proto-daisy-ui/{p-71b6a7b1.entry.js → p-ed8ebff7.entry.js} +1 -1
  33. package/dist/proto-daisy-ui/{p-86a016da.entry.js → p-f34d0552.entry.js} +1 -1
  34. package/dist/proto-daisy-ui/proto-daisy-ui.esm.js +1 -1
  35. package/package.json +3 -3
  36. package/dist/proto-daisy-ui/p-7a90733d.js +0 -1
  37. package/dist/proto-daisy-ui/p-e9acdc72.js +0 -2
package/dist/cjs/{index-dec73d5b.js → index-c6c3efb0.js} RENAMED
@@ -24,7 +24,7 @@ const NAMESPACE = 'proto-daisy-ui';
24
24
  const BUILD = /* proto-daisy-ui */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: 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 };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.27.0 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.27.1 | MIT Licensed | https://stenciljs.com
28
28
  */
29
29
  var __defProp = Object.defineProperty;
30
30
  var __export = (target, all) => {
@@ -104,7 +104,6 @@ var HYDRATED_STYLE_ID = "sty-id";
104
104
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
105
105
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
106
106
  var win = typeof window !== "undefined" ? window : {};
107
- var doc = win.document || { head: {} };
108
107
  var plt = {
109
108
  $flags$: 0,
110
109
  $resourcesUrl$: "",
@@ -164,9 +163,9 @@ var isComplexType = (o) => {
164
163
  };
165
164
 
166
165
  // src/utils/query-nonce-meta-tag-content.ts
167
- function queryNonceMetaTagContent(doc2) {
166
+ function queryNonceMetaTagContent(doc) {
168
167
  var _a, _b, _c;
169
- return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
168
+ return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
170
169
  }
171
170
 
172
171
  // src/utils/result.ts
@@ -368,7 +367,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
368
367
  var _a;
369
368
  const scopeId2 = getScopeId(cmpMeta);
370
369
  const style = styles.get(scopeId2);
371
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
370
+ if (!win.document) {
371
+ return scopeId2;
372
+ }
373
+ styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
372
374
  if (style) {
373
375
  if (typeof style === "string") {
374
376
  styleContainerNode = styleContainerNode.head || styleContainerNode;
@@ -379,9 +381,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
379
381
  }
380
382
  if (!appliedStyles.has(scopeId2)) {
381
383
  {
382
- styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
384
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
383
385
  styleElm.innerHTML = style;
384
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
386
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
385
387
  if (nonce != null) {
386
388
  styleElm.setAttribute("nonce", nonce);
387
389
  }
@@ -572,12 +574,17 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
572
574
  let elm;
573
575
  let childNode;
574
576
  if (newVNode2.$text$ !== null) {
575
- elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
577
+ elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
576
578
  } else {
577
579
  if (!isSvgMode) {
578
580
  isSvgMode = newVNode2.$tag$ === "svg";
579
581
  }
580
- elm = newVNode2.$elm$ = doc.createElementNS(
582
+ if (!win.document) {
583
+ throw new Error(
584
+ "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
585
+ );
586
+ }
587
+ elm = newVNode2.$elm$ = win.document.createElementNS(
581
588
  isSvgMode ? SVG_NS : HTML_NS,
582
589
  !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
583
590
  ) ;
@@ -1245,18 +1252,22 @@ var disconnectedCallback = async (elm) => {
1245
1252
  // src/runtime/bootstrap-lazy.ts
1246
1253
  var bootstrapLazy = (lazyBundles, options = {}) => {
1247
1254
  var _a;
1255
+ if (!win.document) {
1256
+ console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
1257
+ return;
1258
+ }
1248
1259
  const endBootstrap = createTime();
1249
1260
  const cmpTags = [];
1250
1261
  const exclude = options.exclude || [];
1251
1262
  const customElements2 = win.customElements;
1252
- const head = doc.head;
1263
+ const head = win.document.head;
1253
1264
  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
1254
- const dataStyles = /* @__PURE__ */ doc.createElement("style");
1265
+ const dataStyles = /* @__PURE__ */ win.document.createElement("style");
1255
1266
  const deferredConnectedCallbacks = [];
1256
1267
  let appLoadFallback;
1257
1268
  let isBootstrapping = true;
1258
1269
  Object.assign(plt, options);
1259
- plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
1270
+ plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
1260
1271
  let hasSlotRelocation = false;
1261
1272
  lazyBundles.map((lazyBundle) => {
1262
1273
  lazyBundle[1].map((compactMeta) => {
@@ -1348,7 +1359,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1348
1359
  }
1349
1360
  if (dataStyles.innerHTML.length) {
1350
1361
  dataStyles.setAttribute("data-styles", "");
1351
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
1362
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1352
1363
  if (nonce != null) {
1353
1364
  dataStyles.setAttribute("nonce", nonce);
1354
1365
  }
package/dist/cjs/loader.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
5
+ const index = require('./index-c6c3efb0.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
package/dist/cjs/proto-daisy-ui.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
6
- const store = require('./store-56605d4f.js');
5
+ const index = require('./index-c6c3efb0.js');
6
+ const store = require('./store-78e73717.js');
7
7
 
8
8
  const shadowCss = "/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --container-md: 28rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --default-font-family: var(--font-sans);\n }\n}\n@layer utilities {\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 .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 .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 .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:\n 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 .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 .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 .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 .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 .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 .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-value {\n grid-column-start: 1;\n white-space: nowrap;\n font-size: 2rem;\n font-weight: 800;\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 .m-1 {\n margin: calc(var(--spacing) * 1);\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 .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 {\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 .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 .navbar {\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0.5rem;\n min-height: 4rem;\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 .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 .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 .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 .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 .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 .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 .tooltip-warning {\n --tt-bg: var(--color-warning);\n > .tooltip-content,\n &[data-tip]:before {\n color: var(--color-warning-content);\n }\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 .normal-case {\n text-transform: none;\n }\n .shadow {\n --tw-shadow:\n 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:\n 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:\n 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:\n 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";
9
9
  const ProtoDaisyUiStyle0 = shadowCss;
package/dist/cjs/proto-daisy-ui.cjs.js CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
5
+ const index = require('./index-c6c3efb0.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  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 CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
5
+ const index = require('./index-c6c3efb0.js');
6
6
 
7
7
  const protoDialCss = "";
8
8
  const ProtoDialStyle0 = protoDialCss;
package/dist/cjs/proto-hero.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
6
- const store = require('./store-56605d4f.js');
5
+ const index = require('./index-c6c3efb0.js');
6
+ const store = require('./store-78e73717.js');
7
7
 
8
8
  const protoHeroCss = "proto-hero{}";
9
9
  const ProtoHeroStyle0 = protoHeroCss;
package/dist/cjs/proto-home.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
6
- const store = require('./store-56605d4f.js');
5
+ const index = require('./index-c6c3efb0.js');
6
+ const store = require('./store-78e73717.js');
7
7
 
8
8
  const protoHomeCss = "";
9
9
  const ProtoHomeStyle0 = protoHomeCss;
package/dist/cjs/proto-list.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
6
- const store = require('./store-56605d4f.js');
5
+ const index = require('./index-c6c3efb0.js');
6
+ const store = require('./store-78e73717.js');
7
7
 
8
8
  const protoListCss = "";
9
9
  const ProtoListStyle0 = protoListCss;
package/dist/cjs/proto-shell.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
6
- const store = require('./store-56605d4f.js');
5
+ const index = require('./index-c6c3efb0.js');
6
+ const store = require('./store-78e73717.js');
7
7
 
8
8
  const tw = (...classes) => {
9
9
  return classes.filter(Boolean).join(' ');
package/dist/cjs/proto-stats.cjs.entry.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-dec73d5b.js');
6
- const store = require('./store-56605d4f.js');
5
+ const index = require('./index-c6c3efb0.js');
6
+ const store = require('./store-78e73717.js');
7
7
 
8
8
  const protoStatsCss = "";
9
9
  const ProtoStatsStyle0 = protoStatsCss;
package/dist/cjs/{store-56605d4f.js → store-78e73717.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-dec73d5b.js');
3
+ const index = require('./index-c6c3efb0.js');
4
4
 
5
5
  const KEY = 'proto-daisy-ui:app-data';
6
6
  const promisedParseJSON = (json) => {
@@ -64,7 +64,7 @@ const cleanupElements = debounce((map) => {
64
64
  for (let key of map.keys()) {
65
65
  map.set(key, map.get(key).filter(isConnected));
66
66
  }
67
- }, 2000);
67
+ }, 2_000);
68
68
  const stencilSubscription = () => {
69
69
  if (typeof index.getRenderingRef !== 'function') {
70
70
  // If we are not in a stencil project, we do nothing.
@@ -97,7 +97,7 @@ const stencilSubscription = () => {
97
97
  const unwrap = (val) => (typeof val === 'function' ? val() : val);
98
98
  const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
99
99
  const unwrappedState = unwrap(defaultState);
100
- let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
100
+ let states = new Map(Object.entries(unwrappedState ?? {}));
101
101
  const handlers = {
102
102
  dispose: [],
103
103
  get: [],
@@ -105,10 +105,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
105
105
  reset: [],
106
106
  };
107
107
  const reset = () => {
108
- var _a;
109
108
  // When resetting the state, the default state may be a function - unwrap it to invoke it.
110
109
  // otherwise, the state won't be properly reset
111
- states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
110
+ states = new Map(Object.entries(unwrap(defaultState) ?? {}));
112
111
  handlers.reset.forEach((cb) => cb());
113
112
  };
114
113
  const dispose = () => {
package/dist/collection/collection-manifest.json CHANGED
@@ -10,7 +10,7 @@
10
10
  ],
11
11
  "compiler": {
12
12
  "name": "@stencil/core",
13
- "version": "4.27.0",
13
+ "version": "4.27.1",
14
14
  "typescriptVersion": "5.5.4"
15
15
  },
16
16
  "collections": [],
package/dist/components/store.js CHANGED
@@ -62,7 +62,7 @@ const cleanupElements = debounce((map) => {
62
62
  for (let key of map.keys()) {
63
63
  map.set(key, map.get(key).filter(isConnected));
64
64
  }
65
- }, 2000);
65
+ }, 2_000);
66
66
  const stencilSubscription = () => {
67
67
  if (typeof getRenderingRef !== 'function') {
68
68
  // If we are not in a stencil project, we do nothing.
@@ -95,7 +95,7 @@ const stencilSubscription = () => {
95
95
  const unwrap = (val) => (typeof val === 'function' ? val() : val);
96
96
  const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
97
97
  const unwrappedState = unwrap(defaultState);
98
- let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
98
+ let states = new Map(Object.entries(unwrappedState ?? {}));
99
99
  const handlers = {
100
100
  dispose: [],
101
101
  get: [],
@@ -103,10 +103,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
103
103
  reset: [],
104
104
  };
105
105
  const reset = () => {
106
- var _a;
107
106
  // When resetting the state, the default state may be a function - unwrap it to invoke it.
108
107
  // otherwise, the state won't be properly reset
109
- states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
108
+ states = new Map(Object.entries(unwrap(defaultState) ?? {}));
110
109
  handlers.reset.forEach((cb) => cb());
111
110
  };
112
111
  const dispose = () => {
package/dist/esm/{index-119eccdb.js → index-a2ac10f3.js} RENAMED
@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-daisy-ui';
2
2
  const BUILD = /* proto-daisy-ui */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: 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 };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.27.0 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.27.1 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -82,7 +82,6 @@ var HYDRATED_STYLE_ID = "sty-id";
82
82
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
83
83
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
84
84
  var win = typeof window !== "undefined" ? window : {};
85
- var doc = win.document || { head: {} };
86
85
  var plt = {
87
86
  $flags$: 0,
88
87
  $resourcesUrl$: "",
@@ -142,9 +141,9 @@ var isComplexType = (o) => {
142
141
  };
143
142
 
144
143
  // src/utils/query-nonce-meta-tag-content.ts
145
- function queryNonceMetaTagContent(doc2) {
144
+ function queryNonceMetaTagContent(doc) {
146
145
  var _a, _b, _c;
147
- return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
146
+ return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
148
147
  }
149
148
 
150
149
  // src/utils/result.ts
@@ -346,7 +345,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
346
345
  var _a;
347
346
  const scopeId2 = getScopeId(cmpMeta);
348
347
  const style = styles.get(scopeId2);
349
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
348
+ if (!win.document) {
349
+ return scopeId2;
350
+ }
351
+ styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
350
352
  if (style) {
351
353
  if (typeof style === "string") {
352
354
  styleContainerNode = styleContainerNode.head || styleContainerNode;
@@ -357,9 +359,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
357
359
  }
358
360
  if (!appliedStyles.has(scopeId2)) {
359
361
  {
360
- styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
362
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
361
363
  styleElm.innerHTML = style;
362
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
364
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
363
365
  if (nonce != null) {
364
366
  styleElm.setAttribute("nonce", nonce);
365
367
  }
@@ -550,12 +552,17 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
550
552
  let elm;
551
553
  let childNode;
552
554
  if (newVNode2.$text$ !== null) {
553
- elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
555
+ elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
554
556
  } else {
555
557
  if (!isSvgMode) {
556
558
  isSvgMode = newVNode2.$tag$ === "svg";
557
559
  }
558
- elm = newVNode2.$elm$ = doc.createElementNS(
560
+ if (!win.document) {
561
+ throw new Error(
562
+ "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
563
+ );
564
+ }
565
+ elm = newVNode2.$elm$ = win.document.createElementNS(
559
566
  isSvgMode ? SVG_NS : HTML_NS,
560
567
  !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
561
568
  ) ;
@@ -1223,18 +1230,22 @@ var disconnectedCallback = async (elm) => {
1223
1230
  // src/runtime/bootstrap-lazy.ts
1224
1231
  var bootstrapLazy = (lazyBundles, options = {}) => {
1225
1232
  var _a;
1233
+ if (!win.document) {
1234
+ console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
1235
+ return;
1236
+ }
1226
1237
  const endBootstrap = createTime();
1227
1238
  const cmpTags = [];
1228
1239
  const exclude = options.exclude || [];
1229
1240
  const customElements2 = win.customElements;
1230
- const head = doc.head;
1241
+ const head = win.document.head;
1231
1242
  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
1232
- const dataStyles = /* @__PURE__ */ doc.createElement("style");
1243
+ const dataStyles = /* @__PURE__ */ win.document.createElement("style");
1233
1244
  const deferredConnectedCallbacks = [];
1234
1245
  let appLoadFallback;
1235
1246
  let isBootstrapping = true;
1236
1247
  Object.assign(plt, options);
1237
- plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
1248
+ plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
1238
1249
  let hasSlotRelocation = false;
1239
1250
  lazyBundles.map((lazyBundle) => {
1240
1251
  lazyBundle[1].map((compactMeta) => {
@@ -1326,7 +1337,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1326
1337
  }
1327
1338
  if (dataStyles.innerHTML.length) {
1328
1339
  dataStyles.setAttribute("data-styles", "");
1329
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
1340
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1330
1341
  if (nonce != null) {
1331
1342
  dataStyles.setAttribute("nonce", nonce);
1332
1343
  }
package/dist/esm/loader.js CHANGED
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-119eccdb.js';
2
- export { s as setNonce } from './index-119eccdb.js';
1
+ import { b as bootstrapLazy } from './index-a2ac10f3.js';
2
+ export { s as setNonce } from './index-a2ac10f3.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {