@vielzeug/buildit 2.0.0

package/dist/buildit.cjs

@@ -0,0 +1,1892 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@vielzeug/craftit`),t=require(`@vielzeug/floatit`),n=require(`@vielzeug/dragit`);var r=e.css`
+  @media (pointer: coarse) {
+    :host {
+      --_touch-target: var(--size-11);
+    }
+  }
+`,i=e.css`
+  @media (prefers-reduced-motion: reduce) {
+    :host {
+      --_motion-transition: none;
+      --_motion-animation: none;
+    }
+  }
+`,a=e.css`
+  /* ========================================
+     Padding Variants
+     ======================================== */
+
+  :host([padding='none']) {
+    --_padding: var(--size-0);
+  }
+
+  :host([padding='sm']) {
+    --_padding: var(--size-3);
+  }
+
+  :host([padding='md']) {
+    --_padding: var(--size-4);
+  }
+
+  :host([padding='lg']) {
+    --_padding: var(--size-6);
+  }
+
+  :host([padding='xl']) {
+    --_padding: var(--size-8);
+  }
+`,o=e.css`
+  :host([rounded='none']) {
+    --_radius: var(--rounded-none);
+  }
+  :host([rounded='sm']) {
+    --_radius: var(--rounded-sm);
+  }
+  :host([rounded='md']) {
+    --_radius: var(--rounded-md);
+  }
+  :host([rounded='lg']) {
+    --_radius: var(--rounded-lg);
+  }
+  :host([rounded='xl']) {
+    --_radius: var(--rounded-xl);
+  }
+  :host([rounded='2xl']) {
+    --_radius: var(--rounded-2xl);
+  }
+  :host([rounded='3xl']) {
+    --_radius: var(--rounded-3xl);
+  }
+  :host([rounded='full']),
+  :host([rounded='']) {
+    --_radius: var(--rounded-full);
+  }
+`,s=t=>{let n={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},md:{fontSize:`var(--text-sm)`,gap:`var(--size-2)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},r={...n.sm,...t?.sm},i={...n.md,...t?.md},a={...n.lg,...t?.lg},o=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),s=e=>Object.entries(e).map(([e,t])=>t===void 0?``:e.startsWith(`--`)?`${e}: ${t};`:`${`--_${o(e)}`}: ${t};`).filter(Boolean).join(`
+        `);return e.css`
+    /* ========================================
+       Size Variants (Shared Mixin)
+       ======================================== */
+
+    /* Small */
+    :host([size='sm']) {
+      ${s(r)}
+    }
+
+    /* Medium (default, can be used for explicit md attribute) */
+    :host([size='md']) {
+      ${s(i)}
+    }
+
+    /* Large */
+    :host([size='lg']) {
+      ${s(a)}
+    }
+  `},c=(t=``)=>e.css`
+    :host([disabled])${t?` ${t}`:``} {
+      opacity: 0.5;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  `,l=(t=``)=>{let n=t?` ${t}`:``;return e.css`
+    :host([disabled])${n}, :host([loading])${n} {
+      opacity: 0.5;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    :host([loading])${n} {
+      cursor: wait;
+    }
+  `},u=e.css`
+  /* ========================================
+     Color Themes (Default: Neutral)
+     ======================================== */
+
+  :host {
+    /* Default to neutral when no color is specified */
+    --_theme-base: var(--color-neutral);
+    --_theme-content: var(--color-neutral-content);
+    --_theme-contrast: var(--color-neutral-contrast);
+    --_theme-focus: var(--color-neutral-focus);
+    --_theme-backdrop: var(--color-neutral-backdrop);
+    --_theme-border: var(--color-neutral-border);
+    --_theme-shadow: var(--color-neutral-focus-shadow);
+    --_theme-halo: var(--halo-shadow-neutral);
+  }
+
+  :host([color='primary']) {
+    --_theme-base: var(--color-primary);
+    --_theme-content: var(--color-primary-content);
+    --_theme-contrast: var(--color-primary-contrast);
+    --_theme-focus: var(--color-primary-focus);
+    --_theme-backdrop: var(--color-primary-backdrop);
+    --_theme-border: var(--color-primary-border);
+    --_theme-shadow: var(--color-primary-focus-shadow);
+    --_theme-halo: var(--halo-shadow-primary);
+  }
+
+  :host([color='secondary']) {
+    --_theme-base: var(--color-secondary);
+    --_theme-content: var(--color-secondary-content);
+    --_theme-contrast: var(--color-secondary-contrast);
+    --_theme-focus: var(--color-secondary-focus);
+    --_theme-backdrop: var(--color-secondary-backdrop);
+    --_theme-border: var(--color-secondary-border);
+    --_theme-shadow: var(--color-secondary-focus-shadow);
+    --_theme-halo: var(--halo-shadow-secondary);
+  }
+
+  :host([color='info']) {
+    --_theme-base: var(--color-info);
+    --_theme-content: var(--color-info-content);
+    --_theme-contrast: var(--color-info-contrast);
+    --_theme-focus: var(--color-info-focus);
+    --_theme-backdrop: var(--color-info-backdrop);
+    --_theme-border: var(--color-info-border);
+    --_theme-shadow: var(--color-info-focus-shadow);
+    --_theme-halo: var(--halo-shadow-info);
+  }
+
+  :host([color='success']) {
+    --_theme-base: var(--color-success);
+    --_theme-content: var(--color-success-content);
+    --_theme-contrast: var(--color-success-contrast);
+    --_theme-focus: var(--color-success-focus);
+    --_theme-backdrop: var(--color-success-backdrop);
+    --_theme-border: var(--color-success-border);
+    --_theme-shadow: var(--color-success-focus-shadow);
+    --_theme-halo: var(--halo-shadow-success);
+  }
+
+  :host([color='warning']) {
+    --_theme-base: var(--color-warning);
+    --_theme-content: var(--color-warning-content);
+    --_theme-contrast: var(--color-warning-contrast);
+    --_theme-focus: var(--color-warning-focus);
+    --_theme-backdrop: var(--color-warning-backdrop);
+    --_theme-border: var(--color-warning-border);
+    --_theme-shadow: var(--color-warning-focus-shadow);
+    --_theme-halo: var(--halo-shadow-warning);
+  }
+
+  :host([color='error']) {
+    --_theme-base: var(--color-error);
+    --_theme-content: var(--color-error-content);
+    --_theme-contrast: var(--color-error-contrast);
+    --_theme-focus: var(--color-error-focus);
+    --_theme-backdrop: var(--color-error-backdrop);
+    --_theme-border: var(--color-error-border);
+    --_theme-shadow: var(--color-error-focus-shadow);
+    --_theme-halo: var(--halo-shadow-error);
+  }
+`,d=e.css`
+  /* ========================================
+     Elevation Levels (0-5)
+     ======================================== */
+
+  :host([elevation='0']) {
+    --_shadow: none;
+  }
+
+  :host([elevation='1']) {
+    --_shadow: var(--shadow-sm);
+  }
+
+  :host([elevation='2']) {
+    --_shadow: var(--shadow-md);
+  }
+
+  :host([elevation='3']) {
+    --_shadow: var(--shadow-lg);
+  }
+
+  :host([elevation='4']) {
+    --_shadow: var(--shadow-xl);
+  }
+
+  :host([elevation='5']) {
+    --_shadow: var(--shadow-2xl);
+  }
+`,f=e.css`
+  @media (forced-colors: active) {
+    :host {
+      border: 1px solid ButtonText;
+    }
+  }
+`,p=t=>e.css`
+  @media (forced-colors: active) {
+    ${t}:focus-visible {
+      outline: 2px solid Highlight;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+`,m=e.css`
+  @media (forced-colors: active) {
+    :host {
+      forced-color-adjust: none;
+      color: ButtonText;
+      background: ButtonFace;
+      border: 1px solid ButtonText;
+    }
+
+    :host([checked]) {
+      background: Highlight;
+      color: HighlightText;
+      border-color: Highlight;
+    }
+
+    :host([disabled]) {
+      color: GrayText;
+      border-color: GrayText;
+    }
+  }
+`,h=!1;function g(){if(!h){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}h=!0}}var _=t=>(g(),e.css`
+    /* ========================================
+       Rainbow Border Effect
+       ======================================== */
+
+    :host([rainbow]) ${t} {
+      position: relative;
+      border: var(--border-2) solid transparent !important;
+      overflow: visible;
+    }
+
+    /* Rainbow border and glow layers */
+    :host([rainbow]) ${t}::before, :host([rainbow]) ${t}::after {
+      content: '';
+      position: absolute;
+      inset: calc(-1 * var(--border-2));
+      border: inherit;
+      border-radius: inherit;
+
+      /* Reserve no-clip space for glow */
+      box-shadow: 0 0 calc(3 * var(--blur-xl)) rgba(0 0 0 / 0.001);
+
+      /* Rainbow gradient — Okabe-Ito colorblind-safe palette */
+      background: conic-gradient(
+          from var(--rainbow-angle),
+          #56b4e9,
+          /* Sky Blue       */ #0072b2,
+          /* Deep Blue      */ #009e73,
+          /* Bluish Green   */ #f0e442,
+          /* Yellow         */ #e69f00,
+          /* Orange         */ #d55e00,
+          /* Vermillion     */ #cc79a7,
+          /* Reddish Purple */ #56b4e9 /* Back to Sky Blue */
+        )
+        border-box;
+
+      /* Make everything inside padding-box transparent
+       by subtracting padding-box from no-clip box */
+      -webkit-mask:
+        conic-gradient(red 0 0) no-clip subtract,
+        conic-gradient(red 0 0) padding-box;
+      mask:
+        conic-gradient(red 0 0) no-clip subtract,
+        conic-gradient(red 0 0) padding-box;
+
+      pointer-events: none;
+      animation: rainbow-rotate 4s linear infinite;
+    }
+
+    /* Turn one pseudo layer into glow halo */
+    :host([rainbow]) ${t}::after {
+      filter: blur(var(--blur-xl));
+    }
+
+    /* ========================================
+       Animation
+       ======================================== */
+
+    @keyframes rainbow-rotate {
+      to {
+        --rainbow-angle: 1turn;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      :host([rainbow]) ${t}::before, :host([rainbow]) ${t}::after {
+        animation: none;
+      }
+    }
+  `),v=t=>e.css`
+  :host([variant='frost']) ${t} {
+    backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
+    -webkit-backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
+  }
+
+  :host([variant='frost']:not([color])) ${t} {
+    background: color-mix(in srgb, var(--color-canvas) 55%, transparent);
+    border-color: color-mix(in srgb, var(--color-contrast-400) 45%, transparent);
+    color: var(--color-contrast);
+    text-shadow: var(--text-shadow-xs);
+    border: var(--border) solid var(--_border-color);
+  }
+
+  /* Frost neutral without elevation: use halo shadow */
+  :host([variant='frost']:not([color]):not([elevation])) ${t} {
+    box-shadow: var(--halo-shadow-neutral);
+  }
+
+  /* Frost neutral with elevation: combine halo with elevation shadow */
+  :host([variant='frost']:not([color])[elevation]) ${t} {
+    box-shadow: var(--halo-shadow-neutral), var(--_shadow);
+  }
+
+  :host([variant='frost'][color]) ${t} {
+    background: color-mix(in srgb, var(--_theme-base), transparent);
+    border-color: color-mix(in srgb, var(--_theme-border) 45%, transparent);
+    color: var(--_theme-content);
+    border: var(--border) solid color-mix(in srgb, var(--_theme-border) 45%, transparent);
+    backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
+    -webkit-backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
+    text-shadow: var(--text-shadow-xs);
+    filter: brightness(1.05);
+  }
+
+  /* Frost color without elevation: use halo shadow */
+  :host([variant='frost'][color]:not([elevation])) ${t} {
+    box-shadow: var(--_theme-halo);
+  }
+
+  /* Frost color with elevation: combine halo with elevation shadow */
+  :host([variant='frost'][color][elevation]) ${t} {
+    box-shadow: var(--_theme-halo), var(--_shadow);
+  }
+
+  :host([variant='frost']:not([color])) ${t}:hover {
+    backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
+    -webkit-backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
+  }
+
+  :host([variant='frost'][color]) ${t}:hover {
+    backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
+    -webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
+  }
+
+  /* ========================================
+     Halo Shadows per Theme Color
+     ======================================== */
+
+  :host([variant='frost'][color='primary']) ${t} {
+    box-shadow: var(--halo-shadow-primary);
+  }
+
+  :host([variant='frost'][color='secondary']) ${t} {
+    box-shadow: var(--halo-shadow-secondary);
+  }
+
+  :host([variant='frost'][color='info']) ${t} {
+    box-shadow: var(--halo-shadow-info);
+  }
+
+  :host([variant='frost'][color='success']) ${t} {
+    box-shadow: var(--halo-shadow-success);
+  }
+
+  :host([variant='frost'][color='warning']) ${t} {
+    box-shadow: var(--halo-shadow-warning);
+  }
+
+  :host([variant='frost'][color='error']) ${t} {
+    box-shadow: var(--halo-shadow-error);
+  }
+`,y=[u,r,i,o],b=[u,d,a,o],x=[u,m,c()],S=`@layer buildit.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,C=`@layer buildit.base{:host{flex-direction:row;display:inline-flex}::slotted(bit-avatar){--avatar-border:var(--border-2) solid var(--color-canvas)}::slotted(bit-avatar):not(:is()){margin-left:calc(var(--avatar-group-overlap,-.75rem))}::slotted(bit-avatar):is(){margin-right:calc(var(--avatar-group-overlap,-.75rem))}::slotted(bit-avatar:first-child):not(:is()){margin-left:0}::slotted(bit-avatar:first-child):is(){margin-right:0}::slotted(bit-avatar[data-avatar-group-hidden]){display:none}.overflow-badge{--_size:var(--avatar-size,var(--size-10));box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-700);-webkit-user-select:none;user-select:none;background:var(--color-contrast-200);border:var(--border-2) solid var(--color-canvas);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.overflow-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--avatar-group-overlap,-.75rem))}.overflow-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--avatar-group-overlap,-.75rem))}}`,w={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},T=(0,e.defineComponent)({props:{alt:{default:void 0},color:{default:void 0},initials:{default:void 0},rounded:{default:void 0},size:{default:void 0},src:{default:void 0},status:{default:void 0}},setup({props:t}){let n=(0,e.signal)(!1);(0,e.watch)(t.src,()=>{n.value=!1});let r=e=>{e&&(e.addEventListener(`error`,()=>{n.value=!0}),e.addEventListener(`load`,()=>{n.value=!1}))},i=(0,e.computed)(()=>{if(t.initials.value)return t.initials.value.slice(0,2);let e=t.alt.value;if(!e)return``;let n=e.trim().split(/\s+/);return n.length>=2?(n[0][0]+n[n.length-1][0]).toUpperCase():n[0].slice(0,2).toUpperCase()}),a=(0,e.computed)(()=>!!t.src.value&&!n.value),o=(0,e.computed)(()=>!a.value&&!!i.value),s=(0,e.computed)(()=>!a.value&&!o.value),c=(0,e.computed)(()=>{let e=t.alt.value||null,n=t.status.value,r=n?w[n]:null;return!e&&!r?null:e?r?`${e}, ${r}`:e:`Status: ${r}`});return e.html`
+      <span
+        class="avatar"
+        part="avatar"
+        :aria-label="${()=>c.value}"
+        :role="${()=>c.value?`img`:null}">
+        ${()=>t.src.value?e.html`<img
+                ref=${r}
+                part="img"
+                :src="${()=>t.src.value}"
+                :alt="${()=>t.alt.value||``}"
+                ?hidden="${()=>!a.value}"
+                aria-hidden="true" />`:``}
+        ${()=>o.value?e.html`<span class="initials" part="initials" aria-hidden="true">${()=>i.value}</span>`:``}
+        ${()=>s.value?e.html`<span class="icon-fallback" part="fallback" aria-hidden="true">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  width="55%"
+                  height="55%">
+                  <path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-8 2.67-8 4v1h16v-1c0-1.33-2.67-4-8-4Z" />
+                </svg>
+              </span>`:``}
+      </span>
+      ${()=>t.status.value?e.html`<span
+              class="status"
+              part="status"
+              :data-status="${()=>t.status.value}"
+              aria-hidden="true"></span>`:``}
+    `},styles:[u,o,s({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),S],tag:`bit-avatar`}),E=(0,e.defineComponent)({props:{max:{default:5},total:{default:void 0}},setup({host:t,props:n}){let r=(0,e.signal)(0);return(0,e.onMount)(()=>{(0,e.onSlotChange)(`default`,()=>{let e=[...t.querySelectorAll(`bit-avatar`)],i=Number(n.max.value)||5,a=Math.max(0,e.length-i);r.value=n.total.value==null?a:Number(n.total.value)-i,e.forEach((e,t)=>{t>=i?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})})}),e.html`
+      <slot></slot>
+      ${()=>r.value>0?e.html`<span class="overflow-badge" part="overflow" aria-label="${()=>`+${r.value} more`}">
+              +${()=>r.value}
+            </span>`:``}
+    `},styles:[C],tag:`bit-avatar-group`}),D=`@layer buildit.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-sm);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`,O=`@layer buildit.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`,ee=(0,e.defineComponent)({props:{active:{default:!1},href:{default:``},separator:{default:`/`}},setup({props:t}){return e.html`
+      <li class="item" role="listitem">
+        <span class="separator" part="separator" aria-hidden="true">${()=>t.separator.value||`/`}</span>
+        <a
+          class="link"
+          href="${()=>t.href.value||void 0}"
+          aria-current="${()=>t.active.value?`page`:null}"
+          tabindex="${()=>t.active.value?`-1`:null}"
+          part="link">
+          <span class="icon"><slot name="icon"></slot></span>
+          <span class="label"><slot></slot></span>
+        </a>
+      </li>
+    `},styles:[D],tag:`bit-breadcrumb-item`}),k=(0,e.defineComponent)({props:{label:{default:`Breadcrumb`},separator:{default:``}},setup({host:t,props:n}){let r=()=>Array.from(t.getElementsByTagName(`bit-breadcrumb-item`)),i=()=>{let e=n.separator.value;e?t.style.setProperty(`--breadcrumb-separator`,`'${e}'`):t.style.removeProperty(`--breadcrumb-separator`)},a=()=>{let e=n.separator.value||`/`,t=r();for(let n=0;n<t.length;n+=1)t[n].setAttribute(`separator`,e),n===0?t[n].removeAttribute(`data-show-separator`):t[n].setAttribute(`data-show-separator`,``)};return(0,e.onMount)(()=>{(0,e.onSlotChange)(`default`,a),a()}),(0,e.effect)(i),(0,e.effect)(a),e.html`
+      <nav aria-label="${()=>n.label.value}" part="nav">
+        <ol role="list" part="list">
+          <slot></slot>
+        </ol>
+      </nav>
+    `},styles:[O],tag:`bit-breadcrumb`}),A=`@layer buildit.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));display:block;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);transition:var(--_motion-transition,backdrop-filter var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal), opacity var(--transition-normal));flex-direction:column;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer buildit.variants{:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]) .card{background:var(--_theme-backdrop);border:var(--_border) solid var(--_theme-border)}:host(:not([variant])[color]:hover) .card{background:color-mix(in srgb, var(--_theme-base) 16%, var(--color-contrast-50));border-color:var(--_theme-focus)}:host([variant=solid]) .card{color:var(--_theme-contrast);background:var(--_theme-base);border:var(--_border) solid var(--_theme-base);box-shadow:var(--_shadow)}:host([variant=flat]) .card{background:var(--_theme-backdrop);border:var(--_border) solid color-mix(in srgb, var(--_theme-border) 50%, transparent)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--shadow-xl), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--shadow-2xl), var(--inset-shadow-sm)}}@layer buildit.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s ease-in-out infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(calc(-1 * var(--size-1))) scale(1.01);will-change:box-shadow, transform}:host([interactive]) .card{cursor:pointer}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow var(--transition-fast), transform var(--transition-fast));transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,j=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function M(e){return e?e.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE?!0:e.nodeType===Node.TEXT_NODE?!!e.textContent?.trim():!1):!1}function N(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(j)||n.closest(j))return!0}return!1}var P=(0,e.defineComponent)({props:{color:{default:void 0},disabled:{default:!1,type:Boolean},elevation:{default:void 0},interactive:{default:!1,type:Boolean},loading:{default:!1,type:Boolean},orientation:{default:void 0},padding:{default:void 0},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let i=(0,e.ref)(),a=(0,e.ref)(),o=(0,e.ref)(),s=(0,e.ref)(),c=(0,e.ref)(),l=(0,e.signal)(!1),u=(0,e.signal)(!1),d=(0,e.signal)(!1),f=(0,e.signal)(!1),p=(0,e.signal)(!1);function m(){l.value=M(i.value),u.value=M(a.value),d.value=M(o.value),f.value=M(s.value),p.value=M(c.value)}return(0,e.onMount)(()=>{(0,e.onSlotChange)(`media`,m),(0,e.onSlotChange)(`header`,m),(0,e.onSlotChange)(`default`,m),(0,e.onSlotChange)(`footer`,m),(0,e.onSlotChange)(`actions`,m)}),(0,e.watch)([r.interactive,r.disabled,r.loading,r.variant,r.color,r.padding,r.orientation],()=>{r.interactive.value?(n.setAttribute(`role`,`button`),n.setAttribute(`tabindex`,r.disabled.value?`-1`:`0`),n.setAttribute(`aria-disabled`,String(r.disabled.value))):(n.removeAttribute(`role`),n.removeAttribute(`tabindex`),n.removeAttribute(`aria-disabled`)),n.setAttribute(`aria-busy`,r.loading.value?`true`:`false`)},{immediate:!0}),(0,e.handle)(n,`click`,e=>{!r.interactive.value||r.disabled.value||N(n,e)||t(`activate`,{originalEvent:e,trigger:`pointer`})}),(0,e.handle)(n,`keydown`,e=>{!r.interactive.value||r.disabled.value||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t(`activate`,{originalEvent:e,trigger:`keyboard`}))}),e.html`
+      <div class="card" part="card">
+        <div class="loading-bar" part="loading-bar"></div>
+        <div class="card-media" part="media" ?hidden="${()=>!l.value}">
+          <slot ref=${i} name="media"></slot>
+        </div>
+        <div class="card-body" part="body">
+          <div class="card-header" part="header" ?hidden="${()=>!u.value}">
+            <slot ref=${a} name="header"></slot>
+          </div>
+          <div class="card-content" part="content" ?hidden="${()=>!d.value}">
+            <slot ref=${o}></slot>
+          </div>
+          <div class="card-footer" part="footer" ?hidden="${()=>!f.value}">
+            <slot ref=${s} name="footer"></slot>
+          </div>
+          <div class="card-actions" part="actions" ?hidden="${()=>!p.value}">
+            <slot ref=${c} name="actions"></slot>
+          </div>
+        </div>
+      </div>
+    `},styles:[...b,v(`.card`),i,A],tag:`bit-card`}),F=Symbol(`stateit.uninitialized`),I={cleanups:null,deps:null,effect:null},L={depth:0,pending:new Set},te=100,ne=class{#e=new Set;_track(){if(I.deps!==null&&I.effect!==null){let e=I.effect;this.#e.add(e),I.deps.add(()=>this.#e.delete(e))}}_notify(){if(this.#e.size===0)return;if(L.depth>0){for(let e of this.#e)L.pending.add(e);return}let e=[];for(let t of[...this.#e])try{t()}catch(t){e.push(t)}if(e.length)throw e.length===1?e[0]:AggregateError(e,`[stateit] multiple subscriber errors`)}},re=(e,t,n,r)=>{let i=I.effect,a=I.deps,o=I.cleanups;I.effect=e,I.deps=t,I.cleanups=n;try{return r()}finally{I.effect=i,I.deps=a,I.cleanups=o}},R=Symbol(`stateit.signal`),z=class extends ne{[R]=!0;#e;#t=F;#n=!0;#r=!1;#i;#a=new Set;#o=()=>{this.#n||(this.#n=!0,this._notify())};constructor(e,t){super(),this.#e=e,this.#i=t?.equals??Object.is,t?.lazy||this.#s()}#s(){for(let e of this.#a)e();this.#a.clear();let e=re(this.#o,this.#a,null,this.#e);this.#n=!1,(this.#t===F||!this.#i(this.#t,e))&&(this.#t=e)}get value(){return this.#r?this.#t:(this.#n&&this.#s(),this._track(),this.#t)}peek(){if(this.#t===F){if(this.#r)return;this.#s()}return this.#t}get stale(){return this.#n||this.#r}dispose(){if(!this.#r){this.#r=!0;for(let e of this.#a)e();this.#a.clear()}}[Symbol.dispose](){this.dispose()}},ie=(e,t)=>new z(e,t),ae=(e,t)=>{let n,r=new Set,i=!1,a=!1,o=!1,s=t?.maxIterations??te,c=()=>{n?.(),n=void 0;for(let e of r)e();r.clear()},l=()=>{a=!1,c();let i=[],s,l=!1;try{re(u,r,i,()=>{let t=e();typeof t==`function`&&i.push(t)})}catch(e){if(t?.onError)l=!0,s=e;else throw e}return n=i.length>0?()=>{for(let e of i)e()}:void 0,l&&(c(),t.onError(s),o=!0),l},u=()=>{if(o||i){i&&(a=!0);return}i=!0;try{let e=0;do{if(++e>s)throw Error(`[stateit] effect: possible infinite reactive loop (> ${s} iterations)`);if(l())break}while(a)}finally{i=!1}};u();let d=()=>{o||(o=!0,c())};return Object.assign(d,{dispose:d,[Symbol.dispose]:d})},B=e=>{I.cleanups?.push(e)},oe=class extends ne{[R]=!0;#e;#t;constructor(e,t){super(),this.#e=e,this.#t=t?.equals??Object.is}get value(){return this._track(),this.#e}set value(e){this.#t(this.#e,e)||(this.#e=e,this._notify())}update(e){this.value=e(this.#e)}peek(){return this.#e}},V=(e,t)=>new oe(e,t),H=e=>typeof e==`object`&&!!e&&R in e;function U(e,t=[]){return{__bindings:t,__html:e,toString(){return e}}}function W(e){return typeof e==`string`?{bindings:[],html:e}:{bindings:e.__bindings,html:e.__html}}var se=Symbol(`craftit.eachSignal`),G=[],ce=()=>{let e=G[G.length-1];if(!e)throw Error(`[craftit:E1] lifecycle outside setup`);return e},le=e=>{ce().onMount.push(e)},K=e=>{G.length>0?ce().cleanups.push(e):B(e)},q=e=>{G.length>0&&K(e)},ue=(e,t)=>{let n=ae(e,t);return q(n),n},de=0,fe=(e,t,n)=>{n==null||n===!1?e.removeAttribute(t):n===!0?e.setAttribute(t,``):e.setAttribute(t,String(n))},pe=(e,t,n,r)=>{let i=n;return e.addEventListener(t,i,r),()=>e.removeEventListener(t,i,r)},me=e=>`${e?`${e}-`:`cft-`}${++de}`,he=e=>{if(H(e))return e;if(typeof e==`function`)return ie(e)},ge=e=>{if(!H(e))return!1;let t=Object.getPrototypeOf(e);for(;t;){let e=Object.getOwnPropertyDescriptor(t,`value`);if(e)return typeof e.set==`function`;t=Object.getPrototypeOf(t)}return!1},_e=(e,t)=>{if(!Object.is(e.value,t))try{e.value=t}catch{}},ve=(e,t,n,r)=>{if(n){if(t===`value`){(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&r(pe(e,e instanceof HTMLSelectElement?`change`:`input`,()=>{_e(n,e.value)}));return}t===`checked`&&e instanceof HTMLInputElement&&r(pe(e,`change`,()=>{_e(n,e.checked)}))}},ye=(e,t,n)=>e?(n(ae(()=>{t(e.value)})),!0):!1,be=(e,t,n,r)=>t.startsWith(`@`)?(typeof n==`function`&&r(pe(e,t.slice(1),n)),!0):!1,xe=(e,t,n,r)=>{if(!t.startsWith(`.`))return!1;let i=t.slice(1),a=ge(n)?n:void 0;return ye(he(n),t=>e[i]=t,r)||(e[i]=n),ve(e,i,a,r),!0},Se=(e,t,n,r)=>{if(!t.startsWith(`?`))return!1;let i=t.slice(1);return ye(he(n),t=>e.toggleAttribute(i,!!t),r)||e.toggleAttribute(i,!!n),!0},Ce=(e,t,n,r)=>{ye(he(n),n=>fe(e,t,n),r)||fe(e,t,n)},we=(e,t,n,r)=>{n!==void 0&&(be(e,t,n,r)||xe(e,t,n,r)||Se(e,t,n,r)||Ce(e,t,n,r))};function Te(e){return{mount(t,{registerCleanup:n}){for(let[r,i]of Object.entries(e))we(t,r,i,n)}}}function Ee(e){let t={};for(let[n,r]of Object.entries(e))t[`.${n}`]=r;return Te(t)}function De(e){let t=Object.entries(e),n=t.some(([,e])=>H(e)||typeof e==`function`),r=()=>t.filter(([,e])=>H(e)?e.value:typeof e==`function`?!!e():!!e).map(([e])=>e).join(` `);return n?ie(r):r()}var Oe=RegExp(`u="(\\d+)"`,`g`),ke=U(``),Ae=[];function je(e,t){let n=new Map,r=[];for(let i of e.__bindings){let e=i.uid,a=n.get(e)??String(t.n++);n.has(e)||n.set(e,a),r.push({...i,uid:a})}return{bindings:r,html:e.__html.replace(Oe,(e,t)=>`u="${n.get(t)??t}"`).replace(/<!--(\d+)-->/g,(e,t)=>`<!--${n.get(t)??t}-->`)}}function Me(e,t,n){let r=``,i=[],a=[],o=[],s={n:0};for(let c=0;c<e.length;c++){a.push(n(e[c],c));let l=t(e[c],c),u=typeof l==`string`?{bindings:Ae,html:l}:je(l,s);r+=u.html,i.push(...u.bindings),o.push(u)}return{bindings:i,html:r,keys:a,rendered:o}}function Ne(e,t){let n=``,r=[],i={n:0};for(let a=0;a<e.length;a++){let o=t(e[a],a),s=typeof o==`string`?{bindings:Ae,html:o}:je(o,i);n+=s.html,r.push(...s.bindings)}return{bindings:r,html:n}}function Pe(e,t,n,r){let i=typeof n==`function`,a=i?n:void 0,o=(i?r:r??n)??{},s=o.select;if(Array.isArray(e)){let n=s?e.filter(s):e;if(!n.length){if(a){let e=W(a());return U(e.html,e.bindings)}return ke}let{bindings:r,html:i}=Ne(n,t);return U(i,r)}let c=o.key;if(!c)throw Error(`[craftit:each] Reactive each() requires options.key for stable reconciliation.`);let l=H(e)?()=>e.value:e;return{[se]:ie(()=>{let e=l(),n=s?e.filter(s):e;if(!n.length){let e=a?.();return e?{...W(e),items:[],keys:[]}:{bindings:[],html:``,items:[],keys:[]}}let{bindings:r,html:i,keys:o,rendered:u}=Me(n,t,c);return{bindings:r,html:i,items:u,keys:o}})}}function Fe(e,t,n){if(H(e)||typeof e==`function`){let r=H(e)?()=>e.value:e;return{render:()=>r()?t():n?.()??``}}return e?t():n?.()??``}var Ie=`@layer buildit.base{:host{--group-gap:var(--size-2);--group-radius:var(--rounded-lg);display:inline-flex}.button-group{gap:var(--group-gap);flex-direction:row;display:flex}}@layer buildit.variants{:host([orientation=vertical]) .button-group{flex-direction:column}}@layer buildit.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullwidth]) .button-group{width:100%}:host([fullwidth]) ::slotted(bit-button){flex:1}:host([attached]) .button-group{gap:0}:host([attached]) ::slotted(bit-button:hover),:host([attached]) ::slotted(bit-button:focus-within){z-index:1;position:relative}:host([attached]:not([orientation=vertical])) ::slotted(bit-button){--button-radius:0}:host([attached]:not([orientation=vertical])) ::slotted(bit-button:not(:first-child)){--button-border-start:0}:host([attached]:not([orientation=vertical])) ::slotted(bit-button:first-child){--button-radius:var(--group-radius) 0 0 var(--group-radius)}:host([attached]:not([orientation=vertical])) ::slotted(bit-button:last-child){--button-radius:0 var(--group-radius) var(--group-radius) 0}:host([attached][orientation=vertical]) ::slotted(bit-button){--button-radius:0}:host([attached][orientation=vertical]) ::slotted(bit-button:not(:first-child)){--button-border-top:0}:host([attached][orientation=vertical]) ::slotted(bit-button:first-child){--button-radius:var(--group-radius) var(--group-radius) 0 0}:host([attached][orientation=vertical]) ::slotted(bit-button:last-child){--button-radius:0 0 var(--group-radius) var(--group-radius)}}`,Le=(0,e.createContext)(`ButtonGroupContext`),Re=(0,e.defineComponent)({props:{attached:{default:!1},color:{default:void 0},fullwidth:{default:!1},label:{default:void 0},orientation:{default:void 0},size:{default:void 0},variant:{default:void 0}},setup({props:t}){return(0,e.provide)(Le,{color:t.color,size:t.size,variant:t.variant}),e.html`
+      <div class="button-group" part="group" role="group" :aria-label="${()=>t.label.value??null}">
+        <slot></slot>
+      </div>
+    `},styles:[Ie],tag:`bit-button-group`}),ze=`@layer buildit.base{:host{--_bg:var(--button-bg,var(--color-contrast-50));--_color:var(--button-color,var(--color-contrast-900));--_border:var(--button-border,var(--border));--_border-color:var(--button-border-color,var(--color-contrast-200));--_radius:var(--button-radius,var(--rounded-lg));justify-content:center;align-items:center;display:inline-flex}:host([disabled]){cursor:not-allowed}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed;opacity:.5}:host([loading]) a{cursor:wait}button,a{box-sizing:border-box;gap:var(--_gap,var(--size-2));width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border) solid var(--_border-color);border-top-width:var(--button-border-top,var(--_border));border-bottom-width:var(--button-border-bottom,var(--_border));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), opacity var(--transition-normal), transform var(--transition-fast));justify-content:center;align-items:center;display:flex;position:relative}button:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),a:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--button-border-start,var(--_border));border-right-width:var(--button-border-end,var(--_border))}button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),a:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--_border));border-left-width:var(--button-border-end,var(--_border))}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:none}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer buildit.overrides{:host([fullwidth]){width:100%;display:flex}:host([rounded][icon-only]) :is(button,a){border-radius:50%}:host([loading]) .content{visibility:hidden}}@layer buildit.variants{:host([icon-only]) :is(button,a){aspect-ratio:1;padding:0}:host(:not([variant])) :is(button,a),:host([variant=solid]) :is(button,a){color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host(:not([variant])) :is(button,a):hover,:host([variant=solid]) :is(button,a):hover{background:var(--_theme-focus)}:host(:not([variant])) :is(button,a):active,:host([variant=solid]) :is(button,a):active{background:var(--_theme-content);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) :is(button,a){color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) :is(button,a):hover{color:var(--_theme-contrast);background:var(--_theme-focus);box-shadow:var(--inset-shadow-xs)}:host([variant=flat]) :is(button,a):active{color:var(--_theme-contrast);background:var(--_theme-content);box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]) :is(button,a){color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) :is(button,a):hover{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) :is(button,a):active{color:var(--_theme-contrast);background:var(--_theme-content);box-shadow:var(--inset-shadow-sm)}:host([variant=outline]) :is(button,a){color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) :is(button,a):hover{background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=outline]) :is(button,a):active{color:var(--_theme-contrast);background:var(--_theme-base);box-shadow:var(--inset-shadow-2xs)}:host([variant=ghost]) :is(button,a){color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=ghost]) :is(button,a):hover{background:var(--_theme-backdrop)}:host([variant=ghost]) :is(button,a):active{color:var(--_theme-contrast);background:var(--_theme-base);box-shadow:var(--inset-shadow-2xs)}:host([variant=text]) :is(button,a){color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) :is(button,a):hover{color:var(--_theme-focus)}:host([variant=text]) :is(button,a):active{color:var(--_theme-content)}:host([variant=frost]:not([color])) :is(button,a):active{background:color-mix(in srgb, var(--color-canvas) 70%, transparent);border-color:color-mix(in srgb, var(--theme-focus) 40%, transparent)}:host([variant=frost][color]) :is(button,a):active{background:color-mix(in srgb, var(--_theme-backdrop) 50%, var(--_theme-base) 50%);border-color:color-mix(in srgb, var(--_theme-focus) 65%, transparent)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin .6s linear infinite);border-radius:50%;position:absolute}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}button:hover,a:hover,button:focus-visible,a:focus-visible{box-shadow:var(--_theme-shadow);outline:none}:host([variant=text]) button:hover,:host([variant=text]) a:hover{box-shadow:none}`,Be=(0,e.defineComponent)({formAssociated:!0,props:{color:{default:void 0},disabled:{default:!1},fullwidth:{default:!1},href:{default:void 0},iconOnly:{default:!1},label:{default:void 0},loading:{default:!1},rainbow:{default:!1},rel:{default:void 0},rounded:{default:void 0},size:{default:void 0},target:{default:void 0},type:{default:`button`},variant:{default:`solid`}},setup({host:t,props:n}){(0,e.syncContextProps)((0,e.inject)(Le,void 0),n,[`color`,`size`,`variant`]);let r=(0,e.computed)(()=>n.disabled.value||n.loading.value||!1),i=(0,e.computed)(()=>!!n.href.value),a=(0,e.defineField)({disabled:r,toFormValue:()=>null,value:(0,e.computed)(()=>``)}),o=n=>{if(r.value){n.preventDefault(),n.stopPropagation();return}n.stopPropagation(),e.fire.mouse(t,n.type,n)},s=i=>{if(r.value)return;i.stopPropagation();let o=a.internals.form;o&&(n.type.value===`submit`?o.requestSubmit():n.type.value===`reset`&&o.reset()),e.fire.mouse(t,i.type,i)};return e.html`
+      ${Fe(i,()=>e.html`<a
+            part="button"
+            :href="${()=>n.href.value??null}"
+            :target="${()=>n.target.value??null}"
+            :rel="${()=>n.rel.value??null}"
+            :aria-label="${()=>n.label.value??null}"
+            :aria-disabled="${()=>r.value?`true`:null}"
+            :aria-busy="${()=>n.loading.value?`true`:null}"
+            role="button"
+            @click="${o}">
+            <span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!n.loading.value}></span>
+            <slot name="prefix"></slot>
+            <span class="content" part="content"><slot></slot></span>
+            <slot name="suffix"></slot>
+          </a>`,()=>e.html`<button
+            part="button"
+            type="button"
+            ?disabled=${r}
+            :aria-label="${()=>n.label.value??null}"
+            :aria-disabled="${()=>r.value?`true`:null}"
+            :aria-busy="${()=>n.loading.value?`true`:null}"
+            @click="${s}">
+            <span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!n.loading.value}></span>
+            <slot name="prefix"></slot>
+            <span class="content" part="content"><slot></slot></span>
+            <slot name="suffix"></slot>
+          </button>`)}
+    `},shadow:{delegatesFocus:!0},styles:[...y,f,s({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),v(`button`),_(`button`),l(`button`),ze],tag:`bit-button`}),Ve=`@layer buildit.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:is(:disabled,[aria-current=page])),:host([variant=ghost]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in srgb, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in srgb, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in srgb, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in srgb, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in srgb, var(--color-canvas) 70%, transparent);border-color:color-mix(in srgb, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in srgb, var(--color-canvas) 55%, transparent);border-color:color-mix(in srgb, var(--_theme-focus) 45%, transparent)}button:hover:not(:is(:disabled,[aria-current=page])){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer buildit.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;function He(e,t,n){let r=t,i=[];if(r<=2+2*n+3)return Array.from({length:r},(e,t)=>t+1);let a=Math.max(e-n,2),o=Math.min(e+n,r-1);i.push(1),a>3?i.push(`ellipsis-start`):a===3&&i.push(2);for(let e=a;e<=o;e++)i.push(e);return o<r-1-1?i.push(`ellipsis-end`):o===r-1-1&&i.push(r-1),i.push(r),i}var Ue=(0,e.defineComponent)({props:{color:{default:void 0},label:{default:`Pagination`},page:{default:1},"show-first-last":{default:!1,type:Boolean},"show-prev-next":{default:!1,type:Boolean},siblings:{default:1},size:{default:void 0},"total-pages":{default:1},variant:{default:void 0}},setup({emit:t,host:n,props:r}){function i(e){let i=Number(r[`total-pages`].value)||1,a=Math.min(Math.max(1,e),i);a!==Number(r.page.value)&&(n.setAttribute(`page`,String(a)),t(`change`,{page:a}))}function a(e){let t=e.target?.closest(`[part="page-btn"]`);if(!t)return;let n=t.getAttribute(`aria-label`);if(!n)return;let r=n.match(/\d+/);r&&i(Number(r[0]))}let o=(0,e.computed)(()=>He(Number(r.page.value)||1,Number(r[`total-pages`].value)||1,Number(r.siblings.value)??1)),s=(0,e.computed)(()=>(Number(r.page.value)||1)<=1),c=(0,e.computed)(()=>(Number(r.page.value)||1)>=(Number(r[`total-pages`].value)||1));return e.html`
+      <nav :aria-label="${()=>r.label.value}" part="nav" @click=${a}>
+        <ol class="pagination" part="list">
+          ${()=>r[`show-first-last`].value?e.html`<li>
+                  <button
+                    type="button"
+                    class="nav-btn"
+                    part="first-btn"
+                    aria-label="First page"
+                    ?disabled=${()=>s.value}
+                    @click=${()=>i(1)}>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      aria-hidden="true">
+                      <polyline points="11 17 6 12 11 7" />
+                      <polyline points="18 17 13 12 18 7" />
+                    </svg>
+                  </button>
+                </li>`:``}
+          ${()=>r[`show-prev-next`].value?e.html`<li>
+                  <button
+                    type="button"
+                    class="nav-btn"
+                    part="prev-btn"
+                    aria-label="Previous page"
+                    ?disabled=${()=>s.value}
+                    @click=${()=>i((Number(r.page.value)||1)-1)}>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      aria-hidden="true">
+                      <polyline points="15 18 9 12 15 6" />
+                    </svg>
+                  </button>
+                </li>`:``}
+          <li style="display: contents;">
+            ${Pe(o,t=>{if(t===`ellipsis-start`||t===`ellipsis-end`)return e.html`<span class="ellipsis" aria-hidden="true">&hellip;</span>`;let n=t;return n===(Number(r.page.value)||1)?e.html`<button type="button" part="page-btn" aria-label="Page ${n}" aria-current="page">
+                      ${n}
+                    </button>`:e.html`<button type="button" part="page-btn" aria-label="Page ${n}">${n}</button>`},void 0,{key:e=>`${e}`})}
+          </li>
+          ${()=>r[`show-prev-next`].value?e.html`<li>
+                  <button
+                    type="button"
+                    class="nav-btn"
+                    part="next-btn"
+                    aria-label="Next page"
+                    ?disabled=${()=>c.value}
+                    @click=${()=>i((Number(r.page.value)||1)+1)}>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      aria-hidden="true">
+                      <polyline points="9 18 15 12 9 6" />
+                    </svg>
+                  </button>
+                </li>`:``}
+          ${()=>r[`show-first-last`].value?e.html`<li>
+                  <button
+                    type="button"
+                    class="nav-btn"
+                    part="last-btn"
+                    aria-label="Last page"
+                    ?disabled=${()=>c.value}
+                    @click=${()=>i(Number(r[`total-pages`].value)||1)}>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      aria-hidden="true">
+                      <polyline points="13 17 18 12 13 7" />
+                      <polyline points="6 17 11 12 6 7" />
+                    </svg>
+                  </button>
+                </li>`:``}
+        </ol>
+      </nav>
+    `},styles:[u,s({}),r,Ve],tag:`bit-pagination`}),We=(0,e.defineComponent)({props:{color:(0,e.typed)(void 0),decorative:(0,e.typed)(!0),label:(0,e.typed)(void 0),orientation:(0,e.typed)(`horizontal`)},setup({props:t}){return e.html`
+      ${()=>t.label.value?e.html`
+              <div class="separator-wrapper" part="wrapper">
+                <hr
+                  class="separator"
+                  part="separator"
+                  :role="${()=>t.decorative.value?`none`:`separator`}"
+                  :aria-hidden="${()=>t.decorative.value?`true`:null}"
+                  :aria-orientation="${()=>t.orientation.value}" />
+                <span class="separator-label" part="label">${()=>t.label.value}</span>
+                <hr
+                  class="separator"
+                  part="separator"
+                  :role="${()=>t.decorative.value?`none`:`separator`}"
+                  :aria-hidden="${()=>t.decorative.value?`true`:null}" />
+              </div>
+            `:e.html`
+              <hr
+                class="separator"
+                part="separator"
+                :role="${()=>t.decorative.value?`none`:`separator`}"
+                :aria-hidden="${()=>t.decorative.value?`true`:null}"
+                :aria-orientation="${()=>t.orientation.value}" />
+            `}
+    `},styles:[u,`@layer buildit.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}`],tag:`bit-separator`}),Ge=`@layer buildit.base{:host{--_radius:var(--table-radius,var(--rounded-lg));--_shadow:var(--table-shadow,none);--_border:var(--table-border,1px solid var(--color-contrast-200));--_cell-padding:var(--table-cell-padding,var(--size-4) var(--size-5));--_cell-font-size:var(--table-cell-font-size,var(--text-sm));--_cell-color:var(--table-cell-color,var(--color-contrast-800));--_th-bg:var(--table-header-bg,color-mix(in srgb, var(--color-contrast-100) 85%, transparent));--_th-color:var(--table-header-color,var(--_theme-content));--_th-font-weight:var(--font-semibold);--_th-font-size:var(--text-xs);--_row-hover-bg:var(--table-row-hover-bg,var(--color-contrast-100));--_stripe-bg:transparent;border-radius:var(--_radius);width:100%;box-shadow:var(--_shadow);display:block}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{table-layout:auto;border-spacing:0;border-collapse:collapse;background:var(--table-bg,var(--color-canvas));width:100%}caption{padding:var(--size-3) var(--size-5);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_th-bg)}caption:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}th,td{padding:var(--_cell-padding);font-size:var(--_cell-font-size);vertical-align:middle;color:var(--_cell-color);border-bottom:var(--_border);transition:background var(--duration-150) var(--ease-in-out);background:0 0;font-weight:400}th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}tbody tr:last-child th,tbody tr:last-child td,tfoot tr:last-child th,tfoot tr:last-child td{border-bottom:none}thead th,thead td,tfoot th,tfoot td{font-size:var(--_th-font-size);font-weight:var(--_th-font-weight);color:var(--_th-color);border-bottom:var(--border-2) solid var(--color-contrast-200);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%);background:var(--_th-bg)!important}thead th{text-transform:uppercase;letter-spacing:.05em}tbody tr:hover th,tbody tr:hover td{background:var(--_row-hover-bg)}tbody tr:nth-child(2n) th,tbody tr:nth-child(2n) td{background:var(--_stripe-bg)}tbody tr:nth-child(2n):hover th,tbody tr:nth-child(2n):hover td{background:var(--_row-hover-bg)}}@layer buildit.states{:host([loading]){cursor:wait}:host([loading]) table{pointer-events:none;opacity:.5;transition:opacity var(--duration-200) var(--ease-in-out)}}@layer buildit.variants{:host([striped]){--_stripe-bg:var(--table-stripe-bg,var(--color-contrast-50))}:host([bordered]){border:var(--_border);border-radius:var(--_radius);box-shadow:var(--shadow-xs);overflow:hidden}:host([bordered]) .scroll-container{border-radius:inherit;clip-path:inset(0 round var(--_radius))}:host([color]){--_th-color:var(--_theme-base)}:host([sticky]) .scroll-container{max-height:var(--table-sticky-max-height,24rem);overflow-y:auto}:host([sticky]) thead th,:host([sticky]) thead td{z-index:10;background:var(--table-sticky-header-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 94%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 94%, transparent)));-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);will-change:backdrop-filter;position:sticky;top:0}}@layer buildit.utilities{:host([size=sm]){--_cell-padding:var(--size-2) var(--size-3);--_cell-font-size:var(--text-xs)}:host([size=lg]){--_cell-padding:var(--size-5) var(--size-8);--_cell-font-size:var(--text-base)}}`;customElements.get(`bit-tr`)||customElements.define(`bit-tr`,class extends HTMLElement{}),customElements.get(`bit-th`)||customElements.define(`bit-th`,class extends HTMLElement{}),customElements.get(`bit-td`)||customElements.define(`bit-td`,class extends HTMLElement{});var Ke=`bit-tr`,qe=`bit-th`,Je=`bit-td`,Ye=[`colspan`,`rowspan`,`scope`,`headers`,`abbr`,`axis`,`align`,`valign`,`width`];function Xe(e,t,n,r){let i=[];t.textContent=``,n.textContent=``,r.textContent=``;function a(e,t){let n=e.localName===`bit-th`,r=document.createElement(n?`th`:`td`);for(let t of Ye){let n=e.getAttribute(t);n!==null&&r.setAttribute(t,n)}r.textContent=e.textContent??``;let a=new MutationObserver(()=>{r.textContent=e.textContent??``;for(let t of Ye){let n=e.getAttribute(t);n===null?r.removeAttribute(t):r.setAttribute(t,n)}});return a.observe(e,{attributes:!0,characterData:!0,childList:!0,subtree:!0}),i.push(a),t.appendChild(r),r}function o(e,t){let n=document.createElement(`tr`);for(let t of e.children)(t.localName===`bit-th`||t.localName===`bit-td`)&&a(t,n);t.appendChild(n)}for(let i of e.children)i.localName===`bit-tr`&&(i.hasAttribute(`head`)?o(i,t):i.hasAttribute(`foot`)?o(i,r):o(i,n));return()=>{for(let e of i)e.disconnect()}}var Ze=(0,e.defineComponent)({props:{bordered:{default:!1,type:Boolean},caption:{default:void 0},color:{default:void 0},loading:{default:!1,type:Boolean},size:{default:void 0},sticky:{default:!1,type:Boolean},striped:{default:!1,type:Boolean}},setup({host:t,props:n}){return(0,e.aria)({busy:()=>n.loading.value,label:()=>n.caption.value??null}),(0,e.onMount)(()=>{let r=t.shadowRoot.querySelector(`.scroll-container`),i=document.createElement(`table`),a=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);r.setAttribute(`part`,`scroll`),i.setAttribute(`part`,`table`),o.setAttribute(`part`,`head`),s.setAttribute(`part`,`body`),c.setAttribute(`part`,`foot`),i.append(a,o,s,c),r.appendChild(i),(0,e.effect)(()=>{a.hidden=!(a.textContent=n.caption.value??``)});let l=Xe(t,o,s,c),u=new MutationObserver(()=>{l(),l=Xe(t,o,s,c)});return u.observe(t,{childList:!0}),()=>{u.disconnect(),l()}}),e.html`<div class="scroll-container"></div>`},styles:[u,i,Ge],tag:`bit-table`}),Qe=(0,e.defineComponent)({props:{align:(0,e.typed)(void 0),as:(0,e.typed)(void 0),color:(0,e.typed)(void 0),italic:(0,e.typed)(!1),lines:(0,e.typed)(void 0,{type:Number}),size:(0,e.typed)(void 0),truncate:(0,e.typed)(!1),variant:(0,e.typed)(void 0),weight:(0,e.typed)(void 0)},setup({host:t,props:n}){return(0,e.watch)(n.as,e=>{let n=/^h([1-6])$/.exec(e??``);n?(t.setAttribute(`role`,`heading`),t.setAttribute(`aria-level`,n[1])):(t.removeAttribute(`role`),t.removeAttribute(`aria-level`))},{immediate:!0}),(0,e.watch)(n.lines,e=>{e==null?t.style.removeProperty(`--_lines`):t.style.setProperty(`--_lines`,String(e))},{immediate:!0}),e.html`<slot></slot>`},styles:[`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size=xs]){--_size:var(--text-xs)}:host([size=sm]){--_size:var(--text-sm)}:host([size=md]){--_size:var(--text-base)}:host([size=lg]){--_size:var(--text-lg)}:host([size=xl]){--_size:var(--text-xl)}:host([size="2xl"]){--_size:var(--text-2xl)}:host([variant=heading][size=xs]){--_size:var(--heading-xs)}:host([variant=heading][size=sm]){--_size:var(--heading-sm)}:host([variant=heading][size=md]){--_size:var(--heading-md)}:host([variant=heading][size=lg]){--_size:var(--heading-lg)}:host([variant=heading][size=xl]){--_size:var(--heading-xl)}:host([variant=heading][size="2xl"]){--_size:var(--heading-2xl)}:host([weight=normal]){--_weight:var(--font-normal)}:host([weight=medium]){--_weight:var(--font-medium)}:host([weight=semibold]){--_weight:var(--font-semibold)}:host([weight=bold]){--_weight:var(--font-bold)}:host([color=primary]){--_color:var(--color-primary)}:host([color=secondary]){--_color:var(--color-secondary)}:host([color=info]){--_color:var(--color-info)}:host([color=success]){--_color:var(--color-success)}:host([color=warning]){--_color:var(--color-warning)}:host([color=error]){--_color:var(--color-error)}:host([color=heading]){--_color:var(--text-color-heading)}:host([color=body]){--_color:var(--text-color-body)}:host([color=muted]){--_color:var(--text-color-secondary)}:host([color=tertiary]){--_color:var(--text-color-tertiary)}:host([color=disabled]){--_color:var(--text-color-disabled)}:host([color=contrast]){--_color:var(--text-color-contrast)}@layer buildit.utilities{:host([align]){display:block}:host([align=left]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}:host([align=left]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}:host([align=center]){text-align:center}:host([align=right]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:host([align=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`],tag:`bit-text`}),$e=`@layer buildit.base{:host{gap:var(--size-2);flex-direction:column;width:100%;display:flex}::slotted(bit-accordion-item){width:100%}}@layer buildit.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(bit-accordion-item:not(:last-child)){border-bottom:1px solid var(--color-contrast-200)}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);box-shadow:var(--shadow-xs)}:host([variant=flat]){background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);box-shadow:var(--inset-shadow-xs)}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){background:color-mix(in srgb, var(--color-secondary) 30%, var(--color-contrast) 10%)}:host([variant=frost]){background:color-mix(in srgb, var(--color-canvas) 55%, transparent)}:host(:is([variant=glass],[variant=frost])) ::slotted(bit-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(bit-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(bit-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(bit-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,et=(0,e.createContext)(`AccordionContext`),tt=(0,e.defineComponent)({props:{selectionMode:(0,e.typed)(void 0),size:(0,e.typed)(void 0),variant:(0,e.typed)(void 0)},setup({emit:t,host:n,props:r}){let i=e=>{r.selectionMode.value===`single`&&(n.querySelectorAll(`bit-accordion-item`).forEach(t=>{t!==e&&t.hasAttribute(`expanded`)&&t.removeAttribute(`expanded`)}),t(`change`,{expandedItem:e}))};return(0,e.provide)(et,{notifyExpand:i,selectionMode:(0,e.computed)(()=>r.selectionMode.value),size:r.size,variant:r.variant}),(0,e.handle)(n,`expand`,e=>i(e.target)),(0,e.handle)(n,`keydown`,e=>{if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`&&e.key!==`Home`&&e.key!==`End`)return;let t=[...n.querySelectorAll(`bit-accordion-item:not([disabled])`)].map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean);if(!t.length)return;let r=t.indexOf(document.activeElement);if(r===-1)return;let i=r;e.key===`ArrowDown`?i=(r+1)%t.length:e.key===`ArrowUp`?i=(r-1+t.length)%t.length:e.key===`Home`?i=0:e.key===`End`&&(i=t.length-1),e.preventDefault(),t[i]?.focus()}),e.html`<slot></slot>`},styles:[$e],tag:`bit-accordion`}),nt=`@layer buildit.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:left var(--tabs-transition), width var(--tabs-transition);position:absolute;bottom:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer buildit.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{bottom:unset;width:2px;height:unset;transition:top var(--tabs-transition), height var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer buildit.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1)}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--color-contrast-200);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--color-contrast-200);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--color-contrast-200);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:color-mix(in srgb, var(--color-secondary) 20%, transparent);border:var(--border) solid color-mix(in srgb, var(--color-secondary-contrast) 15%, transparent);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:color-mix(in srgb, var(--color-canvas) 55%, transparent);border:var(--border) solid color-mix(in srgb, var(--color-contrast-300) 50%, transparent);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}:host([size=sm]){--tabs-tab-size:var(--text-xs);--tabs-tab-padding:var(--size-1) var(--size-3)}:host(:not([size])),:host([size=md]){--tabs-tab-size:var(--text-sm);--tabs-tab-padding:var(--size-1-5) var(--size-4)}:host([size=lg]){--tabs-tab-size:var(--text-base);--tabs-tab-padding:var(--size-2) var(--size-5)}}`,rt=(0,e.createContext)(`TabsContext`),it=(0,e.defineComponent)({props:{activation:{default:`auto`},color:{default:void 0},label:{default:void 0},orientation:{default:`horizontal`},size:{default:void 0},value:{default:void 0},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let i=(0,e.ref)(),a=(0,e.ref)(),o=(0,e.signal)(r.value.value),s=()=>[...n.querySelectorAll(`bit-tab-item`)],c=(e,r=!1)=>{o.value=e,e==null?n.removeAttribute(`value`):n.getAttribute(`value`)!==e&&n.setAttribute(`value`,e),r&&e&&t(`change`,{value:e})},l=()=>{let e=s();if(e.length===0)return;let t=o.value;t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`))||c(e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0,!1)};(0,e.watch)(r.value,e=>{o.value=e,l()}),(0,e.provide)(rt,{color:r.color,orientation:(0,e.computed)(()=>r.orientation.value??`horizontal`),size:r.size,value:o,variant:r.variant});let u=e=>{let t=a.value,n=i.value;if(!(!t||!n||!e))if(r.orientation.value===`vertical`){let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();t.style.top=`${r.top-i.top+n.scrollTop}px`,t.style.height=`${r.height}px`,t.style.left=`0`,t.style.width=``}else{let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();t.style.left=`${r.left-i.left+n.scrollLeft}px`,t.style.width=`${r.width}px`,t.style.top=``,t.style.height=``}},d=()=>{let e=o.value;e&&u(s().find(t=>t.getAttribute(`value`)===e))};return(0,e.watch)(o,()=>requestAnimationFrame(d)),(0,e.handle)(n,`click`,e=>{let t=e.target.closest(`bit-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`bit-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===o.value||c(r,!0)}),(0,e.handle)(n,`keydown`,e=>{let t=s().filter(e=>!e.hasAttribute(`disabled`)),n=t.findIndex(e=>e.getAttribute(`value`)===o.value),i=r.orientation.value===`vertical`,a=n;if(e.key===(i?`ArrowDown`:`ArrowRight`))a=(n+1)%t.length;else if(e.key===(i?`ArrowUp`:`ArrowLeft`))a=(n-1+t.length)%t.length;else if(!i&&e.key===`ArrowDown`)a=(n+1)%t.length;else if(!i&&e.key===`ArrowUp`)a=(n-1+t.length)%t.length;else if(e.key===`Home`)a=0;else if(e.key===`End`)a=t.length-1;else if(r.activation.value===`manual`&&(e.key===`Enter`||e.key===` `)){let e=t.find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==o.value&&c(e,!0);return}else return;e.preventDefault();let l=t[a]?.getAttribute(`value`);l&&(t[a]?.focus(),r.activation.value!==`manual`&&c(l,!0))}),(0,e.onMount)(()=>{let e=()=>{l(),d()},t=n.shadowRoot?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),e.html`
+      <div class="tablist-wrapper">
+        <div
+          role="tablist"
+          ref=${i}
+          part="tablist"
+          :aria-orientation="${()=>r.orientation.value}"
+          :aria-label="${()=>r.label.value??null}">
+          <slot name="tabs"></slot>
+        </div>
+        <div class="indicator" ref=${a} part="indicator"></div>
+      </div>
+      <div class="panels" part="panels">
+        <slot></slot>
+      </div>
+    `},styles:[u,nt],tag:`bit-tabs`}),at=(0,e.defineComponent)({props:{disabled:(0,e.typed)(!1),expanded:(0,e.typed)(!1),size:(0,e.typed)(void 0),variant:(0,e.typed)(void 0)},setup({emit:t,host:n,props:r}){(0,e.syncContextProps)((0,e.inject)(et,void 0),r,[`size`,`variant`]);let i=`accordion-item-title`,a=(0,e.ref)(),o=(0,e.ref)(),s=()=>{let e=a.value?.open??!1;e&&!n.hasAttribute(`expanded`)?(n.setAttribute(`expanded`,``),t(`expand`,{expanded:!0,item:n})):!e&&n.hasAttribute(`expanded`)&&(n.removeAttribute(`expanded`),t(`collapse`,{expanded:!1,item:n}))};(0,e.onMount)(()=>{let t=a.value,n=o.value;!t||!n||((0,e.watch)(r.expanded,e=>{let r=!!e;t.open=r,n.setAttribute(`aria-expanded`,r?`true`:`false`)},{immediate:!0}),(0,e.handle)(t,`toggle`,s))});let c=(0,e.computed)(()=>r.expanded.value?`true`:`false`),l=(0,e.computed)(()=>r.disabled.value?`true`:`false`);return e.html` <details part="item" ?open=${r.expanded} ref=${a}>
+      <summary part="summary" :aria-expanded=${c} :aria-disabled=${l} ref=${o}>
+        <slot name="prefix"></slot>
+        <div class="header-content" part="header">
+          <span class="title" part="title" id="${i}">
+            <slot name="title"></slot>
+          </span>
+          <span class="subtitle" part="subtitle">
+            <slot name="subtitle"></slot>
+          </span>
+        </div>
+        <slot name="suffix"></slot>
+        <svg
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="chevron"
+          part="chevron"
+          xmlns="http://www.w3.org/2000/svg">
+          <path d="m 14.999979,5.9999793 -5.9999997,5.9999997 5.9999997,6" />
+        </svg>
+      </summary>
+      <div class="content-wrapper" part="content" role="region" aria-labelledby="${i}">
+        <div class="content-inner">
+          <slot></slot>
+        </div>
+      </div>
+    </details>`},styles:[r,`@layer buildit.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);display:block}details{border-radius:var(--accordion-item-radius);width:100%;transition:all var(--accordion-item-transition);overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:all var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in srgb, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows var(--accordion-item-transition);grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));overflow:hidden}}@layer buildit.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent}:host summary:hover,:host([variant=solid]) summary:hover{--accordion-item-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100)}:host([variant=flat]) summary:hover{--accordion-item-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-contrast-300);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=bordered]) summary:hover{background:var(--color-contrast-200)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-contrast-300)}:host([variant=outline]) summary:hover{background:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent}:host([variant=ghost]) summary:hover{background:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent}:host([variant=text]) summary:hover{background:0 0}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in srgb, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-title-color:color-mix(in srgb, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in srgb, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in srgb, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) summary:hover{background:color-mix(in srgb, var(--color-secondary) 20%, transparent)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in srgb, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([variant=frost]) summary:hover{background:color-mix(in srgb, var(--color-canvas) 20%, transparent)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--size-5);height:var(--size-5);transition:transform var(--accordion-item-transition)}.chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(-90deg)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`],tag:`bit-accordion-item`}),ot=(0,e.defineComponent)({props:{active:(0,e.typed)(!1),color:(0,e.typed)(void 0),disabled:(0,e.typed)(!1),size:(0,e.typed)(void 0),value:(0,e.typed)(``),variant:(0,e.typed)(void 0)},setup({host:t,props:n}){let r=(0,e.inject)(rt,void 0);(0,e.syncContextProps)(r,n,[`color`,`size`,`variant`]);let i=r?(0,e.computed)(()=>!!r.value.value&&r.value.value===n.value.value):n.active;(0,e.effect)(()=>{t.toggleAttribute(`active`,i.value)});let a=(0,e.computed)(()=>String(i.value)),o=(0,e.computed)(()=>i.value?`0`:`-1`);return e.html`
+      <button
+        role="tab"
+        type="button"
+        part="tab"
+        :id="${()=>`tab-${n.value.value}`}"
+        :aria-selected=${a}
+        :tabindex=${o}
+        :aria-disabled=${(0,e.computed)(()=>String(n.disabled.value))}
+        :aria-controls="${()=>`tabpanel-${n.value.value}`}"
+        @click=${()=>{n.disabled.value||e.fire.custom(t,`click`,{detail:{value:n.value.value}})}}>
+        <slot name="prefix"></slot>
+        <slot></slot>
+        <slot name="suffix"></slot>
+      </button>
+    `},styles:[u,p(`button`),r,`@layer buildit.base{:host{--tab-item-transition:var(--transition-normal);--tab-item-radius:var(--rounded-lg);outline:none;display:inline-flex}button{gap:var(--size-2);width:100%;min-height:var(--_touch-target);padding:var(--tab-item-padding,var(--size-1-5) var(--size-4));font-family:inherit;font-size:var(--tab-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--tab-item-color,var(--text-color-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--tab-item-radius);transition:background var(--tab-item-transition), color var(--tab-item-transition), box-shadow var(--tab-item-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}button:focus{outline:none}:host(:focus-visible) button,button:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--_theme-shadow)}}@layer buildit.variants{:host button:hover,:host([variant=solid]) button:hover{color:var(--text-color-heading);background:var(--color-contrast-200)}:host([active]) button,:host([variant=solid][active]) button{color:var(--text-color-heading);background:var(--color-contrast-0,var(--color-canvas));box-shadow:var(--shadow-xs), var(--inset-shadow-xs)}:host([variant=flat]) button:hover{color:var(--text-color-heading);background:var(--color-contrast-200)}:host([variant=flat][active]) button{color:var(--text-color-heading);background:var(--color-contrast-0,var(--color-canvas));box-shadow:var(--shadow-xs), var(--inset-shadow-xs)}:host([variant=bordered]) button:hover{color:var(--text-color-heading);background:var(--color-contrast-200)}:host([variant=bordered][active]) button{color:var(--text-color-heading);background:var(--color-contrast-0,var(--color-canvas));box-shadow:var(--shadow-xs)}:host([variant=ghost]) button:hover{color:var(--text-color-heading);background:var(--color-contrast-100)}:host([variant=ghost][active]) button{color:var(--_theme-contrast);background:var(--_theme-base)}:host([variant=glass]) button{color:color-mix(in srgb, var(--color-secondary-contrast) 70%, transparent);text-shadow:var(--text-shadow-2xs)}:host([variant=glass]) button:hover{color:var(--color-secondary-contrast);background:color-mix(in srgb, var(--color-secondary-contrast) 10%, transparent)}:host([variant=glass][active]) button{color:var(--color-secondary-contrast);background:color-mix(in srgb, var(--color-secondary-contrast) 15%, transparent);box-shadow:var(--shadow-xs), var(--inset-shadow-xs)}:host([variant=frost]) button{color:var(--text-color-secondary)}:host([variant=frost]) button:hover{color:var(--text-color-heading);background:color-mix(in srgb, var(--color-contrast) 10%, transparent)}:host([variant=frost][active]) button{color:var(--text-color-heading);background:color-mix(in srgb, var(--color-canvas) 60%, transparent);box-shadow:var(--shadow-xs), var(--inset-shadow-xs)}:host([size=sm]){--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-3)}:host(:not([size])),:host([size=md]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}:host([size=lg]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}:host([disabled]){pointer-events:none;opacity:.5}@media (forced-colors:active){button:focus-visible{box-shadow:none;outline:2px solid highlight}:host([active]) button{outline-offset:-2px;outline:2px solid highlight}}}`],tag:`bit-tab-item`}),st=(0,e.defineComponent)({props:{active:(0,e.typed)(!1),lazy:(0,e.typed)(!1),padding:(0,e.typed)(`md`),value:(0,e.typed)(``)},setup({host:t,props:n}){let r=(0,e.inject)(rt,void 0),i=r?(0,e.computed)(()=>!!r.value.value&&r.value.value===n.value.value):n.active,a=(0,e.computed)(()=>{let e={"2xl":`var(--size-12)`,lg:`var(--size-6)`,md:`var(--size-4)`,none:`0`,sm:`var(--size-2)`,xl:`var(--size-8)`,xs:`var(--size-1)`};return e[n.padding.value??`md`]??e.md}),o=(0,e.signal)(!1);(0,e.effect)(()=>{t.toggleAttribute(`active`,i.value),i.value&&(o.value=!0)});let s=(0,e.computed)(()=>!n.lazy.value||o.value);return e.html`
+      <div
+        class="panel"
+        part="panel"
+        role="tabpanel"
+        :id="${()=>`tabpanel-${n.value.value}`}"
+        :aria-labelledby="${()=>`tab-${n.value.value}`}"
+        :aria-hidden=${()=>String(!i.value)}
+        :style="${()=>`--tab-panel-padding: ${a.value}`}"
+        tabindex="0">
+        ${()=>s.value?e.html`<slot></slot>`:``}
+      </div>
+    `},styles:[i,`@layer buildit.base{:host{width:100%;display:none}:host([active]){flex-direction:column;flex:1;min-height:0;display:flex}.panel{box-sizing:border-box;height:100%;min-height:0;padding:var(--tab-panel-padding,var(--size-4));font-size:var(--tab-panel-font-size,var(--text-sm));color:var(--text-color-body);animation:var(--_motion-animation,tab-panel-in var(--transition-normal) var(--ease-out) both);flex:1;overflow:auto}}@layer buildit.variants{@keyframes tab-panel-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}}`],tag:`bit-tab-panel`}),ct=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <path d="M18 6 6 18M6 6l12 12" />
+  </svg>
+`,lt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="14"
+    height="14"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <path d="M20 6 9 17l-5-5" />
+  </svg>
+`,ut=`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>`,dt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="14"
+    height="14"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <path d="m6 9 6 6 6-6" />
+  </svg>
+`,ft=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <polyline points="15 18 9 12 15 6"></polyline>
+  </svg>
+`,pt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="12"
+    height="12"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <polyline points="9 18 15 12 9 6"></polyline>
+  </svg>
+`,mt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    width="14"
+    height="14"
+    aria-hidden="true">
+    <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" />
+    <circle cx="12" cy="12" r="3" />
+  </svg>
+`,ht=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    width="14"
+    height="14"
+    aria-hidden="true">
+    <path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" />
+    <path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" />
+    <path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" />
+    <line x1="2" x2="22" y1="2" y2="22" />
+  </svg>
+`,gt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="12"
+    height="12"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <path d="M18 6 6 18M6 6l12 12" />
+  </svg>
+`,_t=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="36"
+    height="36"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <polyline points="16 16 12 12 8 16" />
+    <line x1="12" y1="12" x2="12" y2="21" />
+    <path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" />
+  </svg>
+`,vt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="18"
+    height="18"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.75"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true">
+    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+    <polyline points="14 2 14 8 20 8" />
+  </svg>
+`,yt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="14"
+    height="14"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2.5"
+    stroke-linecap="round"
+    aria-hidden="true">
+    <line x1="5" y1="12" x2="19" y2="12" />
+  </svg>
+`,bt=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="14"
+    height="14"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2.5"
+    stroke-linecap="round"
+    aria-hidden="true">
+    <line x1="12" y1="5" x2="12" y2="19" />
+    <line x1="5" y1="12" x2="19" y2="12" />
+  </svg>
+`,xt=50;function St(e,t,n=`animation`){let r=!1,i=null,a=()=>{r||(r=!0,i!==null&&(clearTimeout(i),i=null),t())};queueMicrotask(()=>{let t=getComputedStyle(e);if(n===`animation`){let n=t.animationName.split(`,`).map(e=>e.trim()),r=t.animationDuration.split(`,`).map(e=>e.endsWith(`ms`)?Number.parseFloat(e):e.endsWith(`s`)?Number.parseFloat(e)*1e3:0),o=n.some(e=>e&&e!==`none`),s=Math.max(0,...r);if(!o||s<=0){a();return}e.addEventListener(`animationend`,a,{once:!0}),i=setTimeout(a,s+xt)}else{let n=Number.parseFloat(t.transitionDuration);if(!n||n<=0){a();return}e.addEventListener(`transitionend`,a,{once:!0}),i=setTimeout(a,n*1e3+xt)}})}var Ct=`@layer buildit.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,bit-alert-exit var(--transition-slow,.3s) ease forwards);overflow:hidden}@keyframes bit-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:var(--_motion-transition,opacity var(--transition-fast), background var(--transition-fast));background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in srgb, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer buildit.variants{:host(:not([variant])) .alert,:host([variant=flat]) .alert{color:var(--_theme-base);background:var(--color-canvas);border-color:var(--_theme-base);box-shadow:var(--shadow-none)}:host([variant=solid]) .alert{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base);box-shadow:var(--shadow-xs)}:host([variant=solid]) .close{color:var(--_theme-contrast)}:host([variant=bordered]) .alert{color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-backdrop), var(--color-canvas));border-color:color-mix(in srgb, var(--_theme-focus) 30%, transparent);box-shadow:var(--inset-shadow-2xs)}}`,wt=(0,e.defineComponent)({props:{accented:{default:!1},color:{default:void 0},dismissible:{default:!1},heading:{default:``},horizontal:{default:!1},rounded:{default:void 0},size:{default:void 0},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let i=(0,e.guard)(()=>r.dismissible.value,e=>{n.setAttribute(`dismissing`,``),St(n,()=>{n.removeAttribute(`dismissing`),n.setAttribute(`dismissed`,``),t(`dismiss`,{originalEvent:e})})}),a=(0,e.signal)(!1),o=(0,e.signal)(!1);return(0,e.onMount)(()=>{(0,e.onSlotChange)(`icon`,e=>{a.value=e.length>0}),(0,e.onSlotChange)(`actions`,e=>{o.value=e.length>0})}),e.html`
+      <div class="alert" :role="${()=>r.color.value===`error`?`alert`:`status`}" part="alert">
+        <span class="icon" part="icon" aria-hidden="true" ?hidden=${()=>!a.value}>
+          <slot name="icon"></slot>
+        </span>
+        <div class="header" part="header" ?hidden=${()=>!r.heading.value}>
+          <span class="heading" part="heading">${()=>r.heading.value}</span>
+          <span class="meta" part="meta">
+            <slot name="meta"></slot>
+          </span>
+        </div>
+        <div class="body" part="body">
+          <div class="content" part="content">
+            <slot></slot>
+          </div>
+        </div>
+        <div class="actions" part="actions" ?hidden=${()=>!o.value}>
+          <slot name="actions"></slot>
+        </div>
+        <button
+          class="close"
+          part="close"
+          type="button"
+          aria-label="Dismiss alert"
+          ?hidden=${()=>!r.dismissible.value}
+          @click=${i}>
+          ${ct}
+        </button>
+      </div>
+    `},styles:[...y,f,s({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),Ct],tag:`bit-alert`}),Tt=`@layer buildit.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-full));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer buildit.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in srgb, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--size-1);line-height:0}}@layer buildit.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 50%), -50%);position:absolute;top:0}:host([anchor]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -50%), -50%)}:host([anchor=top-start]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 50%), 50%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -50%), 50%);bottom:0}:host([anchor=bottom-start]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,Et=(0,e.defineComponent)({props:{anchor:{default:void 0},ariaLabel:{default:void 0},color:{default:void 0},count:{default:void 0},dot:{default:!1},max:{default:void 0},rounded:{default:void 0},size:{default:void 0},variant:{default:void 0}},setup({props:t}){let n=(0,e.computed)(()=>{let e=t.count.value==null?void 0:Number(t.count.value),n=t.max.value==null?void 0:Number(t.max.value);if(!(e===void 0||Number.isNaN(e)))return n!==void 0&&!Number.isNaN(n)&&e>n?`${n}+`:String(e)});return e.html`<span class="badge" part="badge" aria-label=${()=>t.ariaLabel.value}>
+        <slot name="icon"></slot>
+        <span ?hidden=${()=>n.value==null}>${()=>n.value}</span>
+        <slot ?hidden=${()=>n.value!=null}></slot>
+      </span>
+      <slot name="target"></slot>`},styles:[u,o,v(`.badge`),s({lg:{"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-1)`,fontSize:`var(--text-sm)`},md:{"--_padding-x":`var(--size-2)`,"--_padding-y":`var(--size-0-5)`,fontSize:`var(--text-xs)`},sm:{"--_padding-x":`var(--size-1-5)`,"--_padding-y":`var(--size-px)`,fontSize:`var(--text-xs)`}}),Tt],tag:`bit-badge`}),Dt=`@layer buildit.base{:host{--_bg:var(--chip-bg,var(--color-contrast-150,var(--color-contrast-100)));--_color:var(--chip-color,var(--color-contrast-800));--_border-color:var(--chip-border-color,transparent);--_radius:var(--chip-radius,var(--rounded-full));--_font-size:var(--chip-font-size,var(--text-sm));--_font-weight:var(--chip-font-weight,var(--font-medium));--_padding-x:var(--chip-padding-x,var(--size-2-5));--_padding-y:var(--chip-padding-y,var(--size-0-5));--_gap:var(--chip-gap,var(--size-1));vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.chip{box-sizing:border-box;gap:var(--_gap);max-width:100%;padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;line-height:1.2;display:inline-flex;position:relative}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remove-btn{width:1.35em;height:1.35em;margin-inline:var(--size-0-5) calc(var(--size-2) * -1);color:inherit;cursor:pointer;background:color-mix(in srgb, currentcolor 12%, transparent);border-radius:var(--_radius);opacity:.7;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.remove-btn:hover{background:color-mix(in srgb, currentcolor 28%, transparent);opacity:1}.remove-btn:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.chip-btn{width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.chip-btn:disabled{cursor:not-allowed}:host([mode=selectable][checked]) .chip{outline:var(--border-2) solid var(--_theme-base,currentColor);outline-offset:-2px}:host([mode=selectable]:not([disabled])) .chip,:host([mode=action]:not([disabled])) .chip{cursor:pointer}.chip-btn:focus-visible .chip{outline:2px solid var(--_theme-base,currentColor);outline-offset:2px}}@layer buildit.variants{:host(:not([variant])) .chip,:host([variant=solid]) .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-base,var(--color-contrast-700));border-color:#0000}:host([variant=flat]) .chip{color:var(--_theme-base,var(--color-contrast-800));background:color-mix(in srgb, var(--_theme-backdrop,var(--color-contrast-200)) 55%, transparent);border-color:#0000}:host([variant=bordered]) .chip{color:var(--_theme-base,var(--color-contrast-900));background:var(--_theme-backdrop,var(--color-contrast-50));border-color:var(--_theme-border,var(--color-contrast-300))}:host([variant=bordered]) .remove-btn{color:var(--_theme-backdrop,var(--color-contrast-50));background:var(--_theme-focus,var(--color-contrast-700));border:var(--border) solid var(--_theme-focus,var(--color-contrast-700))}:host([variant=bordered]) .remove-btn:hover{background:color-mix(in srgb, var(--_theme-focus,var(--color-contrast-700)) 80%, black);opacity:1}:host([variant=outline]) .chip{color:var(--_theme-base,var(--color-contrast-900));border-color:var(--_theme-base,var(--color-contrast-400));background:0 0}:host([variant=outline]) .remove-btn{color:var(--_theme-backdrop,var(--color-contrast-50));background:var(--_theme-focus,var(--color-contrast-700));border:var(--border) solid var(--_theme-focus,var(--color-contrast-700))}:host([variant=outline]) .remove-btn:hover{background:color-mix(in srgb, var(--_theme-focus,var(--color-contrast-700)) 80%, black);opacity:1}:host([variant=ghost]) .chip{color:var(--_theme-base,var(--color-contrast-900));background:0 0;border-color:#0000}:host([variant=ghost]) .remove-btn{border:var(--border) solid var(--_theme-focus,var(--color-contrast-400))}:host([variant=ghost]) .remove-btn:hover{background:color-mix(in srgb, currentcolor 15%, transparent)}:host(:not([variant]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip,:host([variant=solid]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{background:var(--_theme-focus,var(--color-contrast-800))}:host(:not([variant]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip,:host([variant=solid]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{background:var(--_theme-content,var(--color-contrast-900));box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-focus,var(--color-contrast-700))}:host([variant=flat]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-content,var(--color-contrast-900));box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-focus,var(--color-contrast-700));border-color:var(--_theme-focus,var(--color-contrast-700))}:host([variant=bordered]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-content,var(--color-contrast-900));box-shadow:var(--inset-shadow-sm)}:host([variant=outline]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{background:var(--_theme-backdrop,var(--color-contrast-100));border-color:var(--_theme-focus,var(--color-contrast-700))}:host([variant=outline]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-base,var(--color-contrast-700));box-shadow:var(--inset-shadow-2xs)}:host([variant=ghost]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{background:var(--_theme-backdrop,var(--color-contrast-100))}:host([variant=ghost]:is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_theme-contrast,var(--color-contrast-50));background:var(--_theme-base,var(--color-contrast-700));box-shadow:var(--inset-shadow-2xs)}}`,Ot=e.html`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    width="0.75em"
+    height="0.75em"
+    aria-hidden="true">
+    <path d="M18 6 6 18M6 6l12 12" />
+  </svg>
+`,kt=(0,e.defineComponent)({props:{"aria-label":(0,e.typed)(void 0),checked:(0,e.typed)(void 0,{parse:e=>e==null?void 0:e!==`false`}),color:(0,e.typed)(void 0),"default-checked":(0,e.typed)(!1),disabled:(0,e.typed)(!1),mode:(0,e.typed)(`static`),rounded:(0,e.typed)(void 0),size:(0,e.typed)(void 0),value:(0,e.typed)(void 0),variant:(0,e.typed)(void 0)},setup({emit:t,host:n,props:r}){let i=r.checked,a=r[`aria-label`],o=(0,e.signal)(i.value!==void 0),s=(0,e.signal)(!o.value&&r[`default-checked`].value);(0,e.watch)(i,e=>{e!==void 0&&(o.value=!0)});let c=(0,e.computed)(()=>r.mode.value===`selectable`?o.value?i.value??!1:s.value:!1);(0,e.watch)([c,r.mode],()=>{n.toggleAttribute(`checked`,r.mode.value===`selectable`&&c.value)},{immediate:!0});function l(e){e.stopPropagation(),!r.disabled.value&&t(`remove`,{originalEvent:e,value:r.value.value})}function u(e){if(e.stopPropagation(),r.disabled.value)return;let n=!c.value;o.value||(s.value=n),t(`change`,{checked:n,originalEvent:e,value:r.value.value})}function d(e){e.stopPropagation(),!r.disabled.value&&t(`click`,{originalEvent:e,value:r.value.value})}let f=()=>e.html`
+      <slot name="icon"></slot>
+      <span class="label"><slot></slot></span>
+    `,p=()=>e.html`
+      <button
+        class="remove-btn"
+        part="remove-btn"
+        type="button"
+        :aria-label="${()=>{let e=a.value||r.value.value;return e?`Remove ${e}`:`Remove`}}"
+        ?hidden="${()=>r.mode.value!==`removable`}"
+        :disabled="${()=>r.disabled.value}"
+        @click="${l}">
+        ${Ot}
+      </button>
+    `,m=()=>e.html`
+      <button
+        class="chip-btn"
+        part="chip-btn"
+        type="button"
+        role="checkbox"
+        :aria-checked="${()=>String(c.value)}"
+        :aria-label="${()=>a.value}"
+        :disabled="${()=>r.disabled.value}"
+        @click="${u}">
+        <span class="chip" part="chip"> ${f()} </span>
+      </button>
+    `,h=()=>e.html`
+      <button
+        class="chip-btn"
+        part="chip-btn"
+        type="button"
+        :aria-label="${()=>a.value}"
+        :disabled="${()=>r.disabled.value}"
+        @click="${d}">
+        <span class="chip" part="chip"> ${f()} </span>
+      </button>
+    `,g=()=>e.html` <span class="chip" part="chip"> ${f()} </span> `,_=()=>e.html`
+      <span class="chip" part="chip"> ${f()} ${p()} </span>
+    `;return e.html`
+      ${()=>{let e=r.mode.value;return e===`selectable`?m():e===`action`?h():e===`removable`?_():g()}}
+    `},styles:[u,c(),o,s({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),f,Dt],tag:`bit-chip`}),At=`@layer buildit.base{:host{--_height:var(--progress-height,var(--size-2,.5rem));--_radius:var(--progress-radius,var(--rounded-full,9999px));--_circle-size:var(--progress-circle-size,6rem);--_circular-label-size:var(--progress-circular-label-size,var(--text-xl,1.25rem));--_circular-title-size:var(--progress-circular-title-size,var(--text-xs,.75rem));width:100%;display:block}.track{width:100%;height:var(--_height);background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);overflow:hidden}.fill{width:var(--_percent,0%);background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:inherit;transform-origin:0;height:100%;transition:var(--_motion-transition,width var(--transition-normal))}:host(:dir(rtl)) .fill{transform-origin:100%}@keyframes bit-progress-slide{0%{transform:translate(-150%)scaleX(.6)}50%{transform:translate(50%)scaleX(1)}to{transform:translate(300%)scaleX(.6)}}:host([indeterminate]) .fill{width:40%;animation:var(--_motion-animation,bit-progress-slide 1.5s cubic-bezier(.4, 0, .2, 1) infinite)}:host(:dir(rtl)[indeterminate]) .fill{animation-direction:reverse}.wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:column;width:100%;display:flex}.header{gap:var(--space-2,.5rem);justify-content:space-between;align-items:baseline;display:none}:host([title]) .header{display:flex}.progress-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--progress-title-color,currentColor);line-height:1.25}.header-label{display:none}:host([title][label]) .header-label{display:inline}.bar-row{display:contents}:host([label]:not([title])) .bar-row{gap:var(--progress-label-gap,var(--space-2,.5rem));align-items:center;width:100%;display:flex}.track-outer{width:100%;position:relative}:host([label]:not([title])) .track-outer{flex:1;width:auto;min-width:0}.end-label{font-size:var(--text-sm,.875rem);color:var(--progress-label-color,currentColor);white-space:nowrap;flex-shrink:0;line-height:1.25}.row-label{display:none}:host([label]:not([title])) .row-label{display:inline}.floating-label{bottom:calc(100% + var(--space-1,.25rem));left:var(--_percent,0%);padding:var(--space-0-5,.125rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:var(--rounded-md,.375rem);line-height:1;display:none;position:absolute;transform:translate(-50%)}:host([floating-label]:not([indeterminate])) .floating-label{display:block}:host([floating-label]:not([indeterminate])) .wrapper{padding-top:calc(var(--text-xs,.75rem) + var(--space-1,.25rem) * 3)}.circular-track{width:var(--_circle-size);height:var(--_circle-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-track svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.circular-inner{gap:var(--space-0-5,.125rem);padding:calc(8% + var(--_height));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.circular-label{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-label-size);font-weight:var(--font-weight-semibold,600);color:var(--progress-label-color,currentColor);white-space:nowrap;line-height:1;overflow:hidden}.circular-title{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-title-size);color:var(--progress-title-color,var(--color-contrast-500,#6b7280));white-space:nowrap;line-height:1.25;overflow:hidden}.circular-label:empty,.circular-title:empty{display:none}.circle-bg{fill:none;stroke:var(--progress-track-bg,var(--color-contrast-300,#ddd));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2))}.circle-fill{fill:none;stroke:var(--progress-fill,var(--_theme-base,#3b82f6));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2));stroke-linecap:round;transition:var(--_motion-transition,stroke-dashoffset var(--transition-normal))}@keyframes bit-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes bit-progress-dash{0%{stroke-dasharray:1px var(--_circ);stroke-dashoffset:var(--_circ)}40%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}60%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}to{stroke-dasharray:1px var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.9)}}:host([indeterminate]) .circular-track svg{animation:var(--_motion-animation,bit-progress-spin 1.4s linear infinite)}:host([indeterminate]) .circle-fill{animation:var(--_motion-animation,bit-progress-dash 1.4s ease-in-out infinite)}}@layer buildit.utilities{:host([size=sm]){--_height:var(--size-1,.25rem);--_circle-size:4rem;--_circular-label-size:var(--text-sm,.875rem);--_circular-title-size:var(--text-2xs,.625rem)}:host([size=md]){--_height:var(--size-2,.5rem);--_circle-size:6rem}:host([size=lg]){--_height:var(--size-3-5,.875rem);--_circle-size:9rem;--_circular-label-size:var(--text-3xl,1.875rem);--_circular-title-size:var(--text-sm,.875rem)}}@media (prefers-reduced-motion:reduce){:host([indeterminate]) .fill{opacity:.6;width:100%}:host([indeterminate]) .circle-fill{stroke-dasharray:none}}`,jt=(0,e.defineComponent)({props:{color:{default:void 0},"floating-label":{default:void 0},indeterminate:{default:!1},label:{default:void 0},max:{default:100},size:{default:void 0},title:{default:void 0},type:{default:`linear`},value:{default:0},"value-text":{default:void 0}},setup({host:t,props:n}){let r=2*Math.PI*45,i=(0,e.computed)(()=>`${Math.max(0,Math.min(Number(n.value.value),Number(n.max.value)))/Math.max(1,Number(n.max.value))*100}%`),a=(0,e.computed)(()=>r-Math.max(0,Math.min(Number(n.value.value),Number(n.max.value)))/Math.max(1,Number(n.max.value))*r),o=(0,e.computed)(()=>n.type.value===`circular`);return(0,e.watch)([n.value,n.max,n.indeterminate],()=>{t.style.setProperty(`--_percent`,n.indeterminate.value?`0%`:i.value)},{immediate:!0}),e.html`
+      ${()=>o.value?e.html` <div
+              class="circular-track"
+              role="progressbar"
+              :aria-valuenow="${()=>n.indeterminate.value?null:String(n.value.value)}"
+              aria-valuemin="0"
+              :aria-valuemax="${()=>String(n.max.value)}"
+              :aria-label="${()=>n.label.value??n.title.value??`Progress`}"
+              :aria-valuetext="${()=>n[`value-text`].value??null}"
+              :style="${()=>`--_circ:${r}px`}">
+              <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+                <circle class="circle-bg" cx="50" cy="50" r="${45}"></circle>
+                <circle
+                  class="circle-fill"
+                  cx="50"
+                  cy="50"
+                  r="${45}"
+                  :stroke-dasharray="${()=>n.indeterminate.value?void 0:`${r}px`}"
+                  :stroke-dashoffset="${()=>n.indeterminate.value?void 0:`${a.value}px`}"></circle>
+              </svg>
+              <div class="circular-inner">
+                <span class="circular-label">${()=>n.label.value}</span>
+                <span class="circular-title">${()=>n.title.value}</span>
+              </div>
+            </div>`:e.html` <div class="wrapper">
+              <div class="header">
+                <span class="progress-title">${()=>n.title.value}</span>
+                <span class="end-label header-label">${()=>n.label.value}</span>
+              </div>
+              <div class="bar-row">
+                <div class="track-outer">
+                  <div
+                    class="track"
+                    role="progressbar"
+                    :aria-valuenow="${()=>n.indeterminate.value?null:String(n.value.value)}"
+                    aria-valuemin="0"
+                    :aria-valuemax="${()=>String(n.max.value)}"
+                    :aria-label="${()=>n.label.value??n.title.value??`Progress`}"
+                    :aria-valuetext="${()=>n[`value-text`].value??null}">
+                    <div
+                      class="fill"
+                      part="fill"
+                      :style="${()=>n.indeterminate.value?null:`width:${i.value}`}"></div>
+                  </div>
+                  <span class="floating-label">${()=>n[`floating-label`].value}</span>
+                </div>
+                <span class="end-label row-label">${()=>n.label.value}</span>
+              </div>
+            </div>`}
+    `},styles:[u,f,i,At],tag:`bit-progress`}),Mt=e=>{let t=V({height:0,width:0}),n=new ResizeObserver(([e])=>{if(!e)return;let n=e.contentBoxSize[0];n&&(t.value={height:n.blockSize,width:n.inlineSize})});return n.observe(e),K(()=>n.disconnect()),t},Nt=(e,t)=>{let n=V(null),r=new IntersectionObserver(([e])=>{e&&(n.value=e)},t);return r.observe(e),K(()=>r.disconnect()),n},Pt=e=>{let t=(e,t,n=!1)=>e<0?{index:-1,moved:!1,reason:`no-enabled-item`,wrapped:n}:e===t?{index:e,moved:!1,reason:`unchanged`,wrapped:n}:{index:e,moved:!0,reason:`moved`,wrapped:n},n={index:-1,moved:!1,reason:`empty`,wrapped:!1},r=(t,n)=>e.isItemDisabled?e.isItemDisabled(t,n):!!t.disabled,i=(e,t)=>{for(let n=t;n<e.length;n++)if(!r(e[n],n))return n;return-1},a=(e,t)=>{for(let n=t;n>=0;n--)if(!r(e[n],n))return n;return-1},o=r=>{let a=e.getItems();if(a.length===0)return n;let o=e.getIndex(),s=i(a,Math.max(0,r));return s===-1?e.loop?t(i(a,0),o,!0):t(o,o):t(s,o)};return{first:()=>{let r=e.getItems();if(r.length===0)return n;let a=e.getIndex(),o=t(i(r,0),a);return o.index>=0&&e.setIndex(o.index),o},getActiveItem:()=>{let t=e.getItems(),n=e.getIndex();if(!(n<0||n>=t.length))return t[n]},getEnabledIndex:o,last:()=>{let r=e.getItems();if(r.length===0)return n;let i=e.getIndex(),o=t(a(r,r.length-1),i);return o.index>=0&&e.setIndex(o.index),o},next:()=>{let r=e.getItems();if(r.length===0)return n;let a=e.getIndex(),o=i(r,Math.max(0,a+1));if(o!==-1)return e.setIndex(o),t(o,a);if(e.loop){let n=i(r,0);return n!==-1&&e.setIndex(n),t(n,a,!0)}return t(a,a)},prev:()=>{let r=e.getItems();if(r.length===0)return n;let i=e.getIndex(),o=a(r,i-1);if(o!==-1)return e.setIndex(o),t(o,i);if(e.loop){let n=a(r,r.length-1);return n!==-1&&e.setIndex(n),t(n,i,!0)}return t(i,i)},reset:()=>{e.setIndex(-1)},set:t=>{let n=o(t);return n.index>=0&&e.setIndex(n.index),n}}},Ft=e=>{let n=null,r=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,i=()=>{let r=e.positioner;if(n?.(),n=null,!r)return;let i=r.reference(),a=r.floating();if(!i||!a){r.update();return}n=(0,t.autoUpdate)(i,a,r.update)},a=()=>{n?.(),n=null},o=t=>{if(e.isDisabled?.()||e.isOpen())return;let n=t?.reason??`programmatic`;e.setOpen(!0,{reason:n}),i(),requestAnimationFrame(()=>e.positioner?.update()),e.onOpen?.(n)},s=t=>{if(!e.isOpen())return;let n=t?.reason??`programmatic`;e.setOpen(!1,{reason:n}),a(),(t?.restoreFocus??r())&&e.getTriggerElement?.()?.focus(),e.onClose?.(n)};return{bindOutsideClick:(t=document,n=!0)=>{let r=t=>{if(!e.isOpen())return;let n=e.getBoundaryElement(),r=e.getPanelElement?.(),i=t.target,a=typeof t.composedPath==`function`?t.composedPath():[];i&&(n&&(n.contains(i)||a.includes(n))||r&&(r.contains(i)||a.includes(r))||s({reason:`outside-click`}))};return t.addEventListener(`click`,r,n),()=>{t.removeEventListener(`click`,r,n)}},close:s,open:o,toggle:()=>{if(e.isOpen()){s({reason:`toggle`});return}o({reason:`toggle`})}}},It=e=>{let t=()=>e.getSelected().map(e.keyExtractor),n=e=>t().includes(e);return{clear:()=>{e.setSelected([])},isSelected:n,remove:t=>{e.setSelected(e.getSelected().filter(n=>e.keyExtractor(n)!==t))},select:t=>{let r=e.findByKey(t);if(r){if(e.getMode()===`single`){e.setSelected([r]);return}n(t)||e.setSelected([...e.getSelected(),r])}},serialize:(e=`,`)=>t().join(e),toggle:t=>{let r=e.findByKey(t);if(r){if(e.getMode()===`single`){e.setSelected([r]);return}if(n(t)){e.setSelected(e.getSelected().filter(n=>e.keyExtractor(n)!==t));return}e.setSelected([...e.getSelected(),r])}}}};function Lt(e,t){let n=t.labelId||me(`a11y-label`),r=t.helperId||me(`a11y-helper`),i=null;return e.setAttribute(`role`,t.role),le(()=>{let a=e.shadowRoot;if(a&&(i=a.querySelector(`[data-a11y-helper]`)),a){let t=a.querySelector(`[data-a11y-label]`);if(t){let r=t.querySelector(`slot`);(r?r.assignedNodes().length>0:t.textContent?.trim().length??!1)&&(t.id=n,e.setAttribute(`aria-labelledby`,n))}}ue(()=>{if(t.checked){let n=t.checked();n!==void 0&&e.setAttribute(`aria-checked`,n)}if(t.invalid){let n=t.invalid();e.setAttribute(`aria-invalid`,String(n))}if(t.helperText&&i){let n=t.helperText();n?(i.textContent=n,i.hidden=!1,e.setAttribute(`aria-describedby`,r),(t.helperTone?.()??`default`)===`error`?i.setAttribute(`role`,`alert`):i.removeAttribute(`role`)):(i.hidden=!0,e.removeAttribute(`aria-describedby`))}})}),{helperId:r,labelId:n}}function Rt(e){let t=e.indeterminate??V(!1);return{changePayload:t=>({checked:e.checked.value,fieldValue:e.value.value??``,originalEvent:t,value:e.checked.value}),checked:e.checked,indeterminate:t,toggle:n=>{if(!(e.disabled.value??!1)){if(e.group){t.value=!1,e.group.toggle(e.value.value??``,n),e.onToggle?.(n);return}e.clearIndeterminateFirst&&t.value||(e.checked.value=!e.checked.value),t.value=!1,e.onToggle?.(n)}}}}var zt=(0,e.defineComponent)({props:{animated:{default:!0},height:{default:void 0},lines:{default:1},radius:{default:void 0},size:{default:void 0},striped:{default:!1},variant:{default:`rect`},width:{default:void 0}},setup({host:t,props:n}){let r=(0,e.computed)(()=>{let e=Math.floor(Number(n.lines.value));return Number.isFinite(e)&&e>0?e:1}),i=(0,e.computed)(()=>n.variant.value===`text`?r.value:1);return(0,e.watch)([n.width,n.height,n.radius,n.animated],()=>{n.width.value?t.style.setProperty(`--skeleton-width`,n.width.value):t.style.removeProperty(`--skeleton-width`),n.height.value?t.style.setProperty(`--skeleton-height`,n.height.value):t.style.removeProperty(`--skeleton-height`),n.radius.value?t.style.setProperty(`--skeleton-radius`,n.radius.value):t.style.removeProperty(`--skeleton-radius`);let e=t.getAttribute(`animated`)!==`false`&&n.animated.value!==!1;t.setAttribute(`data-animated`,e?`true`:`false`)},{immediate:!0}),(0,e.onMount)(()=>{(0,e.watch)(Nt(t,{threshold:0}),e=>{t.toggleAttribute(`data-paused`,e!==null&&!e.isIntersecting)})}),e.html`
+      <div class="stack" part="stack">
+        ${()=>Array.from({length:i.value},(t,r)=>{let a=n.variant.value===`text`&&i.value>1&&r===i.value-1;return e.html`<div
+              class="bone"
+              part="bone"
+              aria-hidden="true"
+              :data-last="${()=>a?`true`:null}"></div>`})}
+      </div>
+    `},styles:[i,`@layer buildit.base{:host{--_bg:var(--skeleton-bg,var(--color-contrast-200));--_highlight:var(--skeleton-highlight,var(--color-contrast-100));--_radius:var(--skeleton-radius,var(--rounded-lg));--_circle-size:var(--skeleton-size,var(--size-10));--_width:var(--skeleton-width,100%);--_height:var(--skeleton-height,var(--size-4));--_line-gap:var(--skeleton-line-gap,var(--size-2));--_last-line-width:var(--skeleton-last-line-width,60%);--_duration:var(--skeleton-duration,1.6s);--_stripe-size:var(--skeleton-stripe-size,8px);width:var(--_width);height:var(--_height);display:inline-block}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{background:var(--_bg);border-radius:var(--_radius);width:100%;height:100%;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, var(--_bg) 0%, var(--_highlight) 50%, var(--_bg) 100%);animation:var(--_motion-animation,bit-skeleton-shimmer var(--_duration) linear infinite);position:absolute;inset:0;transform:translate(-100%)}:host([data-animated=false]) .bone:after{display:none}:host([data-paused]) .bone:after{animation-play-state:paused}@keyframes bit-skeleton-shimmer{to{transform:translate(100%)}}:host(:dir(rtl)) .bone:after{animation-direction:reverse}}@layer buildit.variants{:host([variant=circle]){--_radius:var(--rounded-full);width:var(--skeleton-width,var(--_circle-size));height:var(--skeleton-height,var(--_circle-size));aspect-ratio:1}:host([variant=text]){--_height:var(--size-3);--_radius:var(--rounded-sm);height:auto}:host([variant=text]) .stack{height:auto}:host([variant=text]) .bone{height:var(--_height)}:host([variant=text]) .bone[data-last=true]{width:var(--_last-line-width)}}@layer buildit.striped{:host([striped]) .stack{width:99%}:host([striped]) .bone{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-400));border:var(--border) dashed var(--_stripe-color);background-color:#0000}:host([striped]) .bone:before{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-300));content:"";background-color:var(--_stripe-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);mask-size:var(--_stripe-size) var(--_stripe-size);position:absolute;inset:0}:host([striped]) .bone:after{display:none}}@layer buildit.utilities{:host([size=sm]){--_height:var(--size-3);--_circle-size:var(--size-8)}:host([size=md]){--_height:var(--size-4);--_circle-size:var(--size-10)}:host([size=lg]){--_height:var(--size-6);--_circle-size:var(--size-14)}}@media (forced-colors:active){.bone{background:buttonface;border:1px solid buttontext}.bone:after{display:none}}`],tag:`bit-skeleton`}),Bt=`@layer buildit.base{:host{--_position:var(--toast-position,fixed);--_inset-top:var(--toast-inset-top,auto);--_inset-bottom:var(--toast-inset-bottom,1rem);--_inset-right:var(--toast-inset-right,1rem);--_inset-left:var(--toast-inset-left,auto);--_z-index:var(--toast-z-index,9999);--_max-width:var(--toast-max-width,400px);--_gap:var(--toast-gap,.5rem);position:var(--_position);inset:var(--_inset-top) var(--_inset-right) var(--_inset-bottom) var(--_inset-left);z-index:var(--_z-index);gap:var(--_gap);max-width:var(--_max-width);pointer-events:none;flex-direction:column;display:flex}:host([position=top-left]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:1rem;--_inset-right:auto}:host([position=top-center]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:50%;--_inset-right:auto;transform:translate(-50%)}:host([position=top-right]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-right:1rem;--_inset-left:auto}:host([position=bottom-left]){--_inset-bottom:1rem;--_inset-left:1rem;--_inset-right:auto;--_inset-top:auto}:host([position=bottom-center]){--_inset-bottom:1rem;--_inset-left:50%;--_inset-right:auto;--_inset-top:auto;transform:translate(-50%)}:host([position=bottom-right]){--_inset-bottom:1rem;--_inset-right:1rem;--_inset-left:auto;--_inset-top:auto}.toast-container{perspective:1200px;perspective-origin:50%;transition:var(--_motion-transition,row-gap var(--transition-normal,.35s) ease);grid-template-rows:1fr;grid-template-columns:1fr;row-gap:0;display:grid}.toast-live-region{display:contents}:host(.hovered) .toast-container{row-gap:var(--_gap)}:host(:not(.hovered)) .toast-wrapper{grid-area:1/1;align-self:end}:host([position^=top]:not(.hovered)) .toast-wrapper{align-self:start}.toast-wrapper{pointer-events:auto;transform-origin:bottom;transition:var(--_motion-transition,transform .5s cubic-bezier(.34, 1.1, .64, 1), opacity .5s cubic-bezier(.34, 1.1, .64, 1), filter .5s cubic-bezier(.34, 1.1, .64, 1));will-change:transform, opacity, filter;position:relative}@starting-style{.toast-wrapper{opacity:0;transform:translateY(1.5rem)scale(.92)}:host([position^=top]) .toast-wrapper{transform:translateY(-1.5rem)scale(.92)}}.toast-wrapper.exiting{pointer-events:none;animation:var(--_motion-animation,toast-exit .3s ease-out forwards);z-index:-1!important;transition:none!important}@keyframes toast-exit{to{opacity:0;transform:scale(.7)}}:host(:not(.hovered)) .toast-wrapper:last-child{z-index:3;opacity:1;filter:brightness();transform:translateY(0)scale(1)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(2){z-index:2;pointer-events:none;opacity:.85;filter:brightness(.95);transform:translateY(-8px)scale(.95)rotateX(3deg)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(3){z-index:1;pointer-events:none;opacity:.7;filter:brightness(.9);transform:translateY(-14px)scale(.9)rotateX(5deg)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(n+4){pointer-events:none;opacity:0}:host(.hovered) .toast-wrapper{grid-area:auto/1;align-self:stretch;z-index:auto!important;pointer-events:auto!important;opacity:1!important;filter:brightness()!important;transform:none!important}:host(.hovered) .toast-wrapper:nth-last-child(2){transition-delay:50ms}:host(.hovered) .toast-wrapper:nth-last-child(3){transition-delay:.1s}:host(.hovered) .toast-wrapper:nth-last-child(n+4){transition-delay:.15s}:host([position^=top]) .toast-wrapper{transform-origin:top}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(2){transform:translateY(8px)scale(.95)rotateX(-3deg)}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(3){transform:translateY(14px)scale(.9)rotateX(-5deg)}::slotted(bit-alert){width:100%;box-shadow:var(--shadow-lg);margin:0}.toast-wrapper.exiting ::slotted(bit-alert){transition:none!important}.toast-actions{gap:var(--size-4);justify-content:flex-end;display:flex}@media (width<=480px){:host{--_max-width:calc(100vw - var(--size-4));--_inset-right:var(--size-2);--_inset-left:var(--size-2)}:host([position=top-center]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([position=top-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([position=bottom-center]){--_inset-left:var(--size-2);transform:none}:host([position=bottom-center]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([position=bottom-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}}}`;function Vt(t,n){return t.actions?.length?e.html`
+    <div slot="actions" class="toast-actions">
+      ${t.actions.map(r=>e.html`
+          <bit-button
+            size="sm"
+            color=${r.color||t.color||`primary`}
+            variant=${r.variant||`solid`}
+            @click=${()=>{r.onClick?.(),n()}}
+            >${r.label}</bit-button
+          >
+        `)}
+    </div>
+  `:``}var Ht=(0,e.defineComponent)({props:{max:{default:5},position:{default:`bottom-right`}},setup({emit:t,host:n,props:r}){let i=(0,e.signal)([]),a=(0,e.signal)(new Set),o=(0,e.ref)(),s=new Map,c=[],l=!1,u=(e,t)=>{let n=new Set(a.value);t?n.add(e):n.delete(e),a.value=n},d=(e,t)=>{let n=window.setTimeout(()=>{g(e),s.delete(e)},t);s.set(e,{remaining:t,startedAt:Date.now(),timeoutId:n})},f=!1,p=()=>{if(!f){f=!0;for(let[e,t]of s)clearTimeout(t.timeoutId),s.set(e,{...t,remaining:Math.max(0,t.remaining-(Date.now()-t.startedAt))})}},m=()=>{if(f){f=!1;for(let[e,t]of s)t.remaining<=0||d(e,t.remaining)}},h=e=>{let n=e.id||crypto.randomUUID(),a={dismissible:!0,duration:5e3,...e,id:n};return i.value=[...i.value,a].slice(-(r.max.value??5)),t(`add`,{id:n}),a.duration>0&&d(n,a.duration),n},g=e=>{let t=s.get(e);if(t&&(clearTimeout(t.timeoutId),s.delete(e)),!(a.value.has(e)||c.includes(e))){if(l){c.push(e);return}l=!0,_(e)}},_=e=>{if(a.value.has(e)){v();return}let n=i.value.find(t=>t.id===e),r=o.value?.querySelector(`[data-toast-id="${e}"]`),s=()=>{u(e,!1),i.value=i.value.filter(t=>t.id!==e),n?.onDismiss?.(),t(`dismiss`,{id:e}),v()};r?(u(e,!0),St(r,s)):s()},v=()=>{if(c.length===0){l=!1;return}_(c.shift())},y=(e,t)=>{if(i.value=i.value.map(n=>n.id===e?{...n,...t,id:e}:n),t.duration===void 0)return;let n=s.get(e);n&&clearTimeout(n.timeoutId),s.delete(e),t.duration>0&&d(e,t.duration)},b=()=>{for(let[,e]of s)clearTimeout(e.timeoutId);s.clear(),c.length=0;let e=i.value.map(e=>e.id).filter(e=>!a.value.has(e));e.length&&(c.push(...e),l||v())};(0,e.onMount)(()=>{let e=n;e.add=h,e.update=y,e.dismiss=g,e.clear=b});let x=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),S=!1,C=!1,w=()=>p(),T=()=>{!S&&!C&&m()},E=e=>{C=e,n.classList.toggle(`hovered`,e),e?w():T()},D=t=>e.html`
+      <div
+        class=${De({exiting:()=>a.value.has(t.id),"toast-wrapper":!0})}
+        data-toast-id=${t.id}
+        part="toast-wrapper">
+        <bit-alert
+          color=${t.color||(t.urgency===`assertive`?`error`:`primary`)}
+          variant=${t.variant||`solid`}
+          size=${t.size||`md`}
+          rounded=${t.rounded||`md`}
+          ?dismissible=${t.dismissible}
+          ?horizontal=${t.horizontal}
+          heading=${t.heading||``}
+          @dismiss=${()=>g(t.id)}>
+          ${t.meta?e.html`<span slot="meta">${t.meta}</span>`:``} ${t.message}
+          ${Vt(t,()=>g(t.id))}
+        </bit-alert>
+      </div>
+    `;return e.html`
+      <div
+        class="toast-container"
+        ref=${o}
+        @pointerenter=${()=>E(!0)}
+        @pointerleave=${()=>E(!1)}
+        @focusin=${()=>{S=!0,w()}}
+        @focusout=${()=>{S=!1,T()}}
+        part="container">
+        <!-- Polite live region: normal informational toasts -->
+        <div
+          role="region"
+          aria-live="polite"
+          aria-relevant="additions removals"
+          aria-atomic="false"
+          aria-label="Notifications"
+          class="toast-live-region">
+          ${Pe(()=>i.value.filter(e=>x(e)===`polite`),D,void 0,{key:e=>e.id})}
+        </div>
+        <!-- Assertive live region: critical errors that interrupt immediately -->
+        <div
+          role="region"
+          aria-live="assertive"
+          aria-relevant="additions removals"
+          aria-atomic="false"
+          aria-label="Critical notifications"
+          class="toast-live-region">
+          ${Pe(()=>i.value.filter(e=>x(e)===`assertive`),D,void 0,{key:e=>e.id})}
+        </div>
+        <slot></slot>
+      </div>
+    `},styles:[i,Bt],tag:`bit-toast`}),J=()=>{let e=document.querySelector(`bit-toast`);return e||(e=document.createElement(`bit-toast`),document.body.appendChild(e)),e},Ut={add(e){return J().add(e)},clear(){J().clear()},configure(e){let t=J();e.position&&t.setAttribute(`position`,e.position),e.max!=null&&t.setAttribute(`max`,String(e.max))},async promise(e,t){let n=Ut.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return Ut.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw Ut.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},remove(e){J().dismiss(e)},update(e,t){J().update(e,t)}};function Wt(e,n,{padding:r=6}={}){function i(){let i=e(),a=n();if(!i||!a)return;let o=i.getBoundingClientRect().width;(0,t.positionFloat)(i,a,{middleware:[(0,t.flip)({padding:r}),(0,t.shift)({padding:r}),(0,t.size)({apply({elements:e}){e.floating.style.width=`${o}px`},padding:r})],placement:`bottom-start`})}return{destroy(){},updatePosition:i}}function Gt(e,t){if(t==null)return{atLimit:!1,hidden:!0,nearLimit:!1,text:``};let n=e/t;return{atLimit:n>=1,hidden:!1,nearLimit:n>=.9&&n<1,text:`${e} / ${t}`}}function Kt(e,t){let n=!!e;return{errorHidden:!n,errorText:e??``,helperHidden:n||!t,helperText:t??``}}function qt(e,t){let n=!!e,r=e||t||``;return{hidden:!r,isError:n,text:r}}function Jt(e,t,n){return{labels:t,originalEvent:n,value:e.join(`,`),values:e}}function Yt(e){return e?e.split(`,`).map(e=>e.trim()).filter(Boolean):[]}function Y(e){if(e==null)return null;let t=Number(e);return Number.isFinite(t)&&t>0?t:null}function Xt(e){let t=Yt(e);return{firstValue:t[0]??``,formValue:t.join(`,`),isEmpty:t.length===0,values:t}}function Zt(t){(0,e.effect)(()=>{let e=t.ref.value;if(!e)return;let n=Gt(typeof t.count==`function`?t.count():t.count.value,Y(typeof t.maxLength==`function`?t.maxLength():t.maxLength.value));e.hidden=n.hidden,t.format===`merged`?(e.textContent=n.text.replace(` / `,`/`),e.className=n.atLimit?`counter at-limit`:n.nearLimit?`counter near-limit`:`counter`):(e.textContent=n.text,e.removeAttribute(`data-near-limit`),e.removeAttribute(`data-at-limit`),n.atLimit?e.setAttribute(`data-at-limit`,``):n.nearLimit&&e.setAttribute(`data-near-limit`,``))})}function Qt(t){(0,e.effect)(()=>{let e=Kt(typeof t.error==`function`?t.error():t.error.value,typeof t.helper==`function`?t.helper():t.helper.value);t.helperRef.value&&(t.helperRef.value.textContent=e.helperText,t.helperRef.value.hidden=e.helperHidden),t.errorRef.value&&(t.errorRef.value.textContent=e.errorText,t.errorRef.value.hidden=e.errorHidden)})}function $t(t){(0,e.effect)(()=>{let e=t.ref.value;if(!e)return;let n=qt(typeof t.error==`function`?t.error():t.error.value,typeof t.helper==`function`?t.helper():t.helper.value);e.textContent=n.text,e.hidden=n.hidden})}function en(t,n){t&&(n.onInput&&(0,e.handle)(t,`input`,e=>{n.onInput(e,t.value)}),n.onChange&&(0,e.handle)(t,`change`,e=>{n.onChange(e,t.value)}),n.onBlur&&(0,e.handle)(t,`blur`,n.onBlur))}var X=(0,e.createContext)(`FormContext`);function Z(t,n,r){if(!n)return;let i=!1;(0,e.effect)(()=>{let e=n.disabled.value;e&&!i?(t.setAttribute(`disabled`,``),i=!0):!e&&i&&(t.removeAttribute(`disabled`),i=!1);let a=n.size.value;if(a&&!r.size.value?t.setAttribute(`size`,a):r.size.value||t.removeAttribute(`size`),r.variant){let e=n.variant.value;e&&!r.variant.value?t.setAttribute(`variant`,e):r.variant.value||t.removeAttribute(`variant`)}})}function tn(t,n,r){(0,e.effect)(()=>{let e=r[`label-placement`].value??`inset`,i=r.label.value??``;t.value&&(t.value.textContent=i,t.value.hidden=!i||e!==`inset`),n.value&&(n.value.textContent=i,n.value.hidden=!i||e!==`outside`)})}var nn=`@layer buildit.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.checkbox-group-items{flex-direction:var(--checkbox-group-direction,column);gap:var(--checkbox-group-gap,var(--size-2));display:flex}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer buildit.variants{:host([orientation=horizontal]) .checkbox-group-items{--checkbox-group-direction:row;flex-wrap:wrap}}`,rn=(0,e.createContext)(`CheckboxGroupContext`),an=(0,e.defineComponent)({props:{color:{default:void 0},disabled:{default:!1},error:{default:``},helper:{default:``},label:{default:``},orientation:{default:`vertical`},required:{default:!1},size:{default:void 0},values:{default:``}},setup({emit:t,host:n,props:r}){let i=e=>Yt(e),a=(0,e.signal)(i(r.values.value)),o=()=>Array.from(n.getElementsByTagName(`bit-checkbox`)),s=e=>o().find(t=>(t.getAttribute(`value`)??``)===e)?.textContent?.replace(/\s+/g,` `).trim()||e,c=e=>{let n=a.value;t(`change`,Jt(n,n.map(s),e))};(0,e.effect)(()=>{a.value=i(r.values.value)});let l=(e,t)=>{let r=a.value,i=r.includes(e)?r.filter(t=>t!==e):[...r,e];a.value=i,n.setAttribute(`values`,i.join(`,`)),c(t)};Z(n,(0,e.inject)(X,void 0),r),(0,e.provide)(rn,{color:r.color,disabled:(0,e.computed)(()=>!!r.disabled.value),size:r.size,toggle:l,values:a});let u=()=>{let e=a.value,t=r.color.value,i=r.size.value,o=r.disabled.value,s=Array.from(n.getElementsByTagName(`bit-checkbox`));for(let n of s){let r=n.getAttribute(`value`)??``;e.includes(r)?n.setAttribute(`checked`,``):n.removeAttribute(`checked`),t?n.setAttribute(`color`,t):n.removeAttribute(`color`),i?n.setAttribute(`size`,i):n.removeAttribute(`size`),o?n.setAttribute(`disabled`,``):n.removeAttribute(`disabled`)}};(0,e.effect)(u),(0,e.onMount)(()=>{(0,e.onSlotChange)(`default`,u),u(),(0,e.handle)(n,`change`,e=>{e.target!==n&&(e.stopPropagation(),l(e.target.getAttribute(`value`)??``,e))})});let d=(0,e.createId)(`checkbox-group-legend`),f=`${d}-error`,p=`${d}-helper`,m=(0,e.computed)(()=>!!r.error.value),h=(0,e.computed)(()=>!!r.helper.value&&!m.value);return e.html`
+      <fieldset
+        role="group"
+        aria-required="${()=>String(!!r.required.value)}"
+        aria-invalid="${()=>String(m.value)}"
+        aria-errormessage="${()=>m.value?f:null}"
+        aria-describedby="${()=>m.value?f:h.value?p:null}">
+        <legend id="${d}" ?hidden=${()=>!r.label.value}>
+          ${()=>r.label.value}${()=>r.required.value?e.html`<span aria-hidden="true"> *</span>`:``}
+        </legend>
+        <div class="checkbox-group-items" part="items">
+          <slot></slot>
+        </div>
+        <div class="error-text" id="${f}" role="alert" ?hidden=${()=>!m.value}>
+          ${()=>r.error.value}
+        </div>
+        <div class="helper-text" id="${p}" ?hidden=${()=>!h.value}>${()=>r.helper.value}</div>
+      </fieldset>
+    `},styles:[u,s(),c(),nn],tag:`bit-checkbox-group`});function on(e,t,n){e?.validateOn.value===n&&t.reportValidity()}function Q(e,t){return{triggerValidation(n){on(e,t,n)}}}function sn(t,n){let r=(0,e.inject)(X,void 0),i=(0,e.signal)(``),a=(0,e.defineField)({disabled:(0,e.computed)(()=>!!t.disabled.value||!!r?.disabled.value),value:i},{onReset:()=>{i.value=``}});(0,e.watch)(t.value,e=>{i.value=String(e??``)},{immediate:!0});let{errorId:o,fieldId:s,helperId:c,labelId:l}=(0,e.createFormIds)(n,t.name.value||(0,e.createId)(n)),u=`${l}-outside`,d=(0,e.ref)(),f=(0,e.ref)();function p(){tn(d,f,t)}function m(e){on(r,a,e)}return{errorId:o,fieldId:s,formCtx:r,helperId:c,labelInsetId:l,labelInsetRef:d,labelOutsideId:u,labelOutsideRef:f,mountLabelSync:p,triggerValidation:m,valueSignal:i}}function cn(t,n){let r=(0,e.inject)(X,void 0),i=(0,e.signal)(!1),a=(0,e.defineField)({disabled:(0,e.computed)(()=>!!t.disabled.value||!!r?.disabled.value),toFormValue:e=>e,value:(0,e.computed)(()=>i.value?t.value.value??``:null)},{onReset:()=>{i.value=t.checked.value??!1,n?.()}});(0,e.watch)(t.checked,e=>{i.value=e??!1},{immediate:!0});let{triggerValidation:o}=Q(r,a);return{checkedSignal:i,formCtx:r,triggerValidation:o}}var ln={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},un={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},dn={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},fn={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},pn={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},mn={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}},hn=`@layer buildit.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-slower), border-color var(--transition-slower), box-shadow var(--transition-normal);position:relative}input:focus-visible+.box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{width:80%;height:80%;color:var(--_icon-color);opacity:0;fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer buildit.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,gn=(0,e.defineComponent)({formAssociated:!0,props:{checked:{default:!1},color:{default:void 0},disabled:{default:!1},error:{default:``},helper:{default:``},indeterminate:{default:!1},name:{default:``},size:{default:void 0},value:{default:`on`}},setup({emit:t,host:n,props:r,reflect:i}){let{checkedSignal:a,formCtx:o,triggerValidation:s}=cn(r);Z(n,o,r);let c=(0,e.signal)(!!r.indeterminate.value);(0,e.watch)(r.indeterminate,e=>{c.value=!!e});let l=(0,e.inject)(rn,void 0),u=Rt({checked:a,clearIndeterminateFirst:!0,disabled:r.disabled,group:l,indeterminate:c,onToggle:e=>{s(`change`),!l&&t(`change`,u.changePayload(e))},value:r.value}),d=Lt(n,{checked:()=>u.indeterminate.value?`mixed`:u.checked.value?`true`:`false`,helperText:()=>r.error.value||r.helper.value,helperTone:()=>r.error.value?`error`:`default`,invalid:()=>!!r.error.value,role:`checkbox`});return i({checked:()=>u.checked.value,classMap:()=>({"is-checked":u.checked.value,"is-disabled":!!r.disabled.value,"is-indeterminate":u.indeterminate.value}),indeterminate:()=>u.indeterminate.value,onClick:e=>u.toggle(e),onKeydown:e=>{let t=e;(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),u.toggle(e))},tabindex:()=>r.disabled.value?void 0:0}),e.html`
+      <div class="checkbox-wrapper" part="checkbox">
+        <div class="box" part="box">
+          <svg
+            class="checkmark"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            xmlns="http://www.w3.org/2000/svg">
+            <path d="M 20,6 9,17 4,12" />
+          </svg>
+          <svg
+            class="dash"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            xmlns="http://www.w3.org/2000/svg">
+            <path d="M 5,12 H 19" />
+          </svg>
+        </div>
+      </div>
+      <span class="label" part="label" data-a11y-label id="${d.labelId}"><slot></slot></span>
+      <div
+        class="helper-text"
+        part="helper-text"
+        data-a11y-helper
+        id="${d.helperId}"
+        aria-live="polite"
+        hidden></div>
+    `},styles:[...x,r,s(dn),hn],tag:`bit-checkbox`});function _n(e){return e.filter(e=>e.localName===`bit-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function vn(e,t){return e.map(e=>{if(e.label)return e;let n=t.find(t=>t.value===e.value);return n?{label:n.label,value:e.value}:e})}function yn(e,t,n){if(n||!t)return e;let r=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(r))}function bn(e,t,n){if(!t||!e)return``;let r=e.trim();return r?n.find(e=>e.label.toLowerCase()===r.toLowerCase())?``:r:``}function xn(e){return e.toLowerCase().replace(/\s+/g,`-`)}var Sn=class{_count;_estimateSizeFn;overscan;onChange;measuredHeights=new Map;virtualItems=[];totalSize=0;scrollOffsets=new Float64Array;containerHeight=0;scrollTop=0;prevRenderStart=-1;prevRenderEnd=-1;attachedEl=null;resizeObserver=null;scrollHandler=null;pendingBuild=!1;constructor(e){this._count=e.count;let t=e.estimateSize??36;this._estimateSizeFn=typeof t==`number`?()=>t:t,this.overscan=e.overscan??3,this.onChange=e.onChange,this.buildOffsets()}get count(){return this._count}set count(e){this._count=e,this.buildOffsets(),this.attachedEl&&this.computeVisible()}set estimateSize(e){this._estimateSizeFn=typeof e==`number`?()=>e:e,this.measuredHeights.clear(),this.buildOffsets(),this.attachedEl&&this.computeVisible()}attach(e){this.teardown(),this.attachedEl=e,this.containerHeight=e.clientHeight,this.scrollTop=e.scrollTop,this.scrollHandler=()=>{this.scrollTop=e.scrollTop,this.computeVisible()},e.addEventListener(`scroll`,this.scrollHandler,{passive:!0}),this.resizeObserver=new ResizeObserver(()=>{this.containerHeight=e.clientHeight,this.computeVisible()}),this.resizeObserver.observe(e),this.computeVisible()}destroy(){this.teardown()}[Symbol.dispose](){this.destroy()}getVirtualItems(){return this.virtualItems}getTotalSize(){return this.totalSize}measureElement(e,t){this.heightAt(e)!==t&&(this.measuredHeights.set(e,t),this.pendingBuild||(this.pendingBuild=!0,queueMicrotask(()=>{this.pendingBuild=!1,this.buildOffsets(),this.attachedEl&&this.computeVisible()})))}scrollToIndex(e,t={}){let n=this.attachedEl;if(!n)return;let r=Math.max(0,Math.min(e,this._count-1)),i=t.align??`auto`,a=t.behavior??`auto`,o=this.offsetAt(r),s=this.heightAt(r),c;if(i===`start`)c=o;else if(i===`end`)c=o+s-this.containerHeight;else if(i===`center`)c=o-(this.containerHeight-s)/2;else{let e=n.scrollTop,t=e+this.containerHeight;if(o>=e&&o+s<=t)return;c=o<e?o:o+s-this.containerHeight}n.scrollTo({behavior:a,top:Math.max(0,c)})}scrollToOffset(e,t={}){this.attachedEl?.scrollTo({behavior:t.behavior??`auto`,top:Math.max(0,e)})}invalidate(){this.measuredHeights.clear(),this.buildOffsets(),this.attachedEl&&this.computeVisible()}teardown(){this.scrollHandler&&this.attachedEl&&(this.attachedEl.removeEventListener(`scroll`,this.scrollHandler),this.scrollHandler=null),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.attachedEl=null}heightAt(e){return this.measuredHeights.get(e)??this._estimateSizeFn(e)}offsetAt(e){return this.scrollOffsets[e]??0}buildOffsets(){this.prevRenderStart=-1,this.prevRenderEnd=-1;let e=new Float64Array(this._count+1);e[0]=0;for(let t=0;t<this._count;t++)e[t+1]=e[t]+this.heightAt(t);this.scrollOffsets=e,this.totalSize=e[this._count]??0}computeVisible(){let e=this.scrollTop,t=e+this.containerHeight,n=0,r=this._count-1;for(;n<r;){let t=n+r>>1;this.scrollOffsets[t+1]<=e?n=t+1:r=t}let i=n,a=i,o=this._count-1;for(;a<o;){let e=a+o+1>>1;this.scrollOffsets[e]<t?a=e:o=e-1}let s=a,c=Math.max(0,i-this.overscan),l=Math.min(this._count-1,s+this.overscan);if(c===this.prevRenderStart&&l===this.prevRenderEnd)return;this.prevRenderStart=c,this.prevRenderEnd=l;let u=[];for(let e=c;e<=l;e++)u.push({height:this.heightAt(e),index:e,top:this.scrollOffsets[e]});this.virtualItems=u,this.onChange?.(u,this.totalSize)}};function Cn(e,t){let n=new Sn(t);return n.attach(e),n}function wn(e){let t=[],n=null,r=null,i=null,a=n=>typeof e.estimateSize==`number`?e.estimateSize:e.estimateSize(n,t[n]),o=()=>{!n||!i||(n.style.height=`${i.getTotalSize()}px`,n.style.position=`relative`,n.style.contain=`layout`)},s=()=>{n&&(e.clear(n),n.style.height=``,n.style.position=``,n.style.contain=``)},c=()=>{let c=e.getScrollElement(),l=e.getListElement();if(!c||!l||t.length===0){i?.destroy(),i=null,n=l,r=c,s();return}let u=r!==c||n!==l;n=l,r=c,!i||u?(i?.destroy(),i=Cn(r,{count:t.length,estimateSize:a,onChange:r=>{n&&e.render({items:t,listEl:n,virtualItems:r})},overscan:e.overscan??3})):(i.count=t.length,i.invalidate()),o()};return{destroy(){i?.destroy(),i=null,s()},scrollToIndex(e,t){i?.scrollToIndex(e,t)},update(a,o){if(t=a,!o||t.length===0){i?.destroy(),i=null,n=e.getListElement(),r=e.getScrollElement(),s();return}c()}}}function Tn(e){let t=[],n=null;function r(t){return e.getIsMultiple()?e.getSelectedValues().some(e=>e.value===t.value):t.value===e.getSelectedValue()}function i(i){if(!n)return;for(let e of Array.from(n.querySelectorAll(`.option`)))e.remove();let a=e.getFocusedIndex();for(let o of i){let i=t[o.index];if(!i)continue;let s=r(i),c=document.createElement(`div`);if(c.className=`option`,c.setAttribute(`role`,`option`),c.id=`${e.comboId}-opt-${o.index}`,c.setAttribute(`aria-selected`,String(s)),c.setAttribute(`aria-disabled`,String(!!i.disabled)),c.style.cssText=`position:absolute;top:0;left:0;right:0;transform:translateY(${o.top}px);`,a===o.index&&c.setAttribute(`data-focused`,``),s&&c.setAttribute(`data-selected`,``),i.disabled&&c.setAttribute(`data-disabled`,``),i.iconEl){let e=document.createElement(`span`);e.className=`option-icon`,e.setAttribute(`aria-hidden`,`true`);let t=i.iconEl.cloneNode(!0);t.removeAttribute(`slot`),e.appendChild(t),c.appendChild(e)}let l=document.createElement(`span`);l.textContent=i.label,c.appendChild(l);let u=document.createElement(`span`);u.className=`option-check`,u.setAttribute(`aria-hidden`,`true`),u.innerHTML=e.checkIconHTML,c.appendChild(u),c.addEventListener(`pointerdown`,e=>{e.preventDefault()}),c.addEventListener(`click`,t=>{t.stopPropagation(),e.onSelectOption(i,t)}),c.addEventListener(`pointerenter`,()=>{e.setFocusedIndex(o.index);for(let e of n.querySelectorAll(`[data-focused]`))e.removeAttribute(`data-focused`);c.setAttribute(`data-focused`,``)}),n.appendChild(c)}}function a(){if(!n)return;let i=e.getFocusedIndex();for(let a of n.querySelectorAll(`.option`)){let n=Number(a.id.replace(`${e.comboId}-opt-`,``)),o=t[n];if(!o)continue;let s=r(o);a.toggleAttribute(`data-focused`,n===i),a.toggleAttribute(`data-selected`,s),a.setAttribute(`aria-selected`,String(s))}}let o=wn({clear:e=>{for(let t of Array.from(e.querySelectorAll(`.option`)))t.remove()},estimateSize:36,getListElement:e.getListboxElement,getScrollElement:e.getDropdownElement,overscan:4,render:({items:e,listEl:r,virtualItems:a})=>{t=e,n=r,i(a)}});function s(e,n){t=e,o.update(t,n)}return{domVirtualList:o,setupVirtualizer:s,updateRenderedItemState:a}}var En=`@layer buildit.base{:host{--_font-size:var(--combobox-font-size,var(--text-sm));--_gap:var(--combobox-gap,var(--size-2));--_field-height:var(--combobox-height,var(--size-10));--_row-min-height:calc(var(--leading-normal) * var(--_font-size) + 2px);--_padding:var(--combobox-padding,var(--size-1-5) var(--size-3));--_radius:var(--combobox-radius,var(--rounded-lg));--_placeholder:var(--combobox-placeholder-color,var(--color-contrast-500));--_bg:var(--combobox-bg,var(--color-contrast-100));--_border-color:var(--combobox-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}:host([fullwidth]){width:100%}.combobox-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-inset{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.field{box-sizing:border-box;height:var(--_field-height);min-height:max(var(--_field-height), var(--_touch-target,0px));padding:var(--_padding);cursor:text;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex;position:relative}.field:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left;padding-right:var(--size-8)}.field:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right;padding-left:var(--size-8)}:host([multiple]) .field{height:auto}.field:has(.label-inset:not([hidden])){height:auto}:host([clearable]) .field:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--size-14)}:host([clearable]) .field:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--size-14)}.field-row{gap:var(--_gap);row-gap:var(--size-1);min-height:var(--_row-min-height);flex-wrap:wrap;align-items:center;display:flex}.chips-row{gap:var(--size-1);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex}.chips-list{display:contents}.input{min-width:4rem;height:var(--_row-min-height);font-family:inherit;font-size:var(--_font-size);color:var(--color-contrast-900);background:0 0;border:0;outline:none;flex:4rem;padding:0;line-height:1}:host([multiple]) .input{flex-basis:6rem;min-width:6rem}:host([multiple]) .chips-row:has(bit-chip) .input{flex:0 2.25rem;min-width:2.25rem}.input::placeholder{color:var(--_placeholder)}.chevron{color:var(--color-contrast-500);pointer-events:none;transition:var(--_motion-transition,transform var(--transition-fast), color var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-2-5)}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2-5)}:host([open]) .chevron{color:var(--_theme-focus,var(--color-primary));transform:translateY(-50%)rotate(180deg)}.chevron .loader{width:1em;height:1em;animation:var(--_motion-animation,bit-combobox-spin .6s linear infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.chevron .loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.chevron .loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .chevron .loader{display:inline-block}:host([loading]) .chevron svg{display:none}@keyframes bit-combobox-spin{to{transform:rotate(360deg)}}.clear-btn{visibility:hidden;color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.clear-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-9)}.clear-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-9)}.clear-btn:hover{color:var(--color-contrast-600)}:host([clearable]) .clear-btn:not([hidden]){visibility:visible}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;visibility:hidden;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast));margin:0;position:fixed;top:0;overflow-y:auto;transform:translateY(-4px)}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left;left:0}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right;right:0}.dropdown[data-open]{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--_font-size);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(:is(.option-check,.option-icon)){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in srgb, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--_font-size);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--_font-size);color:var(--_theme-content,var(--color-primary-content));cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.no-results-create:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in srgb, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(bit-combobox-option){display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=flat])) .field:focus-within,:host([open]:not([disabled],[variant=flat])) .field{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow));transform:translateY(-1px)}:host(:not([disabled])) .field:focus-within .label-inset,:host(:not([disabled])) .field:focus-within .label-outside,:host([open]:not([disabled])) .label-inset{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside{color:var(--color-error)}}@layer buildit.variants{:host(:not([variant])) .field,:host([variant=solid]) .field{background:var(--color-contrast-50);border-color:var(--color-contrast-300);box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]) .field{border-color:var(--_theme-border);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:color-mix(in srgb, var(--_theme-base) 6%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-base) 35%, var(--color-contrast-300))}:host([variant=flat]) .field:focus-within{background:color-mix(in srgb, var(--_theme-base) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--_theme-focus) 60%, transparent);box-shadow:var(--_theme-shadow)}:host([variant=bordered]) .field{background:var(--_theme-backdrop);border-color:color-mix(in srgb, var(--_theme-focus) 70%, transparent)}:host([variant=bordered]) .input{color:var(--color-contrast-900)}:host([variant=bordered]) .input::placeholder{color:var(--_placeholder)}:host([variant=bordered]) .field:hover{border-color:var(--_theme-focus)}:host([variant=outline]) .field{box-shadow:none;background:0 0}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]) .field{box-shadow:none;background:0 0;border-color:#0000}:host([variant=ghost]) .field:hover{background:var(--color-contrast-100)}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}}@layer buildit.utilities{:host([fullwidth]){width:100%;display:flex}}`,Dn=(0,e.defineComponent)({setup(){return e.html`<style>
+      ${e.css`
+      @layer buildit.base {
+        :host {
+          display: none;
+        }
+      }
+    `}
+    </style>`},tag:`bit-combobox-option`}),On=(0,e.defineComponent)({formAssociated:!0,props:{clearable:{default:!1},color:{default:void 0},creatable:{default:!1},disabled:{default:!1},error:{default:``,omit:!0},fullwidth:{default:!1},helper:{default:``},label:{default:``},"label-placement":{default:`inset`},loading:{default:!1},multiple:{default:!1},name:{default:``},"no-filter":{default:!1},options:(0,e.typed)(void 0,{reflect:!1}),placeholder:{default:``},rounded:{default:void 0},size:{default:void 0},value:{default:``},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let{fieldId:i,helperId:a,labelId:o}=(0,e.createFormIds)(`combobox`,r.name.value),s=(0,e.ref)(),c=(0,e.ref)(),l=(0,e.inject)(X,void 0),u=(0,e.signal)(String(r.value.value??``)),{triggerValidation:d}=Q(l,(0,e.defineField)({disabled:(0,e.computed)(()=>!!r.disabled.value||!!l?.disabled.value),value:u},{onReset:()=>{u.value=``,v.value=[],p.value=``}})),f=(0,e.signal)(!1),p=(0,e.signal)(``),m=(0,e.computed)(()=>!!r.disabled.value),h=(0,e.computed)(()=>!!r.multiple.value),g=(0,e.computed)(()=>!!r.creatable.value),_=(0,e.computed)(()=>!!r[`no-filter`].value);(0,e.watch)(f,e=>{n.toggleAttribute(`open`,(e=>!!e)(e))},{immediate:!0});let v=(0,e.signal)(r.value.value?[{label:``,value:r.value.value}]:[]),y=(0,e.signal)(-1),b=It({findByKey:e=>{let t=v.value.find(t=>t.value===e);if(t)return t;let n=N.value.find(t=>t.value===e);return n?{label:n.label,value:n.value}:{label:``,value:e}},getMode:()=>h.value?`multiple`:`single`,getSelected:()=>v.value,keyExtractor:e=>e.value,setSelected:e=>{v.value=e}}),x=e=>{let t=Xt(String(e??``));if(t.isEmpty){b.clear(),p.value=``,u.value=``;return}if(h.value){v.value=t.values.map(e=>({label:``,value:e})),u.value=t.formValue;return}v.value=[{label:``,value:t.firstValue}],u.value=t.firstValue};(0,e.watch)(r.value,e=>x(e),{immediate:!0}),(0,e.watch)(r.multiple,()=>x(r.value.value));let S=(0,e.computed)(()=>v.value[0]?.value??``),C=(0,e.computed)(()=>v.value.length>0),w=(0,e.computed)(()=>!!r.label.value),T=null,E=null,D=null,O=null;function ee(){let e=n.shadowRoot?.querySelector(`input[role="combobox"]`)??null;return e&&(T=e),e??T}function k(){ee()?.focus()}let A=(0,e.signal)([]),j=(0,e.signal)([]),M=(0,e.computed)(()=>!!r.loading.value),N=(0,e.computed)(()=>{let e=r.options.value??A.value;return j.value.length===0?e:[...e,...j.value]});function P(e=Array.from(n.children)){A.value=_n(e),v.value.length>0&&(v.value=vn(v.value,N.value),!h.value&&v.value.length===1&&(p.value=v.value[0]?.label??``))}let F=(0,e.computed)(()=>yn(N.value,p.value,_.value)),I=(0,e.computed)(()=>bn(p.value,g.value,F.value)),L=(0,e.computed)(()=>qt(r.error.value,r.helper.value)),te=(0,e.computed)(()=>h.value&&v.value.length>0?``:r.placeholder.value||``),ne=(0,e.computed)(()=>v.value.map(e=>e.value)),re=(0,e.computed)(()=>v.value.map(e=>e.label?e.label:N.value.find(t=>t.value===e.value)?.label??e.value));function R(){u.value=b.serialize(`,`)}function z(e){t(`change`,Jt(ne.value,re.value,e))}function ie(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(b.remove(t),R(),z(e),d(`change`))}let ae=Wt(()=>E,()=>D),B=Pt({getIndex:()=>y.value,getItems:()=>F.value,isItemDisabled:e=>e.disabled,setIndex:e=>{y.value=e,K()}}),oe=Ft({getBoundaryElement:()=>n,getPanelElement:()=>D,getTriggerElement:()=>T,isDisabled:()=>m.value,isOpen:()=>f.value,positioner:{floating:()=>D,reference:()=>E,update:()=>ae.updatePosition()},restoreFocus:!1,setOpen:(e,t)=>{f.value=e,e||B.reset()}}),V=e=>{(e.reason===`empty`||e.reason===`no-enabled-item`)&&(y.value=-1)};function H(e=!0,t=`programmatic`){e&&(p.value=``),oe.open({reason:t})}function U(e=`programmatic`){oe.close({reason:e,restoreFocus:!1}),h.value?p.value=``:p.value=N.value.find(e=>e.value===S.value)?.label??``,d(`blur`)}function W(e,t){e.disabled||(h.value?(b.toggle(e.value),R(),p.value=``,z(t),d(`change`),k(),requestAnimationFrame(()=>k())):(b.select(e.value),p.value=e.label,u.value=e.value,z(t),d(`change`),U(),k()))}function se(e){e.stopPropagation(),b.clear(),p.value=``,u.value=``,z(e),d(`change`),k()}function G(e){let n=e.target;p.value=n.value,h.value||b.clear(),V(B.first()),f.value||H(!1,`trigger`),t(`search`,{query:n.value})}function ce(){f.value||H(!1,`trigger`)}function le(e){if(m.value)return;let t=F.value;switch(e.key){case`ArrowDown`:e.preventDefault(),f.value?V(B.next()):(H(!0,`trigger`),V(B.first()));break;case`ArrowUp`:e.preventDefault(),f.value?V(B.prev()):H(!0,`trigger`);break;case`Backspace`:h.value&&!p.value&&v.value.length>0&&(v.value=v.value.slice(0,-1),R(),z(e),d(`change`));break;case`End`:f.value&&(e.preventDefault(),V(B.last()));break;case`Enter`:e.preventDefault(),f.value&&y.value>=0&&y.value<t.length?W(t[y.value],e):f.value&&y.value===-1&&I.value?fe(I.value,e):f.value||H();break;case`Escape`:e.preventDefault(),f.value&&U(`escape`);break;case`Home`:f.value&&(e.preventDefault(),V(B.first()));break;case`Tab`:U(`programmatic`);break;default:break}}function K(){if(y.value>=0){q.scrollToIndex(y.value,{align:`auto`});return}O&&O.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})}let{domVirtualList:q,setupVirtualizer:ue,updateRenderedItemState:de}=Tn({checkIconHTML:ut,comboId:i,getDropdownElement:()=>D,getFocusedIndex:()=>y.peek(),getIsMultiple:()=>h.peek(),getListboxElement:()=>O,getSelectedValue:()=>S.peek(),getSelectedValues:()=>v.peek(),onSelectOption:W,setFocusedIndex:e=>{y.value=e}});function fe(e,t){let n={disabled:!1,iconEl:null,label:e,value:xn(e)};j.value=[...j.value,n],W(n,t)}return(0,e.onMount)(()=>{E=T?.closest(`.field`),D=n.shadowRoot?.querySelector(`.dropdown`)??null,O=n.shadowRoot?.querySelector(`[role="listbox"]`)??null;let t=oe.bindOutsideClick(document);return(0,e.onSlotChange)(`default`,P),P(),(0,e.effect)(()=>{let e=F.value,t=f.value;t&&e.length>0?requestAnimationFrame(()=>ue(e,t)):q.update(e,!1)}),tn(c,s,r),(0,e.effect)(()=>{if(O){for(let e of Array.from(O.querySelectorAll(`.no-results,.no-results-create,.dropdown-loading`)))e.remove();if(M.value){let e=document.createElement(`div`);e.className=`dropdown-loading`,e.textContent=`Loading…`,O.prepend(e)}else if(F.value.length===0)if(I.value){let e=document.createElement(`button`);e.type=`button`,e.className=`no-results-create`,e.textContent=`Create "${I.value}"`,y.value===-1&&e.setAttribute(`data-focused`,``),e.addEventListener(`pointerdown`,e=>{e.preventDefault()}),e.addEventListener(`click`,e=>{e.stopPropagation(),fe(I.value,e)}),O.appendChild(e)}else{let e=document.createElement(`div`);e.className=`no-results`,e.setAttribute(`role`,`presentation`),e.textContent=`No results found`,O.appendChild(e)}de()}}),(0,e.watch)([f,r.multiple,y,v,S],()=>{f.value&&de()},{immediate:!0}),()=>{q.destroy(),ae.destroy(),t()}}),e.html`
+      <slot></slot>
+      <div class="combobox-wrapper" part="wrapper">
+        <label
+          class="label-outside"
+          for="${i}"
+          id="${o}"
+          ref=${s}
+          hidden
+          part="label"></label>
+        <div
+          class="field"
+          part="field"
+          @click="${()=>{f.value||H(!1,`trigger`),k()}}">
+          <label class="label-inset" for="${i}" id="${o}" ref=${c} hidden part="label"></label>
+          <div class="field-row">
+            <div class="chips-row">
+              <!-- Keep chip list diffing isolated so input node identity stays stable. -->
+              <span class="chips-list">
+                ${()=>(h.value?v.value:[]).map(t=>e.html`
+                      <bit-chip
+                        value=${t.value}
+                        aria-label=${t.label||t.value}
+                        mode="removable"
+                        variant="flat"
+                        size="sm"
+                        color=${()=>r.color.value}
+                        @remove=${ie}>
+                        ${t.label||t.value}
+                      </bit-chip>
+                    `)}
+              </span>
+              <input
+                ref=${t=>{if(T=t,!t){E=null;return}E=t.closest(`.field`),(0,e.aria)(t,{activedescendant:()=>y.value>=0?`${i}-opt-${y.value}`:null,autocomplete:`list`,controls:()=>`${i}-listbox`,describedby:()=>r.error.value||r.helper.value?a:null,disabled:()=>m.value,expanded:()=>f.value?`true`:`false`,invalid:()=>!!r.error.value,labelledby:()=>w.value?o:null})}}
+                class="input"
+                part="input"
+                type="text"
+                role="combobox"
+                autocomplete="off"
+                spellcheck="false"
+                id="${i}"
+                name="${()=>r.name.value}"
+                placeholder=${()=>te.value}
+                :disabled="${()=>m.value}"
+                @input=${G}
+                @keydown=${le}
+                @focus=${ce}
+                .value=${p} />
+            </div>
+            <button
+              class="clear-btn"
+              part="clear-btn"
+              type="button"
+              aria-label="Clear"
+              tabindex="-1"
+              ?hidden=${()=>!C.value}
+              @click="${se}">
+              ${gt}
+            </button>
+            <span class="chevron" aria-hidden="true">
+              ${dt}
+              <span class="loader" aria-label="Loading"></span>
+            </span>
+          </div>
+        </div>
+
+        <div class="dropdown" part="dropdown" id="${()=>`${i}-dropdown`}" ?data-open=${()=>f.value}>
+          <div
+            role="listbox"
+            id="${()=>`${i}-listbox`}"
+            aria-label="${()=>r.label.value||r.placeholder.value||`Options`}"></div>
+        </div>
+
+        <span
+          class="helper-text"
+          id="${a}"
+          part="helper-text"
+          aria-live="polite"
+          ?hidden=${()=>L.value.hidden}
+          style=${()=>L.value.isError?`color: var(--color-error);`:``}
+          >${()=>L.value.text}</span
+        >
+      </div>
+    `},shadow:{delegatesFocus:!0},styles:[s(ln),...y,l(),p(`.input`),En],tag:`bit-combobox`}),kn=`@layer buildit.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-remove{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in srgb, var(--color-error) 12%, transparent))}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)}:host([drag-over]) .dropzone{background:color-mix(in srgb, var(--_theme-base,var(--color-primary)) 8%, var(--color-canvas));border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-4px)scale(1.1)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.helper-text-error{color:var(--color-error)}}@layer buildit.variants{:host(:not([variant])) .dropzone,:host([variant=solid]) .dropzone{background:var(--color-contrast-50);border-color:var(--color-contrast-300)}:host([variant=flat]) .dropzone{border-color:var(--_theme-border)}:host([variant=flat]) .dropzone:hover{background:color-mix(in srgb, var(--_theme-base) 6%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-base) 35%, var(--color-contrast-300))}:host([variant=flat]) .dropzone:focus-visible,:host([variant=flat][drag-over]) .dropzone{background:color-mix(in srgb, var(--_theme-base) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--_theme-focus) 60%, transparent);box-shadow:var(--_theme-shadow)}:host([variant=bordered]) .dropzone{background:var(--_theme-backdrop);border-color:color-mix(in srgb, var(--_theme-focus) 70%, transparent)}:host([variant=bordered]) .dropzone:hover{border-color:var(--_theme-focus)}:host([variant=outline]) .dropzone{background:0 0}:host([variant=ghost]) .dropzone{border-color:var(--color-contrast-200);background:0 0}:host([variant=ghost]) .dropzone:hover{background:var(--color-contrast-100)}}@layer buildit.utilities{:host([fullwidth]){width:100%}}`;function An(e){if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`],n=1024,r=Math.min(Math.floor(Math.log(e)/Math.log(n)),t.length-1);return`${Number.parseFloat((e/n**r).toFixed(1))} ${t[r]}`}function jn(e,t){return t?t.split(`,`).map(e=>e.trim()).some(t=>t.startsWith(`.`)?e.name.toLowerCase().endsWith(t.toLowerCase()):t.endsWith(`/*`)?e.type.startsWith(t.slice(0,-1)):e.type===t):!0}function Mn(e,t){return!t||jn(e,t)}function Nn(e,t){return t==null?!0:t===0||e.size<=t}var Pn=(0,e.defineComponent)({formAssociated:!0,props:{accept:{default:``},color:{default:void 0},disabled:{default:!1},error:{default:``,omit:!0},fullwidth:{default:!1},helper:{default:``},label:{default:``},"max-files":{default:0,type:Number},"max-size":{default:0,type:Number},multiple:{default:!1},name:{default:``},required:{default:!1},rounded:{default:void 0},size:{default:void 0},variant:{default:void 0}},setup({emit:t,host:r,props:i}){let a=(0,e.signal)([]),o=(0,e.signal)(!1);(0,e.defineField)({disabled:(0,e.computed)(()=>!!i.disabled.value),toFormValue:e=>{if(e.length===0)return null;let t=i.name.value||`file`,n=new FormData;for(let r of e)n.append(t,r);return n},value:a},{onReset:()=>{a.value=[]}});let s=(0,e.computed)(()=>!!i.error.value);(0,e.effect)(()=>{s.value?r.setAttribute(`invalid`,``):r.removeAttribute(`invalid`)}),(0,e.effect)(()=>{o.value?r.setAttribute(`drag-over`,``):r.removeAttribute(`drag-over`)});let c=(0,e.createId)(`file-input`),l=`label-${c}`,u=`helper-${c}`,d=`error-${c}`,f=(0,e.ref)(),p=(0,e.ref)(),m=(0,e.computed)(()=>{let e=[];i.accept.value&&e.push(i.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let t=i[`max-size`].value??0;t>0&&e.push(`max ${An(t)}`);let n=i[`max-files`].value??0;return n>0&&e.push(`up to ${n} file${n===1?``:`s`}`),e.join(` · `)});function h(e,n){if(i.disabled.value)return;let r=i[`max-files`].value??0,o=i[`max-size`].value??0,s=i.accept.value,c=!!i.multiple.value,l=Array.from(e);c||(l=l.slice(0,1)),l=l.filter(e=>Mn(e,s)&&Nn(e,o));let u=c?[...a.value]:[];for(let e of l)u.includes(e)||u.push(e);r>0&&u.length>r&&(u=u.slice(0,r)),a.value=u,t(`change`,{files:a.value,originalEvent:n,value:a.value})}function g(e,n){a.value=a.value.filter(t=>t!==e),t(`remove`,{file:e,files:a.value,originalEvent:n,value:a.value}),t(`change`,{files:a.value,originalEvent:n,value:a.value})}return(0,e.onMount)(()=>{let t=p.value,r=f.value;(0,e.handle)(t,`change`,e=>{let t=e.target;t.files?.length&&h(Array.from(t.files),e),t.value=``}),(0,e.handle)(r,`click`,()=>{i.disabled.value||t.click()}),(0,e.handle)(r,`keydown`,e=>{(e.key===`Enter`||e.key===` `)&&!i.disabled.value&&(e.preventDefault(),t.click())});let a=(0,n.createDropZone)({disabled:()=>!!i.disabled.value,element:r,onDrop:(e,t)=>h(e,t),onHoverChange:e=>{o.value=e}});(0,e.onCleanup)(()=>a.destroy())}),e.html`
+      <div class="file-input-wrapper" part="wrapper">
+        <label class="label-outside" id="${l}" part="label" ?hidden=${()=>!i.label.value}
+          >${()=>i.label.value}</label
+        >
+        <div
+          class="dropzone"
+          part="dropzone"
+          ref=${f}
+          role="button"
+          :tabindex=${()=>i.disabled.value?`-1`:`0`}
+          :aria-disabled=${()=>String(i.disabled.value)}
+          :aria-label=${()=>i.label.value?null:`File upload drop zone`}
+          :aria-labelledby=${()=>i.label.value?l:null}
+          aria-describedby="${u}">
+          <input
+            type="file"
+            ref=${p}
+            part="input"
+            id="${c}"
+            :accept=${()=>i.accept.value}
+            ?multiple=${()=>i.multiple.value}
+            ?required=${()=>i.required.value}
+            ?disabled=${()=>i.disabled.value}
+            :name=${()=>i.name.value}
+            hidden
+            inert
+            tabindex="-1" />
+          <div class="dropzone-content">
+            <span class="dropzone-icon" aria-hidden="true"> ${_t} </span>
+            <span class="dropzone-title">Drop files here or <u>click to browse</u></span>
+            <span class="dropzone-hint" ?hidden=${()=>!m.value}>${m}</span>
+          </div>
+        </div>
+        <ul class="file-list" role="list" aria-label="Selected files" ?hidden=${()=>a.value.length===0}>
+          ${Pe(a,t=>e.html`
+              <li class="file-item">
+                <span class="file-icon" aria-hidden="true"> ${vt} </span>
+                <span class="file-meta">
+                  <span class="file-name" title="${t.name}">${t.name}</span>
+                  <span class="file-size">${An(t.size)}</span>
+                </span>
+                <button
+                  class="file-remove"
+                  type="button"
+                  aria-label="${`Remove ${t.name}`}"
+                  @click=${e=>g(t,e)}>
+                  ${gt}
+                </button>
+              </li>
+            `,void 0,{key:e=>`${e.name}:${e.size}:${e.lastModified}`})}
+        </ul>
+        <div class="helper-text" id="${u}" part="helper" ?hidden=${()=>s.value||!i.helper.value}>
+          ${()=>i.helper.value}
+        </div>
+        <div
+          class="helper-text helper-text-error"
+          id="${d}"
+          role="alert"
+          part="error"
+          ?hidden=${()=>!s.value}>
+          ${()=>i.error.value}
+        </div>
+      </div>
+    `},shadow:{delegatesFocus:!0},styles:[...y,s(mn),l(),p(`.dropzone`),kn],tag:`bit-file-input`}),Fn=(0,e.defineComponent)({props:{disabled:(0,e.typed)(!1),novalidate:(0,e.typed)(!1),orientation:(0,e.typed)(`vertical`),size:(0,e.typed)(void 0),validateOn:(0,e.typed)(void 0),variant:(0,e.typed)(void 0)},setup({emit:t,host:n,props:r}){(0,e.provide)(X,{disabled:(0,e.computed)(()=>!!r.disabled.value),size:r.size,validateOn:(0,e.computed)(()=>r.validateOn.value??`submit`),variant:r.variant});function i(e){let r=e,i=n.shadowRoot?.querySelector(`form`);i&&(e.preventDefault(),t(`submit`,{formData:new FormData(i),originalEvent:r}))}function a(e){t(`reset`,{originalEvent:e})}return e.html`
+      <form
+        part="form"
+        :novalidate="${()=>r.novalidate.value||null}"
+        :aria-disabled="${()=>r.disabled.value?`true`:null}"
+        @submit="${i}"
+        @reset="${a}">
+        <slot></slot>
+      </form>
+    `},shadow:{delegatesFocus:!1},styles:[`@layer buildit.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer buildit.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`],tag:`bit-form`}),In=`@layer buildit.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow,var(--shadow-2xs));transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-slow), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.field:has(.label-inset:not([hidden])){height:auto}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label-inset,.label-outside,label.label-inset,label.label-outside{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));overflow:hidden}.label-inset,label.label-inset{font-size:var(--text-xs);line-height:var(--leading-tight);margin-bottom:2px}.label-outside,label.label-outside{font-size:var(--text-sm);line-height:var(--leading-none)}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);overflow-wrap:anywhere;padding-left:2px;padding-right:2px}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer buildit.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow));transform:translateY(-1px)}:host(:not([disabled])) .field:focus-within .label-inset,:host(:not([disabled])) .field:focus-within .label-outside,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.char-counter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside,.helper-text[role=alert]{color:var(--color-error)}}@layer buildit.variants{:host(:not([variant])) .field,:host([variant=solid]) .field{background:var(--color-contrast-50);border-color:var(--color-contrast-300);box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]) .field{border-color:var(--_theme-border);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:color-mix(in srgb, var(--_theme-base) 6%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-base) 35%, var(--color-contrast-300))}:host([variant=flat]) .field:focus-within{background:color-mix(in srgb, var(--_theme-base) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--_theme-focus) 60%, transparent);box-shadow:var(--_theme-shadow)}:host([variant=bordered]) .field{background:var(--_theme-backdrop);border-color:color-mix(in srgb, var(--_theme-focus) 70%, transparent)}:host([variant=bordered]) input{color:var(--color-contrast-900)}:host([variant=bordered]) input::placeholder{color:var(--_placeholder)}:host([variant=bordered]) .field:hover{border-color:var(--_theme-focus)}:host([variant=outline]) .field{box-shadow:none;background:0 0}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]) .field{box-shadow:none;background:0 0;border-color:#0000}:host([variant=ghost]) .field:hover{background:var(--color-contrast-100)}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;background:0 0;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--_theme-focus);transform:none}}@layer buildit.utilities{:host([fullwidth]){width:100%}}`,Ln=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Rn=e=>Ln.includes(e)?e:`text`,zn=(0,e.defineComponent)({formAssociated:!0,props:{autocomplete:{default:void 0},clearable:{default:!1},color:{default:void 0},disabled:{default:!1},error:{default:``,omit:!0},fullwidth:{default:!1},helper:{default:``},inputmode:{default:void 0},label:{default:``},"label-placement":{default:`inset`},maxlength:{default:void 0},minlength:{default:void 0},name:{default:``},pattern:{default:void 0},placeholder:{default:``},readonly:{default:!1},required:{default:!1},rounded:{default:void 0},size:{default:void 0},type:{default:`text`},value:{default:``},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let i=(0,e.signal)(!1),a=()=>r.type.value===`password`&&i.value?`text`:Rn(r.type.value),o=sn(r,`input`),{errorId:s,fieldId:c,helperId:l,labelInsetId:u,labelInsetRef:d,labelOutsideId:f,labelOutsideRef:p,valueSignal:m}=o,h=(0,e.ref)(),g=(0,e.ref)(),_=(0,e.ref)(),v=(0,e.ref)(),y=(0,e.ref)(),b=(e,t,n)=>{n==null||n===``?e.removeAttribute(t):e.setAttribute(t,n)};return(0,e.onMount)(()=>{let i=h.value;i&&(en(i,{onBlur:()=>o.triggerValidation(`blur`),onChange:(e,n)=>{t(`change`,{originalEvent:e,value:n}),o.triggerValidation(`change`)},onInput:(e,n)=>t(`input`,{originalEvent:e,value:n})}),o.mountLabelSync(),(0,e.effect)(()=>{let e=Y(r.maxlength.value);e==null?i.removeAttribute(`maxlength`):i.maxLength=e;let t=Y(r.minlength.value);t==null?i.removeAttribute(`minlength`):i.minLength=t,b(i,`pattern`,r.pattern.value??null),b(i,`inputmode`,r.inputmode.value??null);let n=r.autocomplete.value;n==null||n===``?i.removeAttribute(`autocomplete`):i.autocomplete=n}),Qt({error:()=>r.error.value,errorRef:_,helper:()=>r.helper.value,helperRef:g}),Zt({count:()=>m.value.length,format:`split`,maxLength:()=>r.maxlength.value,ref:y}),(0,e.effect)(()=>{m.value?n.setAttribute(`has-value`,``):n.removeAttribute(`has-value`)}),import(`@vielzeug/craftit`).then(({aria:e})=>{e(i,{describedby:()=>r.error.value?s:l,errormessage:()=>r.error.value?s:null,invalid:()=>!!r.error.value})}),v.value&&(0,e.handle)(v.value,`click`,e=>{e.preventDefault(),m.value=``,t(`input`,{originalEvent:e,value:``}),t(`change`,{originalEvent:e,value:``}),o.triggerValidation(`change`),h.value?.focus()}))}),e.html`
+      <div class="input-wrapper" part="wrapper">
+        <label
+          class="label-outside"
+          for="${c}"
+          id="${f}"
+          part="label"
+          ref=${p}
+          hidden></label>
+        <div class="field" part="field">
+          <label
+            class="label-inset"
+            for="${c}"
+            id="${u}"
+            part="label"
+            ref=${d}
+            hidden></label>
+          <div class="input-row" part="input-row">
+            <slot name="prefix"></slot>
+            <input
+              part="input"
+              id="${c}"
+              ${Ee({disabled:r.disabled,name:r.name,placeholder:r.placeholder,readOnly:r.readonly,required:r.required,type:a,value:m})}
+              :aria-labelledby="${()=>r[`label-placement`].value===`outside`?f:u}"
+              aria-describedby="${l}"
+              ref=${h} />
+            <slot name="suffix"></slot>
+            <button
+              class="pwd-toggle-btn"
+              part="pwd-toggle"
+              type="button"
+              :aria-label="${()=>i.value?`Hide password`:`Show password`}"
+              :aria-pressed="${()=>String(i.value)}"
+              tabindex="-1"
+              @click="${()=>{i.value=!i.value,h.value?.focus()}}">
+              ${()=>i.value?ht:mt}
+            </button>
+            <button class="clear-btn" part="clear" type="button" aria-label="Clear" tabindex="-1" ref=${v}>
+              ${gt}
+            </button>
+          </div>
+        </div>
+        <div class="helper-text" id="${l}" part="helper" ref=${g} hidden></div>
+        <div class="helper-text" id="${s}" role="alert" part="error" ref=${_} hidden></div>
+        <div class="char-counter" part="char-counter" ref=${y} hidden></div>
+      </div>
+    `},shadow:{delegatesFocus:!0},styles:[s(ln),...y,l(),p(`input`),In],tag:`bit-input`}),Bn=`@layer buildit.base{:host{width:fit-content;display:inline-flex}:host([fullwidth]){width:100%}.wrapper{gap:var(--size-1);align-items:center;width:100%;display:inline-flex}bit-input::part(input){text-align:center}bit-input{width:var(--size-20)}:host([fullwidth]) bit-input{flex:1;width:auto;min-width:0}}`,Vn=(0,e.defineComponent)({formAssociated:!0,props:{color:{default:void 0},disabled:{default:!1},fullwidth:{default:!1},label:{default:void 0},"label-placement":{default:`inset`},"large-step":{default:void 0},max:{default:void 0},min:{default:void 0},name:{default:void 0},nullable:{default:!1},placeholder:{default:void 0},readonly:{default:!1},size:{default:void 0},step:{default:1},value:{default:void 0},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let i=(0,e.signal)(r.value.value==null?``:String(r.value.value));(0,e.defineField)({disabled:(0,e.computed)(()=>!!r.disabled.value),value:(0,e.computed)(()=>i.value===``?null:i.value)},{onReset:()=>{i.value=r.value.value==null?``:String(r.value.value)}}),(0,e.watch)(r.value,e=>{let t=e==null?``:String(e);i.value!==t&&(i.value=t)});function a(e){let t=r.min.value,n=r.max.value;return t!=null&&e<Number(t)?Number(t):n!=null&&e>Number(n)?Number(n):e}function o(){let e=i.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function s(e,r){let o=e==null?null:a(e);i.value=o==null?``:String(o),o==null?n.removeAttribute(`value`):n.setAttribute(`value`,String(o)),t(`change`,{originalEvent:r,value:o})}function c(e,t){r.disabled.value||r.readonly.value||s((o()??(r.min.value==null?0:Number(r.min.value)))+e,t)}function l(e){if(r.disabled.value||r.readonly.value)return;let t=Number(r.step.value)||1,n=Number(r[`large-step`].value)||t*10;switch(e.key){case`ArrowDown`:e.preventDefault(),c(-t,e);break;case`ArrowUp`:e.preventDefault(),c(t,e);break;case`End`:r.max.value!=null&&(e.preventDefault(),s(Number(r.max.value),e));break;case`Home`:r.min.value!=null&&(e.preventDefault(),s(Number(r.min.value),e));break;case`PageDown`:e.preventDefault(),c(-n,e);break;case`PageUp`:e.preventDefault(),c(n,e);break}}let u=(0,e.computed)(()=>r.min.value!=null&&o()!=null&&o()<=Number(r.min.value)),d=(0,e.computed)(()=>r.max.value!=null&&o()!=null&&o()>=Number(r.max.value));return e.html`
+      <div
+        class="wrapper"
+        role="spinbutton"
+        part="control"
+        :aria-valuenow="${()=>o()??null}"
+        :aria-valuemin="${()=>r.min.value??null}"
+        :aria-valuemax="${()=>r.max.value??null}"
+        :aria-label="${()=>r.label.value||null}"
+        :aria-disabled="${()=>r.disabled.value?`true`:null}"
+        :aria-readonly="${()=>r.readonly.value?`true`:null}"
+        @keydown="${l}">
+        <bit-button
+          icon-only
+          type="button"
+          part="decrement-btn"
+          aria-label="Decrease"
+          variant="ghost"
+          :size="${()=>r.size.value||null}"
+          :color="${()=>r.color.value||null}"
+          ?disabled="${()=>r.disabled.value||r.readonly.value||u.value}"
+          @click="${e=>c(-(Number(r.step.value)||1),e)}"
+          >${yt}</bit-button
+        >
+        <bit-input
+          part="input"
+          type="text"
+          inputmode="decimal"
+          aria-hidden="true"
+          :value="${()=>i.value}"
+          :label="${()=>r.label.value||null}"
+          :label-placement="${()=>r[`label-placement`].value}"
+          :placeholder="${()=>r.placeholder.value||null}"
+          :color="${()=>r.color.value||null}"
+          :size="${()=>r.size.value||null}"
+          :variant="${()=>r.variant.value||null}"
+          ?disabled="${()=>r.disabled.value}"
+          ?readonly="${()=>r.readonly.value}"
+          @input="${e=>{let n=e.detail?.value;typeof n==`string`&&(i.value=n,t(`input`,{originalEvent:e.detail?.originalEvent??e,value:o()}))}}"
+          @change="${e=>{let t=e.detail?.value;if(typeof t!=`string`)return;i.value=t;let n=e.detail?.originalEvent??e;s(o(),n)}}"></bit-input>
+        <bit-button
+          icon-only
+          type="button"
+          part="increment-btn"
+          aria-label="Increase"
+          variant="ghost"
+          :size="${()=>r.size.value||null}"
+          :color="${()=>r.color.value||null}"
+          ?disabled="${()=>r.disabled.value||r.readonly.value||d.value}"
+          @click="${e=>c(Number(r.step.value)||1,e)}"
+          >${bt}</bit-button
+        >
+      </div>
+    `},styles:[c(),Bn],tag:`bit-number-input`}),Hn=(0,e.defineComponent)({props:{color:(0,e.typed)(void 0),disabled:(0,e.typed)(!1),label:(0,e.typed)(`One-time password`),length:(0,e.typed)(6),masked:(0,e.typed)(!1),name:(0,e.typed)(void 0),separator:(0,e.typed)(void 0),size:(0,e.typed)(void 0),type:(0,e.typed)(`numeric`),value:(0,e.typed)(``),variant:(0,e.typed)(void 0)},setup({emit:t,host:n,props:r}){let i=(0,e.computed)(()=>Array.from({length:Number(r.length.value)||6},(e,t)=>t));function a(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}function o(){return a().map(e=>e.value).join(``)}function s(e){return r.type.value===`numeric`?/^\d$/.test(e):/^[a-z\d]$/i.test(e)}function c(e,r){let i=e.target,c=i.value;if(c.length>1&&(c=c.slice(-1)),c&&!s(c)){i.value=``;return}i.value=c;let l=a(),u=o(),d=u.length===l.length&&u.split(``).every(Boolean);n.setAttribute(`value`,u),t(`change`,{complete:d,originalEvent:e,value:u}),d&&t(`complete`,{originalEvent:e,value:u}),c&&r<l.length-1&&(l[r+1].focus(),l[r+1].select())}function l(e,r){let i=e.target,s=a();if(e.key===`Backspace`){i.value?i.value=``:r>0&&(s[r-1].focus(),s[r-1].select(),s[r-1].value=``);let a=o();n.setAttribute(`value`,a),t(`change`,{complete:!1,originalEvent:e,value:a}),e.preventDefault()}else e.key===`ArrowLeft`&&r>0?(s[r-1].focus(),e.preventDefault()):e.key===`ArrowRight`&&r<s.length-1?(s[r+1].focus(),e.preventDefault()):e.key===`Home`?(s[0].focus(),e.preventDefault()):e.key===`End`&&(s[s.length-1].focus(),e.preventDefault())}function u(e){e.preventDefault();let i=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>s(e)).slice(0,Number(r.length.value)||6),c=a();i.forEach((e,t)=>{c[t]&&(c[t].value=e)});let l=o(),u=l.length===c.length&&l.split(``).every(Boolean);n.setAttribute(`value`,l),t(`change`,{complete:u,originalEvent:e,value:l}),u&&t(`complete`,{originalEvent:e,value:l}),c[Math.min(i.length,c.length-1)]?.focus()}(0,e.onMount)(()=>{let e=String(r.value.value||``),t=a();e.split(``).forEach((e,n)=>{t[n]&&(t[n].value=e)})});let d=(0,e.computed)(()=>{let e=Number(r.length.value)||6;return r.separator.value==null?-1:Math.floor(e/2)});return e.html`
+      <div class="otp-group" part="group" role="group" :aria-label="${()=>r.label.value}">
+        ${()=>i.value.map(t=>e.html`
+              ${()=>d.value>0&&t===d.value?e.html`<span class="separator" aria-hidden="true">${()=>r.separator.value||`-`}</span>`:``}
+              <input
+                class="cell"
+                part="cell"
+                :type="${()=>r.masked.value?`password`:`text`}"
+                :inputmode="${()=>r.type.value===`numeric`?`numeric`:`text`}"
+                maxlength="1"
+                :autocomplete="${()=>t===0?`one-time-code`:`off`}"
+                :aria-label="${()=>`Digit ${t+1} of ${r.length.value}`}"
+                :disabled="${()=>r.disabled.value||null}"
+                :name="${()=>r.name.value?`${r.name.value}[${t}]`:null}"
+                @input="${e=>c(e,t)}"
+                @keydown="${e=>l(e,t)}"
+                @paste="${e=>t===0?u(e):e.preventDefault()}"
+                @focus="${e=>e.target.select()}" />
+            `)}
+      </div>
+    `},styles:[u,s({}),p(`.cell`),`@layer buildit.base{:host{--_cell-size:var(--otp-cell-size,var(--size-12));--_cell-gap:var(--otp-cell-gap,var(--size-2));--_cell-font-size:var(--otp-cell-font-size,var(--text-xl));--_cell-radius:var(--otp-cell-radius,var(--rounded-lg));--_cell-border:var(--otp-cell-border,var(--border));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_cell-bg:var(--otp-cell-bg,var(--color-canvas));--_cell-focus-border:var(--otp-cell-focus-border,var(--_theme-base,var(--color-contrast-700)));gap:var(--size-1);flex-direction:column;display:inline-flex}.otp-group{gap:var(--_cell-gap);align-items:center;display:flex}.cell{box-sizing:border-box;width:var(--_cell-size);height:var(--_cell-size);font-size:var(--_cell-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;caret-color:var(--_cell-focus-border);background:var(--_cell-bg);border:var(--_cell-border) solid var(--_cell-border-color);border-radius:var(--_cell-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0;line-height:1;display:block}.cell::selection{background:var(--_theme-backdrop,var(--color-contrast-100))}.cell:focus{border-color:var(--_cell-focus-border);box-shadow:0 0 0 var(--border-2) color-mix(in srgb, var(--_cell-focus-border) 20%, transparent);outline:none}.cell:disabled{cursor:not-allowed;opacity:.5}.separator{font-size:var(--_cell-font-size);color:var(--color-contrast-400);-webkit-user-select:none;user-select:none}}@layer buildit.variants{:host(:not([variant])) .cell,:host([variant=solid]) .cell{background:var(--color-contrast-50);border-color:var(--color-contrast-300);box-shadow:var(--shadow-2xs)}:host([variant=flat]) .cell{background:var(--color-contrast-100);border-color:var(--_theme-border,var(--color-contrast-200));box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .cell:hover:not(:disabled){background:color-mix(in srgb, var(--_theme-base) 6%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-base) 35%, var(--color-contrast-300))}:host([variant=flat]) .cell:focus{background:color-mix(in srgb, var(--_theme-base) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--_cell-focus-border) 60%, transparent);box-shadow:var(--_theme-shadow)}:host([variant=bordered]) .cell{color:var(--_theme-content,var(--color-contrast-900));caret-color:var(--_theme-content,var(--_cell-focus-border));background:var(--_theme-backdrop,var(--color-contrast-50));border-color:color-mix(in srgb, var(--_cell-focus-border) 70%, transparent)}:host([variant=bordered][color=secondary]) .cell{color:var(--_theme-base);caret-color:var(--_theme-base)}:host([variant=bordered]) .cell:hover:not(:disabled){border-color:var(--_cell-focus-border)}:host([variant=outline]) .cell{box-shadow:none;background:0 0}:host([variant=ghost]) .cell{box-shadow:none;background:0 0;border-color:#0000}:host([variant=ghost]) .cell:hover:not(:disabled){background:var(--color-contrast-100)}}@layer buildit.utilities{:host([size=sm]){--_cell-size:var(--size-9);--_cell-font-size:var(--text-base)}:host([size=lg]){--_cell-size:var(--size-14);--_cell-font-size:var(--text-2xl)}}`],tag:`bit-otp-input`}),Un=`@layer buildit.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.radio-group-items{flex-direction:var(--radio-group-direction,column);gap:var(--radio-group-gap,var(--size-2));display:flex}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer buildit.variants{:host([orientation=horizontal]) .radio-group-items{--radio-group-direction:row;flex-wrap:wrap}}`,Wn=(0,e.createContext)(`RadioGroupContext`),Gn=(0,e.defineComponent)({props:{color:{default:void 0},disabled:{default:!1},error:{default:``},helper:{default:``},label:{default:``},name:{default:``},orientation:{default:`vertical`},required:{default:!1},size:{default:void 0},value:{default:``}},setup({emit:t,host:n,props:r}){let i=(0,e.signal)(``);(0,e.watch)(r.value,e=>{i.value=e??``},{immediate:!0});let a=()=>Array.from(n.getElementsByTagName(`bit-radio`)),o=e=>a().find(t=>(t.getAttribute(`value`)??``)===e)?.textContent?.replace(/\s+/g,` `).trim()||e,s=(e,n)=>{i.value=e;let r=e?[o(e)]:[];t(`change`,Jt(e?[e]:[],r,n))};Z(n,(0,e.inject)(X,void 0),r),(0,e.provide)(Wn,{color:r.color,disabled:(0,e.computed)(()=>!!r.disabled.value),name:r.name,select:s,size:r.size,value:i});let c=()=>{for(let e of a())(e.getAttribute(`value`)??``)===i.value?e.setAttribute(`checked`,``):e.removeAttribute(`checked`),r.name.value&&e.setAttribute(`name`,r.name.value),r.color.value?e.setAttribute(`color`,r.color.value):e.removeAttribute(`color`),r.size.value?e.setAttribute(`size`,r.size.value):e.removeAttribute(`size`),r.disabled.value?e.setAttribute(`disabled`,``):e.removeAttribute(`disabled`)};(0,e.onMount)(()=>{(0,e.onSlotChange)(`default`,c),c(),(0,e.effect)(c),(0,e.effect)(()=>{let e=a(),t=!1;for(let n of e)n.getAttribute(`value`)===i.value&&!r.disabled.value?(n.setAttribute(`tabindex`,`0`),t=!0):n.setAttribute(`tabindex`,`-1`);if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}}),(0,e.handle)(n,`keydown`,e=>{if(![`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key))return;let t=a().filter(e=>!e.hasAttribute(`disabled`));if(!t.length)return;let n=t.indexOf(document.activeElement);if(n===-1)return;e.preventDefault();let r=e.key===`ArrowDown`||e.key===`ArrowRight`?(n+1)%t.length:(n-1+t.length)%t.length;t[r].focus(),s(t[r].getAttribute(`value`)??``,e)}),(0,e.handle)(n,`change`,e=>{e.target!==n&&(e.stopPropagation(),s(e.target.getAttribute(`value`)??``,e))})});let l=(0,e.createId)(`radio-group-legend`),u=`${l}-error`,d=`${l}-helper`,f=(0,e.computed)(()=>!!r.error.value),p=(0,e.computed)(()=>!!r.helper.value&&!f.value);return e.html`
+      <fieldset
+        role="radiogroup"
+        aria-required="${()=>String(!!r.required.value)}"
+        aria-invalid="${()=>String(f.value)}"
+        aria-errormessage="${()=>f.value?u:null}"
+        aria-describedby="${()=>f.value?u:p.value?d:null}">
+        <legend id="${l}" ?hidden=${()=>!r.label.value}>
+          ${()=>r.label.value}${()=>r.required.value?e.html`<span aria-hidden="true"> *</span>`:``}
+        </legend>
+        <div class="radio-group-items" part="items">
+          <slot></slot>
+        </div>
+        <div class="error-text" id="${u}" role="alert" ?hidden=${()=>!f.value}>
+          ${()=>r.error.value}
+        </div>
+        <div class="helper-text" id="${d}" ?hidden=${()=>!p.value}>${()=>r.helper.value}</div>
+      </fieldset>
+    `},styles:[u,s(),c(),Un],tag:`bit-radio-group`}),Kn=`@layer buildit.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-slower), border-color var(--transition-slower), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer buildit.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,qn=(0,e.defineComponent)({formAssociated:!0,props:{checked:{default:!1},color:{default:void 0},disabled:{default:!1},error:{default:``},helper:{default:``},name:{default:``},size:{default:void 0},value:{default:``}},setup({emit:t,host:n,props:r,reflect:i}){let a=(0,e.inject)(Wn,void 0),o=(0,e.inject)(X,void 0),s=(0,e.computed)(()=>a?.name.value||r.name.value||``),c=(0,e.computed)(()=>a?.size.value??r.size.value),l=(0,e.computed)(()=>a?.color.value??r.color.value),u=(0,e.computed)(()=>!!(a?.disabled.value||r.disabled.value));Z(n,o,r);let d=(0,e.signal)(!!r.checked.value);a?(0,e.watch)((0,e.computed)(()=>a.value.value===r.value.value),e=>{d.value=e},{immediate:!0}):(0,e.watch)(r.checked,e=>{d.value=!!e},{immediate:!0});let f=Rt({checked:d,disabled:r.disabled,onToggle:e=>{t(`change`,{checked:f.checked.value,fieldValue:r.value.value??``,originalEvent:e,value:f.checked.value})},value:r.value});(0,e.defineField)({disabled:u,toFormValue:e=>e,value:(0,e.computed)(()=>d.value?r.value.value??``:null)},{onReset:()=>{d.value=!!r.checked.value}});let p=()=>{let e=s.value;return e?Array.from(document.querySelectorAll(`bit-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},m=Lt(n,{checked:()=>f.checked.value?`true`:`false`,helperText:()=>r.error.value||r.helper.value,helperTone:()=>r.error.value?`error`:`default`,invalid:()=>!!r.error.value,role:`radio`});return i({checked:()=>f.checked.value,classMap:()=>({"is-checked":f.checked.value,"is-disabled":u.value}),color:()=>l.value,disabled:()=>u.value?!0:void 0,name:()=>s.value||void 0,onClick:e=>{if(!u.value)if(a)a.select(r.value.value??``,e);else{if(!s.value)return;if(!f.checked.value){let t=r.name.value;document.querySelectorAll(`bit-radio[name="${t}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),f.toggle(e)}}},onKeydown:e=>{let t=e,i=p();if(i.length===0)return;let o=i.indexOf(n);if(o!==-1){if(t.key===` `||t.key===`Enter`)t.preventDefault(),f.checked.value||(a?a.select(r.value.value??``,t):f.toggle(t));else if(t.key===`ArrowDown`||t.key===`ArrowRight`){t.preventDefault();let e=i[(o+1)%i.length];e.focus(),a?a.select(e.getAttribute(`value`)??``):e.click()}else if(t.key===`ArrowUp`||t.key===`ArrowLeft`){t.preventDefault();let e=i[o===0?i.length-1:o-1];e.focus(),a?a.select(e.getAttribute(`value`)??``):e.click()}}},size:()=>c.value,tabindex:()=>{if(!u.value)return f.checked.value?0:-1}}),e.html`
+      <div class="radio-wrapper" part="radio">
+        <div class="circle" part="circle">
+          <div class="dot" part="dot"></div>
+        </div>
+      </div>
+      <span class="label" part="label" data-a11y-label id="${m.labelId}"><slot></slot></span>
+      <div
+        class="helper-text"
+        part="helper-text"
+        data-a11y-helper
+        id="${m.helperId}"
+        aria-live="polite"
+        hidden></div>
+    `},styles:[...x,r,s(dn),Kn],tag:`bit-radio`}),Jn=`@layer buildit.base{:host{--_star-size:var(--rating-star-size,var(--size-7));--_color-empty:var(--rating-color-empty,var(--color-contrast-200));--_color-filled:var(--rating-color-filled,var(--_theme-base,var(--color-warning)));--_gap:var(--rating-gap,var(--size-0_5));align-items:center;display:inline-flex}.stars{gap:var(--_gap);align-items:center;display:flex;position:relative}.sparkle-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.sparkle{pointer-events:none;background:var(--_color-filled);animation:var(--_motion-animation,sparkle-fly var(--_dur,.5s) ease-out forwards);border-radius:50%;position:absolute}@keyframes sparkle-fly{0%{opacity:.9;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(calc(-1 * var(--_dist))) scale(0)}}.star-btn{all:unset;width:var(--_star-size);min-width:var(--_touch-target);height:var(--_star-size);min-height:var(--_touch-target);color:var(--_color-empty);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.star-btn[data-filled]{color:var(--_color-filled)}.star-btn:hover:not([disabled]),.star-btn:focus-visible:not([disabled]){transform:scale(1.15)}.star-btn:focus-visible{outline:var(--border-2) solid var(--_color-filled);outline-offset:var(--border-2)}.star-btn[disabled]{cursor:default}:host([readonly]) .star-btn,:host([disabled]) .star-btn{pointer-events:none}:host([disabled]){opacity:.5}svg{width:100%;height:100%}}@layer buildit.utilities{:host([size=sm]){--_star-size:var(--size-5)}:host([size=lg]){--_star-size:var(--size-9)}@media (forced-colors:active){.star-btn{color:buttontext}.star-btn[data-filled]{color:highlight;forced-color-adjust:none}.star-btn:focus-visible{box-shadow:none;outline:2px solid highlight}}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,Yn=`M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z`,Xn=(0,e.defineComponent)({formAssociated:!0,props:{color:(0,e.typed)(void 0),disabled:(0,e.typed)(!1),label:(0,e.typed)(`Rating`),max:(0,e.typed)(5),name:(0,e.typed)(void 0),readonly:(0,e.typed)(!1),size:(0,e.typed)(void 0),value:(0,e.typed)(0)},setup({emit:t,host:n,props:r}){let i=(0,e.inject)(X,void 0);Z(n,i,r);let a=(0,e.computed)(()=>{let e=Math.max(1,Number(r.max.value)||5),t=Number(r.value.value);return Math.min(e,Math.max(0,Number.isFinite(t)?t:0))}),{triggerValidation:o}=Q(i,(0,e.defineField)({disabled:(0,e.computed)(()=>!!r.disabled.value),value:(0,e.computed)(()=>String(a.value||0))},{onReset:()=>{n.removeAttribute(`value`)}})),s=(0,e.signal)(null),c=(0,e.computed)(()=>s.value??a.value);function l(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function u(e,n){if(r.readonly.value||r.disabled.value)return;let i=Math.max(1,Number(r.max.value)||5),s=Math.min(i,Math.max(0,e));s!==a.value&&(r.value.value=s,t(`change`,{originalEvent:n,value:s}),o(`change`),l(s))}function d(e,t){let i=Number(r.max.value)||5;e.key===`ArrowRight`||e.key===`ArrowUp`?(e.preventDefault(),u(Math.min(i,t+1),e),(n.shadowRoot?.querySelector(`[data-star="${Math.min(i,t+1)}"]`))?.focus()):(e.key===`ArrowLeft`||e.key===`ArrowDown`)&&(e.preventDefault(),u(Math.max(1,t-1),e),(n.shadowRoot?.querySelector(`[data-star="${Math.max(1,t-1)}"]`))?.focus())}let f=(0,e.computed)(()=>{let e=Number(r.max.value)||5;return Array.from({length:e},(e,t)=>t+1)});return e.html`
+      <div
+        class="stars"
+        part="stars"
+        role="radiogroup"
+        :aria-label="${()=>r.label.value}"
+        :aria-required="${()=>null}">
+        ${()=>f.value.map(t=>e.html`<button
+                class="star-btn"
+                part="star"
+                type="button"
+                role="radio"
+                :aria-label="${()=>`${t} ${t===1?`star`:`stars`}`}"
+                :aria-checked="${()=>String(t===a.value)}"
+                :data-star="${t}"
+                ?data-filled="${()=>t<=c.value}"
+                :disabled="${()=>r.disabled.value||r.readonly.value||null}"
+                @click="${e=>u(t,e)}"
+                @pointerenter="${()=>{!r.readonly.value&&!r.disabled.value&&(s.value=t)}}"
+                @pointerleave="${()=>{s.value=null}}"
+                @keydown="${e=>d(e,t)}">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  aria-hidden="true"
+                  fill="${()=>t<=c.value?`currentColor`:`none`}"
+                  stroke="currentColor"
+                  stroke-width="${()=>t<=c.value?0:1.5}"
+                  stroke-linecap="round"
+                  stroke-linejoin="round">
+                  <path d="${Yn}" />
+                </svg>
+              </button>`)}
+        <div class="sparkle-layer"></div>
+      </div>
+    `},styles:[u,s({}),r,i,Jn],tag:`bit-rating`}),Zn=`@layer buildit.base{:host{--_font-size:var(--select-font-size,var(--text-sm));--_gap:var(--select-gap,var(--size-2));--_field-height:var(--select-height,var(--size-10));--_row-min-height:calc(var(--leading-normal) * var(--_font-size) + 2px);--_padding:var(--select-padding,var(--size-1-5) var(--size-3));--_radius:var(--select-radius,var(--rounded-lg));--_placeholder:var(--select-placeholder-color,var(--color-contrast-500));--_bg:var(--select-bg,var(--color-contrast-100));--_border-color:var(--select-border-color,var(--color-contrast-300));flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}:host([fullwidth]){width:100%}::slotted(option),::slotted(optgroup){display:none}.select-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:max(var(--_field-height), var(--_touch-target,0px));padding:var(--_padding);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-slow), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;display:flex;position:relative}.field:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left;padding-right:var(--size-8)}.field:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right;padding-left:var(--size-8)}.field:focus{outline:none}:host([multiple]) .field{height:auto}.field:has(.label-inset:not([hidden])){height:auto}.label-inset{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.trigger-row{gap:var(--_gap);max-width:calc(100% - var(--size-10));min-height:var(--_row-min-height);flex-wrap:wrap;flex:1;align-items:center;display:flex}.chips-row{gap:var(--size-1);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex}.chips-row[hidden],.trigger-value[hidden]{display:none}.trigger-value{text-overflow:ellipsis;min-width:0;font-size:var(--_font-size);color:var(--color-contrast-900);white-space:nowrap;transition:color var(--transition-fast);flex:1;line-height:1;overflow:hidden}.trigger-placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}.trigger-icon{width:var(--size-6);height:100%;color:var(--color-contrast-500);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:0}.trigger-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-2)}.trigger-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,bit-select-spin .6s linear infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .loader{display:inline-block}:host([loading]) .trigger-icon svg{display:none}@keyframes bit-select-spin{to{transform:rotate(360deg)}}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;visibility:hidden;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast));flex-direction:column;display:flex;position:fixed;overflow-y:auto;transform:translateY(-4px)}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--_font-size);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in srgb, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--_font-size);color:var(--color-contrast-500);text-align:center}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=flat])) .field:focus-within,:host([open]:not([disabled],[variant=flat])) .field{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow));transform:translateY(-1px)}:host(:not([disabled])) .field:focus-within .label-inset,:host(:not([disabled])) .field:focus-within .label-outside,:host([open]:not([disabled])) .label-inset{color:var(--_theme-focus)}:host([has-error]) .field{border-color:var(--color-error)}:host([has-error]) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([has-error]) .label-inset,:host([has-error]) .label-outside{color:var(--color-error)}}@layer buildit.variants{:host(:not([variant])) .field,:host([variant=solid]) .field{background:var(--color-contrast-50);border-color:var(--color-contrast-300);box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]) .field{border-color:var(--_theme-border);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:color-mix(in srgb, var(--_theme-base) 6%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-base) 35%, var(--color-contrast-300))}:host([variant=flat]) .field:focus-within{background:color-mix(in srgb, var(--_theme-base) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--_theme-focus) 60%, transparent);box-shadow:var(--_theme-shadow)}:host([variant=bordered]) .field{background:var(--_theme-backdrop);border-color:color-mix(in srgb, var(--_theme-focus) 70%, transparent)}:host([variant=bordered]) .trigger-value{color:var(--color-contrast-900)}:host([variant=bordered]) .trigger-placeholder{color:var(--_placeholder)}:host([variant=bordered]) .field:hover{border-color:var(--_theme-focus)}:host([variant=outline]) .field{box-shadow:none;background:0 0}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]) .field{box-shadow:none;background:0 0;border-color:#0000}:host([variant=ghost]) .field:hover{background:var(--color-contrast-100)}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}}@layer buildit.utilities{:host([fullwidth]){width:100%;display:flex}}`,Qn=(0,e.defineComponent)({formAssociated:!0,props:{color:{default:void 0},disabled:{default:!1},error:{default:``,omit:!0},fullwidth:{default:!1},helper:{default:``},label:{default:``},"label-placement":{default:`inset`},loading:{default:!1},multiple:{default:!1},name:{default:``},options:(0,e.typed)(void 0,{reflect:!1}),placeholder:{default:``},required:{default:!1},rounded:{default:void 0},size:{default:void 0},value:{default:``},variant:{default:void 0}},setup({emit:t,host:n,props:r}){let i=(0,e.signal)([]),a=(0,e.signal)([]),o=(0,e.signal)(!1),s=(0,e.signal)(-1),c=(0,e.computed)(()=>!!r.loading.value),l=(0,e.computed)(()=>{let e=r.options.value;return e===void 0?a.value:e}),u=(0,e.inject)(X,void 0),d=(0,e.computed)(()=>i.value.join(`,`)),{triggerValidation:f}=Q(u,(0,e.defineField)({disabled:(0,e.computed)(()=>!!r.disabled.value||!!u?.disabled.value),value:d},{onReset:()=>{i.value=[]}}));(0,e.watch)(o,e=>{n.toggleAttribute(`open`,(e=>!!e)(e))},{immediate:!0}),(0,e.watch)(r.error,e=>{n.toggleAttribute(`has-error`,(e=>!!e)(e))},{immediate:!0});let{fieldId:p,labelId:m}=(0,e.createFormIds)(`select`,r.name.value),h=`listbox-${p}`,g=null,_=null,v=(0,e.ref)(),y=(0,e.ref)();function b(){let e=n.shadowRoot?.querySelector(`slot`);if(!e)return;let t=e.assignedElements({flatten:!0}),r=[];for(let e of t)if(e.tagName===`OPTION`){let t=e;r.push({disabled:t.disabled,label:t.text||t.value,value:t.value})}else if(e.tagName===`OPTGROUP`){let t=e,n=t.label;for(let e of Array.from(t.querySelectorAll(`option`))){let t=e;r.push({disabled:t.disabled,group:n,label:t.text||t.value,value:t.value})}}a.value=r}(0,e.effect)(()=>{i.value=Xt(r.value.value).values});let x=(0,e.computed)(()=>{if(i.value.length===0)return``;if(r.multiple.value&&i.value.length>1)return`${i.value.length} selected`;let e=i.value[0];return l.value.find(t=>t.value===e)?.label??e}),S=(0,e.computed)(()=>r.multiple.value?i.value.map(e=>({label:l.value.find(t=>t.value===e)?.label??e,value:e})):[]),C=(0,e.computed)(()=>qt(r.error.value,r.helper.value)),w=(0,e.computed)(()=>r.multiple.value&&i.value.length>0),T=(0,e.computed)(()=>x.value||r.placeholder.value||``),E=(0,e.computed)(()=>!!r.label.value);function D(e){let t=[],n=new Map;for(let t of e){let e=t.group;n.has(e)||n.set(e,[]),n.get(e).push(t)}let r=0;for(let[e,i]of n){e!==void 0&&t.push({label:e,type:`group`});for(let e of i)t.push({idx:r++,opt:e,type:`option`})}return t}let O=(0,e.computed)(()=>D(l.value));function ee(e){return l.value.find(t=>t.value===e)?.label??e}function k(e){let n=i.value;t(`change`,Jt(n,n.map(e=>ee(e)),e))}function A(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(i.value=i.value.filter(e=>e!==t),k(e),f(`change`))}let j=Wt(()=>g,()=>_),M=Pt({getIndex:()=>s.value,getItems:()=>l.value,isItemDisabled:e=>e.disabled,setIndex:e=>{s.value=e,L()}}),N=Ft({getBoundaryElement:()=>n,getPanelElement:()=>_,getTriggerElement:()=>g,isDisabled:()=>!!r.disabled.value,isOpen:()=>o.value,positioner:{floating:()=>_,reference:()=>g,update:()=>j.updatePosition()},setOpen:e=>{o.value=e,e||M.reset()}});function P(){N.open(),requestAnimationFrame(()=>{let e=i.value.length>0?l.value.findIndex(e=>e.value===i.value[0]):0;M.set(e>=0?e:0)})}function F(e=`programmatic`){N.close({reason:e}),f(`blur`)}function I(e,t){e.disabled||(r.multiple.value?i.value=i.value.includes(e.value)?i.value.filter(t=>t!==e.value):[...i.value,e.value]:(i.value=[e.value],F()),k(t),f(`change`))}function L(){let e=s.value;if(e>=0){(_?.querySelector(`#${p}-opt-${e}`))?.scrollIntoView({block:`nearest`});return}_&&_.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})}function te(e){if(r.disabled.value)return;let t=l.value;switch(e.key){case` `:case`Enter`:if(e.preventDefault(),o.value){let n=s.value;n>=0&&n<t.length&&I(t[n],e)}else P();break;case`ArrowDown`:e.preventDefault(),o.value?M.next():P();break;case`ArrowUp`:e.preventDefault(),o.value?M.prev():P();break;case`End`:o.value&&(e.preventDefault(),M.last());break;case`Escape`:e.preventDefault(),F(`escape`);break;case`Home`:o.value&&(e.preventDefault(),M.first());break;case`Tab`:F();break}}return(0,e.onMount)(()=>{(0,e.onSlotChange)(`default`,b),b(),tn(y,v,r),g&&(0,e.aria)(g,{activedescendant:()=>s.value>=0?`${p}-opt-${s.value}`:null,disabled:()=>r.disabled.value,expanded:()=>o.value?`true`:`false`,invalid:()=>!!r.error.value,labelledby:()=>E.value?m:null});let t=N.bindOutsideClick(document);return()=>{j.destroy(),t()}}),e.html`<slot style="display:none"></slot>
+      <div class="select-wrapper">
+        <label class="label-outside" id="${m}" ref=${v} hidden></label>
+        <div
+          class="field"
+          ref=${e=>{g=e}}
+          role="combobox"
+          tabindex=${()=>r.disabled.value?`-1`:`0`}
+          aria-controls="${h}"
+          aria-expanded="false"
+          aria-labelledby="${m}"
+          @click=${e=>{e.stopPropagation(),o.value?F():P()}}
+          @keydown=${te}>
+          <label class="label-inset" id="${m}" ref=${y} hidden></label>
+          <div class="trigger-row">
+            <div class="chips-row" ?hidden=${()=>!w.value}>
+              ${()=>S.value.map(t=>e.html`
+                    <bit-chip
+                      value=${t.value}
+                      aria-label=${t.label}
+                      mode="removable"
+                      variant="flat"
+                      size="sm"
+                      color=${()=>r.color.value}
+                      @remove=${A}>
+                      ${t.label}
+                    </bit-chip>
+                  `)}
+            </div>
+            <span
+              class="trigger-value ${()=>x.value?``:`trigger-placeholder`}"
+              ?hidden=${()=>w.value}
+              >${()=>T.value}</span
+            >
+          </div>
+          <span class="trigger-icon" aria-hidden="true">
+            ${dt}
+            <span class="loader" aria-label="Loading"></span>
+          </span>
+        </div>
+        <div
+          class="helper-text"
+          aria-live="polite"
+          ?hidden=${()=>C.value.hidden}
+          style=${()=>C.value.isError?`color: var(--color-error);`:``}>
+          ${()=>C.value.text}
+        </div>
+      </div>
+      <div
+        class="dropdown"
+        ?data-open=${()=>o.value}
+        role="listbox"
+        id="${h}"
+        aria-label="Options"
+        ref=${e=>{_=e}}>
+        <div class="dropdown-loading" ?hidden=${()=>!c.value}>Loading…</div>
+        <div class="dropdown-empty" ?hidden=${()=>c.value||l.value.length>0}>No options</div>
+        <div class="options-list" ?hidden=${()=>c.value||l.value.length===0}>
+          ${()=>O.value.map(t=>t.type===`group`?e.html`<div class="optgroup-label" role="presentation">${t.label}</div>`:e.html`<div
+                    class="option"
+                    role="option"
+                    id=${`${p}-opt-${t.idx}`}
+                    data-option-index=${()=>String(t.idx)}
+                    data-option-value=${t.opt.value}
+                    aria-selected=${()=>String(i.value.includes(t.opt.value))}
+                    aria-disabled=${()=>String(t.opt.disabled)}
+                    ?data-focused=${()=>s.value===t.idx}
+                    ?data-selected=${()=>i.value.includes(t.opt.value)}
+                    ?data-disabled=${()=>t.opt.disabled}
+                    @click=${e=>{e.stopPropagation(),I(t.opt,e)}}
+                    @pointerenter=${()=>{s.value=t.idx}}>
+                    <span>${t.opt.label}</span>
+                    <span class="option-check" aria-hidden="true">${lt}</span>
+                  </div>`)}
+        </div>
+      </div>`},shadow:{delegatesFocus:!0},styles:[s(ln),...y,l(),p(`.field`),Zn],tag:`bit-select`}),$n=`@layer buildit.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform var(--transition-fast)}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer buildit.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,er=(0,e.defineComponent)({formAssociated:!0,props:{color:{default:void 0},disabled:{default:!1},from:{default:`0`},"from-value-text":{default:void 0},max:{default:`100`},min:{default:`0`},name:{default:``},range:{default:!1},size:{default:void 0},step:{default:`1`},to:{default:`100`},"to-value-text":{default:void 0},value:{default:`0`},"value-text":{default:void 0}},setup({emit:t,host:n,props:r,slots:i}){let a=r.range.value,o=(e,t)=>{let n=Number(e);return Number.isFinite(n)?n:t},s=e=>{let t=o(r.min.value,0),n=o(r.max.value,100),i=o(r.step.value,1);return Math.max(t,Math.min(n,Math.round(e/i)*i))},c=e=>{let t=o(r.min.value,0),n=o(r.max.value,100);return(e-t)/(n-t)*100},l=(0,e.inject)(X,void 0);Z(n,l,r);let u,d=(0,e.signal)(`0`);a||(u=(0,e.defineField)({disabled:(0,e.computed)(()=>!!r.disabled.value),value:d},{onReset:()=>{d.value=`0`}}),(0,e.watch)(r.value,e=>{d.value=String(e)},{immediate:!0}),(0,e.aria)({disabled:()=>!!r.disabled.value,valuemax:()=>o(r.max.value,100),valuemin:()=>o(r.min.value,0),valuenow:()=>Number(d.value||0),valuetext:()=>r[`value-text`].value??null}));let f=(0,e.signal)(0),p=(0,e.signal)(100);a&&(u=(0,e.defineField)({disabled:(0,e.computed)(()=>!!r.disabled.value),toFormValue:({from:e,to:t})=>{let n=r.name.value;if(!n)return null;let i=new FormData;return i.append(`${n}[from]`,String(e)),i.append(`${n}[to]`,String(t)),i},value:(0,e.computed)(()=>({from:f.value,to:p.value}))},{onReset:()=>{f.value=s(o(r.from.value,0)),p.value=s(o(r.to.value,100))}}),(0,e.watch)(r.from,e=>{f.value=s(o(e,0))},{immediate:!0}),(0,e.watch)(r.to,e=>{p.value=s(o(e,100))},{immediate:!0}));let m=(0,e.ref)(),h=(0,e.ref)(),g=(0,e.ref)(),_=(0,e.ref)(),v=(0,e.createId)(`slider-start`),y=(0,e.createId)(`slider-end`),b=e=>{let t=c(e);n.style.setProperty(`--_thumb-pos`,`${t}%`),n.style.setProperty(`--_fill-start`,`0%`),n.style.setProperty(`--_fill-width`,`${t}%`)},x=()=>{let e=c(f.value),t=c(p.value);n.style.setProperty(`--_thumb-start`,`${e}%`),n.style.setProperty(`--_thumb-end`,`${t}%`),n.style.setProperty(`--_fill-start`,`${e}%`),n.style.setProperty(`--_fill-width`,`${t-e}%`)},S=(e,t,n,r,i)=>e===`ArrowRight`||e===`ArrowUp`?i+t:e===`ArrowLeft`||e===`ArrowDown`?i-t:e===`Home`?n:e===`End`?r:null,{triggerValidation:C}=Q(l,{reportValidity:()=>u?.reportValidity()??!1}),w=i=>{x();let a=e=>{let t=i.getBoundingClientRect(),n=o(r.min.value,0),a=o(r.max.value,100);return s(n+Math.max(0,Math.min(1,(e-t.left)/t.width))*(a-n))},c=null,l=e=>{let n=o(r.min.value,0),i=o(r.max.value,100);c===`start`?f.value=Math.min(s(e),p.value):c===`end`&&(p.value=Math.max(s(e),f.value)),f.value=Math.max(n,Math.min(f.value,i)),p.value=Math.max(n,Math.min(p.value,i)),x(),t(`change`,{from:f.value,to:p.value,value:{from:f.value,to:p.value}}),C(`change`)};(0,e.handle)(i,`pointerdown`,(0,e.guard)(()=>!r.disabled.value,e=>{e.preventDefault();let t=a(e.clientX);c=Math.abs(t-f.value)<=Math.abs(t-p.value)?`start`:`end`,n.setAttribute(`data-dragging`,``),e.target.setPointerCapture(e.pointerId),l(t)})),(0,e.handle)(i,`pointermove`,(0,e.guard)(()=>!!c,e=>{e.preventDefault(),l(a(e.clientX))})),(0,e.handle)(i,`pointerup`,(0,e.guard)(()=>!!c,e=>{e.preventDefault(),c=null,n.removeAttribute(`data-dragging`),e.target.releasePointerCapture(e.pointerId)}));let u=(e,n)=>i=>{if(r.disabled.value)return;let a=o(r.step.value,1),c=o(r.min.value,0),l=o(r.max.value,100),u=S(i.key,a,c,l,e());u!==null&&(i.preventDefault(),n(s(Math.max(c,Math.min(l,u)))),x(),t(`change`,{from:f.value,originalEvent:i,to:p.value,value:{from:f.value,to:p.value}}),C(`change`))},d=g.value,m=_.value;d&&(d.addEventListener(`keydown`,u(()=>f.value,e=>{f.value=Math.min(e,p.value)})),(0,e.aria)(d,{label:`Range start`,valuemax:()=>p.value,valuemin:()=>o(r.min.value,0),valuenow:()=>f.value,valuetext:()=>r[`from-value-text`].value??null})),m&&(m.addEventListener(`keydown`,u(()=>p.value,e=>{p.value=Math.max(e,f.value)})),(0,e.aria)(m,{label:`Range end`,valuemax:()=>o(r.max.value,100),valuemin:()=>f.value,valuenow:()=>p.value,valuetext:()=>r[`to-value-text`].value??null}))},T=i=>{n.setAttribute(`role`,`slider`),r.disabled.value||n.setAttribute(`tabindex`,`0`),b(Number(d.value));let a=e=>{if(r.disabled.value)return;let n=i.getBoundingClientRect(),a=o(r.min.value,0),s=o(r.max.value,100),c=o(r.step.value,1),l=Math.max(0,Math.min(1,(e-n.left)/n.width)),u=Math.max(a,Math.min(s,Math.round((a+l*(s-a))/c)*c));Number(d.value)!==u&&(d.value=u.toString(),b(u),t(`change`,{value:u}),C(`change`))},s=!1;(0,e.handle)(i,`pointerdown`,(0,e.guard)(()=>!r.disabled.value,e=>{e.preventDefault(),s=!0,a(e.clientX),e.target.setPointerCapture(e.pointerId)})),(0,e.handle)(i,`pointermove`,(0,e.guard)(()=>s,e=>{e.preventDefault(),n.hasAttribute(`data-dragging`)||n.setAttribute(`data-dragging`,``),a(e.clientX)})),(0,e.handle)(i,`pointerup`,(0,e.guard)(()=>s,e=>{e.preventDefault(),s=!1,n.removeAttribute(`data-dragging`),e.target.releasePointerCapture(e.pointerId)})),(0,e.handle)(n,`keydown`,(0,e.guard)(()=>!r.disabled.value,e=>{let n=o(r.min.value,0),i=o(r.max.value,100),a=o(r.step.value,1),s=Number(d.value||0),c=S(e.key,a,n,i,s);if(c===null)return;e.preventDefault();let l=Math.max(n,Math.min(i,c));l!==s&&(d.value=l.toString(),b(l),t(`change`,{originalEvent:e,value:l}),C(`change`))}))};return(0,e.onMount)(()=>{let t=m.value;if(t){if(i.has(`default`).value&&h.value){let t=(0,e.createId)(`slider-label`);h.value.id=t,a||(0,e.aria)({labelledby:t})}a?w(t):T(t)}}),e.html`
+      <div class="slider-container" part="slider" ref=${m}>
+        <div class="slider-track" part="track">
+          <div class="slider-fill" part="fill"></div>
+          <div class="slider-thumb slider-thumb-sole" part="thumb"></div>
+          <div
+            class="slider-thumb slider-thumb-start"
+            part="thumb-start"
+            ref=${g}
+            role="slider"
+            tabindex="${()=>r.disabled.value?`-1`:`0`}"
+            id="${v}"></div>
+          <div
+            class="slider-thumb slider-thumb-end"
+            part="thumb-end"
+            ref=${_}
+            role="slider"
+            tabindex="${()=>r.disabled.value?`-1`:`0`}"
+            id="${y}"></div>
+        </div>
+      </div>
+      <span class="label" part="label" ref=${h}><slot></slot></span>
+    `},styles:[c(),u,s(pn),$n,r],tag:`bit-slider`}),tr=`@layer buildit.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--size-11);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-slower), box-shadow var(--transition-normal);will-change:background;position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}input:focus-visible~.switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer buildit.overrides{:host{--_active-bg:var(--switch-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500)}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,nr=(0,e.defineComponent)({formAssociated:!0,props:{checked:{default:!1},color:{default:void 0},disabled:{default:!1},error:{default:``},helper:{default:``},name:{default:``},size:{default:void 0},value:{default:`on`}},setup({emit:t,host:n,props:r,reflect:i}){let{checkedSignal:a,formCtx:o,triggerValidation:s}=cn(r);Z(n,o,r);let c=Rt({checked:a,clearIndeterminateFirst:!1,disabled:r.disabled,onToggle:e=>{s(`change`),t(`change`,c.changePayload(e))},value:r.value}),l=Lt(n,{checked:()=>c.checked.value?`true`:`false`,helperText:()=>r.error.value||r.helper.value,helperTone:()=>r.error.value?`error`:`default`,invalid:()=>!!r.error.value,role:`switch`});return i({checked:()=>c.checked.value,classMap:()=>({"is-checked":c.checked.value,"is-disabled":!!r.disabled.value}),onClick:e=>c.toggle(e),onKeydown:e=>{let t=e;(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),c.toggle(e))},tabindex:()=>r.disabled.value?void 0:0}),e.html`
+      <div class="switch-wrapper" part="switch">
+        <div class="switch-track" part="track">
+          <div class="switch-thumb" part="thumb"></div>
+        </div>
+      </div>
+      <span class="label" part="label" data-a11y-label id="${l.labelId}"><slot></slot></span>
+      <div
+        class="helper-text"
+        part="helper-text"
+        data-a11y-helper
+        id="${l.helperId}"
+        aria-live="polite"
+        hidden></div>
+    `},styles:[...x,s(fn),tr],tag:`bit-switch`}),rr=`@layer buildit.base{:host{--_font-size:var(--textarea-font-size,var(--text-sm));--_gap:var(--textarea-gap,var(--size-2));--_padding:var(--textarea-padding,var(--size-2) var(--size-3));--_radius:var(--textarea-radius,var(--rounded-lg));--_placeholder:var(--textarea-placeholder-color,var(--color-contrast-500));--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--color-contrast-300));--_min-height:var(--textarea-min-height,var(--size-24));--_max-height:var(--textarea-max-height,none);--_resize:var(--textarea-resize,vertical);flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}.textarea-wrapper{gap:var(--size-1-5);flex-direction:column;min-width:0;display:flex}.field{box-sizing:border-box;min-width:0;padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), backdrop-filter var(--transition-slow), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:grid}.label-inset,.label-outside,label.label-inset,label.label-outside{font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.label-inset,label.label-inset{font-size:var(--text-xs);line-height:var(--leading-tight);margin-bottom:2px}.label-outside,label.label-outside{font-size:var(--text-sm);line-height:var(--leading-none)}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);padding-left:2px;padding-right:2px}textarea{box-sizing:border-box;min-width:12rem;min-height:var(--_min-height);max-height:var(--_max-height);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--_theme-content);resize:vertical;background:0 0;border:none;outline:none;padding:0}textarea::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}textarea:focus-visible{outline:none}.counter{margin-top:var(--size-1);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);transition:color var(--transition-fast);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow));transform:translateY(-1px)}:host(:not([disabled])) .field:focus-within .label-inset,:host(:not([disabled])) .field:focus-within .label-outside{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside{color:var(--color-error)}}@layer buildit.variants{:host(:not([variant])) .field,:host([variant=solid]) .field{background:var(--color-contrast-50);border-color:var(--color-contrast-300);box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]) .field{border-color:var(--_theme-border);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:color-mix(in srgb, var(--_theme-base) 6%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-base) 35%, var(--color-contrast-300))}:host([variant=flat]) .field:focus-within{background:color-mix(in srgb, var(--_theme-base) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--_theme-focus) 60%, transparent);box-shadow:var(--_theme-shadow)}:host([variant=bordered]) .field{background:var(--_theme-backdrop);border-color:color-mix(in srgb, var(--_theme-focus) 70%, transparent)}:host([variant=bordered]) textarea{color:var(--_theme-content)}:host([variant=bordered][color=secondary]) textarea{color:var(--_theme-base)}:host([variant=bordered]) textarea::placeholder{color:color-mix(in srgb, var(--_theme-content) 45%, transparent)}:host([variant=bordered][color=secondary]) textarea::placeholder{color:color-mix(in srgb, var(--_theme-base) 45%, transparent)}:host([variant=bordered]) .field:hover{border-color:var(--_theme-focus)}:host([variant=outline]) .field{box-shadow:none;background:0 0}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]) .field{box-shadow:none;background:0 0;border-color:#0000}:host([variant=ghost]) .field:hover{background:var(--color-contrast-100)}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}}@layer buildit.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}`,ir=(0,e.defineComponent)({formAssociated:!0,props:{"auto-resize":{default:!1},color:{default:void 0},disabled:{default:!1},error:{default:``,omit:!0},fullwidth:{default:!1},helper:{default:``},label:{default:``},"label-placement":{default:`inset`},maxlength:{default:void 0},name:{default:``},"no-resize":{default:!1},placeholder:{default:``},readonly:{default:!1},required:{default:!1},resize:{default:void 0},rounded:{default:void 0},rows:{default:void 0},size:{default:void 0},value:{default:``},variant:{default:void 0}},setup({emit:t,props:n}){let r=sn(n,`textarea`),{fieldId:i,helperId:a,labelInsetId:o,labelInsetRef:s,labelOutsideId:c,labelOutsideRef:l,valueSignal:u}=r,d=(0,e.computed)(()=>n.maxlength.value),f=(0,e.ref)(),p=(0,e.ref)(),m=(0,e.ref)();return(0,e.onMount)(()=>{let i=f.value;if(!i)return;let s=()=>{!n[`auto-resize`].value||!i||(i.style.height=`auto`,i.style.height=`${i.scrollHeight}px`)};r.mountLabelSync(),(0,e.effect)(()=>{let e=Y(n.rows.value);e==null?i.removeAttribute(`rows`):i.rows=e;let t=Y(d.value);t==null?i.removeAttribute(`maxlength`):i.maxLength=t,i.style.resize=n[`auto-resize`].value||n[`no-resize`].value?`none`:n.resize.value||`vertical`}),$t({error:()=>n.error.value,helper:()=>n.helper.value,ref:p}),Zt({count:(0,e.computed)(()=>u.value.length),format:`merged`,maxLength:d,ref:m}),import(`@vielzeug/craftit`).then(({aria:e})=>{e(i,{describedby:()=>n.error.value?r.errorId:a,invalid:()=>!!n.error.value,labelledby:()=>n[`label-placement`].value===`outside`?c:o})}),en(i,{onBlur:()=>r.triggerValidation(`blur`),onChange:(e,n)=>{t(`change`,{originalEvent:e,value:n}),r.triggerValidation(`change`)},onInput:(e,n)=>{s(),t(`input`,{originalEvent:e,value:n})}}),n[`auto-resize`].value&&requestAnimationFrame(s)}),e.html`
+      <div class="textarea-wrapper">
+        <label class="label-outside" for="${i}" id="${c}" ref=${l} hidden></label>
+        <div class="field">
+          <label class="label-inset" for="${i}" id="${o}" ref=${s} hidden></label>
+          <textarea
+            ref=${f}
+            id="${i}"
+            ${Ee({disabled:n.disabled,name:n.name,placeholder:n.placeholder,readOnly:n.readonly,required:n.required,value:u})}
+            aria-describedby="${a}"></textarea>
+        </div>
+        <span class="counter" aria-live="polite" ref=${m} hidden></span>
+        <div id="${a}" class="helper-text" aria-live="polite" ref=${p} hidden></div>
+      </div>
+    `},shadow:{delegatesFocus:!0},styles:[...y,s(un),l(),p(`textarea`),rr],tag:`bit-textarea`}),ar=`@layer buildit.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-contrast-300));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:backdrop-filter var(--transition-slow), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);will-change:box-shadow;position:relative}}@layer buildit.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in srgb, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in srgb, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in srgb, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in srgb, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in srgb, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer buildit.utilities{:host([fullwidth]){width:100%}}`,or=(0,e.defineComponent)({setup(){return e.html`<div class="box" part="box"><slot></slot></div>`},styles:[...b,_(`.box`),v(`.box`),ar],tag:`bit-box`}),sr=(0,e.defineComponent)({props:{align:{default:void 0},col:{default:``},colSpan:{default:void 0},justify:{default:void 0},row:{default:``},rowSpan:{default:void 0}},setup({host:t,props:n}){return(0,e.effect)(()=>{let e=n.col.value,r=n.colSpan.value;e?t.style.setProperty(`grid-column`,e):r===`full`?t.style.setProperty(`grid-column`,`1 / -1`):r?t.style.setProperty(`grid-column`,`span ${r}`):t.style.removeProperty(`grid-column`)}),(0,e.effect)(()=>{let e=n.row.value,r=n.rowSpan.value;e?t.style.setProperty(`grid-row`,e):r===`full`?t.style.setProperty(`grid-row`,`1 / -1`):r?t.style.setProperty(`grid-row`,`span ${r}`):t.style.removeProperty(`grid-row`)}),e.html`<slot></slot>`},styles:[`@layer buildit.base{:host{display:block}}@layer buildit.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`],tag:`bit-grid-item`}),cr=`@layer buildit.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,lr=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ur=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],dr=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},fr={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},pr=(0,e.defineComponent)({props:{align:{default:void 0},areas:{default:``},areas2xl:{default:``},areasLg:{default:``},areasMd:{default:``},areasSm:{default:``},areasXl:{default:``},cols:{default:void 0},cols2xl:{default:void 0},colsLg:{default:void 0},colsMd:{default:void 0},colsSm:{default:void 0},colsXl:{default:void 0},flow:{default:void 0},fullwidth:{default:!1},gap:{default:void 0},justify:{default:void 0},minColWidth:{default:``},responsive:{default:!1},rows:{default:void 0}},setup({host:t,props:n}){let r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let e=t.offsetWidth,i=!!n.responsive.value,a=n.minColWidth.value??``,o;for(let[r,i]of lr)if(e>=dr(t,i,fr[i])&&n[r].value){o=n[r].value;break}o||=n.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};(0,e.effect)(()=>{n.cols.value,n.colsSm.value,n.colsMd.value,n.colsLg.value,n.colsXl.value,n.cols2xl.value,n.responsive.value,n.minColWidth.value,i()});let a=()=>{let e=t.offsetWidth,r=``;for(let[i,a]of ur)if(e>=dr(t,a,fr[a])&&n[i].value){r=n[i].value;break}r||=n.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return(0,e.onMount)(()=>{let n=Mt(t);(0,e.effect)(()=>{n.value,i(),a()})}),(0,e.effect)(()=>{let e=n.rows.value;e&&e!==`auto`?t.style.setProperty(`--_rows`,`repeat(${e}, 1fr)`):t.style.removeProperty(`--_rows`)}),(0,e.effect)(()=>{n.areas.value,n.areasSm.value,n.areasMd.value,n.areasLg.value,n.areasXl.value,n.areas2xl.value,a()}),e.html`<slot></slot>`},styles:[cr],tag:`bit-grid`}),mr=`@layer buildit.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 85%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 85%, transparent)));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 8%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 8%, transparent)));--_panel-radius:var(--sidebar-radius,0);--_panel-shadow:var(--sidebar-shadow,var(--shadow-xl));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:var(--_motion-transition,width var(--_sidebar-transition), min-width var(--_sidebar-transition));display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);width:100%;height:100%;min-height:0;box-shadow:var(--_panel-shadow);-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host([data-collapsed]){width:var(--_sidebar-collapsed-width);min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}.sidebar-header{gap:var(--size-2);min-height:var(--size-14);padding:var(--size-2);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.sidebar-header slot{flex:1;min-width:0;display:block;overflow:hidden}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon,:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer buildit.variants{:host([variant=floating]){height:calc(100% - var(--size-4));margin:var(--size-2);--_panel-radius:var(--rounded-xl)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,hr=`@layer buildit.base{:host{width:100%;display:block}.group{display:block}.group-header{all:unset;box-sizing:border-box;gap:var(--size-2);width:100%;min-height:var(--size-8);padding:var(--size-1) var(--size-2);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-sm);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible][open]) .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-0-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{pointer-events:none;opacity:0}}@layer buildit.variants{:host([sidebar-collapsed]) .group-header{padding-inline:var(--size-2);justify-content:center}}`,gr=`@layer buildit.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover{color:var(--sidebar-item-hover-color,var(--color-contrast-900));background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.item:focus-visible{outline:var(--focus-ring);outline-offset:1px}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in srgb, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{inset-block:var(--size-1);content:"";background:var(--sidebar-item-indicator,var(--color-primary));border-radius:var(--rounded-full);width:3px;position:absolute}:host([active]) .item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:host([active]) .item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}:host([disabled]) .item{pointer-events:none;cursor:not-allowed;opacity:.5}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item-label,:host([sidebar-collapsed]) .item-end{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{padding:var(--size-2) var(--size-4);justify-content:center;gap:0}:host([sidebar-collapsed][active]) .item:before{inset-block:var(--size-2)}}`,_r=(0,e.createContext)(`SidebarContext`),vr=(0,e.defineComponent)({props:{collapsed:{default:void 0,type:Boolean},collapsible:{default:!1,type:Boolean},"default-collapsed":{default:!1,type:Boolean},label:{default:`Sidebar navigation`},responsive:{default:void 0},variant:{default:void 0}},setup({emit:t,host:n,props:r,slots:i}){let a=(0,e.computed)(()=>i.has(`header`).value),o=(0,e.computed)(()=>i.has(`footer`).value),s=(0,e.signal)(n.hasAttribute(`collapsed`)),c=(0,e.signal)(s.value?n.hasAttribute(`collapsed`):r[`default-collapsed`].value),l=(0,e.computed)(()=>c.value);(0,e.provide)(_r,{collapsed:l,variant:r.variant});let u=(e,n)=>{l.value!==e&&(s.value||(c.value=e),t(`collapsed-change`,{collapsed:e,source:n}))},d=()=>{u(!l.value,`toggle`)};return(0,e.effect)(()=>{n.toggleAttribute(`data-collapsed`,l.value)}),(0,e.onMount)(()=>{let t=n;t.setCollapsed=e=>u(!!e,`api`),t.toggle=d;let i,a=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!s.value||(s.value=!0,c.value=n.hasAttribute(`collapsed`))});return a.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),(0,e.watch)(r.responsive,e=>{i?.(),i=void 0;let t=String(e??``).trim();if(!t)return;let n=window.matchMedia(t),r=e=>{u(e.matches,`responsive`)};u(n.matches,`responsive`),n.addEventListener(`change`,r),i=()=>{n.removeEventListener(`change`,r)}},{immediate:!0}),()=>{a.disconnect(),i?.()}}),e.html`
+      <nav aria-label="${()=>r.label.value}" part="nav">
+        <div class="sidebar-header" part="header" ?hidden=${()=>!a.value&&!r.collapsible.value}>
+          <slot name="header"></slot>
+          <button
+            class="toggle-btn"
+            part="toggle-btn"
+            type="button"
+            ?hidden=${()=>!r.collapsible.value}
+            aria-label="${()=>l.value?`Expand sidebar`:`Collapse sidebar`}"
+            aria-expanded="${()=>String(!l.value)}"
+            @click="${d}">
+            <span class="toggle-icon" aria-hidden="true">${ft}</span>
+          </button>
+        </div>
+        <div class="sidebar-content" part="content">
+          <slot></slot>
+        </div>
+        <div class="sidebar-footer" part="footer" ?hidden=${()=>!o.value}>
+          <slot name="footer"></slot>
+        </div>
+      </nav>
+    `},styles:[r,i,mr],tag:`bit-sidebar`}),yr=(0,e.defineComponent)({props:{collapsible:{default:!1,type:Boolean},"default-open":{default:!0,type:Boolean},label:{default:``},open:{default:void 0,type:Boolean}},setup({emit:t,host:n,props:r,slots:i}){let a=(0,e.computed)(()=>i.has(`icon`).value),o=(0,e.inject)(_r,void 0);(0,e.effect)(()=>{n.toggleAttribute(`sidebar-collapsed`,o?.collapsed.value??!1)});let s=(0,e.computed)(()=>r.open.value!==void 0),c=(0,e.signal)(r[`default-open`].value),l=(0,e.computed)(()=>r.collapsible.value?s.value?r.open.value??!1:c.value:!0);return(0,e.watch)(r.open,e=>{e!==void 0&&(c.value=e)}),(0,e.effect)(()=>{n.toggleAttribute(`open`,l.value)}),e.html`
+      <details class="group" part="group" ?open=${()=>l.value} @click="${e=>{if(!(e.target instanceof HTMLElement)||!e.target.closest(`.group-header`)||(e.stopPropagation(),e.preventDefault(),!r.collapsible.value))return;let n=!l.value;r.open.value!==n&&(s.value||(c.value=n),t(`open-change`,{open:n}))}}">
+        <summary
+          class="group-header"
+          part="group-header"
+          :aria-expanded="${()=>r.collapsible.value?String(r.open.value):null}">
+          <span class="group-icon" part="group-icon" ?hidden=${()=>!a.value} aria-hidden="true">
+            <slot name="icon"></slot>
+          </span>
+          <span class="group-label" part="group-label">${()=>r.label.value}</span>
+          <span class="chevron" ?hidden=${()=>!r.collapsible.value} aria-hidden="true">${pt}</span>
+        </summary>
+        <div class="group-items" part="group-items" role="list">
+          <slot></slot>
+        </div>
+      </details>
+    `},styles:[i,hr],tag:`bit-sidebar-group`}),br=(0,e.defineComponent)({props:{active:{default:!1,type:Boolean},disabled:{default:!1,type:Boolean},href:{default:void 0},rel:{default:void 0},target:{default:void 0}},setup({host:t,props:n,slots:r}){let i=(0,e.computed)(()=>r.has(`icon`).value),a=(0,e.computed)(()=>r.has(`end`).value),o=(0,e.inject)(_r,void 0);(0,e.effect)(()=>{t.toggleAttribute(`sidebar-collapsed`,o?.collapsed.value??!1)});let s=(0,e.computed)(()=>!!n.href.value&&!n.disabled.value),c=()=>e.html`
+      <span class="item-icon" part="item-icon" ?hidden=${()=>!i.value} aria-hidden="true">
+        <slot name="icon"></slot>
+      </span>
+      <span class="item-label" part="item-label"><slot></slot></span>
+      <span class="item-end" part="item-end" ?hidden=${()=>!a.value}>
+        <slot name="end"></slot>
+      </span>
+    `;return e.html`
+      ${()=>s.value?e.html`
+              <a
+                class="item"
+                part="item"
+                href="${()=>n.href.value}"
+                :rel="${()=>n.rel.value??null}"
+                :target="${()=>n.target.value??null}"
+                :aria-current="${()=>n.active.value?`page`:null}">
+                ${c()}
+              </a>
+            `:e.html`
+              <button
+                class="item"
+                part="item"
+                type="button"
+                :aria-current="${()=>n.active.value?`page`:null}"
+                :disabled="${()=>n.disabled.value||null}">
+                ${c()}
+              </button>
+            `}
+    `},styles:[r,gr],tag:`bit-sidebar-item`}),$=0,xr=[];function Sr(e){if($===0){let t=e;for(;t.parentElement&&t.parentElement!==document.body;)t=t.parentElement;xr=Array.from(document.body.children).filter(e=>e!==t&&!e.hasAttribute(`inert`));for(let e of xr)e.setAttribute(`inert`,``)}$++}function Cr(){if($=Math.max(0,$-1),$===0){for(let e of xr)e.removeAttribute(`inert`);xr=[]}}function wr(e,t,n,r){let i=null,a=!1;return{applyInitialFocus:()=>{let t=r[`initial-focus`].value;if(t){let n=e.querySelector(t);n&&requestAnimationFrame(()=>n.focus())}},captureReturnFocus:()=>{i=document.activeElement},closeWithAnimation:()=>{let e=t.value;if(!e?.open||a)return;a=!0,e.classList.add(`closing`);let r=()=>{e.classList.remove(`closing`),a=!1,e.close()},i=n();i?St(i,r,`transition`):r()},restoreFocus:()=>{r[`return-focus`].value!==!1&&i&&(i.focus(),i=null)}}}var Tr=`@layer buildit.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in srgb, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 85%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 85%, transparent)));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 8%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 8%, transparent)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]){display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:var(--_motion-transition,opacity var(--transition-normal) ease, overlay var(--transition-normal) ease allow-discrete, display var(--transition-normal) ease allow-discrete)}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:var(--_motion-transition,opacity var(--transition-normal) ease, overlay var(--transition-normal) ease allow-discrete, display var(--transition-normal) ease allow-discrete)}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:var(--_motion-transition,opacity var(--transition-normal) cubic-bezier(.16, 1, .3, 1), transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1));flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(.96) translateY(var(--size-2))}}dialog.closing .panel{opacity:0;transform:scale(.96) translateY(var(--size-2))}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:var(--_motion-transition,background var(--transition-fast), color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer buildit.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,Er=(0,e.defineComponent)({props:{backdrop:{default:void 0},dismissible:{default:!1},elevation:{default:void 0},"initial-focus":{default:void 0},label:{default:``},open:{default:!1},padding:{default:void 0},persistent:{default:!1},"return-focus":{default:!0},rounded:{default:void 0},size:{default:`md`}},setup({emit:t,host:n,props:r,slots:i}){let a=(0,e.ref)(),o=(0,e.computed)(()=>i.has(`header`).value||!!r.label.value||r.dismissible.value),s=(0,e.computed)(()=>i.has(`footer`).value),{applyInitialFocus:c,captureReturnFocus:l,closeWithAnimation:u,restoreFocus:d}=wr(n,a,()=>a.value?.querySelector(`.panel`),r);return(0,e.onMount)(()=>{let i=a.value;return i?((0,e.watch)(r.open,e=>{e?i.open||(l(),i.showModal(),c(),Sr(n),t(`open`)):u()},{immediate:!0}),(0,e.handle)(i,`close`,()=>{Cr(),n.removeAttribute(`open`),d(),t(`close`)}),(0,e.handle)(i,`click`,e=>{r.persistent.value||e.target===i&&u()}),(0,e.handle)(i,`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),r.persistent.value||u())}),()=>{i.open&&i.close(),Cr()}):void 0}),e.html`
+      <dialog
+        ref=${a}
+        class="dialog"
+        part="dialog"
+        :aria-label="${()=>r.label.value||null}"
+        aria-modal="true">
+        <div class="overlay" part="overlay" aria-hidden="true"></div>
+        <div class="panel" part="panel" :data-size="${r.size}">
+          <div class="header" part="header" ?hidden=${()=>!o.value}>
+            <slot name="header">
+              <span class="title" part="title">${()=>r.label.value}</span>
+            </slot>
+            <button
+              class="close"
+              part="close"
+              type="button"
+              aria-label="Close dialog"
+              ?hidden=${()=>!r.dismissible.value}
+              @click=${()=>{let t=a.value;if(!t)return;e.fire.custom(t,`close-request`),t.classList.add(`closing`);let n=t.querySelector(`.panel`),r=()=>{t.classList.remove(`closing`),t.close()};n?St(n,r,`transition`):r()}}>
+              ${ct}
+            </button>
+          </div>
+          <div class="body" part="body">
+            <slot></slot>
+          </div>
+          <div class="footer" part="footer" ?hidden=${()=>!s.value}>
+            <slot name="footer"></slot>
+          </div>
+        </div>
+      </dialog>
+    `},styles:[d,o,r,i,Tr],tag:`bit-dialog`}),Dr=`@layer buildit.base{:host{--_backdrop-bg:var(--drawer-backdrop,color-mix(in srgb, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 85%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 85%, transparent)));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 8%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 8%, transparent));--_panel-bleed:var(--size-8);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]){display:none}dialog[open]{pointer-events:auto;display:flex}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog[open]::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}dialog[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform var(--transition-normal), display var(--transition-normal) allow-discrete;flex-direction:column;display:flex;position:absolute;overflow:hidden;transform:translate(0)}@starting-style{dialog[open] .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=right]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer buildit.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Or=(0,e.defineComponent)({props:{backdrop:{default:void 0},dismissable:{default:!0},"initial-focus":{default:void 0},label:{default:void 0},open:{default:!1},persistent:{default:!1},placement:{default:`right`},"return-focus":{default:!0},size:{default:void 0},title:{default:void 0}},setup({emit:t,host:n,props:r,slots:i}){let a=(0,e.createId)(`drawer-label`),o=(0,e.ref)(),s=(0,e.ref)(),c=(0,e.computed)(()=>i.has(`header`).value||!!r.title.value||r.dismissable.value),l=(0,e.computed)(()=>i.has(`footer`).value),{applyInitialFocus:u,captureReturnFocus:d,restoreFocus:f}=wr(n,o,()=>s.value,r),p=()=>{let e=o.value;e?.open&&e.close()},m=t=>{e.fire.custom(n,`close-request`,{cancelable:!0,detail:{placement:r.placement.value??`right`,trigger:t}})&&p()},h=()=>{let e=o.value;!e||e.open||(d(),e.showModal(),Sr(n),u(),t(`open`,{placement:r.placement.value??`right`}))};return(0,e.onMount)(()=>{let i=o.value;if(!i)return;let a=n;return a.show=h,a.hide=p,(0,e.watch)(r.open,e=>{e?h():p()},{immediate:!0}),(0,e.handle)(i,`close`,()=>{Cr(),n.removeAttribute(`open`),f(),t(`close`,{placement:r.placement.value??`right`})}),(0,e.handle)(i,`cancel`,e=>{e.preventDefault(),r.persistent.value||m(`escape`)}),(0,e.handle)(i,`click`,e=>{!r.persistent.value&&e.target===i&&m(`backdrop`)}),()=>{i.open&&(Cr(),i.close())}}),e.html`
+      <dialog
+        ref=${o}
+        aria-modal="true"
+        :aria-label="${()=>r.label.value??null}"
+        :aria-labelledby="${()=>r.label.value?null:a}">
+        <div class="panel" part="panel" ref=${s}>
+          <div class="header" part="header" ?hidden=${()=>!c.value}>
+            <span class="header-title" id="${a}">
+              <slot name="header">${()=>r.title.value??``}</slot>
+            </span>
+            <button
+              class="close-btn"
+              part="close-btn"
+              type="button"
+              aria-label="Close"
+              ?hidden=${()=>!r.dismissable.value}
+              @click="${()=>m(`button`)}">
+              ${ct}
+            </button>
+          </div>
+          <div class="body" part="body">
+            <slot></slot>
+          </div>
+          <div class="footer" part="footer" ?hidden=${()=>!l.value}>
+            <slot name="footer"></slot>
+          </div>
+        </div>
+      </dialog>
+    `},styles:[d,f,r,i,Dr],tag:`bit-drawer`}),kr=`@layer buildit.base{:host{--_menu-panel-bg:var(--menu-panel-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 85%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 85%, transparent)));--_menu-panel-border-color:var(--menu-panel-border-color,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 8%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 8%, transparent)));--_menu-panel-blur:var(--menu-panel-blur,var(--blur-md));--_menu-panel-shadow:var(--menu-panel-shadow,var(--shadow-xl));display:inline-block;position:relative}.menu-panel{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;visibility:hidden;min-width:var(--menu-panel-min-width,10rem);padding:var(--size-1);pointer-events:none;background:var(--_menu-panel-bg);border:var(--border) solid var(--_menu-panel-border-color);border-radius:var(--menu-panel-radius,var(--rounded-lg));box-shadow:var(--_menu-panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_menu-panel-blur));backdrop-filter:blur(var(--_menu-panel-blur));transform-origin:top;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);margin:0;position:fixed;top:0;transform:translateY(-4px)scale(.97)}.menu-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.menu-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.menu-panel[data-open]{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)scale(1)}::slotted(bit-menu-item),::slotted(bit-menu-separator){display:block}}`,Ar=e.css`
+  ${u}
+  ${s}
+  ${f}
+`,jr=(0,e.defineComponent)({props:{checked:{default:!1,type:Boolean},disabled:{default:!1,type:Boolean},type:{default:void 0},value:{default:void 0}},setup({props:t}){let n=e.css`
+      @layer buildit.base {
+        :host {
+          display: block;
+          outline: none;
+        }
+
+        .item {
+          align-items: center;
+          border-radius: 0;
+          cursor: pointer;
+          display: flex;
+          font-size: var(--text-sm);
+          gap: var(--size-2);
+          line-height: var(--leading-normal);
+          padding: var(--size-1-5) var(--size-3);
+          transition:
+            background var(--transition-fast),
+            color var(--transition-fast);
+          user-select: none;
+          white-space: nowrap;
+        }
+
+        :host(:first-of-type) .item {
+          border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;
+        }
+
+        :host(:last-child) .item {
+          border-radius: 0 0 var(--rounded-sm) var(--rounded-sm);
+        }
+
+        :host(:first-of-type:last-child) .item {
+          border-radius: var(--rounded-sm);
+        }
+
+        :host(:not([disabled])) .item:hover {
+          background: var(--color-contrast-100);
+        }
+
+        :host(:focus-visible) .item {
+          background: color-mix(in srgb, var(--color-primary) 12%, var(--color-contrast-100));
+          color: var(--color-primary);
+        }
+
+        /* Driven by JS via sync() — avoids :host() attribute selector edge-cases */
+        .item.is-checkable {
+          background: color-mix(in srgb, var(--color-contrast-900) 5%, var(--color-canvas));
+        }
+
+        .item.is-checked {
+          background: color-mix(in srgb, var(--color-primary) 18%, var(--color-canvas));
+          color: var(--color-primary);
+          font-weight: var(--font-medium);
+        }
+
+        :host([disabled]) .item {
+          color: var(--color-contrast-400);
+          cursor: not-allowed;
+          opacity: 0.6;
+          pointer-events: none;
+        }
+
+        .icon-slot {
+          display: contents;
+        }
+
+        .item-check {
+          align-items: center;
+          color: currentColor;
+          display: inline-flex;
+          flex-shrink: 0;
+          justify-content: center;
+          width: 1.25rem;
+        }
+
+        .item-label {
+          flex: 1;
+          min-width: 0;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+      ${r}
+    `,i=(0,e.computed)(()=>t.type.value===`checkbox`||t.type.value===`radio`),a=(0,e.computed)(()=>i.value&&t.checked.value),o=(0,e.computed)(()=>t.type.value===`checkbox`?`menuitemcheckbox`:t.type.value===`radio`?`menuitemradio`:`menuitem`),s=(0,e.computed)(()=>t.type.value===`checkbox`?t.checked.value?`☑`:`☐`:t.type.value===`radio`?t.checked.value?`◉`:`◯`:``),c=(0,e.computed)(()=>`item${i.value?` is-checkable`:``}${a.value?` is-checked`:``}`),l=()=>e.html`
+      <span class="item-check" aria-hidden="true">${()=>s.value}</span>
+      <span class="icon-slot"><slot name="icon"></slot></span>
+      <span class="item-label"><slot></slot></span>
+    `;return e.html`
+      <style>
+        ${n}
+      </style>
+      ${()=>i.value?e.html`
+              <div
+                class="${()=>c.value}"
+                tabindex="-1"
+                role="${()=>o.value}"
+                aria-checked="${()=>String(a.value)}"
+                aria-disabled="${()=>String(t.disabled.value)}">
+                ${l()}
+              </div>
+            `:e.html`
+              <div
+                class="${()=>c.value}"
+                tabindex="-1"
+                role="menuitem"
+                aria-disabled="${()=>String(t.disabled.value)}">
+                <span class="icon-slot"><slot name="icon"></slot></span>
+                <span class="item-label"><slot></slot></span>
+              </div>
+            `}
+    `},tag:`bit-menu-item`});(0,e.defineComponent)({setup(){return e.html`<style>
+      @layer buildit.base {
+        :host {
+          display: block;
+          margin: var(--size-1) 0;
+          border-top: var(--border) solid var(--color-contrast-200);
+        }
+      }
+    </style>`},tag:`bit-menu-separator`});var Mr=(0,e.defineComponent)({props:{color:{default:void 0},disabled:{default:!1},placement:{default:`bottom-start`},size:{default:void 0}},setup({emit:n,host:r,props:i}){let a=(0,e.createId)(`menu`),o=(0,e.signal)(!1),s=null,c=null;function l(){return Array.from(r.querySelectorAll(`bit-menu-item:not([disabled])`))}let u=-1,d=Pt({getIndex:()=>u,getItems:l,isItemDisabled:e=>e.hasAttribute(`disabled`),setIndex:e=>{u=e,l()[e]?.focus()}});function f(){!c||!s||(0,t.positionFloat)(s,c,{middleware:[(0,t.offset)(4),(0,t.flip)({padding:6}),(0,t.shift)({padding:6})],placement:i.placement.value})}let p=Ft({getBoundaryElement:()=>r,getPanelElement:()=>c,getTriggerElement:()=>s,isDisabled:()=>!!i.disabled.value,isOpen:()=>o.value,onClose:e=>n(`close`,{reason:e}),onOpen:e=>n(`open`,{reason:e}),positioner:{floating:()=>c,reference:()=>s,update:f},setOpen:e=>{o.value=e,e||d.reset()}}),m=e=>{let t=e.getAttribute(`type`);if(t===`checkbox`)e.hasAttribute(`checked`)?e.removeAttribute(`checked`):e.setAttribute(`checked`,``);else if(t===`radio`){for(let e of r.querySelectorAll(`bit-menu-item[type="radio"]`))e.removeAttribute(`checked`);e.setAttribute(`checked`,``)}let i=e.getAttribute(`value`)??``;n(`select`,{checked:t===`checkbox`||t===`radio`?e.hasAttribute(`checked`):void 0,value:i}),t!==`checkbox`&&t!==`radio`&&p.close({reason:`programmatic`})};function h(e){if(!o.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),p.open(),requestAnimationFrame(()=>d.first()));return}switch(e.key){case` `:{e.preventDefault();let t=d.getActiveItem();t&&m(t);break}case`ArrowDown`:e.preventDefault(),d.next();break;case`ArrowUp`:e.preventDefault(),d.prev();break;case`End`:e.preventDefault(),d.last();break;case`Enter`:{e.preventDefault();let t=d.getActiveItem();t&&m(t);break}case`Escape`:e.preventDefault(),p.close({reason:`escape`});break;case`Home`:e.preventDefault(),d.first();break;case`Tab`:p.close({reason:`programmatic`});break}}return(0,e.onMount)(()=>{let t=r.shadowRoot?.querySelector(`slot[name="trigger"]`);c=r.shadowRoot?.querySelector(`.menu-panel`)??null;let n=null;function l(){n&&(n.removeEventListener(`click`,u),n.removeEventListener(`keydown`,h)),s=t?.assignedElements({flatten:!0})?.[0]??null,n=s,s&&((0,e.aria)(s,{controls:()=>a,disabled:()=>i.disabled.value,expanded:()=>o.value?`true`:`false`,haspopup:`menu`}),s.addEventListener(`click`,u),s.addEventListener(`keydown`,h))}function u(){p.toggle()}(0,e.onSlotChange)(`trigger`,l),(0,e.handle)(r,`click`,(e=>{if(!o.value)return;let t=e,n=t.composedPath().find(e=>e instanceof HTMLElement&&e.tagName===`BIT-MENU-ITEM`)??t.target?.closest(`bit-menu-item`)??null;!n||n.hasAttribute(`disabled`)||m(n)}));let d=p.bindOutsideClick(document);return(0,e.effect)(()=>{c?.toggleAttribute(`data-open`,o.value)}),(0,e.handle)(c,`keydown`,h),()=>{d(),n&&(n.removeEventListener(`click`,u),n.removeEventListener(`keydown`,h))}}),e.html`
+      <style>
+        ${kr}${Ar}
+      </style>
+      <slot name="trigger"></slot>
+      <div class="menu-panel" id="${a}" role="menu" aria-orientation="vertical">
+        <slot></slot>
+      </div>
+    `},tag:`bit-menu`}),Nr=`@layer buildit.base{:host{--_panel-bg:var(--popover-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 85%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 85%, transparent)));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 8%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 8%, transparent)));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(.96) translateY(var(--size-2));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete);margin:0;padding:0;position:fixed;overflow:auto}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(.96) translateY(var(--size-2))}}}`,Pr=8,Fr=new Set([`click`,`hover`,`focus`]);function Ir(e){let t=String(e).split(`,`).map(e=>e.trim()).filter(e=>Fr.has(e));return t.length>0?t:[`click`]}var Lr=(0,e.defineComponent)({props:{disabled:{default:!1},label:{default:void 0},offset:{default:Pr},open:{default:void 0},placement:{default:`bottom`},trigger:{default:`click`}},setup({emit:n,host:r,props:i}){let a=(0,e.signal)(!1),o=(0,e.createId)(`popover`),s=null,c=null,l=null,u=(0,e.computed)(()=>Ir(i.trigger.value));function d(){!s||!c||(0,t.positionFloat)(c,s,{middleware:[(0,t.offset)(i.offset.value??Pr),(0,t.flip)(),(0,t.shift)({padding:8})],placement:i.placement.value}).then(e=>{s&&(s.dataset.placement=e)})}function f(){a.value=!0,c?.setAttribute(`aria-expanded`,`true`),s&&!s.matches(`:popover-open`)&&s.showPopover(),c&&s&&(l?.(),l=(0,t.autoUpdate)(c,s,d)),d()}function p(){l?.(),l=null,c?.setAttribute(`aria-expanded`,`false`),a.value=!1,s?.matches(`:popover-open`)&&s.hidePopover()}function m(){i.open.value===void 0&&(i.disabled.value||a.value||(f(),n(`open`)))}function h(){i.open.value===void 0&&a.value&&(p(),n(`close`))}function g(){a.value?h():m()}function _(e){e.key===`Escape`&&h()}function v(e){if(!a.value)return;let t=e.composedPath();t.includes(r)||s&&t.includes(s)||c&&t.includes(c)||h()}function y(e){let t=e.relatedTarget;t&&s?.contains(t)||t&&c?.contains(t)||h()}return(0,e.onMount)(()=>{let t=r.shadowRoot?.querySelector(`slot:not([name])`);if(!t)return;let d=()=>{b();let e=t.assignedElements({flatten:!0})[0];if(!e)return;c=e,e.setAttribute(`aria-controls`,o),e.setAttribute(`aria-haspopup`,`dialog`),e.setAttribute(`aria-expanded`,String(a.value)),e.setAttribute(`aria-disabled`,String(!!i.disabled.value));let n=u.value;n.includes(`click`)&&(e.addEventListener(`click`,g),document.addEventListener(`click`,v,{capture:!0})),n.includes(`hover`)&&(e.addEventListener(`pointerenter`,m),e.addEventListener(`pointerleave`,h),s?.addEventListener(`pointerenter`,m),s?.addEventListener(`pointerleave`,h)),n.includes(`focus`)&&(e.addEventListener(`focusin`,m),e.addEventListener(`focusout`,y),s?.addEventListener(`focusout`,y)),document.addEventListener(`keydown`,_)},b=()=>{c&&=(c.removeAttribute(`aria-controls`),c.removeAttribute(`aria-haspopup`),c.removeAttribute(`aria-expanded`),c.removeAttribute(`aria-disabled`),c.removeEventListener(`click`,g),c.removeEventListener(`pointerenter`,m),c.removeEventListener(`pointerleave`,h),c.removeEventListener(`focusin`,m),c.removeEventListener(`focusout`,y),s?.removeEventListener(`pointerenter`,m),s?.removeEventListener(`pointerleave`,h),s?.removeEventListener(`focusout`,y),document.removeEventListener(`click`,v,{capture:!0}),document.removeEventListener(`keydown`,_),null)};return(0,e.onSlotChange)(`default`,d),(0,e.watch)(i.open,e=>{e!=null&&(e?(f(),n(`open`)):(p(),n(`close`)))}),(0,e.watch)(i.trigger,d),(0,e.watch)(i.disabled,e=>{c?.setAttribute(`aria-disabled`,String(!!e)),e&&h()}),()=>{b(),l?.(),l=null,s?.matches(`:popover-open`)&&s.hidePopover()}}),e.html`
+      <slot></slot>
+      <div
+        class="panel"
+        part="panel"
+        id="${o}"
+        role="dialog"
+        aria-modal="false"
+        popover="manual"
+        :aria-label="${()=>i.label.value??null}"
+        :aria-hidden="${()=>String(!a.value)}"
+        ref=${e=>{s=e}}>
+        <slot name="content"></slot>
+      </div>
+    `},styles:[i,Nr],tag:`bit-popover`}),Rr=`.tooltip{inset:unset;padding:var(--size-1-5) var(--size-3);border:var(--_tooltip-border-width,var(--border-0)) solid var(--_tooltip-border-color,transparent);transform-origin:50%;will-change:opacity, transform, filter;margin:0;overflow:visible}@layer buildit.base{:host{display:inline-block;position:relative}.tooltip{--_tooltip-fg:var(--lightningcss-light,var(--color-contrast-100))var(--lightningcss-dark,var(--color-contrast-900));--_tooltip-bg:var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 80%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 80%, transparent));--_tooltip-border-width:var(--border);--_tooltip-border-color:var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-100) 12%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-900) 12%, transparent));--_tooltip-shadow:var(--shadow-md);--_tooltip-closed-transform:translateY(var(--size-1)) scale(.98);max-width:var(--tooltip-max-width,var(--size-72));font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--_tooltip-fg);word-break:auto-phrase;white-space:pre-line;pointer-events:none;background:var(--_tooltip-bg);border-radius:var(--rounded);box-shadow:var(--_tooltip-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:var(--_tooltip-closed-transform);transition:opacity var(--transition-fast), transform var(--transition-normal) var(--ease-out), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;position:fixed}.tooltip[data-placement=top]{--_tooltip-closed-transform:translateY(var(--size-2)) scale(.96)}.tooltip[data-placement=bottom]{--_tooltip-closed-transform:translateY(calc(var(--size-2) * -1)) scale(.96)}.tooltip[data-placement=left]{--_tooltip-closed-transform:translateX(var(--size-2)) scale(.96)}.tooltip[data-placement=right]{--_tooltip-closed-transform:translateX(calc(var(--size-2) * -1)) scale(.96)}.tooltip:popover-open{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;transform:translate(0)scale(1)}@starting-style{.tooltip:popover-open{opacity:0;transform:var(--_tooltip-closed-transform)}}}@layer buildit.variants{:host([variant=light]) .tooltip{--_tooltip-fg:var(--lightningcss-light,var(--color-contrast-900))var(--lightningcss-dark,var(--color-contrast-100));--_tooltip-bg:var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-100) 80%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-900) 80%, transparent));--_tooltip-border-color:var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-900) 12%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 12%, transparent));--_tooltip-shadow:var(--shadow-md)}}@layer buildit.utilities{:host([size=sm]) .tooltip{font-size:var(--text-xs)}:host([size=lg]) .tooltip{font-size:var(--text-base)}}`,zr=8,Br=4,Vr=(0,e.defineComponent)({props:{"close-delay":{default:0},content:{default:``},delay:{default:0},disabled:{default:!1},open:{default:void 0},placement:{default:`top`},size:{default:void 0},trigger:{default:`hover,focus`},variant:{default:void 0}},setup({host:n,props:r}){let i=(0,e.signal)(!1),a=(0,e.signal)(`top`),o=null,s=null,c=null,l=null,u=(0,e.createId)(`tooltip`),d=(0,e.computed)(()=>String(r.trigger.value).split(`,`).map(e=>e.trim()).filter(Boolean));function f(){return(n.shadowRoot?.querySelector(`slot:not([name])`))?.assignedElements({flatten:!0})?.[0]??null}function p(){if(!l)return;let e=f();e&&(0,t.computePosition)(e,l,{middleware:[(0,t.offset)(zr),(0,t.flip)(),(0,t.shift)({padding:6})],placement:r.placement.value}).then(({placement:e,x:t,y:n})=>{if(!l)return;let r=e.split(`-`)[0],i=r===`left`?t-Br:t;l.style.left=`${i}px`,l.style.top=`${n}px`,a.value=r})}function m(){r.open.value!==void 0||r.disabled.value||!r.content.value&&!(((n.shadowRoot?.querySelector(`slot[name="content"]`))?.assignedNodes({flatten:!0}).length??0)>0)||(c&&=(clearTimeout(c),null),s&&clearTimeout(s),s=setTimeout(()=>{i.value=!0,l&&!l.matches(`:popover-open`)&&l.showPopover();let e=f();e&&l?(o?.(),o=(0,t.autoUpdate)(e,l,p)):requestAnimationFrame(()=>p())},Number(r.delay.value)||0))}function h(){if(r.open.value!==void 0)return;s&&=(clearTimeout(s),null);let e=Number(r[`close-delay`].value)||0;e>0?(c&&clearTimeout(c),c=setTimeout(()=>{c=null,g()},e)):g()}function g(){o?.(),o=null,i.value=!1,l?.matches(`:popover-open`)&&l.hidePopover()}function _(){i.value?h():m()}(0,e.onMount)(()=>{let a=n.shadowRoot?.querySelector(`slot:not([name])`);if(!a)return;let y=()=>{b();let e=a.assignedElements({flatten:!0})[0];if(!e)return;e.setAttribute(`aria-describedby`,u);let t=d.value;t.includes(`hover`)&&(e.addEventListener(`pointerenter`,m),e.addEventListener(`pointerleave`,h)),t.includes(`focus`)&&(e.addEventListener(`focusin`,m),e.addEventListener(`focusout`,h)),t.includes(`click`)&&e.addEventListener(`click`,_),document.addEventListener(`keydown`,v)},b=()=>{let e=a.assignedElements({flatten:!0})[0];e&&(e.removeAttribute(`aria-describedby`),e.removeEventListener(`pointerenter`,m),e.removeEventListener(`pointerleave`,h),e.removeEventListener(`focusin`,m),e.removeEventListener(`focusout`,h),e.removeEventListener(`click`,_),document.removeEventListener(`keydown`,v))};return(0,e.onSlotChange)(`default`,y),(0,e.watch)(r.open,e=>{if(e!=null)if(e){i.value=!0,l&&!l.matches(`:popover-open`)&&l.showPopover();let e=f();e&&l?(o?.(),o=(0,t.autoUpdate)(e,l,p)):requestAnimationFrame(()=>p())}else g()}),()=>{b(),s&&clearTimeout(s),c&&clearTimeout(c),o?.(),o=null,l?.matches(`:popover-open`)&&l.hidePopover()}});function v(e){e.key===`Escape`&&h()}return e.html`
+      <slot></slot>
+      <div
+        class="tooltip"
+        part="tooltip"
+        id="${u}"
+        role="tooltip"
+        popover="manual"
+        ref=${e=>{l=e}}
+        :data-placement="${a}"
+        :aria-hidden="${()=>String(!i.value)}">
+        <slot name="content">${()=>r.content.value}</slot>
+      </div>
+    `},styles:[f,Rr],tag:`bit-tooltip`});exports.ACCORDION_CTX=et,exports.ACCORDION_ITEM_TAG=at,exports.ACCORDION_TAG=tt,exports.ALERT_TAG=wt,exports.AVATAR_GROUP_TAG=E,exports.AVATAR_TAG=T,exports.BADGE_TAG=Et,exports.BOX_TAG=or,exports.BREADCRUMB_ITEM_TAG=ee,exports.BREADCRUMB_TAG=k,exports.BUTTON_GROUP_CTX=Le,exports.BUTTON_GROUP_TAG=Re,exports.BUTTON_TAG=Be,exports.CARD_TAG=P,exports.CHECKBOX_GROUP_CTX=rn,exports.CHECKBOX_GROUP_TAG=an,exports.CHECKBOX_TAG=gn,exports.CHIP_TAG=kt,exports.COMBOBOX_OPTION_TAG=Dn,exports.COMBOBOX_TAG=On,exports.DIALOG_TAG=Er,exports.DRAWER_TAG=Or,exports.FILE_INPUT_TAG=Pn,exports.FORM_CTX=X,exports.FORM_TAG=Fn,exports.GRID_ITEM_TAG=sr,exports.GRID_TAG=pr,exports.INPUT_TAG=zn,exports.MENU_ITEM_TAG=jr,exports.MENU_TAG=Mr,exports.NUMBER_INPUT_TAG=Vn,exports.OTP_INPUT_TAG=Hn,exports.PAGINATION_TAG=Ue,exports.POPOVER_TAG=Lr,exports.PROGRESS_TAG=jt,exports.RADIO_GROUP_CTX=Wn,exports.RADIO_GROUP_TAG=Gn,exports.RADIO_TAG=qn,exports.RATING_TAG=Xn,exports.SELECT_TAG=Qn,exports.SEPARATOR_TAG=We,exports.SIDEBAR_CTX=_r,exports.SIDEBAR_GROUP_TAG=yr,exports.SIDEBAR_ITEM_TAG=br,exports.SIDEBAR_TAG=vr,exports.SKELETON_TAG=zt,exports.SLIDER_TAG=er,exports.SWITCH_TAG=nr,exports.TABLE_TAG=Ze,exports.TABS_CTX=rt,exports.TABS_TAG=it,exports.TAB_ITEM_TAG=ot,exports.TAB_PANEL_TAG=st,exports.TD_TAG=Je,exports.TEXTAREA_TAG=ir,exports.TEXT_TAG=Qe,exports.TH_TAG=qe,exports.TOAST_TAG=Ht,exports.TOOLTIP_TAG=Vr,exports.TR_TAG=Ke,exports.checkIcon=lt,exports.checkIconHTML=ut,exports.chevronDownIcon=dt,exports.chevronLeftIcon=ft,exports.chevronRightIcon=pt,exports.clearIcon=gt,exports.closeIcon=ct,exports.eyeIcon=mt,exports.eyeOffIcon=ht,exports.fileIcon=vt,exports.minusIcon=yt,exports.plusIcon=bt,exports.toast=Ut,exports.uploadIcon=_t;
+//# sourceMappingURL=buildit.cjs.map