@mt-gloss/ui 0.1.131 → 0.1.133

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

@@ -1,10 +1,10 @@
-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 { jsx as i, jsxs as p } from "react/jsx-runtime";
+import f, { useState as N, createContext as C, useContext as x } from "react";
+import { c as $ } from "./BaseText-Dxbk1JJa.js";
+import { createPortal as P } from "react-dom";
+import { useFloating as z, autoUpdate as R, offset as w, 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 p(s, e, a, o) {
+function u(s, e, a, o) {
   const t = {}, l = {};
   if (!s) return { style: t, dataAttrs: l };
   for (const [r, d] of Object.entries(e)) {
@@ -34,7 +34,7 @@ const H = {
   display: "data-display"
 };
 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);
+  const { as: e, definition: a, className: o, style: t, children: l, disabled: r, loading: d, ...n } = s, c = e || "button", { style: g, dataAttrs: _ } = u(a, H, G);
   return r && (_["data-disabled"] = ""), d && (_["data-loading"] = ""), /* @__PURE__ */ i(
     c,
     {
@@ -246,12 +246,12 @@ function X(s) {
     offsetValue: o = 8,
     onOpenChange: t
   } = s;
-  return P({
+  return z({
     open: e,
     onOpenChange: t,
     placement: a,
-    middleware: [z(o), M(), T()],
-    whileElementsMounted: w,
+    middleware: [w(o), M(), T()],
+    whileElementsMounted: R,
     // 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
@@ -276,10 +276,10 @@ function j(s) {
 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(
+  }, [c, g] = f.useState(
     t?.current ?? null
   );
-  u.useEffect(() => {
+  f.useEffect(() => {
     g(t?.current ?? null);
   });
   const _ = X({
@@ -288,10 +288,10 @@ function S(s) {
     offsetValue: e?.offset,
     onOpenChange: n
   });
-  u.useEffect(() => {
+  f.useEffect(() => {
     c && (_.refs.setReference(c), _.update());
   }, [c, _.refs, _.update]);
-  const { getFloatingProps: f } = j({
+  const { getFloatingProps: b } = j({
     context: _.context,
     outsidePress: e?.dismissOnClickOutside ?? !0,
     escapeKey: e?.dismissOnEscape ?? !0,
@@ -308,11 +308,11 @@ function S(s) {
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.95 },
       transition: { duration: 0.15 },
-      ...f(),
+      ...b(),
       children: d
     }
   ) });
-  return v && typeof document < "u" ? $(h, document.body) : h;
+  return v && typeof document < "u" ? P(h, document.body) : h;
 }
 S.displayName = "BaseOverlay";
 const K = {
@@ -325,31 +325,39 @@ const K = {
   fontSize: "--_font-size",
   minHeight: "--_min-height",
   placeholderColor: "--_placeholder-color"
-}, 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__ */ i(
-      "input",
-      {
-        ref: n,
-        className: e ? `gloss-base-input ${e}` : "gloss-base-input",
-        style: { ...c, ...a },
-        required: l,
-        ...g,
-        ...d
-      }
-    );
-    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__ */ i("span", { className: "gloss-base-input__required", children: "*" })
-      ] }),
-      _,
-      t && /* @__PURE__ */ i("div", { className: "gloss-base-input__helper", children: t })
-    ] });
-  }
-);
+}, Z = {}, Y = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  label: t,
+  helperText: l,
+  required: r,
+  status: d = "default",
+  ...n
+}) => {
+  const { style: c, dataAttrs: g } = u(e, K, Z);
+  d !== "default" && (g["data-status"] = d), n.disabled && (g["data-disabled"] = ""), n.readOnly && (g["data-readonly"] = "");
+  const _ = /* @__PURE__ */ i(
+    "input",
+    {
+      ref: s,
+      className: a ? `gloss-base-input ${a}` : "gloss-base-input",
+      style: { ...c, ...o },
+      required: r,
+      ...g,
+      ...n
+    }
+  );
+  return !t && !l ? _ : /* @__PURE__ */ p("div", { className: "gloss-base-input__wrapper", children: [
+    t && /* @__PURE__ */ p("label", { className: "gloss-base-input__label", children: [
+      t,
+      r && /* @__PURE__ */ i("span", { className: "gloss-base-input__required", children: "*" })
+    ] }),
+    _,
+    l && /* @__PURE__ */ i("div", { className: "gloss-base-input__helper", children: l })
+  ] });
+};
 Y.displayName = "BaseInput";
 const q = {
   bg: "--_bg",
@@ -365,31 +373,39 @@ const q = {
   maxRows: "--_max-rows"
 }, J = {
   resize: "data-resize"
-}, 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__ */ i(
-      "textarea",
-      {
-        ref: n,
-        className: e ? `gloss-base-textarea ${e}` : "gloss-base-textarea",
-        style: { ...c, ...a },
-        required: l,
-        ...g,
-        ...d
-      }
-    );
-    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__ */ i("span", { className: "gloss-base-textarea__required", children: "*" })
-      ] }),
-      _,
-      t && /* @__PURE__ */ i("div", { className: "gloss-base-textarea__helper", children: t })
-    ] });
-  }
-);
+}, Q = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  label: t,
+  helperText: l,
+  required: r,
+  status: d = "default",
+  ...n
+}) => {
+  const { style: c, dataAttrs: g } = u(e, q, J);
+  d !== "default" && (g["data-status"] = d), n.disabled && (g["data-disabled"] = ""), n.readOnly && (g["data-readonly"] = "");
+  const _ = /* @__PURE__ */ i(
+    "textarea",
+    {
+      ref: s,
+      className: a ? `gloss-base-textarea ${a}` : "gloss-base-textarea",
+      style: { ...c, ...o },
+      required: r,
+      ...g,
+      ...n
+    }
+  );
+  return !t && !l ? _ : /* @__PURE__ */ p("div", { className: "gloss-base-textarea__wrapper", children: [
+    t && /* @__PURE__ */ p("label", { className: "gloss-base-textarea__label", children: [
+      t,
+      r && /* @__PURE__ */ i("span", { className: "gloss-base-textarea__required", children: "*" })
+    ] }),
+    _,
+    l && /* @__PURE__ */ i("div", { className: "gloss-base-textarea__helper", children: l })
+  ] });
+};
 Q.displayName = "BaseTextarea";
 const ee = {
   trackBg: "--_track-bg",
@@ -397,75 +413,90 @@ const ee = {
   checkColor: "--_check-color",
   trackSize: "--_track-size",
   trackRadius: "--_track-radius"
-}, 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 _ = u.useCallback(
-      (f) => {
-        f && (f.indeterminate = !!o), typeof n == "function" ? n(f) : n && (n.current = f);
-      },
-      [o, n]
-    );
-    return /* @__PURE__ */ b(
-      "label",
-      {
-        className: e ? `gloss-base-checkbox ${e}` : "gloss-base-checkbox",
-        style: { ...c, ...a },
-        ...g,
-        children: [
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: _,
-              type: "checkbox",
-              className: "gloss-base-checkbox__input",
-              checked: l,
-              disabled: r,
-              ...d
-            }
-          ),
-          /* @__PURE__ */ i("span", { className: "gloss-base-checkbox__track" }),
-          t
-        ]
-      }
-    );
-  }
-);
+}, se = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  indeterminate: t,
+  children: l,
+  checked: r,
+  disabled: d,
+  ...n
+}) => {
+  const { style: c, dataAttrs: g } = u(e, ee);
+  d && (g["data-disabled"] = ""), r && (g["data-checked"] = ""), t && (g["data-indeterminate"] = "");
+  const _ = f.useCallback(
+    (b) => {
+      b && (b.indeterminate = !!t), typeof s == "function" ? s(b) : s && (s.current = b);
+    },
+    [t, s]
+  );
+  return /* @__PURE__ */ p(
+    "label",
+    {
+      className: a ? `gloss-base-checkbox ${a}` : "gloss-base-checkbox",
+      style: { ...c, ...o },
+      ...g,
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ref: _,
+            type: "checkbox",
+            className: "gloss-base-checkbox__input",
+            checked: r,
+            disabled: d,
+            ...n
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: "gloss-base-checkbox__track" }),
+        l
+      ]
+    }
+  );
+};
 se.displayName = "BaseCheckbox";
 const ae = {
   trackBg: "--_track-bg",
   trackBorder: "--_track-border",
   dotColor: "--_dot-color",
   trackSize: "--_track-size"
-}, 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: e ? `gloss-base-radio ${e}` : "gloss-base-radio",
-        style: { ...n, ...a },
-        ...c,
-        children: [
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: d,
-              type: "radio",
-              className: "gloss-base-radio__input",
-              checked: t,
-              disabled: l,
-              ...r
-            }
-          ),
-          /* @__PURE__ */ i("span", { className: "gloss-base-radio__track" }),
-          o
-        ]
-      }
-    );
-  }
-);
+}, oe = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  checked: l,
+  disabled: r,
+  ...d
+}) => {
+  const { style: n, dataAttrs: c } = u(e, ae);
+  return r && (c["data-disabled"] = ""), l && (c["data-checked"] = ""), /* @__PURE__ */ p(
+    "label",
+    {
+      className: a ? `gloss-base-radio ${a}` : "gloss-base-radio",
+      style: { ...n, ...o },
+      ...c,
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ref: s,
+            type: "radio",
+            className: "gloss-base-radio__input",
+            checked: l,
+            disabled: r,
+            ...d
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: "gloss-base-radio__track" }),
+        t
+      ]
+    }
+  );
+};
 oe.displayName = "BaseRadio";
 const te = {
   trackBg: "--_track-bg",
@@ -474,35 +505,42 @@ const te = {
   trackWidth: "--_track-width",
   trackHeight: "--_track-height",
   thumbSize: "--_thumb-size"
-}, 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: e ? `gloss-base-toggle ${e}` : "gloss-base-toggle",
-        style: { ...n, ...a },
-        ...c,
-        children: [
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: d,
-              type: "checkbox",
-              role: "switch",
-              className: "gloss-base-toggle__input",
-              checked: t,
-              disabled: l,
-              ...r
-            }
-          ),
-          /* @__PURE__ */ i("span", { className: "gloss-base-toggle__track", children: /* @__PURE__ */ i("span", { className: "gloss-base-toggle__thumb" }) }),
-          o
-        ]
-      }
-    );
-  }
-);
+}, re = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  checked: l,
+  disabled: r,
+  ...d
+}) => {
+  const { style: n, dataAttrs: c } = u(e, te);
+  return r && (c["data-disabled"] = ""), l && (c["data-checked"] = ""), /* @__PURE__ */ p(
+    "label",
+    {
+      className: a ? `gloss-base-toggle ${a}` : "gloss-base-toggle",
+      style: { ...n, ...o },
+      ...c,
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ref: s,
+            type: "checkbox",
+            role: "switch",
+            className: "gloss-base-toggle__input",
+            checked: l,
+            disabled: r,
+            ...d
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: "gloss-base-toggle__track", children: /* @__PURE__ */ i("span", { className: "gloss-base-toggle__thumb" }) }),
+        t
+      ]
+    }
+  );
+};
 re.displayName = "BaseToggle";
 const le = {
   bg: "--_bg",
@@ -513,7 +551,7 @@ const le = {
   padding: "--_padding"
 };
 function ie(s) {
-  const { definition: e, className: a, style: o, children: t, ...l } = s, { style: r, dataAttrs: d } = p(e, le);
+  const { definition: e, className: a, style: o, children: t, ...l } = s, { style: r, dataAttrs: d } = u(e, le);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -526,17 +564,20 @@ function ie(s) {
   );
 }
 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",
-      ...a,
-      children: e
-    }
-  )
+const de = ({
+  ref: s,
+  className: e,
+  children: a,
+  ...o
+}) => /* @__PURE__ */ i(
+  "button",
+  {
+    ref: s,
+    type: "button",
+    className: e ? `gloss-base-select__trigger ${e}` : "gloss-base-select__trigger",
+    ...o,
+    children: a
+  }
 );
 de.displayName = "BaseSelectTrigger";
 const ne = {
@@ -547,7 +588,7 @@ const ne = {
   maxHeight: "--_dropdown-max-height"
 };
 function ce(s) {
-  const { definition: e, className: a, style: o, children: t, ...l } = s, { style: r } = p(e, ne);
+  const { definition: e, className: a, style: o, children: t, ...l } = s, { style: r } = u(e, ne);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -560,27 +601,32 @@ function ce(s) {
   );
 }
 ce.displayName = "BaseSelectDropdown";
-const ge = u.forwardRef(
-  ({ className: s, children: e, selected: a, disabled: o, ...t }, l) => {
-    const r = {};
-    return a && (r["data-selected"] = ""), o && (r["data-disabled"] = ""), /* @__PURE__ */ i(
-      "div",
-      {
-        ref: l,
-        role: "option",
-        "aria-selected": a,
-        "aria-disabled": o,
-        className: s ? `gloss-base-select__option ${s}` : "gloss-base-select__option",
-        ...r,
-        ...t,
-        children: e
-      }
-    );
-  }
-);
+const ge = ({
+  ref: s,
+  className: e,
+  children: a,
+  selected: o,
+  disabled: t,
+  ...l
+}) => {
+  const r = {};
+  return o && (r["data-selected"] = ""), t && (r["data-disabled"] = ""), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      role: "option",
+      "aria-selected": o,
+      "aria-disabled": t,
+      className: e ? `gloss-base-select__option ${e}` : "gloss-base-select__option",
+      ...r,
+      ...l,
+      children: a
+    }
+  );
+};
 ge.displayName = "BaseSelectOption";
 function _e({ label: s, className: e, children: a, ...o }) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ p(
     "div",
     {
       role: "group",
@@ -613,7 +659,7 @@ function be({
   children: l,
   ...r
 }) {
-  const { style: d, dataAttrs: n } = p(s, ue, pe);
+  const { style: d, dataAttrs: n } = u(s, ue, pe);
   return o !== "horizontal" && (n["data-orientation"] = o), t && (n["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
@@ -626,220 +672,278 @@ function be({
   );
 }
 be.displayName = "BaseSlider";
-const fe = {
+const me = {
   bg: "--_bg",
   border: "--_border",
   radius: "--_radius",
   elevation: "--_elevation",
   padding: "--_padding"
-}, 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: e ? `gloss-base-card ${e}` : "gloss-base-card",
-        style: { ...r, ...a },
-        ...d,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
-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: e ? `gloss-base-card__header ${e}` : "gloss-base-card__header",
-        style: r,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
-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: e ? `gloss-base-card__body ${e}` : "gloss-base-card__body",
-        style: r,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
+}, ye = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  ...l
+}) => {
+  const { style: r, dataAttrs: d } = u(e, me);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      className: a ? `gloss-base-card ${a}` : "gloss-base-card",
+      style: { ...r, ...o },
+      ...d,
+      ...l,
+      children: t
+    }
+  );
+};
+ye.displayName = "BaseCard";
+const fe = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  ...l
+}) => {
+  const r = { ...o };
+  return e?.padding && (r["--_header-padding"] = e.padding), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      className: a ? `gloss-base-card__header ${a}` : "gloss-base-card__header",
+      style: r,
+      ...l,
+      children: t
+    }
+  );
+};
+fe.displayName = "BaseCardHeader";
+const ve = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  ...l
+}) => {
+  const r = { ...o };
+  return e?.padding && (r["--_body-padding"] = e.padding), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      className: a ? `gloss-base-card__body ${a}` : "gloss-base-card__body",
+      style: r,
+      ...l,
+      children: t
+    }
+  );
+};
 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: e ? `gloss-base-card__footer ${e}` : "gloss-base-card__footer",
