@tachui/primitives 0.8.32 → 0.8.34

package/dist/{Picker-DwKarueX.js → Picker-CV6BRZGk.js}

@@ -1,7 +1,7 @@
-import { withModifiers as A, ComponentWithCSSClasses as q, createSignal as R, useLifecycle as J, createEffect as Y, isSignal as l, ColorAsset as E, h as a, text as d, ConcatenatedComponent as P, clonePropsPreservingReactivity as N, resetLifecycleState as U, createComputed as Q } from "@tachui/core";
+import { withModifiers as A, ComponentWithCSSClasses as q, createSignal as F, useLifecycle as J, createEffect as Y, isSignal as l, ColorAsset as $, h as a, text as d, ConcatenatedComponent as z, clonePropsPreservingReactivity as N, resetLifecycleState as U, createComputed as Q } from "@tachui/core";
 import { createComponentInstance as ee } from "@tachui/core/components";
 import { T as W } from "./Text-DmpfnY1o.js";
-var te = Object.defineProperty, ie = (s, e, t) => e in s ? te(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, m = (s, e, t) => ie(s, typeof e != "symbol" ? e + "" : e, t);
+var te = Object.defineProperty, ie = (i, e, t) => e in i ? te(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, y = (i, e, t) => ie(i, typeof e != "symbol" ? e + "" : e, t);
 const se = {
   colors: {
     primary: "#007AFF",
@@ -31,11 +31,11 @@ const se = {
     large: { size: 18, weight: "600" }
   }
 };
-class z extends q {
+class I extends q {
   constructor(e, t = se) {
-    super(), m(this, "props", e), m(this, "type", "component"), m(this, "id"), m(this, "mounted", !1), m(this, "cleanup", []), m(this, "stateSignal"), m(this, "setState"), m(this, "theme"), this.id = `button-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.theme = t;
-    const [i, n] = R("normal");
-    this.stateSignal = i, this.setState = n, this.setupDOMEventListeners();
+    super(), y(this, "props", e), y(this, "type", "component"), y(this, "id"), y(this, "mounted", !1), y(this, "cleanup", []), y(this, "stateSignal"), y(this, "setState"), y(this, "theme"), this.id = `button-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.theme = t;
+    const [s, o] = F("normal");
+    this.stateSignal = s, this.setState = o, this.setupDOMEventListeners();
   }
   /**
    * Set up DOM event listeners for button interactions
@@ -53,10 +53,10 @@ class z extends q {
   setupReactiveStyles(e) {
     const t = Y(() => {
       this.stateSignal(), this.isEnabled(), this.isLoading();
-      const { tint: i, backgroundColor: n, foregroundColor: r } = this.props;
-      i && l(i) ? i() : i instanceof E && i.resolve(), n && l(n) ? n() : n instanceof E && n.resolve(), r && l(r) ? r() : r instanceof E && r.resolve();
-      const o = this.getButtonStyles();
-      this.applyStylesToElement(e, o);
+      const { tint: s, backgroundColor: o, foregroundColor: n } = this.props;
+      s && l(s) ? s() : s instanceof $ && s.resolve(), o && l(o) ? o() : o instanceof $ && o.resolve(), n && l(n) ? n() : n instanceof $ && n.resolve();
+      const r = this.getButtonStyles();
+      this.applyStylesToElement(e, r);
     });
     this.cleanup.push(() => {
       t && typeof t.dispose == "function" && t.dispose();
@@ -66,11 +66,11 @@ class z extends q {
    * Apply computed styles to the button element, respecting modifier-applied styles
    */
   applyStylesToElement(e, t) {
-    Object.entries(t).forEach(([i, n]) => {
-      const r = this.camelToKebabCase(i);
-      if (typeof n == "string" || typeof n == "number") {
-        const o = e.style.getPropertyValue(r), c = o && o !== "" && o !== "inherit";
-        process.env.NODE_ENV === "development" && r === "font-family" && (console.log("[Button.applyButtonStyles] Font-family check:"), console.log("[Button.applyButtonStyles] property:", i, "cssProperty:", r), console.log("[Button.applyButtonStyles] currentValue:", o), console.log("[Button.applyButtonStyles] hasModifierValue:", c), console.log("[Button.applyButtonStyles] will set to:", n)), r === "transform" ? e.style.setProperty(r, String(n)) : c ? process.env.NODE_ENV === "development" && r === "font-family" && console.log("[Button.applyButtonStyles] Button SKIPPED font-family (has modifier value):", o) : (e.style.setProperty(r, String(n)), process.env.NODE_ENV === "development" && r === "font-family" && (console.log("[Button.applyButtonStyles] Button SET font-family to:", String(n)), console.log("[Button.applyButtonStyles] Element after set:", e.style.fontFamily)));
+    Object.entries(t).forEach(([s, o]) => {
+      const n = this.camelToKebabCase(s);
+      if (typeof o == "string" || typeof o == "number") {
+        const r = e.style.getPropertyValue(n), c = r && r !== "" && r !== "inherit";
+        process.env.NODE_ENV === "development" && n === "font-family" && (console.log("[Button.applyButtonStyles] Font-family check:"), console.log("[Button.applyButtonStyles] property:", s, "cssProperty:", n), console.log("[Button.applyButtonStyles] currentValue:", r), console.log("[Button.applyButtonStyles] hasModifierValue:", c), console.log("[Button.applyButtonStyles] will set to:", o)), n === "transform" ? e.style.setProperty(n, String(o)) : c ? process.env.NODE_ENV === "development" && n === "font-family" && console.log("[Button.applyButtonStyles] Button SKIPPED font-family (has modifier value):", r) : (e.style.setProperty(n, String(o)), process.env.NODE_ENV === "development" && n === "font-family" && (console.log("[Button.applyButtonStyles] Button SET font-family to:", String(o)), console.log("[Button.applyButtonStyles] Element after set:", e.style.fontFamily)));
       }
     });
   }
@@ -89,7 +89,7 @@ class z extends q {
         return e;
       if (l(e))
         return e();
-      if (e instanceof E)
+      if (e instanceof $)
         return e.resolve();
     }
   }
@@ -126,20 +126,20 @@ class z extends q {
         d(this.props.title || "")
       )
     );
-    const i = ["tachui-button"];
+    const s = ["tachui-button"];
     return [{
       type: "element",
       tag: "button",
       props: {
-        className: this.createClassString(this.props, i),
+        className: this.createClassString(this.props, s),
         type: "button",
         disabled: typeof e == "boolean" ? !e : !e(),
         // Invert enabled to disabled
         onClick: this.props.action ? () => {
           try {
             this.props.action?.();
-          } catch (o) {
-            console.error("Button action error:", o);
+          } catch (r) {
+            console.error("Button action error:", r);
           }
         } : void 0,
         // Pass through debug label for debug system
@@ -166,21 +166,21 @@ class z extends q {
    */
   hasColorModifiers() {
     let e = this.modifiers;
-    return !e && this.modifierBuilder && (e = this.modifierBuilder.modifiers), !e && this.modifiableComponent && (e = this.modifiableComponent.modifiers), !e || !Array.isArray(e) ? !1 : e.some((t) => t.type === "appearance" || t.constructor?.name === "AppearanceModifier" ? t.properties && (t.properties.foregroundColor !== void 0 || t.properties.color !== void 0) : t.properties ? ["foregroundColor", "color", "textColor"].some((n) => t.properties[n] !== void 0) : !1);
+    return !e && this.modifierBuilder && (e = this.modifierBuilder.modifiers), !e && this.modifiableComponent && (e = this.modifiableComponent.modifiers), !e || !Array.isArray(e) ? !1 : e.some((t) => t.type === "appearance" || t.constructor?.name === "AppearanceModifier" ? t.properties && (t.properties.foregroundColor !== void 0 || t.properties.color !== void 0) : t.properties ? ["foregroundColor", "color", "textColor"].some((o) => t.properties[o] !== void 0) : !1);
   }
   /**
    * Check if the button has typography-related modifiers applied
    */
   hasTypographyModifiers() {
     let e = this.modifiers;
-    return !e && this.modifierBuilder && (e = this.modifierBuilder.modifiers), !e && this.modifiableComponent && (e = this.modifiableComponent.modifiers), !e || !Array.isArray(e) ? !1 : e.some((i) => i.type === "typography" || i.constructor?.name === "TypographyModifier" ? i.properties && (i.properties.transform !== void 0 || i.properties.textTransform !== void 0) : !1);
+    return !e && this.modifierBuilder && (e = this.modifierBuilder.modifiers), !e && this.modifiableComponent && (e = this.modifiableComponent.modifiers), !e || !Array.isArray(e) ? !1 : e.some((s) => s.type === "typography" || s.constructor?.name === "TypographyModifier" ? s.properties && (s.properties.transform !== void 0 || s.properties.textTransform !== void 0) : !1);
   }
   /**
    * Check if the button has a shadow modifier applied
    */
   hasShadowModifier() {
     let e = this.modifiers;
-    return !e && this.modifierBuilder && (e = this.modifierBuilder.modifiers), !e && this.modifiableComponent && (e = this.modifiableComponent.modifiers), !e || !Array.isArray(e) ? !1 : e.some((i) => i.type === "appearance" || i.type === "shadow" || i.constructor?.name === "AppearanceModifier" || i.constructor?.name === "ShadowModifier" ? i.properties && i.properties.shadow !== void 0 : !1);
+    return !e && this.modifierBuilder && (e = this.modifierBuilder.modifiers), !e && this.modifiableComponent && (e = this.modifiableComponent.modifiers), !e || !Array.isArray(e) ? !1 : e.some((s) => s.type === "appearance" || s.type === "shadow" || s.constructor?.name === "AppearanceModifier" || s.constructor?.name === "ShadowModifier" ? s.properties && s.properties.shadow !== void 0 : !1);
   }
   /**
    * Get computed button styles based on variant, size, role, and state
@@ -190,17 +190,17 @@ class z extends q {
     const {
       variant: e,
       size: t,
-      role: i = "none",
-      tint: n,
-      backgroundColor: r,
-      foregroundColor: o
-    } = this.props, c = this.stateSignal(), h = this.isLoading(), T = this.isEnabled(), g = this.hasColorModifiers(), v = this.hasTypographyModifiers(), w = {
+      role: s = "none",
+      tint: o,
+      backgroundColor: n,
+      foregroundColor: r
+    } = this.props, c = this.stateSignal(), u = this.isLoading(), T = this.isEnabled(), m = this.hasColorModifiers(), w = this.hasTypographyModifiers(), C = {
       // Only set color property if no modifiers will handle it
       // This prevents conflicts between Button styles and AppearanceModifier
-      ...!g && !o && !e && { color: "inherit" },
+      ...!m && !r && !e && { color: "inherit" },
       // Only set text-related properties if no typography modifiers will handle them
       // This prevents conflicts between Button styles and TypographyModifier
-      ...!v && {
+      ...!w && {
         fontStyle: "inherit",
         lineHeight: "inherit",
         textTransform: "inherit",
@@ -215,40 +215,40 @@ class z extends q {
       // Let modifiers control: fontFamily, fontSize, fontWeight, letterSpacing, textAlign
     };
     if (t) {
-      const k = this.theme.spacing[t] || this.theme.spacing.medium, Z = this.theme.borderRadius[t] || this.theme.borderRadius.medium, H = this.theme.typography[t] || this.theme.typography.medium, K = {
+      const L = this.theme.spacing[t] || this.theme.spacing.medium, Z = this.theme.borderRadius[t] || this.theme.borderRadius.medium, H = this.theme.typography[t] || this.theme.typography.medium, K = {
         small: "32px",
         medium: "40px",
         large: "48px"
       };
-      w.padding = `${k}px ${k * 2}px`, w.borderRadius = `${Z}px`, w.fontSize = `${H.size}px`, w.fontWeight = H.weight, w.minHeight = K[t];
+      C.padding = `${L}px ${L * 2}px`, C.borderRadius = `${Z}px`, C.fontSize = `${H.size}px`, C.fontWeight = H.weight, C.minHeight = K[t];
     }
-    let f = "transparent", S = "transparent", _ = "1px", C;
-    const X = this.resolveColorValue(n), O = this.resolveColorValue(r), D = this.resolveColorValue(o);
+    let b = "transparent", v = "transparent", _ = "1px", k;
+    const X = this.resolveColorValue(o), D = this.resolveColorValue(n), E = this.resolveColorValue(r);
     if (e) {
-      const k = X || this.theme.colors.primary;
+      const L = X || this.theme.colors.primary;
       switch (e) {
         case "filled":
-          i === "destructive" ? f = this.theme.colors.destructive : i === "cancel" ? f = this.theme.colors.secondary : f = k, C = this.theme.colors.onPrimary;
+          s === "destructive" ? b = this.theme.colors.destructive : s === "cancel" ? b = this.theme.colors.secondary : b = L, k = this.theme.colors.onPrimary;
           break;
         case "outlined":
-          S = i === "destructive" ? this.theme.colors.destructive : k, C = i === "destructive" ? this.theme.colors.destructive : k;
+          v = s === "destructive" ? this.theme.colors.destructive : L, k = s === "destructive" ? this.theme.colors.destructive : L;
           break;
         case "bordered":
-          f = this.theme.colors.background, S = this.theme.colors.border;
+          b = this.theme.colors.background, v = this.theme.colors.border;
           break;
         case "borderedProminent":
-          f = this.theme.colors.surface, S = this.theme.colors.primary, _ = "2px";
+          b = this.theme.colors.surface, v = this.theme.colors.primary, _ = "2px";
           break;
       }
     }
-    O && (f = O), D && (C = D);
-    let F = "1", I = "auto", B, V = "none";
-    T ? h ? (F = "0.6", I = "none") : c === "pressed" ? (f = this.darkenColor(f, 0.1), S = this.darkenColor(S, 0.1), B = "scale(0.95)") : c === "focused" && (V = "0 0 0 3px #007AFF40") : (f = this.theme.colors.disabled, S = this.theme.colors.disabled, C = this.theme.colors.disabled, F = "0.6", I = "none");
+    D && (b = D), E && (k = E);
+    let B = "1", O = "auto", M, V = "none";
+    T ? u ? (B = "0.6", O = "none") : c === "pressed" ? (b = this.darkenColor(b, 0.1), v = this.darkenColor(v, 0.1), M = "scale(0.95)") : c === "focused" && (V = "0 0 0 3px #007AFF40") : (b = this.theme.colors.disabled, v = this.theme.colors.disabled, k = this.theme.colors.disabled, B = "0.6", O = "none");
     const p = {
-      ...w
+      ...C
       // Size-based styles (only if size provided)
     };
-    return e && (p.backgroundColor = f, p.borderColor = S, p.borderWidth = _, C !== void 0 && (p.color = C)), O && (p.backgroundColor = O), D && (p.color = D), p.cursor = T ? "pointer" : "not-allowed", p.opacity = F, p.pointerEvents = I, p.transform = B !== void 0 ? B : "none", this.hasShadowModifier() || (p.boxShadow = V), p.transition = "all 0.2s ease", p;
+    return e && (p.backgroundColor = b, p.borderColor = v, p.borderWidth = _, k !== void 0 && (p.color = k)), D && (p.backgroundColor = D), E && (p.color = E), p.cursor = T ? "pointer" : "not-allowed", p.opacity = B, p.pointerEvents = O, p.transform = M !== void 0 ? M : "none", this.hasShadowModifier() || (p.boxShadow = V), p.transition = "all 0.2s ease", p;
   }
   /**
    * Handle button press with proper state management
@@ -279,8 +279,8 @@ class z extends q {
   darkenColor(e, t) {
     if (e === "transparent") return e;
     if (e.startsWith("#")) {
-      const i = e.slice(1), n = parseInt(i, 16), r = Math.max(0, Math.floor((n >> 16) * (1 - t))), o = Math.max(0, Math.floor((n >> 8 & 255) * (1 - t))), c = Math.max(0, Math.floor((n & 255) * (1 - t)));
-      return `#${(r << 16 | o << 8 | c).toString(16).padStart(6, "0")}`;
+      const s = e.slice(1), o = parseInt(s, 16), n = Math.max(0, Math.floor((o >> 16) * (1 - t))), r = Math.max(0, Math.floor((o >> 8 & 255) * (1 - t))), c = Math.max(0, Math.floor((o & 255) * (1 - t)));
+      return `#${(n << 16 | r << 8 | c).toString(16).padStart(6, "0")}`;
     }
     return e;
   }
@@ -291,16 +291,16 @@ class z extends q {
    * Concatenate this button with another concatenatable component
    */
   concat(e) {
-    const t = this.toSegment(), i = e.toSegment(), n = {
-      totalSegments: e instanceof P ? e.segments.length + 1 : 2,
-      accessibilityRole: e instanceof P ? this.mergeAccessibilityRoles(
+    const t = this.toSegment(), s = e.toSegment(), o = {
+      totalSegments: e instanceof z ? e.segments.length + 1 : 2,
+      accessibilityRole: e instanceof z ? this.mergeAccessibilityRoles(
         "composite",
         e.metadata.accessibilityRole
       ) : this.determineAccessibilityRole(e),
       semanticStructure: "inline"
       // Buttons are typically inline in concatenation
     };
-    return new P([t, i], n);
+    return new z([t, s], o);
   }
   /**
    * Convert this button to a segment for concatenation
@@ -352,13 +352,13 @@ class z extends q {
     return e.deep ? this.deepClone() : this.shallowClone();
   }
   shallowClone() {
-    const e = N(this.props), t = new z(e, this.theme);
+    const e = N(this.props), t = new I(e, this.theme);
     return this.syncStateToClone(t), U(t), t;
   }
   deepClone() {
     const e = N(this.props, {
       deep: !0
-    }), t = new z(e, this.theme);
+    }), t = new I(e, this.theme);
     return this.syncStateToClone(t), U(t), t;
   }
   syncStateToClone(e) {
@@ -370,53 +370,53 @@ class z extends q {
     }
   }
 }
-function L(s, e, t = {}) {
-  const i = {
-    ...t,
-    title: s,
-    ...e && { action: e }
-  }, n = ee(z, i);
-  return A(n);
+function h(i, e, t = {}) {
+  const s = typeof e == "function" ? e : void 0, n = {
+    ...e != null && typeof e != "function" ? e : t,
+    title: i,
+    ...s && { action: s }
+  }, r = ee(I, n);
+  return A(r);
 }
 const ge = {
   /**
    * Filled button (primary)
    */
-  Filled: (s, e, t = {}) => L(s, e, { ...t, variant: "filled" }),
+  Filled: (i, e, t = {}) => e == null || typeof e == "function" ? h(i, e, { ...t, variant: "filled" }) : h(i, { ...e ?? {}, variant: "filled" }),
   /**
    * Outlined button
    */
-  Outlined: (s, e, t = {}) => L(s, e, { ...t, variant: "outlined" }),
+  Outlined: (i, e, t = {}) => e == null || typeof e == "function" ? h(i, e, { ...t, variant: "outlined" }) : h(i, { ...e ?? {}, variant: "outlined" }),
   /**
    * Plain button (text only)
    */
-  Plain: (s, e, t = {}) => L(s, e, { ...t, variant: "plain" }),
+  Plain: (i, e, t = {}) => e == null || typeof e == "function" ? h(i, e, { ...t, variant: "plain" }) : h(i, { ...e ?? {}, variant: "plain" }),
   /**
    * Bordered button
    */
-  Bordered: (s, e, t = {}) => L(s, e, { ...t, variant: "bordered" }),
+  Bordered: (i, e, t = {}) => e == null || typeof e == "function" ? h(i, e, { ...t, variant: "bordered" }) : h(i, { ...e ?? {}, variant: "bordered" }),
   /**
    * Destructive button
    */
-  Destructive: (s, e, t = {}) => L(s, e, { ...t, role: "destructive" }),
+  Destructive: (i, e, t = {}) => e == null || typeof e == "function" ? h(i, e, { ...t, role: "destructive" }) : h(i, { ...e ?? {}, role: "destructive" }),
   /**
    * Cancel button
    */
-  Cancel: (s, e, t = {}) => L(s, e, { ...t, role: "cancel" })
-}, re = `
+  Cancel: (i, e, t = {}) => e == null || typeof e == "function" ? h(i, e, { ...t, role: "cancel" }) : h(i, { ...e ?? {}, role: "cancel" })
+}, ne = `
 @keyframes spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 `;
 if (typeof document < "u") {
-  const s = document.createElement("style");
-  s.textContent = re, document.head.appendChild(s);
+  const i = document.createElement("style");
+  i.textContent = ne, document.head.appendChild(i);
 }
-var ne = Object.defineProperty, oe = (s, e, t) => e in s ? ne(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, M = (s, e, t) => oe(s, typeof e != "symbol" ? e + "" : e, t);
+var oe = Object.defineProperty, re = (i, e, t) => e in i ? oe(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, P = (i, e, t) => re(i, typeof e != "symbol" ? e + "" : e, t);
 class G {
   constructor(e) {
-    M(this, "type", "component"), M(this, "id"), M(this, "props"), this.props = e, this.id = `enhanced-link-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    P(this, "type", "component"), P(this, "id"), P(this, "props"), this.props = e, this.id = `enhanced-link-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }
   resolveValue(e) {
     return l(e) ? e() : e;
@@ -429,15 +429,15 @@ class G {
     const e = this.resolveValue(this.props.target);
     if (e)
       return e;
-    const t = this.resolveValue(this.props.destination), i = t instanceof URL ? t.toString() : t;
-    return this.isExternalURL(i) ? "_blank" : "_self";
+    const t = this.resolveValue(this.props.destination), s = t instanceof URL ? t.toString() : t;
+    return this.isExternalURL(s) ? "_blank" : "_self";
   }
   getRoutingMode() {
     return this.resolveValue(this.props.routingMode) || "auto";
   }
   getRel() {
-    const e = this.resolveValue(this.props.rel), t = this.getTarget(), i = this.getDestination(), r = this.isExternalURL(i) && t === "_blank" ? "noopener noreferrer" : "";
-    return e && r ? `${e} ${r}`.trim() : e || r;
+    const e = this.resolveValue(this.props.rel), t = this.getTarget(), s = this.getDestination(), n = this.isExternalURL(s) && t === "_blank" ? "noopener noreferrer" : "";
+    return e && n ? `${e} ${n}`.trim() : e || n;
   }
   getDownload() {
     return this.resolveValue(this.props.download);
@@ -469,8 +469,8 @@ class G {
     if (this.props.onPress)
       try {
         this.props.onPress(e);
-      } catch (r) {
-        console.error("Link onPress error:", r);
+      } catch (n) {
+        console.error("Link onPress error:", n);
       }
     const t = this.getDestination();
     if (this.isSpecialScheme(t) || (e.preventDefault(), this.props.openURLAction && this.props.openURLAction(t) === "handled"))
@@ -479,21 +479,21 @@ class G {
       try {
         if (!await this.props.onBeforeNavigation(t))
           return;
-      } catch (r) {
-        throw console.error("Link onBeforeNavigation error:", r), r;
+      } catch (n) {
+        throw console.error("Link onBeforeNavigation error:", n), n;
       }
-    const i = this.getTarget(), n = this.getRoutingMode();
+    const s = this.getTarget(), o = this.getRoutingMode();
     if (this.shouldUseInternalRouting(t)) {
       if (this.props.onInternalNavigation)
         try {
           if (await this.props.onInternalNavigation(t))
             return;
-        } catch (r) {
-          console.error("Link onInternalNavigation error:", r);
+        } catch (n) {
+          console.error("Link onInternalNavigation error:", n);
         }
-      n === "spa" ? this.handleSPANavigation(t) : i === "_blank" ? window.open(t, i) : window.location.href = t;
+      o === "spa" ? this.handleSPANavigation(t) : s === "_blank" ? window.open(t, s) : window.location.href = t;
     } else
-      i === "_blank" || i === "_top" || i === "_parent" ? window.open(t, i) : window.location.href = t;
+      s === "_blank" || s === "_top" || s === "_parent" ? window.open(t, s) : window.location.href = t;
   }
   handleSPANavigation(e) {
     typeof window < "u" && window.history && window.history.pushState ? (window.history.pushState(null, "", e), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = e;
@@ -507,15 +507,15 @@ class G {
   }
   renderContent() {
     if (this.props.label) {
-      const r = this.props.label().render();
-      return Array.isArray(r) ? r : [r];
+      const n = this.props.label().render();
+      return Array.isArray(n) ? n : [n];
     }
     if (this.props.children)
       return this.renderChildren();
     let e;
     this.props.text ? e = this.props.text : l(this.props.destination) ? e = Q(() => this.getDestination()) : e = this.getDestination();
-    const i = W(e).render();
-    return Array.isArray(i) ? i : [i];
+    const s = W(e).render();
+    return Array.isArray(s) ? s : [s];
   }
   renderChildren() {
     const { children: e } = this.props;
@@ -523,43 +523,43 @@ class G {
   }
   renderChild(e) {
     if (typeof e == "string") {
-      const i = W(e).render();
-      return Array.isArray(i) ? i : [i];
+      const s = W(e).render();
+      return Array.isArray(s) ? s : [s];
     } else {
       const t = e.render();
       return Array.isArray(t) ? t : [t];
     }
   }
   render() {
-    const e = this.renderContent(), t = this.isDisabled(), i = {
+    const e = this.renderContent(), t = this.isDisabled(), s = {
       id: this.id,
       "data-component": "enhanced-link"
     };
-    l(this.props.destination) ? i.href = () => this.getDestination() : i.href = this.getDestination(), this.props.target && (l(this.props.target) ? i.target = () => this.getTarget() : i.target = this.getTarget());
-    const n = this.getRel();
-    n && (l(this.props.rel) || l(this.props.target) ? i.rel = () => this.getRel() : i.rel = n);
-    const r = this.getDownload();
-    r !== void 0 && (l(this.props.download) ? i.download = () => this.getDownload() : r === !0 ? i.download = !0 : typeof r == "string" && (i.download = r));
-    const o = this.getAccessibilityLabel();
-    o && (l(this.props.accessibilityLabel) ? i["aria-label"] = () => this.getAccessibilityLabel() : i["aria-label"] = o);
+    l(this.props.destination) ? s.href = () => this.getDestination() : s.href = this.getDestination(), this.props.target && (l(this.props.target) ? s.target = () => this.getTarget() : s.target = this.getTarget());
+    const o = this.getRel();
+    o && (l(this.props.rel) || l(this.props.target) ? s.rel = () => this.getRel() : s.rel = o);
+    const n = this.getDownload();
+    n !== void 0 && (l(this.props.download) ? s.download = () => this.getDownload() : n === !0 ? s.download = !0 : typeof n == "string" && (s.download = n));
+    const r = this.getAccessibilityLabel();
+    r && (l(this.props.accessibilityLabel) ? s["aria-label"] = () => this.getAccessibilityLabel() : s["aria-label"] = r);
     const c = this.getAccessibilityHint();
-    c && (l(this.props.accessibilityHint) ? i["aria-describedby"] = () => this.getAccessibilityHint() : i["aria-describedby"] = c);
-    const h = this.getAccessibilityRole();
-    return h && (l(this.props.accessibilityRole) ? i.role = () => this.getAccessibilityRole() : i.role = h), t && (i["aria-disabled"] = "true", i.tabindex = "-1"), i.onclick = (g) => this.handleClick(g), i.style = {
+    c && (l(this.props.accessibilityHint) ? s["aria-describedby"] = () => this.getAccessibilityHint() : s["aria-describedby"] = c);
+    const u = this.getAccessibilityRole();
+    return u && (l(this.props.accessibilityRole) ? s.role = () => this.getAccessibilityRole() : s.role = u), t && (s["aria-disabled"] = "true", s.tabindex = "-1"), s.onclick = (m) => this.handleClick(m), s.style = {
       textDecoration: "none",
       color: "inherit",
       cursor: t ? "not-allowed" : "pointer",
       opacity: t ? 0.6 : 1
-    }, a("a", i, ...e);
+    }, a("a", s, ...e);
   }
   // Concatenation support
   concat(e) {
-    const t = this.toSegment(), i = e.toSegment(), n = {
+    const t = this.toSegment(), s = e.toSegment(), o = {
       totalSegments: 2,
       accessibilityRole: "composite",
       semanticStructure: "inline"
     };
-    return new P([t, i], n);
+    return new z([t, s], o);
   }
   toSegment() {
     return {
@@ -573,24 +573,24 @@ class G {
     return !0;
   }
 }
-function me(s, e) {
+function me(i, e) {
   if (e !== void 0) {
-    const n = {
-      text: s,
+    const o = {
+      text: i,
       destination: e
-    }, r = new G(n);
-    return A(r);
+    }, n = new G(o);
+    return A(n);
   }
-  const t = s, i = new G(t);
-  return A(i);
+  const t = i, s = new G(t);
+  return A(s);
 }
 const x = {
   /**
    * Create an external link that opens in a new tab
    */
-  external(s, e, t = {}) {
+  external(i, e, t = {}) {
     return {
-      destination: s,
+      destination: i,
       children: e,
       target: "_blank",
       routingMode: "external",
@@ -602,9 +602,9 @@ const x = {
   /**
    * Create an internal link for same-domain navigation
    */
-  internal(s, e, t = {}) {
+  internal(i, e, t = {}) {
     return {
-      destination: s,
+      destination: i,
       children: e,
       routingMode: "internal",
       target: "_self",
@@ -614,9 +614,9 @@ const x = {
   /**
    * Create a SPA link using History API
    */
-  spa(s, e, t = {}) {
+  spa(i, e, t = {}) {
     return {
-      destination: s,
+      destination: i,
       children: e,
       routingMode: "spa",
       target: "_self",
@@ -627,33 +627,33 @@ const x = {
   /**
    * Create an email link with optional subject and body
    */
-  email(s, e, t, i) {
-    let n = `mailto:${s}`;
-    const r = new URLSearchParams();
-    return e && r.append("subject", e), t && r.append("body", t), r.toString() && (n += `?${r.toString()}`), {
-      destination: n,
-      children: i || s,
-      accessibilityLabel: `Send email to ${s}`,
+  email(i, e, t, s) {
+    let o = `mailto:${i}`;
+    const n = new URLSearchParams();
+    return e && n.append("subject", e), t && n.append("body", t), n.toString() && (o += `?${n.toString()}`), {
+      destination: o,
+      children: s || i,
+      accessibilityLabel: `Send email to ${i}`,
       accessibilityHint: "Opens your email app"
     };
   },
   /**
    * Create a phone link with formatted display
    */
-  phone(s, e) {
+  phone(i, e) {
     return {
-      destination: `tel:${s.replace(/[^\d+]/g, "")}`,
-      children: e || s,
-      accessibilityLabel: `Call ${s}`,
+      destination: `tel:${i.replace(/[^\d+]/g, "")}`,
+      children: e || i,
+      accessibilityLabel: `Call ${i}`,
       accessibilityHint: "Opens your phone app"
     };
   },
   /**
    * Create a download link
    */
-  download(s, e, t) {
+  download(i, e, t) {
     return {
-      destination: s,
+      destination: i,
       children: t || `Download ${e || "file"}`,
       download: e || !0,
       accessibilityLabel: `Download ${e || "file"}`,
@@ -664,39 +664,39 @@ const x = {
    * Social media link utilities
    */
   social: {
-    twitter(s, e) {
+    twitter(i, e) {
       return x.external(
-        `https://twitter.com/${s}`,
-        e || `@${s}`,
-        { accessibilityLabel: `Visit ${s} on Twitter` }
+        `https://twitter.com/${i}`,
+        e || `@${i}`,
+        { accessibilityLabel: `Visit ${i} on Twitter` }
       );
     },
-    github(s, e) {
+    github(i, e) {
       return x.external(
-        `https://github.com/${s}`,
-        e || s,
-        { accessibilityLabel: `Visit ${s} on GitHub` }
+        `https://github.com/${i}`,
+        e || i,
+        { accessibilityLabel: `Visit ${i} on GitHub` }
       );
     },
-    linkedin(s, e) {
+    linkedin(i, e) {
       return x.external(
-        `https://linkedin.com/in/${s}`,
-        e || s,
-        { accessibilityLabel: `Visit ${s} on LinkedIn` }
+        `https://linkedin.com/in/${i}`,
+        e || i,
+        { accessibilityLabel: `Visit ${i} on LinkedIn` }
       );
     },
-    instagram(s, e) {
+    instagram(i, e) {
       return x.external(
-        `https://instagram.com/${s}`,
-        e || `@${s}`,
-        { accessibilityLabel: `Visit ${s} on Instagram` }
+        `https://instagram.com/${i}`,
+        e || `@${i}`,
+        { accessibilityLabel: `Visit ${i} on Instagram` }
       );
     },
-    facebook(s, e) {
+    facebook(i, e) {
       return x.external(
-        `https://facebook.com/${s}`,
-        e || s,
-        { accessibilityLabel: `Visit ${s} on Facebook` }
+        `https://facebook.com/${i}`,
+        e || i,
+        { accessibilityLabel: `Visit ${i} on Facebook` }
       );
     }
   },
@@ -704,9 +704,9 @@ const x = {
    * App store link utilities
    */
   appStore: {
-    ios(s, e) {
+    ios(i, e) {
       return x.external(
-        `https://apps.apple.com/app/id${s}`,
+        `https://apps.apple.com/app/id${i}`,
         e || "Download from App Store",
         {
           accessibilityLabel: "Download from the iOS App Store",
@@ -714,9 +714,9 @@ const x = {
         }
       );
     },
-    android(s, e) {
+    android(i, e) {
       return x.external(
-        `https://play.google.com/store/apps/details?id=${s}`,
+        `https://play.google.com/store/apps/details?id=${i}`,
         e || "Get it on Google Play",
         {
           accessibilityLabel: "Download from Google Play Store",
@@ -728,24 +728,24 @@ const x = {
   /**
    * Create a custom OpenURL action
    */
-  openURLAction(s) {
-    return (e) => s(e) ? "handled" : "systemAction";
+  openURLAction(i) {
+    return (e) => i(e) ? "handled" : "systemAction";
   }
 };
-var ae = Object.defineProperty, le = (s, e, t) => e in s ? ae(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, y = (s, e, t) => le(s, typeof e != "symbol" ? e + "" : e, t);
+var ae = Object.defineProperty, le = (i, e, t) => e in i ? ae(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, S = (i, e, t) => le(i, typeof e != "symbol" ? e + "" : e, t);
 class ce {
   constructor(e) {
-    y(this, "props", e), y(this, "type", "component"), y(this, "id"), y(this, "mounted", !1), y(this, "cleanup", []), y(this, "toggleElement", null), y(this, "setIsAnimating"), y(this, "handleToggle", async (i) => {
-      if (i.preventDefault(), this.isDisabled()) return;
-      const n = !this.getIsOn();
+    S(this, "props", e), S(this, "type", "component"), S(this, "id"), S(this, "mounted", !1), S(this, "cleanup", []), S(this, "toggleElement", null), S(this, "setIsAnimating"), S(this, "handleToggle", async (s) => {
+      if (s.preventDefault(), this.isDisabled()) return;
+      const o = !this.getIsOn();
       this.props.animated !== !1 && (this.setIsAnimating(!0), setTimeout(() => {
         this.setIsAnimating(!1);
-      }, 200)), this.props.onToggle && this.props.onToggle(n);
+      }, 200)), this.props.onToggle && this.props.onToggle(o);
     }), this.id = `toggle-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const [, t] = R(!1);
+    const [, t] = F(!1);
     this.setIsAnimating = t, Y(() => {
-      const i = this.getIsOn();
-      this.toggleElement && this.toggleElement.checked !== i && (this.toggleElement.checked = i);
+      const s = this.getIsOn();
+      this.toggleElement && this.toggleElement.checked !== s && (this.toggleElement.checked = s);
     });
   }
   /**
@@ -843,12 +843,12 @@ class ce {
    * Render switch variant
    */
   renderSwitch() {
-    const e = this.getIsOn(), t = this.isDisabled(), i = this.getSizeStyles(), {
-      color: n = "#007AFF",
-      offColor: r = "#e2e8f0",
-      thumbColor: o = "#ffffff",
+    const e = this.getIsOn(), t = this.isDisabled(), s = this.getSizeStyles(), {
+      color: o = "#007AFF",
+      offColor: n = "#e2e8f0",
+      thumbColor: r = "#ffffff",
       animated: c = !0
-    } = this.props, h = e ? n : r, T = e ? `translateX(${parseInt(i.width) - parseInt(i.thumbSize) - 2}px)` : "translateX(2px)", g = this.getInputAccessibilityProps();
+    } = this.props, u = e ? o : n, T = e ? `translateX(${parseInt(s.width) - parseInt(s.thumbSize) - 2}px)` : "translateX(2px)", m = this.getInputAccessibilityProps();
     return a(
       "div",
       {
@@ -859,13 +859,13 @@ class ce {
       },
       // Hidden input for form integration
       a("input", {
-        ref: (v) => {
-          this.toggleElement = v, v && !this.mounted && (v.addEventListener("change", this.handleToggle), this.cleanup.push(() => {
-            v.removeEventListener("change", this.handleToggle);
+        ref: (w) => {
+          this.toggleElement = w, w && !this.mounted && (w.addEventListener("change", this.handleToggle), this.cleanup.push(() => {
+            w.removeEventListener("change", this.handleToggle);
           }));
         },
         type: "checkbox",
-        id: g.id,
+        id: m.id,
         checked: e,
         disabled: t,
         style: {
@@ -876,19 +876,19 @@ class ce {
           margin: 0,
           cursor: t ? "not-allowed" : "pointer"
         },
-        "aria-label": g["aria-label"],
-        "aria-labelledby": g["aria-labelledby"],
-        "aria-describedby": g["aria-describedby"]
+        "aria-label": m["aria-label"],
+        "aria-labelledby": m["aria-labelledby"],
+        "aria-describedby": m["aria-describedby"]
       }),
       // Switch track
       a(
         "div",
         {
           style: {
-            width: i.width,
-            height: i.height,
-            backgroundColor: h,
-            borderRadius: i.height,
+            width: s.width,
+            height: s.height,
+            backgroundColor: u,
+            borderRadius: s.height,
             position: "relative",
             cursor: t ? "not-allowed" : "pointer",
             opacity: t ? 0.5 : 1,
@@ -900,9 +900,9 @@ class ce {
         // Switch thumb
         a("div", {
           style: {
-            width: i.thumbSize,
-            height: i.thumbSize,
-            backgroundColor: o,
+            width: s.thumbSize,
+            height: s.thumbSize,
+            backgroundColor: r,
             borderRadius: "50%",
             position: "absolute",
             top: "50%",
@@ -919,7 +919,7 @@ class ce {
    * Render checkbox variant
    */
   renderCheckbox() {
-    const e = this.getIsOn(), t = this.isDisabled(), i = this.getSizeStyles(), { color: n = "#007AFF" } = this.props, r = this.getInputAccessibilityProps();
+    const e = this.getIsOn(), t = this.isDisabled(), s = this.getSizeStyles(), { color: o = "#007AFF" } = this.props, n = this.getInputAccessibilityProps();
     return a(
       "div",
       {
@@ -930,13 +930,13 @@ class ce {
       },
       // Hidden input
       a("input", {
-        ref: (o) => {
-          this.toggleElement = o, o && !this.mounted && (o.addEventListener("change", this.handleToggle), this.cleanup.push(() => {
-            o.removeEventListener("change", this.handleToggle);
+        ref: (r) => {
+          this.toggleElement = r, r && !this.mounted && (r.addEventListener("change", this.handleToggle), this.cleanup.push(() => {
+            r.removeEventListener("change", this.handleToggle);
           }));
         },
         type: "checkbox",
-        id: r.id,
+        id: n.id,
         checked: e,
         disabled: t,
         style: {
@@ -947,20 +947,20 @@ class ce {
           margin: 0,
           cursor: t ? "not-allowed" : "pointer"
         },
-        "aria-label": r["aria-label"],
-        "aria-labelledby": r["aria-labelledby"],
-        "aria-describedby": r["aria-describedby"]
+        "aria-label": n["aria-label"],
+        "aria-labelledby": n["aria-labelledby"],
+        "aria-describedby": n["aria-describedby"]
       }),
       // Checkbox visual
       a(
         "div",
         {
           style: {
-            width: i.thumbSize,
-            height: i.thumbSize,
-            border: `2px solid ${e ? n : "#d1d5db"}`,
+            width: s.thumbSize,
+            height: s.thumbSize,
+            border: `2px solid ${e ? o : "#d1d5db"}`,
             borderRadius: "4px",
-            backgroundColor: e ? n : "#ffffff",
+            backgroundColor: e ? o : "#ffffff",
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
@@ -991,24 +991,24 @@ class ce {
    * Render button variant
    */
   renderButton() {
-    const e = this.getIsOn(), t = this.isDisabled(), i = this.getSizeStyles(), { color: n = "#007AFF", offColor: r = "#f3f4f6" } = this.props;
+    const e = this.getIsOn(), t = this.isDisabled(), s = this.getSizeStyles(), { color: o = "#007AFF", offColor: n = "#f3f4f6" } = this.props;
     return a(
       "button",
       {
-        ref: (o) => {
-          o && !this.mounted && (o.addEventListener("click", this.handleToggle), this.cleanup.push(() => {
-            o.removeEventListener("click", this.handleToggle);
+        ref: (r) => {
+          r && !this.mounted && (r.addEventListener("click", this.handleToggle), this.cleanup.push(() => {
+            r.removeEventListener("click", this.handleToggle);
           }));
         },
         type: "button",
         disabled: t,
         style: {
           padding: "8px 16px",
-          backgroundColor: e ? n : r,
+          backgroundColor: e ? o : n,
           color: e ? "#ffffff" : "#374151",
-          border: `1px solid ${e ? n : "#d1d5db"}`,
+          border: `1px solid ${e ? o : "#d1d5db"}`,
           borderRadius: "6px",
-          fontSize: i.fontSize,
+          fontSize: s.fontSize,
           fontWeight: "500",
           cursor: t ? "not-allowed" : "pointer",
           opacity: t ? 0.5 : 1,
@@ -1041,13 +1041,13 @@ class ce {
   renderLabel(e = !1) {
     const t = this.resolveLabel();
     if (!t) return null;
-    const i = this.getSizeStyles();
+    const s = this.getSizeStyles();
     return a(
       "span",
       {
         id: this.getLabelId(),
         style: {
-          fontSize: i.fontSize,
+          fontSize: s.fontSize,
           color: this.isDisabled() ? "#9ca3af" : "#374151",
           cursor: this.isDisabled() ? "not-allowed" : "pointer"
         },
@@ -1060,15 +1060,15 @@ class ce {
     const {
       variant: e = "switch",
       labelPosition: t = "trailing",
-      spacing: i = 8,
-      accessibilityHint: n
-    } = this.props, r = this.renderLabel(e === "button"), o = this.renderToggleControl(), c = t === "leading" && r ? [r, o] : r ? [o, r] : [o], h = e === "button" ? a(
+      spacing: s = 8,
+      accessibilityHint: o
+    } = this.props, n = this.renderLabel(e === "button"), r = this.renderToggleControl(), c = t === "leading" && n ? [n, r] : n ? [r, n] : [r], u = e === "button" ? a(
       "div",
       {
         style: {
           display: "flex",
           alignItems: "center",
-          gap: r ? `${i}px` : "0",
+          gap: n ? `${s}px` : "0",
           cursor: this.isDisabled() ? "not-allowed" : "pointer"
         }
       },
@@ -1080,7 +1080,7 @@ class ce {
         style: {
           display: "flex",
           alignItems: "center",
-          gap: r ? `${i}px` : "0",
+          gap: n ? `${s}px` : "0",
           cursor: this.isDisabled() ? "not-allowed" : "pointer"
         }
       },
@@ -1089,10 +1089,10 @@ class ce {
     return a(
       "div",
       {
-        "aria-describedby": n ? `${this.id}-hint` : void 0
+        "aria-describedby": o ? `${this.id}-hint` : void 0
       },
-      h,
-      ...n ? [
+      u,
+      ...o ? [
         a(
           "div",
           {
@@ -1105,74 +1105,74 @@ class ce {
               width: "100%"
             }
           },
-          d(n)
+          d(o)
         )
       ] : []
     );
   }
 }
-function b(s, e = {}) {
-  const t = { ...e, isOn: s }, i = new ce(t);
-  return A(i);
+function g(i, e = {}) {
+  const t = { ...e, isOn: i }, s = new ce(t);
+  return A(s);
 }
-function j(s, e, t = {}) {
-  return b(e, { ...t, label: s });
+function j(i, e, t = {}) {
+  return g(e, { ...t, label: i });
 }
 const ye = {
   /**
    * Switch toggle (default)
    */
-  Switch(s, e = {}) {
-    return b(s, { ...e, variant: "switch" });
+  Switch(i, e = {}) {
+    return g(i, { ...e, variant: "switch" });
   },
   /**
    * Checkbox toggle
    */
-  Checkbox(s, e = {}) {
-    return b(s, { ...e, variant: "checkbox" });
+  Checkbox(i, e = {}) {
+    return g(i, { ...e, variant: "checkbox" });
   },
   /**
    * Button toggle
    */
-  Button(s, e = {}) {
-    return b(s, { ...e, variant: "button" });
+  Button(i, e = {}) {
+    return g(i, { ...e, variant: "button" });
   },
   /**
    * Small toggle
    */
-  Small(s, e = {}) {
-    return b(s, { ...e, size: "small" });
+  Small(i, e = {}) {
+    return g(i, { ...e, size: "small" });
   },
   /**
    * Large toggle
    */
-  Large(s, e = {}) {
-    return b(s, { ...e, size: "large" });
+  Large(i, e = {}) {
+    return g(i, { ...e, size: "large" });
   },
   /**
    * Custom color toggle
    */
-  CustomColor(s, e, t = {}) {
-    return b(s, { ...t, color: e });
+  CustomColor(i, e, t = {}) {
+    return g(i, { ...t, color: e });
   },
   /**
    * Toggle with leading label
    */
-  WithLeadingLabel(s, e, t = {}) {
-    return b(e, { ...t, label: s, labelPosition: "leading" });
+  WithLeadingLabel(i, e, t = {}) {
+    return g(e, { ...t, label: i, labelPosition: "leading" });
   },
   /**
    * Toggle with trailing label (default)
    */
-  WithTrailingLabel(s, e, t = {}) {
-    return b(e, { ...t, label: s, labelPosition: "trailing" });
+  WithTrailingLabel(i, e, t = {}) {
+    return g(e, { ...t, label: i, labelPosition: "trailing" });
   }
 }, Se = {
   /**
    * Create a toggle group with multiple options
    */
-  createGroup(s, e = {}) {
-    return s.map(
+  createGroup(i, e = {}) {
+    return i.map(
       (t) => j(t.label, t.isOn, {
         ...e,
         onToggle: t.onToggle
@@ -1182,13 +1182,13 @@ const ye = {
   /**
    * Create exclusive toggle group (radio-like behavior)
    */
-  createExclusiveGroup(s, e, t, i = {}) {
-    const n = () => l(e) ? e() : e;
-    return s.map(
-      (r) => j(r.label, n() === r.key, {
-        ...i,
-        onToggle: (o) => {
-          o && t && t(r.key);
+  createExclusiveGroup(i, e, t, s = {}) {
+    const o = () => l(e) ? e() : e;
+    return i.map(
+      (n) => j(n.label, o() === n.key, {
+        ...s,
+        onToggle: (r) => {
+          r && t && t(n.key);
         }
       })
     );
@@ -1200,47 +1200,47 @@ const ye = {
     /**
      * Toggle all items in a group
      */
-    toggleAll(s, e) {
-      s.forEach((t) => {
+    toggleAll(i, e) {
+      i.forEach((t) => {
         t.onToggle && t.onToggle(e);
       });
     },
     /**
      * Get state of all toggles in a group
      */
-    getStates(s) {
-      return s.map((e) => l(e.isOn) ? e.isOn() : e.isOn);
+    getStates(i) {
+      return i.map((e) => l(e.isOn) ? e.isOn() : e.isOn);
     },
     /**
      * Check if all toggles are on
      */
-    allOn(s) {
-      return this.getStates(s).every((e) => e);
+    allOn(i) {
+      return this.getStates(i).every((e) => e);
     },
     /**
      * Check if any toggle is on
      */
-    anyOn(s) {
-      return this.getStates(s).some((e) => e);
+    anyOn(i) {
+      return this.getStates(i).some((e) => e);
     }
   }
 };
-var de = Object.defineProperty, pe = (s, e, t) => e in s ? de(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, u = (s, e, t) => pe(s, typeof e != "symbol" ? e + "" : e, t);
+var de = Object.defineProperty, pe = (i, e, t) => e in i ? de(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, f = (i, e, t) => pe(i, typeof e != "symbol" ? e + "" : e, t);
 class he {
   constructor(e) {
-    u(this, "props", e), u(this, "type", "component"), u(this, "id"), u(this, "mounted", !1), u(this, "cleanup", []), u(this, "isOpen"), u(this, "setIsOpen"), u(this, "searchTerm"), u(this, "setSearchTerm"), u(this, "handleSelection", (o) => {
-      this.props.onSelectionChange && this.props.onSelectionChange(o), (this.props.variant === "dropdown" || this.props.variant === "menu") && this.setIsOpen(!1), this.setSearchTerm("");
-    }), u(this, "toggleOpen", () => {
+    f(this, "props", e), f(this, "type", "component"), f(this, "id"), f(this, "mounted", !1), f(this, "cleanup", []), f(this, "isOpen"), f(this, "setIsOpen"), f(this, "searchTerm"), f(this, "setSearchTerm"), f(this, "handleSelection", (r) => {
+      this.props.onSelectionChange && this.props.onSelectionChange(r), (this.props.variant === "dropdown" || this.props.variant === "menu") && this.setIsOpen(!1), this.setSearchTerm("");
+    }), f(this, "toggleOpen", () => {
       this.isDisabled() || this.setIsOpen(!this.isOpen());
     }), this.id = `picker-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const [t, i] = R(!1), [n, r] = R("");
-    if (this.isOpen = t, this.setIsOpen = i, this.searchTerm = n, this.setSearchTerm = r, typeof window < "u") {
-      const o = (c) => {
-        const h = document.getElementById(this.id);
-        h && !h.contains(c.target) && this.setIsOpen(!1);
+    const [t, s] = F(!1), [o, n] = F("");
+    if (this.isOpen = t, this.setIsOpen = s, this.searchTerm = o, this.setSearchTerm = n, typeof window < "u") {
+      const r = (c) => {
+        const u = document.getElementById(this.id);
+        u && !u.contains(c.target) && this.setIsOpen(!1);
       };
-      document.addEventListener("click", o), this.cleanup.push(() => {
-        document.removeEventListener("click", o);
+      document.addEventListener("click", r), this.cleanup.push(() => {
+        document.removeEventListener("click", r);
       });
     }
   }
@@ -1264,7 +1264,7 @@ class he {
   getFilteredOptions() {
     const e = this.getOptions(), t = this.searchTerm().toLowerCase();
     return !t || !this.props.searchable ? e : e.filter(
-      (i) => i.label.toLowerCase().includes(t) || i.description?.toLowerCase().includes(t)
+      (s) => s.label.toLowerCase().includes(t) || s.description?.toLowerCase().includes(t)
     );
   }
   /**
@@ -1279,7 +1279,7 @@ class he {
    */
   getSelectedOption() {
     const e = this.getSelection();
-    return this.getOptions().find((i) => i.value === e) || null;
+    return this.getOptions().find((s) => s.value === e) || null;
   }
   /**
    * Get picker size styles
@@ -1311,7 +1311,7 @@ class he {
    * Render dropdown variant
    */
   renderDropdown() {
-    const e = this.getSelectedOption(), t = this.getFilteredOptions(), i = this.getSizeStyles(), n = this.isOpen();
+    const e = this.getSelectedOption(), t = this.getFilteredOptions(), s = this.getSizeStyles(), o = this.isOpen();
     return a(
       "div",
       {
@@ -1330,7 +1330,7 @@ class he {
           onClick: this.toggleOpen,
           disabled: this.isDisabled(),
           style: {
-            ...i,
+            ...s,
             width: "100%",
             display: "flex",
             alignItems: "center",
@@ -1340,7 +1340,7 @@ class he {
             borderRadius: "6px",
             cursor: this.isDisabled() ? "not-allowed" : "pointer",
             opacity: this.isDisabled() ? 0.6 : 1,
-            ...n && {
+            ...o && {
               borderColor: this.props.tint || "#007AFF",
               boxShadow: `0 0 0 1px ${this.props.tint || "#007AFF"}`
             }
@@ -1363,14 +1363,14 @@ class he {
             style: {
               fontSize: "12px",
               color: "#6b7280",
-              transform: n ? "rotate(180deg)" : "rotate(0deg)",
+              transform: o ? "rotate(180deg)" : "rotate(0deg)",
               transition: "transform 0.2s"
             }
           },
           d("▼")
         )
       ),
-      ...n ? [
+      ...o ? [
         a(
           "div",
           {
@@ -1402,9 +1402,9 @@ class he {
                 type: "text",
                 placeholder: "Search options...",
                 value: this.searchTerm(),
-                onInput: (r) => {
-                  const o = r.target;
-                  this.setSearchTerm(o.value);
+                onInput: (n) => {
+                  const r = n.target;
+                  this.setSearchTerm(r.value);
                 },
                 style: {
                   width: "100%",
@@ -1417,21 +1417,21 @@ class he {
             )
           ] : [],
           ...t.map(
-            (r) => a(
+            (n) => a(
               "button",
               {
                 type: "button",
-                key: String(r.value),
-                onClick: () => this.handleSelection(r.value),
-                disabled: r.disabled,
+                key: String(n.value),
+                onClick: () => this.handleSelection(n.value),
+                disabled: n.disabled,
                 style: {
                   width: "100%",
                   padding: "8px 12px",
                   textAlign: "left",
-                  backgroundColor: r.value === this.getSelection() ? "#f3f4f6" : "transparent",
+                  backgroundColor: n.value === this.getSelection() ? "#f3f4f6" : "transparent",
                   border: "none",
-                  cursor: r.disabled ? "not-allowed" : "pointer",
-                  opacity: r.disabled ? 0.5 : 1,
+                  cursor: n.disabled ? "not-allowed" : "pointer",
+                  opacity: n.disabled ? 0.5 : 1,
                   fontSize: "14px",
                   display: "flex",
                   alignItems: "center",
@@ -1441,18 +1441,18 @@ class he {
                   }
                 }
               },
-              ...r.icon ? [
+              ...n.icon ? [
                 a(
                   "span",
                   { style: { fontSize: "16px" } },
-                  d(r.icon)
+                  d(n.icon)
                 )
               ] : [],
               a(
                 "div",
                 {},
-                a("div", {}, d(r.label)),
-                ...r.description ? [
+                a("div", {}, d(n.label)),
+                ...n.description ? [
                   a(
                     "div",
                     {
@@ -1462,7 +1462,7 @@ class he {
                         marginTop: "2px"
                       }
                     },
-                    d(r.description)
+                    d(n.description)
                   )
                 ] : []
               )
@@ -1490,7 +1490,7 @@ class he {
    * Render segmented variant
    */
   renderSegmented() {
-    const e = this.getOptions(), t = this.getSelection(), i = this.getSizeStyles();
+    const e = this.getOptions(), t = this.getSelection(), s = this.getSizeStyles();
     return a(
       "div",
       {
@@ -1504,33 +1504,33 @@ class he {
         "aria-label": this.props.accessibilityLabel
       },
       ...e.map(
-        (n, r) => a(
+        (o, n) => a(
           "button",
           {
             type: "button",
-            key: String(n.value),
-            onClick: () => this.handleSelection(n.value),
-            disabled: n.disabled || this.isDisabled(),
+            key: String(o.value),
+            onClick: () => this.handleSelection(o.value),
+            disabled: o.disabled || this.isDisabled(),
             role: "radio",
-            "aria-checked": n.value === t,
+            "aria-checked": o.value === t,
             style: {
-              ...i,
+              ...s,
               flex: 1,
               border: "none",
               borderRadius: "6px",
-              backgroundColor: n.value === t ? "#ffffff" : "transparent",
-              color: n.value === t ? "#1a1a1a" : "#6b7280",
-              fontWeight: n.value === t ? "600" : "400",
-              cursor: n.disabled || this.isDisabled() ? "not-allowed" : "pointer",
-              opacity: n.disabled || this.isDisabled() ? 0.5 : 1,
-              boxShadow: n.value === t ? "0 1px 2px rgba(0, 0, 0, 0.1)" : "none",
+              backgroundColor: o.value === t ? "#ffffff" : "transparent",
+              color: o.value === t ? "#1a1a1a" : "#6b7280",
+              fontWeight: o.value === t ? "600" : "400",
+              cursor: o.disabled || this.isDisabled() ? "not-allowed" : "pointer",
+              opacity: o.disabled || this.isDisabled() ? 0.5 : 1,
+              boxShadow: o.value === t ? "0 1px 2px rgba(0, 0, 0, 0.1)" : "none",
               transition: "all 0.2s",
               margin: "0",
-              ...r === 0 && { marginRight: "1px" },
-              ...r === e.length - 1 && { marginLeft: "1px" }
+              ...n === 0 && { marginRight: "1px" },
+              ...n === e.length - 1 && { marginLeft: "1px" }
             }
           },
-          ...n.icon ? [
+          ...o.icon ? [
             a(
               "span",
               {
@@ -1539,10 +1539,10 @@ class he {
                   fontSize: "14px"
                 }
               },
-              d(n.icon)
+              d(o.icon)
             )
           ] : [],
-          d(n.label)
+          d(o.label)
         )
       )
     );
@@ -1556,11 +1556,11 @@ class he {
       "select",
       {
         value: String(t),
-        onChange: (i) => {
-          const n = i.target, r = e.find(
-            (o) => String(o.value) === n.value
+        onChange: (s) => {
+          const o = s.target, n = e.find(
+            (r) => String(r.value) === o.value
           );
-          r && this.handleSelection(r.value);
+          n && this.handleSelection(n.value);
         },
         disabled: this.isDisabled(),
         style: {
@@ -1574,14 +1574,14 @@ class he {
         }
       },
       ...e.map(
-        (i) => a(
+        (s) => a(
           "option",
           {
-            key: String(i.value),
-            value: String(i.value),
-            disabled: i.disabled
+            key: String(s.value),
+            value: String(s.value),
+            disabled: s.disabled
           },
-          d(i.label)
+          d(s.label)
         )
       )
     );
@@ -1590,28 +1590,28 @@ class he {
     const {
       variant: e = "dropdown",
       accessibilityLabel: t,
-      accessibilityHint: i
-    } = this.props, n = {
+      accessibilityHint: s
+    } = this.props, o = {
       "aria-label": t,
-      "aria-describedby": i ? `${this.id}-hint` : void 0
+      "aria-describedby": s ? `${this.id}-hint` : void 0
     };
-    let r;
+    let n;
     switch (e) {
       case "segmented":
-        r = this.renderSegmented();
+        n = this.renderSegmented();
         break;
       case "wheel":
-        r = this.renderWheel();
+        n = this.renderWheel();
         break;
       default:
-        r = this.renderDropdown();
+        n = this.renderDropdown();
         break;
     }
     return a(
       "div",
+      o,
       n,
-      r,
-      ...i ? [
+      ...s ? [
         a(
           "div",
           {
@@ -1622,51 +1622,51 @@ class he {
               marginTop: "4px"
             }
           },
-          d(i)
+          d(s)
         )
       ] : []
     );
   }
 }
-function $(s, e, t = {}) {
-  const i = { ...t, selection: s, options: e }, n = new he(i);
-  return A(n);
+function R(i, e, t = {}) {
+  const s = { ...t, selection: i, options: e }, o = new he(s);
+  return A(o);
 }
-const xe = {
+const ve = {
   /**
    * Dropdown picker (default)
    */
   // biome-ignore lint/suspicious/noExplicitAny: Generic dropdown picker requires flexible type
-  Dropdown(s, e, t = {}) {
-    return $(s, e, { ...t, variant: "dropdown" });
+  Dropdown(i, e, t = {}) {
+    return R(i, e, { ...t, variant: "dropdown" });
   },
   /**
    * Segmented picker
    */
   // biome-ignore lint/suspicious/noExplicitAny: Generic segmented picker requires flexible type
-  Segmented(s, e, t = {}) {
-    return $(s, e, { ...t, variant: "segmented" });
+  Segmented(i, e, t = {}) {
+    return R(i, e, { ...t, variant: "segmented" });
   },
   /**
    * Wheel picker (native select)
    */
   // biome-ignore lint/suspicious/noExplicitAny: Generic wheel picker requires flexible type
-  Wheel(s, e, t = {}) {
-    return $(s, e, { ...t, variant: "wheel" });
+  Wheel(i, e, t = {}) {
+    return R(i, e, { ...t, variant: "wheel" });
   },
   /**
    * Menu picker
    */
   // biome-ignore lint/suspicious/noExplicitAny: Generic menu picker requires flexible type
-  Menu(s, e, t = {}) {
-    return $(s, e, { ...t, variant: "menu" });
+  Menu(i, e, t = {}) {
+    return R(i, e, { ...t, variant: "menu" });
   }
-}, ve = {
+}, xe = {
   /**
    * Create options from simple array
    */
-  fromArray(s, e) {
-    return s.map((t) => ({
+  fromArray(i, e) {
+    return i.map((t) => ({
       value: t,
       label: String(e && typeof t == "object" && t !== null ? t[e] : t)
     }));
@@ -1674,8 +1674,8 @@ const xe = {
   /**
    * Create options from enum
    */
-  fromEnum(s) {
-    return Object.entries(s).map(([e, t]) => ({
+  fromEnum(i) {
+    return Object.entries(i).map(([e, t]) => ({
       value: t,
       label: e.replace(/([A-Z])/g, " $1").trim()
     }));
@@ -1683,28 +1683,28 @@ const xe = {
   /**
    * Group options by category
    */
-  grouped(s) {
-    return s.reduce(
+  grouped(i) {
+    return i.reduce(
       (e, t) => {
-        const i = t.category || "Other";
-        return e[i] || (e[i] = []), e[i].push(t), e;
+        const s = t.category || "Other";
+        return e[s] || (e[s] = []), e[s].push(t), e;
       },
       {}
     );
   }
 };
 export {
-  L as B,
-  z as E,
+  h as B,
+  I as E,
   me as L,
-  $ as P,
-  b as T,
+  R as P,
+  g as T,
   ge as a,
   he as b,
   ce as c,
   x as d,
-  xe as e,
-  ve as f,
+  ve as e,
+  xe as f,
   ye as g,
   Se as h,
   j as i,