@mt-gloss/ui 0.1.107 → 0.1.108

package/{UIContext-DP6JGCto.js → UIContext-Dm0GYHFT.js}

@@ -1,19 +1,20 @@
-import { jsx as n, jsxs as b } from "react/jsx-runtime";
-import p, { useState as C, createContext as x, useContext as $ } from "react";
-import { createPortal as w } from "react-dom";
-import { useFloating as R, autoUpdate as P, offset as z, flip as T, shift as M, useDismiss as D, useRole as I, useInteractions as V } from "@floating-ui/react";
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import u, { useState as N, createContext as C, useContext as x } from "react";
+import { c as R } from "./BaseText-Dxbk1JJa.js";
+import { createPortal as $ } from "react-dom";
+import { useFloating as P, autoUpdate as w, offset as z, flip as M, shift as T, useDismiss as D, useRole as I, useInteractions as V } from "@floating-ui/react";
 import { AnimatePresence as E, motion as O } from "framer-motion";
-function u(s, a, e, o) {
+function p(s, e, a, o) {
   const t = {}, l = {};
   if (!s) return { style: t, dataAttrs: l };
-  for (const [r, d] of Object.entries(a)) {
-    const i = s[r];
-    i != null && i !== !1 && (t[d] = String(i));
+  for (const [r, d] of Object.entries(e)) {
+    const n = s[r];
+    n != null && n !== !1 && (t[d] = String(n));
   }
-  if (e)
-    for (const [r, d] of Object.entries(e)) {
-      const i = s[r];
-      i != null && i !== !1 && (l[d] = String(i));
+  if (a)
+    for (const [r, d] of Object.entries(a)) {
+      const n = s[r];
+      n != null && n !== !1 && (l[d] = String(n));
     }
   return { style: t, dataAttrs: l };
 }
@@ -29,25 +30,25 @@ const H = {
   fontWeight: "--_font-weight",
   minHeight: "--_min-height",
   gap: "--_gap"
-}, F = {
+}, G = {
   display: "data-display"
 };
-function G(s) {
-  const { as: a, definition: e, className: o, style: t, children: l, disabled: r, loading: d, ...i } = s, c = a || "button", { style: g, dataAttrs: _ } = u(e, H, F);
-  return r && (_["data-disabled"] = ""), d && (_["data-loading"] = ""), /* @__PURE__ */ n(
+function F(s) {
+  const { as: e, definition: a, className: o, style: t, children: l, disabled: r, loading: d, ...n } = s, c = e || "button", { style: g, dataAttrs: _ } = p(a, H, G);
+  return r && (_["data-disabled"] = ""), d && (_["data-loading"] = ""), /* @__PURE__ */ i(
     c,
     {
       className: o ? `gloss-base-button ${o}` : "gloss-base-button",
       style: { ...g, ...t },
       disabled: r || d,
       ..._,
-      ...i,
+      ...n,
       children: l
     }
   );
 }
-G.displayName = "BaseButton";
-const Ga = {
+F.displayName = "BaseButton";
+const Hs = {
   // Brand
   BrandPrimary: "var(--gloss-color-brand-primary)",
   BrandPrimaryHover: "var(--gloss-color-brand-primary-hover)",
@@ -118,7 +119,7 @@ const Ga = {
   Amber600: "var(--gloss-color-amber-600)",
   // Base
   White: "var(--gloss-color-white)"
-}, La = {
+}, Gs = {
   None: "0",
   Xs: "var(--gloss-spacing-1)",
   Sm: "var(--gloss-spacing-2)",
@@ -130,7 +131,7 @@ const Ga = {
   "4xl": "var(--gloss-spacing-10)",
   "5xl": "var(--gloss-spacing-12)",
   "6xl": "var(--gloss-spacing-16)"
-}, Wa = {
+}, Fs = {
   // Font families (CSS vars)
   FontDisplay: "var(--gloss-font-display)",
   FontBody: "var(--gloss-font-body)",
@@ -153,7 +154,7 @@ const Ga = {
   WeightMedium: "500",
   WeightSemibold: "600",
   WeightBold: "700"
-}, Xa = {
+}, Ls = {
   Card: "var(--gloss-elevation-card)",
   ButtonDefault: "var(--gloss-elevation-button-default)",
   ButtonHover: "var(--gloss-elevation-button-hover)",
@@ -163,7 +164,7 @@ const Ga = {
   InputFocus: "var(--gloss-elevation-input-focus)",
   Sidebar: "var(--gloss-elevation-sidebar)",
   None: "none"
-}, ja = {
+}, Ws = {
   None: "0",
   Xs: "var(--gloss-radius-xs)",
   Sm: "var(--gloss-radius-sm)",
@@ -171,7 +172,7 @@ const Ga = {
   Lg: "var(--gloss-radius-lg)",
   Xl: "var(--gloss-radius-xl)",
   Full: "var(--gloss-radius-full)"
-}, Ua = {
+}, Us = {
   Dropdown: "var(--gloss-z-dropdown)",
   Sticky: "var(--gloss-z-sticky)",
   Overlay: "var(--gloss-z-overlay)",
@@ -180,124 +181,77 @@ const Ga = {
   Toast: "var(--gloss-z-toast)"
 };
 function L(s) {
-  const { as: a, definition: e, className: o, style: t, children: l, ...r } = s, d = a || "div", i = { ...t };
-  e?.padding && (i["--_padding"] = e.padding), e?.paddingX && (i["--_px"] = e.paddingX), e?.paddingY && (i["--_py"] = e.paddingY), e?.margin && (i["--_margin"] = e.margin), e?.gap && (i["--_gap"] = e.gap), e?.bg && (i["--_bg"] = e.bg), e?.border && (i["--_border"] = e.border), e?.radius && (i["--_radius"] = e.radius);
+  const { as: e, definition: a, className: o, style: t, children: l, ...r } = s, d = e || "div", n = { ...t };
+  a?.gap && (n["--_gap"] = a.gap), a?.padding && (n["--_padding"] = a.padding);
   const c = {};
-  return e?.display && (c["data-display"] = e.display), e?.direction && (c["data-direction"] = e.direction), e?.align && (c["data-align"] = e.align), e?.justify && (c["data-justify"] = e.justify), e?.wrap && (c["data-wrap"] = ""), e?.paddingX && (c["data-has-px"] = ""), e?.paddingY && (c["data-has-py"] = ""), /* @__PURE__ */ n(
-    d,
-    {
-      className: o ? `gloss-base-box ${o}` : "gloss-base-box",
-      style: i,
-      ...c,
-      ...r,
-      children: l
-    }
-  );
-}
-L.displayName = "BaseBox";
-function W(s) {
-  const { as: a, definition: e, className: o, style: t, children: l, ...r } = s, d = a || "div", i = { ...t };
-  e?.gap && (i["--_gap"] = e.gap), e?.padding && (i["--_padding"] = e.padding);
-  const c = {};
-  return e?.direction === "horizontal" && (c["data-direction"] = "horizontal"), e?.align && (c["data-align"] = e.align), e?.justify && (c["data-justify"] = e.justify), e?.wrap && (c["data-wrap"] = ""), /* @__PURE__ */ n(
+  return a?.direction === "horizontal" && (c["data-direction"] = "horizontal"), a?.align && (c["data-align"] = a.align), a?.justify && (c["data-justify"] = a.justify), a?.wrap && (c["data-wrap"] = ""), /* @__PURE__ */ i(
     d,
     {
       className: o ? `gloss-base-stack ${o}` : "gloss-base-stack",
-      style: i,
+      style: n,
       ...c,
       ...r,
       children: l
     }
   );
 }
-W.displayName = "BaseStack";
-function X(s) {
-  const { as: a, definition: e, className: o, style: t, ...l } = s, r = a || "hr", d = { ...t };
-  e?.color && (d["--_color"] = e.color), e?.thickness && (d["--_thickness"] = e.thickness), e?.spacing && (d["--_spacing"] = e.spacing);
-  const i = {};
-  return e?.orientation === "vertical" && (i["data-orientation"] = "vertical"), /* @__PURE__ */ n(
-    r,
-    {
-      className: o ? `gloss-base-divider ${o}` : "gloss-base-divider",
-      style: d,
-      ...i,
-      ...l
-    }
-  );
-}
-X.displayName = "BaseDivider";
-function h(s) {
-  const { as: a, definition: e, className: o, style: t, children: l, ...r } = s, d = a || "span", i = { ...t };
-  e?.fontFamily && (i["--_font-family"] = e.fontFamily), e?.fontSize && (i["--_font-size"] = e.fontSize), e?.fontWeight && (i["--_font-weight"] = e.fontWeight), e?.lineHeight && (i["--_line-height"] = e.lineHeight), e?.letterSpacing && (i["--_letter-spacing"] = e.letterSpacing), e?.color && (i["--_color"] = e.color);
-  const c = {};
-  return e?.align && (c["data-align"] = e.align), e?.truncate && (c["data-truncate"] = ""), e?.wrap && (c["data-wrap"] = e.wrap), /* @__PURE__ */ n(
-    d,
-    {
-      className: o ? `gloss-base-typography ${o}` : "gloss-base-typography",
-      style: i,
-      ...c,
-      ...r,
-      children: l
-    }
-  );
-}
-h.displayName = "BaseTypography";
-const j = {
+L.displayName = "BaseStack";
+const W = {
   sm: 16,
   md: 20,
   lg: 24,
   xl: 32
-}, S = ({
+}, B = ({
   name: s,
-  size: a = "md",
-  className: e = "",
+  size: e = "md",
+  className: a = "",
   ...o
 }) => {
-  const t = j[a];
-  return /* @__PURE__ */ n(
+  const t = W[e];
+  return /* @__PURE__ */ i(
     "svg",
     {
       width: t,
       height: t,
-      className: e,
+      className: a,
       "aria-hidden": "true",
       focusable: "false",
       ...o,
-      children: /* @__PURE__ */ n("use", { href: `#${s}` })
+      children: /* @__PURE__ */ i("use", { href: `#${s}` })
     }
   );
 };
-S.displayName = "Icon";
+B.displayName = "Icon";
 function U(s) {
-  const { definition: a, name: e, icon: o, className: t, style: l } = s;
-  if (!e && !o) return null;
+  const { definition: e, name: a, icon: o, className: t, style: l } = s;
+  if (!a && !o) return null;
   const r = { ...l };
-  a?.color && (r["--_color"] = a.color);
+  e?.color && (r["--_color"] = e.color);
   const d = {};
-  return a?.size && (d["data-size"] = a.size), /* @__PURE__ */ n(
+  return e?.size && (d["data-size"] = e.size), /* @__PURE__ */ i(
     "span",
     {
       className: t ? `gloss-base-icon ${t}` : "gloss-base-icon",
       style: r,
       ...d,
-      children: e ? /* @__PURE__ */ n(S, { name: e, size: a?.size ?? "md" }) : o
+      children: a ? /* @__PURE__ */ i(B, { name: a, size: e?.size ?? "md" }) : o
     }
   );
 }
 U.displayName = "BaseIcon";
-function Y(s) {
+function X(s) {
   const {
-    open: a,
-    placement: e = "bottom",
+    open: e,
+    placement: a = "bottom",
     offsetValue: o = 8,
     onOpenChange: t
   } = s;
-  return R({
-    open: a,
+  return P({
+    open: e,
     onOpenChange: t,
-    placement: e,
-    middleware: [z(o), T(), M()],
-    whileElementsMounted: P,
+    placement: a,
+    middleware: [z(o), M(), T()],
+    whileElementsMounted: w,
     // Phase 6.1.1 bug fix 2026-04-16: use top/left positioning (not transform).
     // BaseOverlay wraps content in framer-motion motion.div with animate={scale},
     // which owns the `transform` CSS property. If floating-ui writes
@@ -307,44 +261,44 @@ function Y(s) {
     transform: !1
   });
 }
-function K(s) {
+function j(s) {
   const {
-    context: a,
-    outsidePress: e = !0,
+    context: e,
+    outsidePress: a = !0,
     escapeKey: o = !0,
     role: t = "dialog"
-  } = s, l = D(a, { outsidePress: e, escapeKey: o }), r = I(a, { role: t }), { getFloatingProps: d, getReferenceProps: i } = V([
+  } = s, l = D(e, { outsidePress: a, escapeKey: o }), r = I(e, { role: t }), { getFloatingProps: d, getReferenceProps: n } = V([
     l,
     r
   ]);
-  return { getFloatingProps: d, getReferenceProps: i };
+  return { getFloatingProps: d, getReferenceProps: n };
 }
-function A(s) {
-  const { definition: a, open: e, onDismiss: o, anchorRef: t, className: l, style: r, children: d } = s, i = (N) => {
-    !N && o && o();
-  }, [c, g] = p.useState(
+function S(s) {
+  const { definition: e, open: a, onDismiss: o, anchorRef: t, className: l, style: r, children: d } = s, n = (k) => {
+    !k && o && o();
+  }, [c, g] = u.useState(
     t?.current ?? null
   );
-  p.useEffect(() => {
+  u.useEffect(() => {
     g(t?.current ?? null);
   });
-  const _ = Y({
-    open: e,
-    placement: a?.placement,
-    offsetValue: a?.offset,
-    onOpenChange: i
+  const _ = X({
+    open: a,
+    placement: e?.placement,
+    offsetValue: e?.offset,
+    onOpenChange: n
   });
-  p.useEffect(() => {
+  u.useEffect(() => {
     c && (_.refs.setReference(c), _.update());
   }, [c, _.refs, _.update]);
-  const { getFloatingProps: f } = K({
+  const { getFloatingProps: f } = j({
     context: _.context,
-    outsidePress: a?.dismissOnClickOutside ?? !0,
-    escapeKey: a?.dismissOnEscape ?? !0,
-    role: a?.role ?? "dialog"
+    outsidePress: e?.dismissOnClickOutside ?? !0,
+    escapeKey: e?.dismissOnEscape ?? !0,
+    role: e?.role ?? "dialog"
   }), m = { ...r };
-  a?.bg && (m["--_bg"] = a.bg), a?.shadow && (m["--_shadow"] = a.shadow), a?.radius && (m["--_radius"] = a.radius), a?.padding && (m["--_padding"] = a.padding), a?.zIndex && (m["--_z-index"] = a.zIndex);
-  const v = a?.portal !== !1, y = !!c, B = /* @__PURE__ */ n(E, { children: e && /* @__PURE__ */ n(
+  e?.bg && (m["--_bg"] = e.bg), e?.shadow && (m["--_shadow"] = e.shadow), e?.radius && (m["--_radius"] = e.radius), e?.padding && (m["--_padding"] = e.padding), e?.zIndex && (m["--_z-index"] = e.zIndex);
+  const v = e?.portal !== !1, y = !!c, h = /* @__PURE__ */ i(E, { children: a && /* @__PURE__ */ i(
     O.div,
     {
       ref: _.refs.setFloating,
@@ -358,10 +312,10 @@ function A(s) {
       children: d
     }
   ) });
-  return v && typeof document < "u" ? w(B, document.body) : B;
+  return v && typeof document < "u" ? $(h, document.body) : h;
 }
-A.displayName = "BaseOverlay";
-const Z = {
+S.displayName = "BaseOverlay";
+const K = {
   bg: "--_bg",
   color: "--_color",
   borderColor: "--_border-color",
@@ -371,16 +325,16 @@ const Z = {
   fontSize: "--_font-size",
   minHeight: "--_min-height",
   placeholderColor: "--_placeholder-color"
-}, q = {}, J = p.forwardRef(
-  ({ definition: s, className: a, style: e, label: o, helperText: t, required: l, status: r = "default", ...d }, i) => {
-    const { style: c, dataAttrs: g } = u(s, Z, q);
+}, Z = {}, Y = u.forwardRef(
+  ({ definition: s, className: e, style: a, label: o, helperText: t, required: l, status: r = "default", ...d }, n) => {
+    const { style: c, dataAttrs: g } = p(s, K, Z);
     r !== "default" && (g["data-status"] = r), d.disabled && (g["data-disabled"] = ""), d.readOnly && (g["data-readonly"] = "");
-    const _ = /* @__PURE__ */ n(
+    const _ = /* @__PURE__ */ i(
       "input",
       {
-        ref: i,
-        className: a ? `gloss-base-input ${a}` : "gloss-base-input",
-        style: { ...c, ...e },
+        ref: n,
+        className: e ? `gloss-base-input ${e}` : "gloss-base-input",
+        style: { ...c, ...a },
         required: l,
         ...g,
         ...d
@@ -389,15 +343,15 @@ const Z = {
     return !o && !t ? _ : /* @__PURE__ */ b("div", { className: "gloss-base-input__wrapper", children: [
       o && /* @__PURE__ */ b("label", { className: "gloss-base-input__label", children: [
         o,
-        l && /* @__PURE__ */ n("span", { className: "gloss-base-input__required", children: "*" })
+        l && /* @__PURE__ */ i("span", { className: "gloss-base-input__required", children: "*" })
       ] }),
       _,
-      t && /* @__PURE__ */ n("div", { className: "gloss-base-input__helper", children: t })
+      t && /* @__PURE__ */ i("div", { className: "gloss-base-input__helper", children: t })
     ] });
   }
 );
-J.displayName = "BaseInput";
-const Q = {
+Y.displayName = "BaseInput";
+const q = {
   bg: "--_bg",
   color: "--_color",
   borderColor: "--_border-color",
@@ -409,18 +363,18 @@ const Q = {
   placeholderColor: "--_placeholder-color",
   minRows: "--_min-rows",
   maxRows: "--_max-rows"
-}, ee = {
+}, J = {
   resize: "data-resize"
-}, ae = p.forwardRef(
-  ({ definition: s, className: a, style: e, label: o, helperText: t, required: l, status: r = "default", ...d }, i) => {
-    const { style: c, dataAttrs: g } = u(s, Q, ee);
+}, Q = u.forwardRef(
+  ({ definition: s, className: e, style: a, label: o, helperText: t, required: l, status: r = "default", ...d }, n) => {
+    const { style: c, dataAttrs: g } = p(s, q, J);
     r !== "default" && (g["data-status"] = r), d.disabled && (g["data-disabled"] = ""), d.readOnly && (g["data-readonly"] = "");
-    const _ = /* @__PURE__ */ n(
+    const _ = /* @__PURE__ */ i(
       "textarea",
       {
-        ref: i,
-        className: a ? `gloss-base-textarea ${a}` : "gloss-base-textarea",
-        style: { ...c, ...e },
+        ref: n,
+        className: e ? `gloss-base-textarea ${e}` : "gloss-base-textarea",
+        style: { ...c, ...a },
         required: l,
         ...g,
         ...d
@@ -429,38 +383,38 @@ const Q = {
     return !o && !t ? _ : /* @__PURE__ */ b("div", { className: "gloss-base-textarea__wrapper", children: [
       o && /* @__PURE__ */ b("label", { className: "gloss-base-textarea__label", children: [
         o,
-        l && /* @__PURE__ */ n("span", { className: "gloss-base-textarea__required", children: "*" })
+        l && /* @__PURE__ */ i("span", { className: "gloss-base-textarea__required", children: "*" })
       ] }),
       _,
-      t && /* @__PURE__ */ n("div", { className: "gloss-base-textarea__helper", children: t })
+      t && /* @__PURE__ */ i("div", { className: "gloss-base-textarea__helper", children: t })
     ] });
   }
 );
-ae.displayName = "BaseTextarea";
-const se = {
+Q.displayName = "BaseTextarea";
+const ee = {
   trackBg: "--_track-bg",
   trackBorder: "--_track-border",
   checkColor: "--_check-color",
   trackSize: "--_track-size",
   trackRadius: "--_track-radius"
-}, oe = p.forwardRef(
-  ({ definition: s, className: a, style: e, indeterminate: o, children: t, checked: l, disabled: r, ...d }, i) => {
-    const { style: c, dataAttrs: g } = u(s, se);
+}, se = u.forwardRef(
+  ({ definition: s, className: e, style: a, indeterminate: o, children: t, checked: l, disabled: r, ...d }, n) => {
+    const { style: c, dataAttrs: g } = p(s, ee);
     r && (g["data-disabled"] = ""), l && (g["data-checked"] = ""), o && (g["data-indeterminate"] = "");
-    const _ = p.useCallback(
+    const _ = u.useCallback(
       (f) => {
-        f && (f.indeterminate = !!o), typeof i == "function" ? i(f) : i && (i.current = f);
+        f && (f.indeterminate = !!o), typeof n == "function" ? n(f) : n && (n.current = f);
       },
-      [o, i]
+      [o, n]
     );
     return /* @__PURE__ */ b(
       "label",
       {
-        className: a ? `gloss-base-checkbox ${a}` : "gloss-base-checkbox",
-        style: { ...c, ...e },
+        className: e ? `gloss-base-checkbox ${e}` : "gloss-base-checkbox",
+        style: { ...c, ...a },
         ...g,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(
             "input",
             {
               ref: _,
@@ -471,30 +425,30 @@ const se = {
               ...d
             }
           ),
-          /* @__PURE__ */ n("span", { className: "gloss-base-checkbox__track" }),
+          /* @__PURE__ */ i("span", { className: "gloss-base-checkbox__track" }),
           t
         ]
       }
     );
   }
 );
-oe.displayName = "BaseCheckbox";
-const te = {
+se.displayName = "BaseCheckbox";
+const ae = {
   trackBg: "--_track-bg",
   trackBorder: "--_track-border",
   dotColor: "--_dot-color",
   trackSize: "--_track-size"
-}, re = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, checked: t, disabled: l, ...r }, d) => {
-    const { style: i, dataAttrs: c } = u(s, te);
+}, oe = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, checked: t, disabled: l, ...r }, d) => {
+    const { style: n, dataAttrs: c } = p(s, ae);
     return l && (c["data-disabled"] = ""), t && (c["data-checked"] = ""), /* @__PURE__ */ b(
       "label",
       {
-        className: a ? `gloss-base-radio ${a}` : "gloss-base-radio",
-        style: { ...i, ...e },
+        className: e ? `gloss-base-radio ${e}` : "gloss-base-radio",
+        style: { ...n, ...a },
         ...c,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(
             "input",
             {
               ref: d,
@@ -505,32 +459,32 @@ const te = {
               ...r
             }
           ),
-          /* @__PURE__ */ n("span", { className: "gloss-base-radio__track" }),
+          /* @__PURE__ */ i("span", { className: "gloss-base-radio__track" }),
           o
         ]
       }
     );
   }
 );
-re.displayName = "BaseRadio";
-const le = {
+oe.displayName = "BaseRadio";
+const te = {
   trackBg: "--_track-bg",
   trackBgActive: "--_track-bg-active",
   thumbBg: "--_thumb-bg",
   trackWidth: "--_track-width",
   trackHeight: "--_track-height",
   thumbSize: "--_thumb-size"
-}, ie = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, checked: t, disabled: l, ...r }, d) => {
-    const { style: i, dataAttrs: c } = u(s, le);
+}, re = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, checked: t, disabled: l, ...r }, d) => {
+    const { style: n, dataAttrs: c } = p(s, te);
     return l && (c["data-disabled"] = ""), t && (c["data-checked"] = ""), /* @__PURE__ */ b(
       "label",
       {
-        className: a ? `gloss-base-toggle ${a}` : "gloss-base-toggle",
-        style: { ...i, ...e },
+        className: e ? `gloss-base-toggle ${e}` : "gloss-base-toggle",
+        style: { ...n, ...a },
         ...c,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(
             "input",
             {
               ref: d,
@@ -542,15 +496,15 @@ const le = {
               ...r
             }
           ),
-          /* @__PURE__ */ n("span", { className: "gloss-base-toggle__track", children: /* @__PURE__ */ n("span", { className: "gloss-base-toggle__thumb" }) }),
+          /* @__PURE__ */ i("span", { className: "gloss-base-toggle__track", children: /* @__PURE__ */ i("span", { className: "gloss-base-toggle__thumb" }) }),
           o
         ]
       }
     );
   }
 );
-ie.displayName = "BaseToggle";
-const de = {
+re.displayName = "BaseToggle";
+const le = {
   bg: "--_bg",
   borderColor: "--_border-color",
   radius: "--_radius",
@@ -558,12 +512,12 @@ const de = {
   minHeight: "--_min-height",
   padding: "--_padding"
 };
-function ne(s) {
-  const { definition: a, className: e, style: o, children: t, ...l } = s, { style: r, dataAttrs: d } = u(a, de);
-  return /* @__PURE__ */ n(
+function ie(s) {
+  const { definition: e, className: a, style: o, children: t, ...l } = s, { style: r, dataAttrs: d } = p(e, le);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: e ? `gloss-base-select ${e}` : "gloss-base-select",
+      className: a ? `gloss-base-select ${a}` : "gloss-base-select",
       style: { ...r, ...o },
       ...d,
       ...l,
@@ -571,33 +525,33 @@ function ne(s) {
     }
   );
 }
-ne.displayName = "BaseSelect";
-const ce = p.forwardRef(
-  ({ className: s, children: a, ...e }, o) => /* @__PURE__ */ n(
+ie.displayName = "BaseSelect";
+const de = u.forwardRef(
+  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
     "button",
     {
       ref: o,
       type: "button",
       className: s ? `gloss-base-select__trigger ${s}` : "gloss-base-select__trigger",
-      ...e,
-      children: a
+      ...a,
+      children: e
     }
   )
 );
-ce.displayName = "BaseSelectTrigger";
-const ge = {
+de.displayName = "BaseSelectTrigger";
+const ne = {
   bg: "--_dropdown-bg",
   borderColor: "--_dropdown-border-color",
   radius: "--_dropdown-radius",
   elevation: "--_dropdown-elevation",
   maxHeight: "--_dropdown-max-height"
 };
-function _e(s) {
-  const { definition: a, className: e, style: o, children: t, ...l } = s, { style: r } = u(a, ge);
-  return /* @__PURE__ */ n(
+function ce(s) {
+  const { definition: e, className: a, style: o, children: t, ...l } = s, { style: r } = p(e, ne);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: e ? `gloss-base-select__dropdown ${e}` : "gloss-base-select__dropdown",
+      className: a ? `gloss-base-select__dropdown ${a}` : "gloss-base-select__dropdown",
       style: { ...r, ...o },
       role: "listbox",
       ...l,
@@ -605,43 +559,43 @@ function _e(s) {
     }
   );
 }
-_e.displayName = "BaseSelectDropdown";
-const pe = p.forwardRef(
-  ({ className: s, children: a, selected: e, disabled: o, ...t }, l) => {
+ce.displayName = "BaseSelectDropdown";
+const ge = u.forwardRef(
+  ({ className: s, children: e, selected: a, disabled: o, ...t }, l) => {
     const r = {};
-    return e && (r["data-selected"] = ""), o && (r["data-disabled"] = ""), /* @__PURE__ */ n(
+    return a && (r["data-selected"] = ""), o && (r["data-disabled"] = ""), /* @__PURE__ */ i(
       "div",
       {
         ref: l,
         role: "option",
-        "aria-selected": e,
+        "aria-selected": a,
         "aria-disabled": o,
         className: s ? `gloss-base-select__option ${s}` : "gloss-base-select__option",
         ...r,
         ...t,
-        children: a
+        children: e
       }
     );
   }
 );
-pe.displayName = "BaseSelectOption";
-function ue({ label: s, className: a, children: e, ...o }) {
+ge.displayName = "BaseSelectOption";
+function _e({ label: s, className: e, children: a, ...o }) {
   return /* @__PURE__ */ b(
     "div",
     {
       role: "group",
       "aria-label": s,
-      className: a ? `gloss-base-select__group ${a}` : "gloss-base-select__group",
+      className: e ? `gloss-base-select__group ${e}` : "gloss-base-select__group",
       ...o,
       children: [
-        s && /* @__PURE__ */ n("div", { className: "gloss-base-select__group-label", children: s }),
-        e
+        s && /* @__PURE__ */ i("div", { className: "gloss-base-select__group-label", children: s }),
+        a
       ]
     }
   );
 }
-ue.displayName = "BaseSelectGroup";
-const be = {
+_e.displayName = "BaseSelectGroup";
+const ue = {
   trackBg: "--_track-bg",
   trackActiveBg: "--_track-active-bg",
   thumbBg: "--_thumb-bg",
@@ -649,44 +603,44 @@ const be = {
   thumbSize: "--_thumb-size",
   trackHeight: "--_track-height",
   thumbShadow: "--_thumb-shadow"
-}, fe = {};
-function me({
+}, pe = {};
+function be({
   definition: s,
-  className: a,
-  style: e,
+  className: e,
+  style: a,
   orientation: o = "horizontal",
   disabled: t,
   children: l,
   ...r
 }) {
-  const { style: d, dataAttrs: i } = u(s, be, fe);
-  return o !== "horizontal" && (i["data-orientation"] = o), t && (i["data-disabled"] = ""), /* @__PURE__ */ n(
+  const { style: d, dataAttrs: n } = p(s, ue, pe);
+  return o !== "horizontal" && (n["data-orientation"] = o), t && (n["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-slider ${a}` : "gloss-base-slider",
-      style: { ...d, ...e },
-      ...i,
+      className: e ? `gloss-base-slider ${e}` : "gloss-base-slider",
+      style: { ...d, ...a },
+      ...n,
       ...r,
       children: l
     }
   );
 }
-me.displayName = "BaseSlider";
-const ye = {
+be.displayName = "BaseSlider";
+const fe = {
   bg: "--_bg",
   border: "--_border",
   radius: "--_radius",
   elevation: "--_elevation",
   padding: "--_padding"
-}, ve = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
-    const { style: r, dataAttrs: d } = u(s, ye);
-    return /* @__PURE__ */ n(
+}, me = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, ...t }, l) => {
+    const { style: r, dataAttrs: d } = p(s, fe);
+    return /* @__PURE__ */ i(
       "div",
       {
         ref: l,
-        className: a ? `gloss-base-card ${a}` : "gloss-base-card",
-        style: { ...r, ...e },
+        className: e ? `gloss-base-card ${e}` : "gloss-base-card",
+        style: { ...r, ...a },
         ...d,
         ...t,
         children: o
@@ -694,15 +648,15 @@ const ye = {
     );
   }
 );
-ve.displayName = "BaseCard";
-const he = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
-    const r = { ...e };
-    return s?.padding && (r["--_header-padding"] = s.padding), /* @__PURE__ */ n(
+me.displayName = "BaseCard";
+const ye = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, ...t }, l) => {
+    const r = { ...a };
+    return s?.padding && (r["--_header-padding"] = s.padding), /* @__PURE__ */ i(
       "div",
       {
         ref: l,
-        className: a ? `gloss-base-card__header ${a}` : "gloss-base-card__header",
+        className: e ? `gloss-base-card__header ${e}` : "gloss-base-card__header",
         style: r,
         ...t,
         children: o
@@ -710,15 +664,15 @@ const he = p.forwardRef(
     );
   }
 );
-he.displayName = "BaseCardHeader";
-const Be = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
-    const r = { ...e };
-    return s?.padding && (r["--_body-padding"] = s.padding), /* @__PURE__ */ n(
+ye.displayName = "BaseCardHeader";
+const ve = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, ...t }, l) => {
+    const r = { ...a };
+    return s?.padding && (r["--_body-padding"] = s.padding), /* @__PURE__ */ i(
       "div",
       {
         ref: l,
-        className: a ? `gloss-base-card__body ${a}` : "gloss-base-card__body",
+        className: e ? `gloss-base-card__body ${e}` : "gloss-base-card__body",
         style: r,
         ...t,
         children: o
@@ -726,15 +680,15 @@ const Be = p.forwardRef(
     );
   }
 );
-Be.displayName = "BaseCardBody";
-const Se = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
-    const r = { ...e };
-    return s?.padding && (r["--_footer-padding"] = s.padding), /* @__PURE__ */ n(
+ve.displayName = "BaseCardBody";
+const he = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, ...t }, l) => {
+    const r = { ...a };
+    return s?.padding && (r["--_footer-padding"] = s.padding), /* @__PURE__ */ i(
       "div",
       {
         ref: l,
-        className: a ? `gloss-base-card__footer ${a}` : "gloss-base-card__footer",
+        className: e ? `gloss-base-card__footer ${e}` : "gloss-base-card__footer",
         style: r,
         ...t,
         children: o
@@ -742,72 +696,72 @@ const Se = p.forwardRef(
     );
   }
 );
-Se.displayName = "BaseCardFooter";
-const Ae = p.forwardRef(
-  ({ src: s, alt: a, height: e, className: o, style: t, children: l, ...r }, d) => {
-    const i = { ...t };
-    return e && (i.height = e), /* @__PURE__ */ n(
+he.displayName = "BaseCardFooter";
+const Be = u.forwardRef(
+  ({ src: s, alt: e, height: a, className: o, style: t, children: l, ...r }, d) => {
+    const n = { ...t };
+    return a && (n.height = a), /* @__PURE__ */ i(
       "div",
       {
         ref: d,
         className: o ? `gloss-base-card__media ${o}` : "gloss-base-card__media",
-        style: i,
+        style: n,
         ...r,
-        children: s ? /* @__PURE__ */ n("img", { src: s, alt: a || "" }) : l
+        children: s ? /* @__PURE__ */ i("img", { src: s, alt: e || "" }) : l
       }
     );
   }
 );
-Ae.displayName = "BaseCardMedia";
-const ke = p.forwardRef(
-  ({ className: s, children: a, ...e }, o) => /* @__PURE__ */ n(
+Be.displayName = "BaseCardMedia";
+const Se = u.forwardRef(
+  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
     "h3",
     {
       ref: o,
       className: s ? `gloss-base-card__title ${s}` : "gloss-base-card__title",
-      ...e,
-      children: a
+      ...a,
+      children: e
     }
   )
 );
-ke.displayName = "BaseCardTitle";
-const Ne = p.forwardRef(
-  ({ className: s, children: a, ...e }, o) => /* @__PURE__ */ n(
+Se.displayName = "BaseCardTitle";
+const Ae = u.forwardRef(
+  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
     "p",
     {
       ref: o,
       className: s ? `gloss-base-card__subtitle ${s}` : "gloss-base-card__subtitle",
-      ...e,
-      children: a
+      ...a,
+      children: e
     }
   )
 );
-Ne.displayName = "BaseCardSubtitle";
-const Ce = p.forwardRef(
-  ({ className: s, children: a, ...e }, o) => /* @__PURE__ */ n(
+Ae.displayName = "BaseCardSubtitle";
+const ke = u.forwardRef(
+  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
     "div",
     {
       ref: o,
       className: s ? `gloss-base-card__actions ${s}` : "gloss-base-card__actions",
-      ...e,
-      children: a
+      ...a,
+      children: e
     }
   )
 );
-Ce.displayName = "BaseCardActions";
-const xe = {
+ke.displayName = "BaseCardActions";
+const Ne = {
   borderColor: "--_border-color",
   radius: "--_radius",
   gap: "--_gap"
-}, $e = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
-    const { style: r, dataAttrs: d } = u(s, xe);
-    return /* @__PURE__ */ n(
+}, Ce = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, ...t }, l) => {
+    const { style: r, dataAttrs: d } = p(s, Ne);
+    return /* @__PURE__ */ i(
       "div",
       {
         ref: l,
-        className: a ? `gloss-base-accordion ${a}` : "gloss-base-accordion",
-        style: { ...r, ...e },
+        className: e ? `gloss-base-accordion ${e}` : "gloss-base-accordion",
+        style: { ...r, ...a },
         ...d,
         ...t,
         children: o
@@ -815,67 +769,67 @@ const xe = {
     );
   }
 );
-$e.displayName = "BaseAccordion";
-const we = p.forwardRef(
-  ({ className: s, style: a, children: e, open: o, ...t }, l) => {
+Ce.displayName = "BaseAccordion";
+const xe = u.forwardRef(
+  ({ className: s, style: e, children: a, open: o, ...t }, l) => {
     const r = {};
-    return o && (r["data-open"] = ""), /* @__PURE__ */ n(
+    return o && (r["data-open"] = ""), /* @__PURE__ */ i(
       "div",
       {
         ref: l,
         className: s ? `gloss-base-accordion__item ${s}` : "gloss-base-accordion__item",
-        style: a,
+        style: e,
         ...r,
         ...t,
-        children: e
+        children: a
       }
     );
   }
 );
-we.displayName = "BaseAccordionItem";
-const Re = p.forwardRef(
-  ({ className: s, children: a, ...e }, o) => /* @__PURE__ */ n(
+xe.displayName = "BaseAccordionItem";
+const Re = u.forwardRef(
+  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
     "button",
     {
       ref: o,
       type: "button",
       className: s ? `gloss-base-accordion__trigger ${s}` : "gloss-base-accordion__trigger",
-      ...e,
-      children: a
+      ...a,
+      children: e
     }
   )
 );
 Re.displayName = "BaseAccordionTrigger";
-const Pe = p.forwardRef(
-  ({ className: s, style: a, children: e, ...o }, t) => /* @__PURE__ */ n(
+const $e = u.forwardRef(
+  ({ className: s, style: e, children: a, ...o }, t) => /* @__PURE__ */ i(
     "div",
     {
       ref: t,
       className: s ? `gloss-base-accordion__content ${s}` : "gloss-base-accordion__content",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   )
 );
-Pe.displayName = "BaseAccordionContent";
-const ze = {
+$e.displayName = "BaseAccordionContent";
+const Pe = {
   bg: "--_bg",
   borderColor: "--_border-color",
   radius: "--_radius",
   elevation: "--_elevation",
   padding: "--_padding",
   minWidth: "--_min-width"
-}, Te = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, ...t }, l) => {
-    const { style: r, dataAttrs: d } = u(s, ze);
-    return /* @__PURE__ */ n(
+}, we = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, ...t }, l) => {
+    const { style: r, dataAttrs: d } = p(s, Pe);
+    return /* @__PURE__ */ i(
       "div",
       {
         ref: l,
         role: "menu",
-        className: a ? `gloss-base-menu ${a}` : "gloss-base-menu",
-        style: { ...r, ...e },
+        className: e ? `gloss-base-menu ${e}` : "gloss-base-menu",
+        style: { ...r, ...a },
         ...d,
         ...t,
         children: o
@@ -883,42 +837,42 @@ const ze = {
     );
   }
 );
-Te.displayName = "BaseMenu";
-function Me({ label: s, className: a, style: e, children: o, ...t }) {
+we.displayName = "BaseMenu";
+function ze({ label: s, className: e, style: a, children: o, ...t }) {
   return /* @__PURE__ */ b(
     "div",
     {
       role: "group",
       "aria-label": s,
-      className: a ? `gloss-base-menu__group ${a}` : "gloss-base-menu__group",
-      style: e,
+      className: e ? `gloss-base-menu__group ${e}` : "gloss-base-menu__group",
+      style: a,
       ...t,
       children: [
-        s && /* @__PURE__ */ n("div", { className: "gloss-base-menu__group-label", children: s }),
+        s && /* @__PURE__ */ i("div", { className: "gloss-base-menu__group-label", children: s }),
         o
       ]
     }
   );
 }
-Me.displayName = "BaseMenuGroup";
-const De = {
+ze.displayName = "BaseMenuGroup";
+const Me = {
   padding: "--_item-padding",
   fontSize: "--_item-font-size",
   color: "--_item-color",
   hoverBg: "--_item-hover-bg"
-}, Ie = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, disabled: t, active: l, as: r = "div", ...d }, i) => {
-    const { style: c, dataAttrs: g } = u(s, De);
-    return t && (g["data-disabled"] = ""), l && (g["data-active"] = ""), /* @__PURE__ */ n(
+}, Te = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, disabled: t, active: l, as: r = "div", ...d }, n) => {
+    const { style: c, dataAttrs: g } = p(s, Me);
+    return t && (g["data-disabled"] = ""), l && (g["data-active"] = ""), /* @__PURE__ */ i(
       r,
       {
-        ref: i,
+        ref: n,
         role: "menuitem",
         tabIndex: t ? -1 : 0,
         "aria-disabled": t || void 0,
         "aria-current": l ? "page" : void 0,
-        className: a ? `gloss-base-menu__item ${a}` : "gloss-base-menu__item",
-        style: { ...c, ...e },
+        className: e ? `gloss-base-menu__item ${e}` : "gloss-base-menu__item",
+        style: { ...c, ...a },
         ...g,
         ...d,
         children: o
@@ -926,9 +880,9 @@ const De = {
     );
   }
 );
-Ie.displayName = "BaseMenuItem";
-function Ve({ className: s }) {
-  return /* @__PURE__ */ n(
+Te.displayName = "BaseMenuItem";
+function De({ className: s }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       role: "separator",
@@ -936,8 +890,8 @@ function Ve({ className: s }) {
     }
   );
 }
-Ve.displayName = "BaseMenuDivider";
-const Ee = {
+De.displayName = "BaseMenuDivider";
+const Ie = {
   bg: "--_bg",
   color: "--_color",
   radius: "--_radius",
@@ -945,43 +899,43 @@ const Ee = {
   fontSize: "--_font-size",
   maxWidth: "--_max-width",
   arrowSize: "--_arrow-size"
-}, Oe = {}, He = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, placement: t = "top", ...l }, r) => {
-    const { style: d, dataAttrs: i } = u(s, Ee, Oe);
-    return i["data-placement"] = t, /* @__PURE__ */ b(
+}, Ve = {}, Ee = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, placement: t = "top", ...l }, r) => {
+    const { style: d, dataAttrs: n } = p(s, Ie, Ve);
+    return n["data-placement"] = t, /* @__PURE__ */ b(
       "div",
       {
         ref: r,
         role: "tooltip",
-        className: a ? `gloss-base-tooltip ${a}` : "gloss-base-tooltip",
-        style: { ...d, ...e },
-        ...i,
+        className: e ? `gloss-base-tooltip ${e}` : "gloss-base-tooltip",
+        style: { ...d, ...a },
+        ...n,
         ...l,
         children: [
-          /* @__PURE__ */ n("div", { className: "gloss-base-tooltip__content", children: o }),
-          /* @__PURE__ */ n("div", { className: "gloss-base-tooltip__arrow" })
+          /* @__PURE__ */ i("div", { className: "gloss-base-tooltip__content", children: o }),
+          /* @__PURE__ */ i("div", { className: "gloss-base-tooltip__arrow" })
         ]
       }
     );
   }
 );
-He.displayName = "BaseTooltip";
-const Fe = {
+Ee.displayName = "BaseTooltip";
+const Oe = {
   activeColor: "--_active-color",
   inactiveColor: "--_inactive-color",
   hoverColor: "--_hover-color",
   starSize: "--_star-size",
   gap: "--_gap"
-}, Ge = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, readOnly: t, disabled: l, ...r }, d) => {
-    const { style: i, dataAttrs: c } = u(s, Fe);
-    return t && (c["data-readonly"] = ""), l && (c["data-disabled"] = ""), /* @__PURE__ */ n(
+}, He = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, readOnly: t, disabled: l, ...r }, d) => {
+    const { style: n, dataAttrs: c } = p(s, Oe);
+    return t && (c["data-readonly"] = ""), l && (c["data-disabled"] = ""), /* @__PURE__ */ i(
       "div",
       {
         ref: d,
         role: "radiogroup",
-        className: a ? `gloss-base-rating ${a}` : "gloss-base-rating",
-        style: { ...i, ...e },
+        className: e ? `gloss-base-rating ${e}` : "gloss-base-rating",
+        style: { ...n, ...a },
         ...c,
         ...r,
         children: o
@@ -989,111 +943,111 @@ const Fe = {
     );
   }
 );
-Ge.displayName = "BaseRating";
-const Le = {
+He.displayName = "BaseRating";
+const Ge = {
   bg: "--_bg",
   activeBg: "--_active-bg",
   borderColor: "--_border-color",
   radius: "--_radius",
   padding: "--_padding",
   fontSize: "--_font-size"
-}, We = p.forwardRef(
-  ({ definition: s, className: a, style: e, children: o, disabled: t, ...l }, r) => {
-    const { style: d, dataAttrs: i } = u(s, Le);
-    return t && (i["data-disabled"] = ""), /* @__PURE__ */ n(
+}, Fe = u.forwardRef(
+  ({ definition: s, className: e, style: a, children: o, disabled: t, ...l }, r) => {
+    const { style: d, dataAttrs: n } = p(s, Ge);
+    return t && (n["data-disabled"] = ""), /* @__PURE__ */ i(
       "div",
       {
         ref: r,
         role: "radiogroup",
-        className: a ? `gloss-base-segmented-control ${a}` : "gloss-base-segmented-control",
-        style: { ...d, ...e },
-        ...i,
+        className: e ? `gloss-base-segmented-control ${e}` : "gloss-base-segmented-control",
+        style: { ...d, ...a },
+        ...n,
         ...l,
         children: o
       }
     );
   }
 );
-We.displayName = "BaseSegmentedControl";
-const Xe = {
+Fe.displayName = "BaseSegmentedControl";
+const Le = {
   bg: "--_bg",
   borderColor: "--_border-color",
   radius: "--_radius",
   elevation: "--_elevation",
   padding: "--_padding"
 };
-function je({ definition: s, className: a, style: e, children: o, ...t }) {
-  const { style: l, dataAttrs: r } = u(s, Xe);
-  return /* @__PURE__ */ n(
+function We({ definition: s, className: e, style: a, children: o, ...t }) {
+  const { style: l, dataAttrs: r } = p(s, Le);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-datepicker ${a}` : "gloss-base-datepicker",
-      style: { ...l, ...e },
+      className: e ? `gloss-base-datepicker ${e}` : "gloss-base-datepicker",
+      style: { ...l, ...a },
       ...r,
       ...t,
       children: o
     }
   );
 }
-je.displayName = "BaseDatePicker";
-function Ue({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+We.displayName = "BaseDatePicker";
+function Ue({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-datepicker__header ${s}` : "gloss-base-datepicker__header",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   );
 }
 Ue.displayName = "BaseDatePickerHeader";
-function Ye({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+function Xe({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-datepicker__calendar ${s}` : "gloss-base-datepicker__calendar",
-      style: a,
+      style: e,
       role: "grid",
       ...o,
-      children: e
+      children: a
     }
   );
 }
-Ye.displayName = "BaseDatePickerCalendar";
-const Ke = {
+Xe.displayName = "BaseDatePickerCalendar";
+const je = {
   bg: "--_day-bg",
   color: "--_day-color",
   radius: "--_day-radius",
   size: "--_day-size"
 };
-function Ze({
+function Ke({
   definition: s,
-  className: a,
-  style: e,
+  className: e,
+  style: a,
   selected: o,
   today: t,
   outsideMonth: l,
   disabled: r,
   children: d,
-  ...i
+  ...n
 }) {
-  const { style: c, dataAttrs: g } = u(s, Ke);
-  return o && (g["data-selected"] = ""), t && (g["data-today"] = ""), r && (g["data-disabled"] = ""), l && (g["data-outside-month"] = ""), /* @__PURE__ */ n(
+  const { style: c, dataAttrs: g } = p(s, je);
+  return o && (g["data-selected"] = ""), t && (g["data-today"] = ""), r && (g["data-disabled"] = ""), l && (g["data-outside-month"] = ""), /* @__PURE__ */ i(
     "button",
     {
       type: "button",
-      className: a ? `gloss-base-datepicker__day ${a}` : "gloss-base-datepicker__day",
-      style: { ...c, ...e },
+      className: e ? `gloss-base-datepicker__day ${e}` : "gloss-base-datepicker__day",
+      style: { ...c, ...a },
       disabled: r,
       ...g,
-      ...i,
+      ...n,
       children: d
     }
   );
 }
-Ze.displayName = "BaseDatePickerDay";
-const qe = {
+Ke.displayName = "BaseDatePickerDay";
+const Ze = {
   bg: "--_bg",
   borderColor: "--_border-color",
   radius: "--_radius",
@@ -1101,101 +1055,101 @@ const qe = {
   padding: "--_padding",
   cellHeight: "--_cell-height"
 };
-function Je({ definition: s, className: a, style: e, children: o, ...t }) {
-  const { style: l, dataAttrs: r } = u(s, qe);
-  return /* @__PURE__ */ n(
+function Ye({ definition: s, className: e, style: a, children: o, ...t }) {
+  const { style: l, dataAttrs: r } = p(s, Ze);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-timepicker ${a}` : "gloss-base-timepicker",
-      style: { ...l, ...e },
+      className: e ? `gloss-base-timepicker ${e}` : "gloss-base-timepicker",
+      style: { ...l, ...a },
       ...r,
       ...t,
       children: o
     }
   );
 }
-Je.displayName = "BaseTimePicker";
-function Qe({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+Ye.displayName = "BaseTimePicker";
+function qe({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-timepicker__column ${s}` : "gloss-base-timepicker__column",
-      style: a,
+      style: e,
       role: "listbox",
       ...o,
-      children: e
+      children: a
     }
   );
 }
-Qe.displayName = "BaseTimePickerColumn";
-function ea({ className: s, style: a, selected: e, disabled: o, children: t, ...l }) {
-  return /* @__PURE__ */ n(
+qe.displayName = "BaseTimePickerColumn";
+function Je({ className: s, style: e, selected: a, disabled: o, children: t, ...l }) {
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
       className: s ? `gloss-base-timepicker__cell ${s}` : "gloss-base-timepicker__cell",
-      style: a,
+      style: e,
       role: "option",
-      "aria-selected": e,
+      "aria-selected": a,
       disabled: o,
-      "data-selected": e ? "" : void 0,
+      "data-selected": a ? "" : void 0,
       "data-disabled": o ? "" : void 0,
       ...l,
       children: t
     }
   );
 }
-ea.displayName = "BaseTimePickerCell";
-const aa = {
+Je.displayName = "BaseTimePickerCell";
+const Qe = {
   bg: "--_bg",
   borderColor: "--_border-color",
   radius: "--_radius",
   elevation: "--_elevation",
   gap: "--_gap"
 };
-function sa({ definition: s, className: a, style: e, children: o, ...t }) {
-  const { style: l, dataAttrs: r } = u(s, aa);
-  return /* @__PURE__ */ n(
+function es({ definition: s, className: e, style: a, children: o, ...t }) {
+  const { style: l, dataAttrs: r } = p(s, Qe);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-daterangepicker ${a}` : "gloss-base-daterangepicker",
-      style: { ...l, ...e },
+      className: e ? `gloss-base-daterangepicker ${e}` : "gloss-base-daterangepicker",
+      style: { ...l, ...a },
       ...r,
       ...t,
       children: o
     }
   );
 }
-sa.displayName = "BaseDateRangePicker";
-function oa({
+es.displayName = "BaseDateRangePicker";
+function ss({
   className: s,
-  style: a,
-  selected: e,
+  style: e,
+  selected: a,
   today: o,
   outsideMonth: t,
   rangeStart: l,
   rangeEnd: r,
   inRange: d,
-  disabled: i,
+  disabled: n,
   children: c,
   ...g
 }) {
   const _ = {};
-  return e && (_["data-selected"] = ""), o && (_["data-today"] = ""), t && (_["data-outside-month"] = ""), i && (_["data-disabled"] = ""), l && (_["data-range-start"] = ""), r && (_["data-range-end"] = ""), d && (_["data-in-range"] = ""), /* @__PURE__ */ n(
+  return a && (_["data-selected"] = ""), o && (_["data-today"] = ""), t && (_["data-outside-month"] = ""), n && (_["data-disabled"] = ""), l && (_["data-range-start"] = ""), r && (_["data-range-end"] = ""), d && (_["data-in-range"] = ""), /* @__PURE__ */ i(
     "button",
     {
       type: "button",
       className: s ? `gloss-base-daterangepicker__day ${s}` : "gloss-base-daterangepicker__day",
-      style: a,
-      disabled: i,
+      style: e,
+      disabled: n,
       ..._,
       ...g,
       children: c
     }
   );
 }
-oa.displayName = "BaseDateRangePickerDay";
-const ta = {
+ss.displayName = "BaseDateRangePickerDay";
+const as = {
   bg: "--_bg",
   color: "--_color",
   borderColor: "--_border-color",
@@ -1205,21 +1159,21 @@ const ta = {
   buttonBg: "--_button-bg",
   minHeight: "--_min-height"
 };
-function ra({ definition: s, className: a, style: e, disabled: o, children: t, ...l }) {
-  const { style: r, dataAttrs: d } = u(s, ta);
-  return o && (d["data-disabled"] = ""), /* @__PURE__ */ n(
+function os({ definition: s, className: e, style: a, disabled: o, children: t, ...l }) {
+  const { style: r, dataAttrs: d } = p(s, as);
+  return o && (d["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-numberinput ${a}` : "gloss-base-numberinput",
-      style: { ...r, ...e },
+      className: e ? `gloss-base-numberinput ${e}` : "gloss-base-numberinput",
+      style: { ...r, ...a },
       ...d,
       ...l,
       children: t
     }
   );
 }
-ra.displayName = "BaseNumberInput";
-const la = {
+os.displayName = "BaseNumberInput";
+const ts = {
   bg: "--_bg",
   color: "--_color",
   borderColor: "--_border-color",
@@ -1230,16 +1184,16 @@ const la = {
   minHeight: "--_min-height",
   placeholderColor: "--_placeholder-color",
   placeholderCharColor: "--_placeholder-char-color"
-}, ia = p.forwardRef(
-  ({ definition: s, className: a, style: e, label: o, helperText: t, required: l, status: r = "default", ...d }, i) => {
-    const { style: c, dataAttrs: g } = u(s, la);
+}, rs = u.forwardRef(
+  ({ definition: s, className: e, style: a, label: o, helperText: t, required: l, status: r = "default", ...d }, n) => {
+    const { style: c, dataAttrs: g } = p(s, ts);
     r !== "default" && (g["data-status"] = r), d.disabled && (g["data-disabled"] = ""), d.readOnly && (g["data-readonly"] = "");
-    const _ = /* @__PURE__ */ n(
+    const _ = /* @__PURE__ */ i(
       "input",
       {
-        ref: i,
-        className: a ? `gloss-base-maskedinput ${a}` : "gloss-base-maskedinput",
-        style: { ...c, ...e },
+        ref: n,
+        className: e ? `gloss-base-maskedinput ${e}` : "gloss-base-maskedinput",
+        style: { ...c, ...a },
         required: l,
         ...g,
         ...d
@@ -1248,15 +1202,15 @@ const la = {
     return !o && !t ? _ : /* @__PURE__ */ b("div", { className: "gloss-base-maskedinput__wrapper", children: [
       o && /* @__PURE__ */ b("label", { className: "gloss-base-maskedinput__label", children: [
         o,
-        l && /* @__PURE__ */ n("span", { className: "gloss-base-maskedinput__required", children: "*" })
+        l && /* @__PURE__ */ i("span", { className: "gloss-base-maskedinput__required", children: "*" })
       ] }),
       _,
-      t && /* @__PURE__ */ n("div", { className: "gloss-base-maskedinput__helper", children: t })
+      t && /* @__PURE__ */ i("div", { className: "gloss-base-maskedinput__helper", children: t })
     ] });
   }
 );
-ia.displayName = "BaseMaskedInput";
-const da = {
+rs.displayName = "BaseMaskedInput";
+const ls = {
   bg: "--_bg",
   borderColor: "--_border-color",
   borderStyle: "--_border-style",
@@ -1264,114 +1218,114 @@ const da = {
   padding: "--_padding",
   minHeight: "--_min-height"
 };
-function na({ definition: s, className: a, style: e, dragging: o, disabled: t, children: l, ...r }) {
-  const { style: d, dataAttrs: i } = u(s, da);
-  return o && (i["data-dragging"] = ""), t && (i["data-disabled"] = ""), /* @__PURE__ */ n(
+function is({ definition: s, className: e, style: a, dragging: o, disabled: t, children: l, ...r }) {
+  const { style: d, dataAttrs: n } = p(s, ls);
+  return o && (n["data-dragging"] = ""), t && (n["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-fileupload ${a}` : "gloss-base-fileupload",
-      style: { ...d, ...e },
-      ...i,
+      className: e ? `gloss-base-fileupload ${e}` : "gloss-base-fileupload",
+      style: { ...d, ...a },
+      ...n,
       ...r,
       children: l
     }
   );
 }
-na.displayName = "BaseFileUpload";
-function ca({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+is.displayName = "BaseFileUpload";
+function ds({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-fileupload__list ${s}` : "gloss-base-fileupload__list",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   );
 }
-ca.displayName = "BaseFileUploadList";
-function ga({ className: s, style: a, error: e, children: o, ...t }) {
-  return /* @__PURE__ */ n(
+ds.displayName = "BaseFileUploadList";
+function ns({ className: s, style: e, error: a, children: o, ...t }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-fileupload__item ${s}` : "gloss-base-fileupload__item",
-      style: a,
-      "data-error": e ? "" : void 0,
+      style: e,
+      "data-error": a ? "" : void 0,
       ...t,
       children: o
     }
   );
 }
-ga.displayName = "BaseFileUploadItem";
-const _a = {
+ns.displayName = "BaseFileUploadItem";
+const cs = {
   radius: "--_radius",
   elevation: "--_elevation",
   padding: "--_padding",
   swatchSize: "--_swatch-size"
 };
-function pa({ definition: s, className: a, style: e, disabled: o, children: t, ...l }) {
-  const { style: r, dataAttrs: d } = u(s, _a);
-  return o && (d["data-disabled"] = ""), /* @__PURE__ */ n(
+function gs({ definition: s, className: e, style: a, disabled: o, children: t, ...l }) {
+  const { style: r, dataAttrs: d } = p(s, cs);
+  return o && (d["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-colorpicker ${a}` : "gloss-base-colorpicker",
-      style: { ...r, ...e },
+      className: e ? `gloss-base-colorpicker ${e}` : "gloss-base-colorpicker",
+      style: { ...r, ...a },
       ...d,
       ...l,
       children: t
     }
   );
 }
-pa.displayName = "BaseColorPicker";
-function ua({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+gs.displayName = "BaseColorPicker";
+function _s({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-colorpicker__saturation ${s}` : "gloss-base-colorpicker__saturation",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   );
 }
-ua.displayName = "BaseColorPickerSaturation";
-function ba({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+_s.displayName = "BaseColorPickerSaturation";
+function us({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-colorpicker__hue ${s}` : "gloss-base-colorpicker__hue",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   );
 }
-ba.displayName = "BaseColorPickerHue";
-function fa({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+us.displayName = "BaseColorPickerHue";
+function ps({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-colorpicker__alpha ${s}` : "gloss-base-colorpicker__alpha",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   );
 }
-fa.displayName = "BaseColorPickerAlpha";
-function ma({ className: s, style: a, children: e, ...o }) {
-  return /* @__PURE__ */ n(
+ps.displayName = "BaseColorPickerAlpha";
+function bs({ className: s, style: e, children: a, ...o }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: s ? `gloss-base-colorpicker__swatch ${s}` : "gloss-base-colorpicker__swatch",
-      style: a,
+      style: e,
       ...o,
-      children: e
+      children: a
     }
   );
 }
-ma.displayName = "BaseColorPickerSwatch";
-const ya = {
+bs.displayName = "BaseColorPickerSwatch";
+const fs = {
   trackBg: "--_track-bg",
   trackActiveBg: "--_track-active-bg",
   thumbBg: "--_thumb-bg",
@@ -1380,52 +1334,40 @@ const ya = {
   trackHeight: "--_track-height",
   thumbShadow: "--_thumb-shadow"
 };
-function va({
+function ms({
   definition: s,
-  className: a,
-  style: e,
+  className: e,
+  style: a,
   orientation: o = "horizontal",
   disabled: t,
   collision: l,
   children: r,
   ...d
 }) {
-  const { style: i, dataAttrs: c } = u(s, ya);
-  return o !== "horizontal" && (c["data-orientation"] = o), t && (c["data-disabled"] = ""), l && (c["data-collision"] = ""), /* @__PURE__ */ n(
+  const { style: n, dataAttrs: c } = p(s, fs);
+  return o !== "horizontal" && (c["data-orientation"] = o), t && (c["data-disabled"] = ""), l && (c["data-collision"] = ""), /* @__PURE__ */ i(
     "div",
     {
-      className: a ? `gloss-base-rangeslider ${a}` : "gloss-base-rangeslider",
-      style: { ...i, ...e },
+      className: e ? `gloss-base-rangeslider ${e}` : "gloss-base-rangeslider",
+      style: { ...n, ...a },
       ...c,
       ...d,
       children: r
     }
   );
 }
-va.displayName = "BaseRangeSlider";
-const ha = function(a) {
-  const { as: e, className: o, ...t } = a;
-  return /* @__PURE__ */ n(
-    h,
-    {
-      as: e || "span",
-      className: o ? `gloss-base-text ${o}` : "gloss-base-text",
-      ...t
-    }
-  );
-};
-ha.displayName = "BaseText";
-const Ba = {
+ms.displayName = "BaseRangeSlider";
+const ys = {
   1: "h1",
   2: "h2",
   3: "h3",
   4: "h4",
   5: "h5",
   6: "h6"
-}, Sa = function(a) {
-  const { as: e, level: o = 2, className: t, ...l } = a, r = e || Ba[o];
-  return /* @__PURE__ */ n(
-    h,
+}, vs = function(e) {
+  const { as: a, level: o = 2, className: t, ...l } = e, r = a || ys[o];
+  return /* @__PURE__ */ i(
+    R,
     {
       as: r,
       className: t ? `gloss-base-title ${t}` : "gloss-base-title",
@@ -1433,11 +1375,11 @@ const Ba = {
     }
   );
 };
-Sa.displayName = "BaseTitle";
-function Aa({
+vs.displayName = "BaseTitle";
+function hs({
   definition: s,
-  open: a,
-  onDismiss: e,
+  open: e,
+  onDismiss: a,
   anchorRef: o,
   className: t,
   style: l,
@@ -1455,13 +1397,13 @@ function Aa({
     radius: s?.radius,
     padding: s?.padding,
     zIndex: s?.zIndex
-  }, i = s?.arrowSize ?? 8, c = { ...l };
-  return s?.showArrow && (c["--_arrow-size"] = `${i}px`), /* @__PURE__ */ n(
-    A,
+  }, n = s?.arrowSize ?? 8, c = { ...l };
+  return s?.showArrow && (c["--_arrow-size"] = `${n}px`), /* @__PURE__ */ i(
+    S,
     {
       definition: d,
-      open: a,
-      onDismiss: e,
+      open: e,
+      onDismiss: a,
       anchorRef: o,
       children: /* @__PURE__ */ b(
         "div",
@@ -1470,34 +1412,34 @@ function Aa({
           style: c,
           children: [
             r,
-            s?.showArrow && /* @__PURE__ */ n("div", { className: "gloss-base-popover__arrow" })
+            s?.showArrow && /* @__PURE__ */ i("div", { className: "gloss-base-popover__arrow" })
           ]
         }
       )
     }
   );
 }
-Aa.displayName = "BasePopover";
-const ka = {
+hs.displayName = "BasePopover";
+const Bs = {
   size: "--_size",
   bg: "--_bg",
   color: "--_color",
   fontSize: "--_font-size",
   radius: "--_radius"
 };
-function Na(s) {
-  const { definition: a, src: e, alt: o, className: t, style: l, children: r, ...d } = s, [i, c] = C(!1), { style: g, dataAttrs: _ } = u(a, ka), f = e && !i;
-  return /* @__PURE__ */ n(
+function Ss(s) {
+  const { definition: e, src: a, alt: o, className: t, style: l, children: r, ...d } = s, [n, c] = N(!1), { style: g, dataAttrs: _ } = p(e, Bs), f = a && !n;
+  return /* @__PURE__ */ i(
     "div",
     {
       className: t ? `gloss-base-avatar ${t}` : "gloss-base-avatar",
       style: { ...g, ...l },
       ..._,
       ...d,
-      children: f ? /* @__PURE__ */ n(
+      children: f ? /* @__PURE__ */ i(
         "img",
         {
-          src: e,
+          src: a,
           alt: o || "",
           onError: () => c(!0)
         }
@@ -1505,29 +1447,29 @@ function Na(s) {
     }
   );
 }
-Na.displayName = "BaseAvatar";
-const Ca = {
+Ss.displayName = "BaseAvatar";
+const As = {
   trackBg: "--_track-bg",
   fillBg: "--_fill-bg",
   height: "--_height",
   radius: "--_radius"
 };
-function xa(s) {
-  const { definition: a, value: e, max: o = 100, indeterminate: t = !1, className: l, style: r, ...d } = s, { style: i, dataAttrs: c } = u(a, Ca);
+function ks(s) {
+  const { definition: e, value: a, max: o = 100, indeterminate: t = !1, className: l, style: r, ...d } = s, { style: n, dataAttrs: c } = p(e, As);
   t && (c["data-indeterminate"] = "");
-  const g = t ? void 0 : `${Math.min(100, (e || 0) / (o || 100) * 100)}%`;
-  return /* @__PURE__ */ n(
+  const g = t ? void 0 : `${Math.min(100, (a || 0) / (o || 100) * 100)}%`;
+  return /* @__PURE__ */ i(
     "div",
     {
       role: "progressbar",
-      "aria-valuenow": t ? void 0 : e || 0,
+      "aria-valuenow": t ? void 0 : a || 0,
       "aria-valuemin": 0,
       "aria-valuemax": o,
       className: l ? `gloss-base-progress-bar ${l}` : "gloss-base-progress-bar",
-      style: { ...i, ...r },
+      style: { ...n, ...r },
       ...c,
       ...d,
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ i(
         "div",
         {
           className: "gloss-base-progress-bar__fill",
@@ -1537,8 +1479,8 @@ function xa(s) {
     }
   );
 }
-xa.displayName = "BaseProgressBar";
-const $a = {
+ks.displayName = "BaseProgressBar";
+const Ns = {
   bg: "--_bg",
   color: "--_color",
   padding: "--_padding",
@@ -1547,10 +1489,10 @@ const $a = {
   fontSize: "--_font-size",
   fontWeight: "--_font-weight"
 };
-function wa(s) {
-  const { as: a, definition: e, className: o, style: t, dot: l, children: r, ...d } = s, i = a || "span", { style: c, dataAttrs: g } = u(e, $a);
-  return l && (g["data-dot"] = ""), /* @__PURE__ */ n(
-    i,
+function Cs(s) {
+  const { as: e, definition: a, className: o, style: t, dot: l, children: r, ...d } = s, n = e || "span", { style: c, dataAttrs: g } = p(a, Ns);
+  return l && (g["data-dot"] = ""), /* @__PURE__ */ i(
+    n,
     {
       className: o ? `gloss-base-badge ${o}` : "gloss-base-badge",
       style: { ...c, ...t },
@@ -1560,8 +1502,8 @@ function wa(s) {
     }
   );
 }
-wa.displayName = "BaseBadge";
-const Ra = {
+Cs.displayName = "BaseBadge";
+const xs = {
   bg: "--_bg",
   color: "--_color",
   borderColor: "--_border-color",
@@ -1572,21 +1514,21 @@ const Ra = {
   fontWeight: "--_font-weight",
   gap: "--_gap"
 };
-function Pa(s) {
+function Rs(s) {
   const {
-    as: a,
-    definition: e,
+    as: e,
+    definition: a,
     className: o,
     style: t,
     disabled: l,
     clickable: r,
     selected: d,
-    avatar: i,
+    avatar: n,
     leftIcon: c,
     deleteButton: g,
     children: _,
     ...f
-  } = s, m = a || "span", { style: v, dataAttrs: y } = u(e, Ra);
+  } = s, m = e || "span", { style: v, dataAttrs: y } = p(a, xs);
   return l && (y["data-disabled"] = ""), r && (y["data-clickable"] = ""), d && (y["data-selected"] = ""), /* @__PURE__ */ b(
     m,
     {
@@ -1595,25 +1537,25 @@ function Pa(s) {
       ...y,
       ...f,
       children: [
-        i && /* @__PURE__ */ n("span", { className: "gloss-base-chip__avatar", children: i }),
-        c && /* @__PURE__ */ n("span", { className: "gloss-base-chip__icon", children: c }),
-        /* @__PURE__ */ n("span", { className: "gloss-base-chip__label", children: _ }),
-        g && /* @__PURE__ */ n("span", { className: "gloss-base-chip__delete", children: g })
+        n && /* @__PURE__ */ i("span", { className: "gloss-base-chip__avatar", children: n }),
+        c && /* @__PURE__ */ i("span", { className: "gloss-base-chip__icon", children: c }),
+        /* @__PURE__ */ i("span", { className: "gloss-base-chip__label", children: _ }),
+        g && /* @__PURE__ */ i("span", { className: "gloss-base-chip__delete", children: g })
       ]
     }
   );
 }
-Pa.displayName = "BaseChip";
-const za = {
+Rs.displayName = "BaseChip";
+const $s = {
   color: "--_color",
   fontSize: "--_font-size",
   fontWeight: "--_font-weight",
   gap: "--_gap"
-}, Ta = {
+}, Ps = {
   underline: "data-underline"
 };
-function Ma(s) {
-  const { as: a, definition: e, className: o, style: t, disabled: l, leftIcon: r, rightIcon: d, children: i, ...c } = s, g = a || "a", { style: _, dataAttrs: f } = u(e, za, Ta);
+function ws(s) {
+  const { as: e, definition: a, className: o, style: t, disabled: l, leftIcon: r, rightIcon: d, children: n, ...c } = s, g = e || "a", { style: _, dataAttrs: f } = p(a, $s, Ps);
   return l && (f["data-disabled"] = ""), /* @__PURE__ */ b(
     g,
     {
@@ -1622,110 +1564,106 @@ function Ma(s) {
       ...f,
       ...c,
       children: [
-        r && /* @__PURE__ */ n("span", { className: "gloss-base-link__icon gloss-base-link__icon--left", children: r }),
-        /* @__PURE__ */ n("span", { className: "gloss-base-link__text", children: i }),
-        d && /* @__PURE__ */ n("span", { className: "gloss-base-link__icon gloss-base-link__icon--right", children: d })
+        r && /* @__PURE__ */ i("span", { className: "gloss-base-link__icon gloss-base-link__icon--left", children: r }),
+        /* @__PURE__ */ i("span", { className: "gloss-base-link__text", children: n }),
+        d && /* @__PURE__ */ i("span", { className: "gloss-base-link__icon gloss-base-link__icon--right", children: d })
       ]
     }
   );
 }
-Ma.displayName = "BaseLink";
-const Da = { region: null, density: "default" }, k = x(Da);
-function Ya() {
-  return $(k);
+ws.displayName = "BaseLink";
+const zs = { region: null, density: "default" }, A = C(zs);
+function Xs() {
+  return x(A);
 }
-function Ia({ region: s, density: a = "default", children: e }) {
-  const o = { region: s, density: a };
-  return p.createElement(
-    k.Provider,
+function Ms({ region: s, density: e = "default", children: a }) {
+  const o = { region: s, density: e };
+  return u.createElement(
+    A.Provider,
     { value: o },
-    p.createElement(
+    u.createElement(
       "div",
       {
         "data-region": s,
-        "data-density": a,
+        "data-density": e,
         className: "gloss-ui-context"
       },
-      e
+      a
     )
   );
 }
-Ia.displayName = "UIContextProvider";
+Ms.displayName = "UIContextProvider";
 export {
-  Qe as $,
-  ke as A,
-  Aa as B,
-  Ga as C,
-  Ne as D,
-  Xa as E,
-  Ce as F,
-  $e as G,
-  we as H,
-  Re as I,
-  Pe as J,
-  Te as K,
-  Me as L,
-  Ie as M,
-  Ve as N,
-  He as O,
-  Ge as P,
-  We as Q,
-  ja as R,
-  La as S,
-  Wa as T,
-  Ia as U,
-  je as V,
-  Ue as W,
-  Ye as X,
-  Ze as Y,
-  Ua as Z,
-  Je as _,
-  L as a,
-  ea as a0,
-  sa as a1,
-  oa as a2,
-  ra as a3,
-  ia as a4,
-  na as a5,
-  ca as a6,
-  ga as a7,
-  pa as a8,
-  ua as a9,
-  ba as aa,
-  fa as ab,
-  ma as ac,
-  va as ad,
-  Sa as ae,
-  Na as af,
-  xa as ag,
-  wa as ah,
-  Pa as ai,
-  Ma as aj,
-  S as ak,
-  u as al,
-  ha as b,
-  k as c,
-  A as d,
-  W as e,
-  X as f,
-  h as g,
-  U as h,
-  G as i,
-  J as j,
-  ae as k,
-  oe as l,
-  re as m,
-  ie as n,
-  ne as o,
-  ce as p,
-  _e as q,
-  pe as r,
-  ue as s,
-  me as t,
-  Ya as u,
-  ve as v,
-  he as w,
-  Be as x,
-  Se as y,
-  Ae as z
+  os as $,
+  xe as A,
+  hs as B,
+  Hs as C,
+  Re as D,
+  Ls as E,
+  $e as F,
+  we as G,
+  ze as H,
+  Te as I,
+  De as J,
+  Ee as K,
+  He as L,
+  Fe as M,
+  We as N,
+  Ue as O,
+  Xe as P,
+  Ke as Q,
+  Ws as R,
+  Gs as S,
+  Fs as T,
+  Ms as U,
+  Ye as V,
+  qe as W,
+  Je as X,
+  es as Y,
+  Us as Z,
+  ss as _,
+  A as a,
+  rs as a0,
+  is as a1,
+  ds as a2,
+  ns as a3,
+  gs as a4,
+  _s as a5,
+  us as a6,
+  ps as a7,
+  bs as a8,
+  ms as a9,
+  vs as aa,
+  Ss as ab,
+  ks as ac,
+  Cs as ad,
+  Rs as ae,
+  ws as af,
+  B as ag,
+  p as ah,
+  S as b,
+  L as c,
+  U as d,
+  F as e,
+  Y as f,
+  Q as g,
+  se as h,
+  oe as i,
+  re as j,
+  ie as k,
+  de as l,
+  ce as m,
+  ge as n,
+  _e as o,
+  be as p,
+  me as q,
+  ye as r,
+  ve as s,
+  he as t,
+  Xs as u,
+  Be as v,
+  Se as w,
+  Ae as x,
+  ke as y,
+  Ce as z
 };