-        style: r,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
+const he = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  ...l
+}) => {
+  const r = { ...o };
+  return e?.padding && (r["--_footer-padding"] = e.padding), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      className: a ? `gloss-base-card__footer ${a}` : "gloss-base-card__footer",
+      style: r,
+      ...l,
+      children: t
+    }
+  );
+};
 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: n,
-        ...r,
-        children: s ? /* @__PURE__ */ i("img", { src: s, alt: e || "" }) : l
-      }
-    );
-  }
-);
-Be.displayName = "BaseCardMedia";
-const Se = u.forwardRef(
-  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
-    "h3",
+const Be = ({
+  ref: s,
+  src: e,
+  alt: a,
+  height: o,
+  className: t,
+  style: l,
+  children: r,
+  ...d
+}) => {
+  const n = { ...l };
+  return o && (n.height = o), /* @__PURE__ */ i(
+    "div",
     {
-      ref: o,
-      className: s ? `gloss-base-card__title ${s}` : "gloss-base-card__title",
-      ...a,
-      children: e
+      ref: s,
+      className: t ? `gloss-base-card__media ${t}` : "gloss-base-card__media",
+      style: n,
+      ...d,
+      children: e ? /* @__PURE__ */ i("img", { src: e, alt: a || "" }) : r
     }
-  )
+  );
+};
+Be.displayName = "BaseCardMedia";
+const Se = ({
+  ref: s,
+  className: e,
+  children: a,
+  ...o
+}) => /* @__PURE__ */ i(
+  "h3",
+  {
+    ref: s,
+    className: e ? `gloss-base-card__title ${e}` : "gloss-base-card__title",
+    ...o,
+    children: a
+  }
 );
 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",
-      ...a,
-      children: e
-    }
-  )
+const Ae = ({
+  ref: s,
+  className: e,
+  children: a,
+  ...o
+}) => /* @__PURE__ */ i(
+  "p",
+  {
+    ref: s,
+    className: e ? `gloss-base-card__subtitle ${e}` : "gloss-base-card__subtitle",
+    ...o,
+    children: a
+  }
 );
 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",
-      ...a,
-      children: e
-    }
-  )
+const ke = ({
+  ref: s,
+  className: e,
+  children: a,
+  ...o
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: s,
+    className: e ? `gloss-base-card__actions ${e}` : "gloss-base-card__actions",
+    ...o,
+    children: a
+  }
 );
 ke.displayName = "BaseCardActions";
 const Ne = {
   borderColor: "--_border-color",
   radius: "--_radius",
   gap: "--_gap"
-}, 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: e ? `gloss-base-accordion ${e}` : "gloss-base-accordion",
-        style: { ...r, ...a },
-        ...d,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
-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__ */ i(
-      "div",
-      {
-        ref: l,
-        className: s ? `gloss-base-accordion__item ${s}` : "gloss-base-accordion__item",
-        style: e,
-        ...r,
-        ...t,
-        children: a
-      }
-    );
-  }
-);
-xe.displayName = "BaseAccordionItem";
-const Re = u.forwardRef(
-  ({ className: s, children: e, ...a }, o) => /* @__PURE__ */ i(
-    "button",
+}, Ce = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  ...l
+}) => {
+  const { style: r, dataAttrs: d } = u(e, Ne);
+  return /* @__PURE__ */ i(
+    "div",
     {
-      ref: o,
-      type: "button",
-      className: s ? `gloss-base-accordion__trigger ${s}` : "gloss-base-accordion__trigger",
-      ...a,
-      children: e
+      ref: s,
+      className: a ? `gloss-base-accordion ${a}` : "gloss-base-accordion",
+      style: { ...r, ...o },
+      ...d,
+      ...l,
+      children: t
     }
-  )
-);
-Re.displayName = "BaseAccordionTrigger";
-const $e = u.forwardRef(
-  ({ className: s, style: e, children: a, ...o }, t) => /* @__PURE__ */ i(
+  );
+};
+Ce.displayName = "BaseAccordion";
+const xe = ({
+  ref: s,
+  className: e,
+  style: a,
+  children: o,
+  open: t,
+  ...l
+}) => {
+  const r = {};
+  return t && (r["data-open"] = ""), /* @__PURE__ */ i(
     "div",
     {
-      ref: t,
-      className: s ? `gloss-base-accordion__content ${s}` : "gloss-base-accordion__content",
-      style: e,
-      ...o,
-      children: a
+      ref: s,
+      className: e ? `gloss-base-accordion__item ${e}` : "gloss-base-accordion__item",
+      style: a,
+      ...r,
+      ...l,
+      children: o
     }
-  )
+  );
+};
+xe.displayName = "BaseAccordionItem";
+const $e = ({
+  ref: s,
+  className: e,
+  children: a,
+  ...o
+}) => /* @__PURE__ */ i(
+  "button",
+  {
+    ref: s,
+    type: "button",
+    className: e ? `gloss-base-accordion__trigger ${e}` : "gloss-base-accordion__trigger",
+    ...o,
+    children: a
+  }
 );
-$e.displayName = "BaseAccordionContent";
-const Pe = {
+$e.displayName = "BaseAccordionTrigger";
+const Pe = ({
+  ref: s,
+  className: e,
+  style: a,
+  children: o,
+  ...t
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: s,
+    className: e ? `gloss-base-accordion__content ${e}` : "gloss-base-accordion__content",
+    style: a,
+    ...t,
+    children: o
+  }
+);
+Pe.displayName = "BaseAccordionContent";
+const ze = {
   bg: "--_bg",
   borderColor: "--_border-color",
   radius: "--_radius",
   elevation: "--_elevation",
   padding: "--_padding",
   minWidth: "--_min-width"
-}, 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: e ? `gloss-base-menu ${e}` : "gloss-base-menu",
-        style: { ...r, ...a },
-        ...d,
-        ...t,
-        children: o
-      }
-    );
-  }
-);
-we.displayName = "BaseMenu";
-function ze({ label: s, className: e, style: a, children: o, ...t }) {
-  return /* @__PURE__ */ b(
+}, Re = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  ...l
+}) => {
+  const { style: r, dataAttrs: d } = u(e, ze);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      role: "menu",
+      className: a ? `gloss-base-menu ${a}` : "gloss-base-menu",
+      style: { ...r, ...o },
+      ...d,
+      ...l,
+      children: t
+    }
+  );
+};
+Re.displayName = "BaseMenu";
+function we({ label: s, className: e, style: a, children: o, ...t }) {
+  return /* @__PURE__ */ p(
     "div",
     {
       role: "group",
@@ -854,32 +958,40 @@ function ze({ label: s, className: e, style: a, children: o, ...t }) {
     }
   );
 }
-ze.displayName = "BaseMenuGroup";
+we.displayName = "BaseMenuGroup";
 const Me = {
   padding: "--_item-padding",
   fontSize: "--_item-font-size",
   color: "--_item-color",
   hoverBg: "--_item-hover-bg"
-}, 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: n,
-        role: "menuitem",
-        tabIndex: t ? -1 : 0,
-        "aria-disabled": t || void 0,
-        "aria-current": l ? "page" : void 0,
-        className: e ? `gloss-base-menu__item ${e}` : "gloss-base-menu__item",
-        style: { ...c, ...a },
-        ...g,
-        ...d,
-        children: o
-      }
-    );
-  }
-);
+}, Te = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  disabled: l,
+  active: r,
+  as: d = "div",
+  ...n
+}) => {
+  const { style: c, dataAttrs: g } = u(e, Me);
+  return l && (g["data-disabled"] = ""), r && (g["data-active"] = ""), /* @__PURE__ */ i(
+    d,
+    {
+      ref: s,
+      role: "menuitem",
+      tabIndex: l ? -1 : 0,
+      "aria-disabled": l || void 0,
+      "aria-current": r ? "page" : void 0,
+      className: a ? `gloss-base-menu__item ${a}` : "gloss-base-menu__item",
+      style: { ...c, ...o },
+      ...g,
+      ...n,
+      children: t
+    }
+  );
+};
 Te.displayName = "BaseMenuItem";
 function De({ className: s }) {
   return /* @__PURE__ */ i(
@@ -899,26 +1011,32 @@ const Ie = {
   fontSize: "--_font-size",
   maxWidth: "--_max-width",
   arrowSize: "--_arrow-size"
-}, 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: e ? `gloss-base-tooltip ${e}` : "gloss-base-tooltip",
-        style: { ...d, ...a },
-        ...n,
-        ...l,
-        children: [
-          /* @__PURE__ */ i("div", { className: "gloss-base-tooltip__content", children: o }),
-          /* @__PURE__ */ i("div", { className: "gloss-base-tooltip__arrow" })
-        ]
-      }
-    );
-  }
-);
+}, Ve = {}, Ee = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  placement: l = "top",
+  ...r
+}) => {
+  const { style: d, dataAttrs: n } = u(e, Ie, Ve);
+  return n["data-placement"] = l, /* @__PURE__ */ p(
+    "div",
+    {
+      ref: s,
+      role: "tooltip",
+      className: a ? `gloss-base-tooltip ${a}` : "gloss-base-tooltip",
+      style: { ...d, ...o },
+      ...n,
+      ...r,
+      children: [
+        /* @__PURE__ */ i("div", { className: "gloss-base-tooltip__content", children: t }),
+        /* @__PURE__ */ i("div", { className: "gloss-base-tooltip__arrow" })
+      ]
+    }
+  );
+};
 Ee.displayName = "BaseTooltip";
 const Oe = {
   activeColor: "--_active-color",
@@ -926,23 +1044,30 @@ const Oe = {
   hoverColor: "--_hover-color",
   starSize: "--_star-size",
   gap: "--_gap"
-}, 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: e ? `gloss-base-rating ${e}` : "gloss-base-rating",
-        style: { ...n, ...a },
-        ...c,
-        ...r,
-        children: o
-      }
-    );
-  }
-);
+}, He = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  readOnly: l,
+  disabled: r,
+  ...d
+}) => {
+  const { style: n, dataAttrs: c } = u(e, Oe);
+  return l && (c["data-readonly"] = ""), r && (c["data-disabled"] = ""), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      role: "radiogroup",
+      className: a ? `gloss-base-rating ${a}` : "gloss-base-rating",
+      style: { ...n, ...o },
+      ...c,
+      ...d,
+      children: t
+    }
+  );
+};
 He.displayName = "BaseRating";
 const Ge = {
   bg: "--_bg",
@@ -951,23 +1076,29 @@ const Ge = {
   radius: "--_radius",
   padding: "--_padding",
   fontSize: "--_font-size"
-}, 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: e ? `gloss-base-segmented-control ${e}` : "gloss-base-segmented-control",
-        style: { ...d, ...a },
-        ...n,
-        ...l,
-        children: o
-      }
-    );
-  }
-);
+}, Fe = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  children: t,
+  disabled: l,
+  ...r
+}) => {
+  const { style: d, dataAttrs: n } = u(e, Ge);
+  return l && (n["data-disabled"] = ""), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: s,
+      role: "radiogroup",
+      className: a ? `gloss-base-segmented-control ${a}` : "gloss-base-segmented-control",
+      style: { ...d, ...o },
+      ...n,
+      ...r,
+      children: t
+    }
+  );
+};
 Fe.displayName = "BaseSegmentedControl";
 const Le = {
   bg: "--_bg",
@@ -977,7 +1108,7 @@ const Le = {
   padding: "--_padding"
 };
 function We({ definition: s, className: e, style: a, children: o, ...t }) {
-  const { style: l, dataAttrs: r } = p(s, Le);
+  const { style: l, dataAttrs: r } = u(s, Le);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1032,7 +1163,7 @@ function Ke({
   children: d,
   ...n
 }) {
-  const { style: c, dataAttrs: g } = p(s, je);
+  const { style: c, dataAttrs: g } = u(s, je);
   return o && (g["data-selected"] = ""), t && (g["data-today"] = ""), r && (g["data-disabled"] = ""), l && (g["data-outside-month"] = ""), /* @__PURE__ */ i(
     "button",
     {
@@ -1056,7 +1187,7 @@ const Ze = {
   cellHeight: "--_cell-height"
 };
 function Ye({ definition: s, className: e, style: a, children: o, ...t }) {
-  const { style: l, dataAttrs: r } = p(s, Ze);
+  const { style: l, dataAttrs: r } = u(s, Ze);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1108,7 +1239,7 @@ const Qe = {
   gap: "--_gap"
 };
 function es({ definition: s, className: e, style: a, children: o, ...t }) {
-  const { style: l, dataAttrs: r } = p(s, Qe);
+  const { style: l, dataAttrs: r } = u(s, Qe);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1160,7 +1291,7 @@ const as = {
   minHeight: "--_min-height"
 };
 function os({ definition: s, className: e, style: a, disabled: o, children: t, ...l }) {
-  const { style: r, dataAttrs: d } = p(s, as);
+  const { style: r, dataAttrs: d } = u(s, as);
   return o && (d["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
@@ -1184,31 +1315,39 @@ const ts = {
   minHeight: "--_min-height",
   placeholderColor: "--_placeholder-color",
   placeholderCharColor: "--_placeholder-char-color"
-}, 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__ */ i(
-      "input",
-      {
-        ref: n,
-        className: e ? `gloss-base-maskedinput ${e}` : "gloss-base-maskedinput",
-        style: { ...c, ...a },
-        required: l,
-        ...g,
-        ...d
-      }
-    );
-    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__ */ i("span", { className: "gloss-base-maskedinput__required", children: "*" })
-      ] }),
-      _,
-      t && /* @__PURE__ */ i("div", { className: "gloss-base-maskedinput__helper", children: t })
-    ] });
-  }
-);
+}, rs = ({
+  ref: s,
+  definition: e,
+  className: a,
+  style: o,
+  label: t,
+  helperText: l,
+  required: r,
+  status: d = "default",
+  ...n
+}) => {
+  const { style: c, dataAttrs: g } = u(e, ts);
+  d !== "default" && (g["data-status"] = d), n.disabled && (g["data-disabled"] = ""), n.readOnly && (g["data-readonly"] = "");
+  const _ = /* @__PURE__ */ i(
+    "input",
+    {
+      ref: s,
+      className: a ? `gloss-base-maskedinput ${a}` : "gloss-base-maskedinput",
+      style: { ...c, ...o },
+      required: r,
+      ...g,
+      ...n
+    }
+  );
+  return !t && !l ? _ : /* @__PURE__ */ p("div", { className: "gloss-base-maskedinput__wrapper", children: [
+    t && /* @__PURE__ */ p("label", { className: "gloss-base-maskedinput__label", children: [
+      t,
+      r && /* @__PURE__ */ i("span", { className: "gloss-base-maskedinput__required", children: "*" })
+    ] }),
+    _,
+    l && /* @__PURE__ */ i("div", { className: "gloss-base-maskedinput__helper", children: l })
+  ] });
+};
 rs.displayName = "BaseMaskedInput";
 const ls = {
   bg: "--_bg",
@@ -1219,7 +1358,7 @@ const ls = {
   minHeight: "--_min-height"
 };
 function is({ definition: s, className: e, style: a, dragging: o, disabled: t, children: l, ...r }) {
-  const { style: d, dataAttrs: n } = p(s, ls);
+  const { style: d, dataAttrs: n } = u(s, ls);
   return o && (n["data-dragging"] = ""), t && (n["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
@@ -1264,7 +1403,7 @@ const cs = {
   swatchSize: "--_swatch-size"
 };
 function gs({ definition: s, className: e, style: a, disabled: o, children: t, ...l }) {
-  const { style: r, dataAttrs: d } = p(s, cs);
+  const { style: r, dataAttrs: d } = u(s, cs);
   return o && (d["data-disabled"] = ""), /* @__PURE__ */ i(
     "div",
     {
@@ -1325,7 +1464,7 @@ function bs({ className: s, style: e, children: a, ...o }) {
   );
 }
 bs.displayName = "BaseColorPickerSwatch";
-const fs = {
+const ms = {
   trackBg: "--_track-bg",
   trackActiveBg: "--_track-active-bg",
   thumbBg: "--_thumb-bg",
@@ -1334,7 +1473,7 @@ const fs = {
   trackHeight: "--_track-height",
   thumbShadow: "--_thumb-shadow"
 };
-function ms({
+function ys({
   definition: s,
   className: e,
   style: a,
@@ -1344,7 +1483,7 @@ function ms({
   children: r,
   ...d
 }) {
-  const { style: n, dataAttrs: c } = p(s, fs);
+  const { style: n, dataAttrs: c } = u(s, ms);
   return o !== "horizontal" && (c["data-orientation"] = o), t && (c["data-disabled"] = ""), l && (c["data-collision"] = ""), /* @__PURE__ */ i(
     "div",
     {
@@ -1356,8 +1495,8 @@ function ms({
     }
   );
 }
-ms.displayName = "BaseRangeSlider";
-const ys = {
+ys.displayName = "BaseRangeSlider";
+const fs = {
   1: "h1",
   2: "h2",
   3: "h3",
@@ -1365,9 +1504,9 @@ const ys = {
   5: "h5",
   6: "h6"
 }, vs = function(e) {
-  const { as: a, level: o = 2, className: t, ...l } = e, r = a || ys[o];
+  const { as: a, level: o = 2, className: t, ...l } = e, r = a || fs[o];
   return /* @__PURE__ */ i(
-    R,
+    $,
     {
       as: r,
       className: t ? `gloss-base-title ${t}` : "gloss-base-title",
@@ -1405,7 +1544,7 @@ function hs({
       open: e,
       onDismiss: a,
       anchorRef: o,
-      children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ p(
         "div",
         {
           className: t ? `gloss-base-popover ${t}` : "gloss-base-popover",
@@ -1428,7 +1567,7 @@ const Bs = {
   radius: "--_radius"
 };
 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;
+  const { definition: e, src: a, alt: o, className: t, style: l, children: r, ...d } = s, [n, c] = N(!1), { style: g, dataAttrs: _ } = u(e, Bs), b = a && !n;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1436,7 +1575,7 @@ function Ss(s) {
       style: { ...g, ...l },
       ..._,
       ...d,
-      children: f ? /* @__PURE__ */ i(
+      children: b ? /* @__PURE__ */ i(
         "img",
         {
           src: a,
@@ -1455,7 +1594,7 @@ const As = {
   radius: "--_radius"
 };
 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);
+  const { definition: e, value: a, max: o = 100, indeterminate: t = !1, className: l, style: r, ...d } = s, { style: n, dataAttrs: c } = u(e, As);
   t && (c["data-indeterminate"] = "");
   const g = t ? void 0 : `${Math.min(100, (a || 0) / (o || 100) * 100)}%`;
   return /* @__PURE__ */ i(
@@ -1490,7 +1629,7 @@ const Ns = {
   fontWeight: "--_font-weight"
 };
 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);
+  const { as: e, definition: a, className: o, style: t, dot: l, children: r, ...d } = s, n = e || "span", { style: c, dataAttrs: g } = u(a, Ns);
   return l && (g["data-dot"] = ""), /* @__PURE__ */ i(
     n,
     {
@@ -1514,7 +1653,7 @@ const xs = {
   fontWeight: "--_font-weight",
   gap: "--_gap"
 };
-function Rs(s) {
+function $s(s) {
   const {
     as: e,
     definition: a,
@@ -1527,15 +1666,15 @@ function Rs(s) {
     leftIcon: c,
     deleteButton: g,
     children: _,
-    ...f
-  } = 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(
+    ...b
+  } = s, m = e || "span", { style: v, dataAttrs: y } = u(a, xs);
+  return l && (y["data-disabled"] = ""), r && (y["data-clickable"] = ""), d && (y["data-selected"] = ""), /* @__PURE__ */ p(
     m,
     {
       className: o ? `gloss-base-chip ${o}` : "gloss-base-chip",
       style: { ...v, ...t },
       ...y,
-      ...f,
+      ...b,
       children: [
         n && /* @__PURE__ */ i("span", { className: "gloss-base-chip__avatar", children: n }),
         c && /* @__PURE__ */ i("span", { className: "gloss-base-chip__icon", children: c }),
@@ -1545,23 +1684,23 @@ function Rs(s) {
     }
   );
 }
-Rs.displayName = "BaseChip";
-const $s = {
+$s.displayName = "BaseChip";
+const Ps = {
   color: "--_color",
   fontSize: "--_font-size",
   fontWeight: "--_font-weight",
   gap: "--_gap"
-}, Ps = {
+}, zs = {
   underline: "data-underline"
 };
-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(
+function Rs(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: b } = u(a, Ps, zs);
+  return l && (b["data-disabled"] = ""), /* @__PURE__ */ p(
     g,
     {
       className: o ? `gloss-base-link ${o}` : "gloss-base-link",
       style: { ..._, ...t },
-      ...f,
+      ...b,
       ...c,
       children: [
         r && /* @__PURE__ */ i("span", { className: "gloss-base-link__icon gloss-base-link__icon--left", children: r }),
@@ -1571,17 +1710,17 @@ function ws(s) {
     }
   );
 }
-ws.displayName = "BaseLink";
-const zs = { region: null, density: "default" }, A = C(zs);
+Rs.displayName = "BaseLink";
+const ws = { region: null, density: "default" }, A = C(ws);
 function Xs() {
   return x(A);
 }
 function Ms({ region: s, density: e = "default", children: a }) {
   const o = { region: s, density: e };
-  return u.createElement(
+  return f.createElement(
     A.Provider,
     { value: o },
-    u.createElement(
+    f.createElement(
       "div",
       {
         "data-region": s,
@@ -1598,11 +1737,11 @@ export {
   xe as A,
   hs as B,
   Hs as C,
-  Re as D,
+  $e as D,
   Ls as E,
-  $e as F,
-  we as G,
-  ze as H,
+  Pe as F,
+  Re as G,
+  we as H,
   Te as I,
   De as J,
   Ee as K,
@@ -1632,15 +1771,15 @@ export {
   us as a6,
   ps as a7,
   bs as a8,
-  ms as a9,
+  ys as a9,
   vs as aa,
   Ss as ab,
   ks as ac,
   Cs as ad,
-  Rs as ae,
-  ws as af,
+  $s as ae,
+  Rs as af,
   B as ag,
-  p as ah,
+  u as ah,
   S as b,
   L as c,
   U as d,
@@ -1656,8 +1795,8 @@ export {
   ge as n,
   _e as o,
   be as p,
-  me as q,
-  ye as r,
+  ye as q,
+  fe as r,
   ve as s,
   he as t,
   Xs as u,