@neowit/orbit-react 0.1.0

package/dist/orbit.js

@@ -0,0 +1,1669 @@
+import { jsxs as b, jsx as e, Fragment as x0 } from "react/jsx-runtime";
+import { forwardRef as Z0, useMemo as n0, useState as U, useRef as y0, useEffect as _0, useCallback as W, useLayoutEffect as H0 } from "react";
+const P0 = "M26.0719 16C27.1368 16 28.0158 15.1313 27.8454 14.0802C27.5714 12.3896 26.9374 10.7695 25.9776 9.33316C24.6591 7.35977 22.7849 5.8217 20.5922 4.91345C18.3995 4.00519 15.9867 3.76755 13.6589 4.23058C11.3311 4.6936 9.19295 5.83649 7.51472 7.51472C5.83649 9.19295 4.6936 11.3311 4.23058 13.6589C3.76755 15.9867 4.00519 18.3995 4.91345 20.5922C5.8217 22.7849 7.35977 24.6591 9.33316 25.9776C10.7695 26.9374 12.3896 27.5714 14.0802 27.8454C15.1313 28.0158 16 27.1368 16 26.0719C16 25.0071 15.125 24.1664 14.0898 23.9166C13.1626 23.6929 12.2769 23.3068 11.4755 22.7713C10.1363 21.8765 9.09247 20.6046 8.47609 19.1165C7.8597 17.6284 7.69843 15.991 8.01266 14.4112C8.32689 12.8315 9.10251 11.3804 10.2414 10.2414C11.3804 9.10251 12.8315 8.32689 14.4112 8.01266C15.991 7.69843 17.6284 7.8597 19.1165 8.47609C20.6046 9.09247 21.8765 10.1363 22.7713 11.4755C23.3068 12.2769 23.6929 13.1626 23.9166 14.0898C24.1664 15.125 25.0071 16 26.0719 16Z", W0 = "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z";
+function p0() {
+  return /* @__PURE__ */ e("svg", { viewBox: "0 0 32 32", fill: "none", children: /* @__PURE__ */ e("path", { d: P0, fill: "currentColor" }) });
+}
+const r1 = Z0(
+  function({
+    variant: i = "primary",
+    size: a = "medium",
+    disabled: t = !1,
+    loading: n = !1,
+    loadingText: r,
+    fullWidth: s = !1,
+    pressed: y,
+    count: _,
+    description: u,
+    disclosure: O,
+    type: g = "button",
+    href: H,
+    target: M,
+    onClick: $,
+    children: A,
+    leadingIcon: w,
+    trailingIcon: C
+  }, N) {
+    const k = !A && !u && (!!w || !!C), P = !!u, p = t || n, j = n0(() => O === !0 || O === "down" ? "down" : O === "up" ? "up" : null, [O]), z = n0(() => {
+      const S = [
+        "orb-btn",
+        `orb-btn--${i}`,
+        `orb-btn--${a}`
+      ];
+      return s && S.push("orb-btn--full-width"), n && S.push("orb-btn--loading"), t && S.push("orb-btn--disabled"), y === !0 && S.push("orb-btn--pressed"), k && S.push("orb-btn--icon-only"), P && S.push("orb-btn--compound"), S.join(" ");
+    }, [i, a, s, n, t, y, k, P]);
+    function o0(S) {
+      if (p) {
+        S.preventDefault();
+        return;
+      }
+      $ == null || $(S);
+    }
+    const r0 = n && !r, s0 = n && r ? /* @__PURE__ */ b(x0, { children: [
+      /* @__PURE__ */ e("span", { className: "orb-btn__spinner orb-btn__spinner--inline orb-btn__spinner--visible", "aria-hidden": "true", children: /* @__PURE__ */ e(p0, {}) }),
+      /* @__PURE__ */ e("span", { className: "orb-btn__label", children: r })
+    ] }) : /* @__PURE__ */ b(x0, { children: [
+      w && /* @__PURE__ */ e("span", { className: "orb-btn__icon", children: w }),
+      (A || u) && /* @__PURE__ */ b("span", { className: "orb-btn__content", children: [
+        A && /* @__PURE__ */ e("span", { className: "orb-btn__label", children: A }),
+        u && /* @__PURE__ */ e("span", { className: "orb-btn__description", children: u })
+      ] }),
+      _ !== void 0 && /* @__PURE__ */ e("span", { className: "orb-btn__count", children: _ }),
+      C && /* @__PURE__ */ e("span", { className: "orb-btn__icon", children: C }),
+      j && /* @__PURE__ */ e(
+        "span",
+        {
+          className: `orb-btn__disclosure${j === "up" ? " orb-btn__disclosure--up" : ""}`,
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ e("svg", { viewBox: "0 0 256 256", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: W0 }) })
+        }
+      )
+    ] });
+    return H ? /* @__PURE__ */ b(
+      "a",
+      {
+        ref: N,
+        className: z,
+        href: H,
+        target: M,
+        "aria-disabled": p ? "true" : void 0,
+        tabIndex: p ? -1 : void 0,
+        rel: M === "_blank" ? "noopener noreferrer" : void 0,
+        "aria-pressed": y !== void 0 ? y ? "true" : "false" : void 0,
+        onClick: o0,
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `orb-btn__spinner${r0 ? " orb-btn__spinner--visible" : ""}`,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(p0, {})
+            }
+          ),
+          s0
+        ]
+      }
+    ) : /* @__PURE__ */ b(
+      "button",
+      {
+        ref: N,
+        className: z,
+        type: g,
+        disabled: p || void 0,
+        "aria-pressed": y !== void 0 ? y ? "true" : "false" : void 0,
+        onClick: o0,
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `orb-btn__spinner${r0 ? " orb-btn__spinner--visible" : ""}`,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(p0, {})
+            }
+          ),
+          s0
+        ]
+      }
+    );
+  }
+);
+function i1({
+  type: o = "soft",
+  color: i = "gray",
+  maxWidth: a,
+  iconOnly: t = !1,
+  icon: n,
+  children: r
+}) {
+  if (o === "dot")
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        className: `orb-badge orb-badge--dot orb-badge--${i}`,
+        "aria-label": `Status: ${i}`
+      }
+    );
+  const s = n0(() => {
+    const _ = ["orb-badge", `orb-badge--${o}`, `orb-badge--${i}`];
+    return t && _.push("orb-badge--icon-only"), _.join(" ");
+  }, [o, i, t]), y = n0(
+    () => a ? { maxWidth: a, overflow: "hidden", textOverflow: "ellipsis" } : void 0,
+    [a]
+  );
+  return /* @__PURE__ */ b("span", { className: s, children: [
+    o === "status" && /* @__PURE__ */ e("span", { className: "orb-badge__dot" }),
+    o === "icon" && n,
+    !t && /* @__PURE__ */ e("span", { className: "orb-badge__label", style: y, children: r })
+  ] });
+}
+function w0({
+  label: o,
+  required: i = !1,
+  optional: a = !1,
+  disabled: t = !1,
+  charCount: n,
+  maxLength: r
+}) {
+  if (!o && r == null) return null;
+  const s = i ? " (obrigatório)" : a ? " (opcional)" : "";
+  return /* @__PURE__ */ b("div", { className: "orb-field-label", children: [
+    o && /* @__PURE__ */ b(
+      "label",
+      {
+        className: `orb-field-label__text${t ? " orb-field-label__text--disabled" : ""}`,
+        children: [
+          o,
+          s && /* @__PURE__ */ e("span", { className: "orb-field-label__suffix", children: s })
+        ]
+      }
+    ),
+    r != null && /* @__PURE__ */ e(
+      "span",
+      {
+        className: `orb-field-label__counter${t ? " orb-field-label__counter--disabled" : ""}`,
+        children: n ?? 0
+      }
+    )
+  ] });
+}
+function N0({
+  variant: o = "neutral",
+  disabled: i = !1,
+  children: a
+}) {
+  const t = [
+    "orb-help-text",
+    `orb-help-text--${o}`,
+    i && o === "neutral" ? "orb-help-text--disabled" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: t,
+      role: o === "negative" ? "alert" : void 0,
+      children: a
+    }
+  );
+}
+function S0({
+  size: o = "medium",
+  focused: i = !1,
+  invalid: a = !1,
+  disabled: t = !1,
+  children: n
+}) {
+  const r = n0(() => {
+    const s = ["orb-field-wrap", `orb-field-wrap--${o}`];
+    return i && !t && s.push("orb-field-wrap--focus"), a && s.push("orb-field-wrap--invalid"), t && s.push("orb-field-wrap--disabled"), s.join(" ");
+  }, [o, i, a, t]);
+  return /* @__PURE__ */ e("div", { className: r, children: n });
+}
+function A0({
+  status: o,
+  size: i = "md",
+  filled: a = !1,
+  inverted: t = !1
+}) {
+  const n = [
+    "orb-status-icon",
+    `orb-status-icon--${o}`,
+    `orb-status-icon--${i}`,
+    a ? "orb-status-icon--filled" : "",
+    t ? "orb-status-icon--inverted" : ""
+  ].filter(Boolean).join(" "), r = {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": !0
+  };
+  let s;
+  return o === "success" ? s = /* @__PURE__ */ b("svg", { ...r, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
+  ] }) : o === "warning" ? s = /* @__PURE__ */ b("svg", { ...r, children: [
+    /* @__PURE__ */ e("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] }) : o === "error" ? s = /* @__PURE__ */ b("svg", { ...r, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] }) : s = /* @__PURE__ */ b("svg", { ...r, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  ] }), /* @__PURE__ */ e("span", { className: n, role: "img", "aria-label": o, children: s });
+}
+const j0 = {
+  cpf: "###.###.###-##",
+  cnpj: "##.###.###/####-##",
+  cep: "#####-###",
+  tel: "(##) ####-####",
+  cel: "(##) #####-####"
+};
+function v0(o, i) {
+  const a = o.replace(/\D/g, "");
+  let t = "", n = 0;
+  for (let r = 0; r < i.length && n < a.length; r++)
+    i[r] === "#" ? (t += a[n], n++) : t += i[r];
+  return t;
+}
+function z0(o) {
+  return o.replace(/\D/g, "");
+}
+function D0(o) {
+  return j0[o] ?? o;
+}
+const R0 = "M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z", V0 = "M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.17-1.4,8.12,8.12,0,0,0,.75-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z", I0 = "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z", T0 = "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.29A169.47,169.47,0,0,1,24.57,128,169.47,169.47,0,0,1,48.07,97.29C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.29A169.47,169.47,0,0,1,231.43,128C223.72,141.72,192.44,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z", G0 = "M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a120.69,120.69,0,0,0,52.57-12.13l21.51,23.75A8,8,0,0,0,208,224a8,8,0,0,0,5.92-13.38ZM128,192c-30.78,0-57.67-11.19-79.93-33.29A169.47,169.47,0,0,1,24.57,128c4.65-8.48,19.23-33.33,43.78-49.93l18.44,20.29A48,48,0,0,0,128,176a47.58,47.58,0,0,0,12.27-1.63L155,190.72A104.82,104.82,0,0,1,128,192Zm-4-80.18,29.58,32.54A32,32,0,0,1,124,111.82Zm123.31,12.94c-.35.79-8.82,19.57-27.65,38.4A8,8,0,0,1,204.34,152c14.54-14.54,23.32-29.36,27.09-36A169.47,169.47,0,0,0,207.93,85.3C185.67,63.19,158.78,52,128,52a121.12,121.12,0,0,0-19.69,1.6,8,8,0,1,1-2.62-15.78A137.7,137.7,0,0,1,128,36c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,124.76ZM164,128a36,36,0,0,0-6.21-20.26,8,8,0,1,1,13.42-8.7A52,52,0,0,1,180,128a8,8,0,0,1-16,0Z", U0 = "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z", q0 = "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z";
+function a1({
+  value: o = "",
+  onChange: i,
+  label: a,
+  placeholder: t,
+  size: n = "medium",
+  state: r = "default",
+  required: s = !1,
+  optional: y = !1,
+  helpText: _,
+  maxLength: u,
+  prefixText: O,
+  suffixText: g,
+  validationIcon: H,
+  hyperlinkText: M,
+  hyperlinkHref: $,
+  onHyperlinkClick: A,
+  type: w = "text",
+  id: C,
+  min: N,
+  max: k,
+  step: P = 1,
+  mask: p,
+  onClear: j,
+  prefixIcon: z,
+  suffixIcon: o0,
+  hyperlinkIcon: r0
+}) {
+  const [s0, S] = U(!1), [b0, F0] = U(!1), [D, i0] = U(o), h0 = y0(null), k0 = w === "search", u0 = w === "password", I = w === "number", f0 = w === "tel", T = !!p, a0 = p ? D0(p) : "", O0 = D.length > 0, $0 = T ? v0(D, a0) : D, L0 = u0 ? b0 ? "text" : "password" : w;
+  _0(() => {
+    i0(o ?? "");
+  }, [o]);
+  const M0 = W(
+    (L) => {
+      const R = L.target;
+      if (T) {
+        const V = z0(R.value), d0 = a0.replace(/[^#]/g, "").length, G = V.slice(0, d0);
+        i0(G);
+        const E0 = v0(G, a0);
+        R.value = E0, i == null || i(G);
+      } else
+        i0(R.value), i == null || i(R.value);
+    },
+    [T, a0, i]
+  ), C0 = W(() => {
+    var L;
+    i0(""), i == null || i(""), j == null || j(), (L = h0.current) == null || L.focus();
+  }, [i, j]), B0 = W(() => {
+    var L;
+    F0((R) => !R), (L = h0.current) == null || L.focus();
+  }, []), m0 = W(
+    (L) => {
+      var G;
+      let V = (parseFloat(D) || 0) + P * L;
+      N != null && V < N && (V = N), k != null && V > k && (V = k);
+      const d0 = String(V);
+      i0(d0), i == null || i(d0), (G = h0.current) == null || G.focus();
+    },
+    [D, P, N, k, i]
+  );
+  return /* @__PURE__ */ b("div", { className: `orb-text-field orb-text-field--${n}`, children: [
+    (a || u != null) && /* @__PURE__ */ e(
+      w0,
+      {
+        label: a,
+        required: s,
+        optional: y,
+        disabled: r === "disabled",
+        charCount: (o == null ? void 0 : o.length) ?? 0,
+        maxLength: u
+      }
+    ),
+    /* @__PURE__ */ b(
+      S0,
+      {
+        size: n,
+        focused: s0,
+        invalid: r === "invalid",
+        disabled: r === "disabled",
+        children: [
+          k0 && !z && /* @__PURE__ */ e("span", { className: "orb-text-field__icon orb-text-field__icon--prefix", children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: R0 }) }) }),
+          f0 && !z && /* @__PURE__ */ e("span", { className: "orb-text-field__icon orb-text-field__icon--prefix", children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: V0 }) }) }),
+          I && r !== "disabled" && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "orb-text-field__stepper",
+              "aria-label": "Diminuir",
+              disabled: N != null && (parseFloat(D) || 0) <= N,
+              onClick: () => m0(-1),
+              children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: U0 }) })
+            }
+          ),
+          z && /* @__PURE__ */ e("span", { className: "orb-text-field__icon orb-text-field__icon--prefix", children: z }),
+          O && /* @__PURE__ */ e("span", { className: "orb-text-field__affix", children: O }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: h0,
+              id: C,
+              type: L0,
+              value: T ? $0 : o,
+              placeholder: t,
+              disabled: r === "disabled",
+              maxLength: T ? a0.length : u,
+              min: I ? N : void 0,
+              max: I ? k : void 0,
+              step: I ? P : void 0,
+              inputMode: I ? "numeric" : f0 ? "tel" : T ? "numeric" : void 0,
+              "aria-invalid": r === "invalid" ? !0 : void 0,
+              "aria-label": k0 && !a ? t || "Pesquisar" : void 0,
+              className: "orb-text-field__input",
+              onChange: M0,
+              onFocus: () => S(!0),
+              onBlur: () => S(!1)
+            }
+          ),
+          H && r !== "invalid" && /* @__PURE__ */ e("span", { className: "orb-text-field__icon orb-text-field__icon--validation", children: /* @__PURE__ */ e(A0, { status: "success", size: "sm" }) }),
+          k0 && O0 && r !== "disabled" && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "orb-text-field__clear",
+              "aria-label": "Limpar busca",
+              onClick: C0,
+              children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: I0 }) })
+            }
+          ),
+          u0 && r !== "disabled" && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "orb-text-field__toggle",
+              "aria-label": b0 ? "Ocultar senha" : "Mostrar senha",
+              onClick: B0,
+              children: b0 ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: G0 }) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: T0 }) })
+            }
+          ),
+          I && r !== "disabled" && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "orb-text-field__stepper",
+              "aria-label": "Aumentar",
+              disabled: k != null && (parseFloat(D) || 0) >= k,
+              onClick: () => m0(1),
+              children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: q0 }) })
+            }
+          ),
+          g && /* @__PURE__ */ e("span", { className: "orb-text-field__affix", children: g }),
+          o0 && /* @__PURE__ */ e("span", { className: "orb-text-field__icon orb-text-field__icon--suffix", children: o0 })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ e(
+      N0,
+      {
+        variant: r === "invalid" ? "negative" : "neutral",
+        disabled: r === "disabled",
+        children: _
+      }
+    ),
+    M && /* @__PURE__ */ b(
+      "a",
+      {
+        href: $ || "#",
+        className: `orb-text-field__hyperlink${r === "disabled" ? " orb-text-field__hyperlink--disabled" : ""}`,
+        onClick: (L) => {
+          L.preventDefault(), r !== "disabled" && (A == null || A());
+        },
+        children: [
+          r0 && /* @__PURE__ */ e("span", { className: "orb-text-field__hyperlink-icon", children: r0 }),
+          M
+        ]
+      }
+    )
+  ] });
+}
+function t1({
+  value: o = "",
+  onChange: i,
+  label: a,
+  placeholder: t,
+  size: n = "medium",
+  state: r = "default",
+  required: s = !1,
+  optional: y = !1,
+  helpText: _,
+  maxLength: u,
+  rows: O = 3,
+  resize: g = "vertical",
+  hyperlinkText: H,
+  hyperlinkHref: M,
+  onHyperlinkClick: $,
+  id: A
+}) {
+  const [w, C] = U(!1), N = y0(null), k = W(() => {
+    const p = N.current;
+    p && (p.style.height = "auto", p.style.height = `${p.scrollHeight}px`);
+  }, []), P = W(
+    (p) => {
+      i == null || i(p.target.value), g === "auto" && requestAnimationFrame(k);
+    },
+    [i, g, k]
+  );
+  return _0(() => {
+    g === "auto" && k();
+  }, [o, g, k]), H0(() => {
+    g === "auto" && k();
+  }, [g, k]), /* @__PURE__ */ b("div", { className: `orb-text-area orb-text-area--${n}`, children: [
+    (a || u != null) && /* @__PURE__ */ e(
+      w0,
+      {
+        label: a,
+        required: s,
+        optional: y,
+        disabled: r === "disabled",
+        charCount: (o == null ? void 0 : o.length) ?? 0,
+        maxLength: u
+      }
+    ),
+    /* @__PURE__ */ e(
+      S0,
+      {
+        size: n,
+        focused: w,
+        invalid: r === "invalid",
+        disabled: r === "disabled",
+        children: /* @__PURE__ */ e(
+          "textarea",
+          {
+            ref: N,
+            id: A,
+            value: o,
+            placeholder: t,
+            disabled: r === "disabled",
+            maxLength: u,
+            rows: O,
+            "aria-invalid": r === "invalid" ? !0 : void 0,
+            className: `orb-text-area__input orb-text-area__input--resize-${g}`,
+            onChange: P,
+            onFocus: () => C(!0),
+            onBlur: () => C(!1)
+          }
+        )
+      }
+    ),
+    _ && /* @__PURE__ */ e(
+      N0,
+      {
+        variant: r === "invalid" ? "negative" : "neutral",
+        disabled: r === "disabled",
+        children: _
+      }
+    ),
+    H && /* @__PURE__ */ e(
+      "a",
+      {
+        href: M || "#",
+        className: `orb-text-area__hyperlink${r === "disabled" ? " orb-text-area__hyperlink--disabled" : ""}`,
+        onClick: (p) => {
+          p.preventDefault(), r !== "disabled" && ($ == null || $());
+        },
+        children: H
+      }
+    )
+  ] });
+}
+const X0 = "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z";
+function c1({
+  variant: o = "info",
+  appearance: i = "soft",
+  title: a,
+  closable: t = !1,
+  hideIcon: n = !1,
+  onClose: r,
+  children: s,
+  icon: y,
+  actions: _
+}) {
+  const [u, O] = U(!0), [g, H] = U(!1), M = !n && o !== "neutral", $ = o === "warning" || o === "error" ? "alert" : "status", A = W(() => {
+    H(!0);
+  }, []), w = W(() => {
+    g && (O(!1), r == null || r());
+  }, [g, r]);
+  if (!u) return null;
+  const C = [
+    "orb-alert",
+    `orb-alert--${o}`,
+    `orb-alert--${i}`,
+    g ? "orb-alert--closing" : "",
+    M ? "orb-alert--has-icon" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: C,
+      role: $,
+      onTransitionEnd: w,
+      children: [
+        M && /* @__PURE__ */ e("span", { className: "orb-alert__icon", children: y || /* @__PURE__ */ e(
+          A0,
+          {
+            status: o,
+            size: "md"
+          }
+        ) }),
+        /* @__PURE__ */ b("div", { className: "orb-alert__content", children: [
+          a && /* @__PURE__ */ e("p", { className: "orb-alert__title", children: a }),
+          s && /* @__PURE__ */ e("div", { className: "orb-alert__description", children: s }),
+          _ && /* @__PURE__ */ e("div", { className: "orb-alert__actions", children: _ })
+        ] }),
+        t && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "orb-alert__close",
+            "aria-label": "Fechar",
+            onClick: A,
+            children: /* @__PURE__ */ e("svg", { viewBox: "0 0 256 256", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: X0 }) })
+          }
+        )
+      ]
+    }
+  );
+}
+var d = {
+  white: {
+    100: "rgba(255, 255, 255, 0.10)",
+    120: "rgba(255, 255, 255, 0.12)",
+    200: "rgba(255, 255, 255, 0.20)",
+    250: "rgba(255, 255, 255, 0.25)",
+    400: "rgba(255, 255, 255, 0.40)",
+    550: "rgba(255, 255, 255, 0.55)",
+    700: "rgba(255, 255, 255, 0.70)",
+    800: "rgba(255, 255, 255, 0.80)",
+    900: "rgba(255, 255, 255, 0.90)",
+    1e3: "rgba(255, 255, 255, 1)"
+  },
+  black: {
+    100: "rgba(0, 0, 0, 0.10)",
+    250: "rgba(0, 0, 0, 0.25)",
+    400: "rgba(0, 0, 0, 0.40)",
+    550: "rgba(0, 0, 0, 0.55)",
+    700: "rgba(0, 0, 0, 0.70)",
+    800: "rgba(0, 0, 0, 0.80)",
+    900: "rgba(0, 0, 0, 0.90)",
+    1e3: "rgba(0, 0, 0, 1)"
+  }
+}, l = {
+  0: "#fff",
+  50: "oklch(98.5% 0 0)",
+  100: "oklch(97% 0 0)",
+  200: "oklch(92.2% 0 0)",
+  300: "oklch(87% 0 0)",
+  400: "oklch(70.8% 0 0)",
+  500: "oklch(55.6% 0 0)",
+  600: "oklch(43.9% 0 0)",
+  700: "oklch(37.1% 0 0)",
+  800: "oklch(26.9% 0 0)",
+  900: "oklch(20.5% 0 0)",
+  950: "oklch(14.5% 0 0)",
+  1e3: "#000"
+}, h = {
+  50: "oklch(97.1% 0.013 17.38)",
+  100: "oklch(93.6% 0.032 17.717)",
+  200: "oklch(88.5% 0.062 18.334)",
+  300: "oklch(80.8% 0.114 19.571)",
+  400: "oklch(70.4% 0.191 22.216)",
+  500: "oklch(63.7% 0.237 25.331)",
+  600: "oklch(57.7% 0.245 27.325)",
+  700: "oklch(50.5% 0.213 27.518)",
+  800: "oklch(44.4% 0.177 26.899)",
+  900: "oklch(39.6% 0.141 25.723)",
+  950: "oklch(25.8% 0.092 26.042)"
+}, q = {
+  50: "oklch(98% 0.016 73.684)",
+  100: "oklch(95.4% 0.038 75.164)",
+  200: "oklch(90.1% 0.076 70.697)",
+  300: "oklch(83.7% 0.128 66.29)",
+  400: "oklch(75% 0.183 55.934)",
+  500: "oklch(70.5% 0.213 47.604)",
+  600: "oklch(64.6% 0.222 41.116)",
+  700: "oklch(55.3% 0.195 38.402)",
+  800: "oklch(47% 0.157 37.304)",
+  900: "oklch(40.8% 0.123 38.172)",
+  950: "oklch(26.6% 0.079 36.259)"
+}, B = {
+  50: "oklch(98.7% 0.022 95.277)",
+  100: "oklch(96.2% 0.059 95.617)",
+  200: "oklch(92.4% 0.12 95.746)",
+  300: "oklch(87.9% 0.169 91.605)",
+  400: "oklch(82.8% 0.189 84.429)",
+  500: "oklch(76.9% 0.188 70.08)",
+  600: "oklch(66.6% 0.179 58.318)",
+  700: "oklch(55.5% 0.163 48.998)",
+  800: "oklch(47.3% 0.137 46.201)",
+  900: "oklch(41.4% 0.112 45.904)",
+  950: "oklch(27.9% 0.077 45.635)"
+}, X = {
+  50: "oklch(98.7% 0.026 102.212)",
+  100: "oklch(97.3% 0.071 103.193)",
+  200: "oklch(94.5% 0.129 101.54)",
+  300: "oklch(90.5% 0.182 98.111)",
+  400: "oklch(85.2% 0.199 91.936)",
+  500: "oklch(79.5% 0.184 86.047)",
+  600: "oklch(68.1% 0.162 75.834)",
+  700: "oklch(55.4% 0.135 66.442)",
+  800: "oklch(47.6% 0.114 61.907)",
+  900: "oklch(42.1% 0.095 57.708)",
+  950: "oklch(28.6% 0.066 53.813)"
+}, n1 = {
+  50: "oklch(98.6% 0.031 120.757)",
+  100: "oklch(96.7% 0.067 122.328)",
+  200: "oklch(93.8% 0.127 124.321)",
+  300: "oklch(89.7% 0.196 126.665)",
+  400: "oklch(84.1% 0.238 128.85)",
+  500: "oklch(76.8% 0.233 130.85)",
+  600: "oklch(64.8% 0.2 131.684)",
+  700: "oklch(53.2% 0.157 131.589)",
+  800: "oklch(45.3% 0.124 130.933)",
+  900: "oklch(40.5% 0.101 131.063)",
+  950: "oklch(27.4% 0.072 132.109)"
+}, Z = {
+  50: "oklch(98.2% 0.018 155.826)",
+  100: "oklch(96.2% 0.044 156.743)",
+  200: "oklch(92.5% 0.084 155.995)",
+  300: "oklch(87.1% 0.15 154.449)",
+  400: "oklch(79.2% 0.209 151.711)",
+  500: "oklch(72.3% 0.219 149.579)",
+  600: "oklch(62.7% 0.194 149.214)",
+  700: "oklch(52.7% 0.154 150.069)",
+  800: "oklch(44.8% 0.119 151.328)",
+  900: "oklch(39.3% 0.095 152.535)",
+  950: "oklch(26.6% 0.065 152.934)"
+}, F = {
+  50: "oklch(97.9% 0.021 166.113)",
+  100: "oklch(95% 0.052 163.051)",
+  200: "oklch(90.5% 0.093 164.15)",
+  300: "oklch(84.5% 0.143 164.978)",
+  400: "oklch(76.5% 0.177 163.223)",
+  500: "oklch(69.6% 0.17 162.48)",
+  600: "oklch(59.6% 0.145 163.225)",
+  700: "oklch(50.8% 0.118 165.612)",
+  800: "oklch(43.2% 0.095 166.913)",
+  900: "oklch(37.8% 0.077 168.94)",
+  950: "oklch(26.2% 0.051 172.552)"
+}, Y = {
+  50: "oklch(98.4% 0.014 180.72)",
+  100: "oklch(95.3% 0.051 180.801)",
+  200: "oklch(91% 0.096 180.426)",
+  300: "oklch(85.5% 0.138 181.071)",
+  400: "oklch(77.7% 0.152 181.912)",
+  500: "oklch(70.4% 0.14 182.503)",
+  600: "oklch(60% 0.118 184.704)",
+  700: "oklch(51.1% 0.096 186.391)",
+  800: "oklch(43.7% 0.078 188.216)",
+  900: "oklch(38.6% 0.063 188.416)",
+  950: "oklch(27.7% 0.046 192.524)"
+}, K = {
+  50: "oklch(98.4% 0.019 200.873)",
+  100: "oklch(95.6% 0.045 203.388)",
+  200: "oklch(91.7% 0.08 205.041)",
+  300: "oklch(86.5% 0.127 207.078)",
+  400: "oklch(78.9% 0.154 211.53)",
+  500: "oklch(71.5% 0.143 215.221)",
+  600: "oklch(60.9% 0.126 221.723)",
+  700: "oklch(52% 0.105 223.128)",
+  800: "oklch(45% 0.085 224.283)",
+  900: "oklch(39.8% 0.07 227.392)",
+  950: "oklch(30.2% 0.056 229.695)"
+}, E = {
+  50: "oklch(97.7% 0.013 236.62)",
+  100: "oklch(95.1% 0.026 236.824)",
+  200: "oklch(90.1% 0.058 230.902)",
+  300: "oklch(82.8% 0.111 230.318)",
+  400: "oklch(74.6% 0.16 232.661)",
+  500: "oklch(68.5% 0.169 237.323)",
+  600: "oklch(58.8% 0.158 241.966)",
+  700: "oklch(50% 0.134 242.749)",
+  800: "oklch(44.3% 0.11 240.79)",
+  900: "oklch(39.1% 0.09 240.876)",
+  950: "oklch(29.3% 0.066 243.157)"
+}, J = {
+  50: "oklch(97% 0.014 254.604)",
+  100: "oklch(93.2% 0.032 255.585)",
+  200: "oklch(88.2% 0.059 254.128)",
+  300: "oklch(80.9% 0.105 251.813)",
+  400: "oklch(70.7% 0.165 254.624)",
+  500: "oklch(62.3% 0.214 259.815)",
+  600: "oklch(54.6% 0.245 262.881)",
+  700: "oklch(48.8% 0.243 264.376)",
+  800: "oklch(42.4% 0.199 265.638)",
+  900: "oklch(37.9% 0.146 265.522)",
+  950: "oklch(28.2% 0.091 267.935)"
+}, Q = {
+  50: "oklch(96.2% 0.018 272.314)",
+  100: "oklch(93% 0.034 272.788)",
+  200: "oklch(87% 0.065 274.039)",
+  300: "oklch(78.5% 0.115 274.713)",
+  400: "oklch(67.3% 0.182 276.935)",
+  500: "oklch(58.5% 0.233 277.117)",
+  600: "oklch(51.1% 0.262 276.966)",
+  700: "oklch(45.7% 0.24 277.023)",
+  800: "oklch(39.8% 0.195 277.366)",
+  900: "oklch(35.9% 0.144 278.697)",
+  950: "oklch(25.7% 0.09 281.288)"
+}, s1 = {
+  50: "oklch(96.9% 0.016 293.756)",
+  100: "oklch(94.3% 0.029 294.588)",
+  200: "oklch(89.4% 0.057 293.283)",
+  300: "oklch(81.1% 0.111 293.571)",
+  400: "oklch(70.2% 0.183 293.541)",
+  500: "oklch(60.6% 0.25 292.717)",
+  600: "oklch(54.1% 0.281 293.009)",
+  700: "oklch(49.1% 0.27 292.581)",
+  800: "oklch(43.2% 0.232 292.759)",
+  900: "oklch(38% 0.189 293.745)",
+  950: "oklch(28.3% 0.141 291.089)"
+}, e0 = {
+  50: "oklch(97.7% 0.014 308.299)",
+  100: "oklch(94.6% 0.033 307.174)",
+  200: "oklch(90.2% 0.063 306.703)",
+  300: "oklch(82.7% 0.119 306.383)",
+  400: "oklch(71.4% 0.203 305.504)",
+  500: "oklch(62.7% 0.265 303.9)",
+  600: "oklch(55.8% 0.288 302.321)",
+  700: "oklch(49.6% 0.265 301.924)",
+  800: "oklch(43.8% 0.218 303.724)",
+  900: "oklch(38.1% 0.176 304.987)",
+  950: "oklch(29.1% 0.149 302.717)"
+}, h1 = {
+  50: "oklch(97.7% 0.017 320.058)",
+  100: "oklch(95.2% 0.037 318.852)",
+  200: "oklch(90.3% 0.076 319.62)",
+  300: "oklch(83.3% 0.145 321.434)",
+  400: "oklch(74% 0.238 322.16)",
+  500: "oklch(66.7% 0.295 322.15)",
+  600: "oklch(59.1% 0.293 322.896)",
+  700: "oklch(51.8% 0.253 323.949)",
+  800: "oklch(45.2% 0.211 324.591)",
+  900: "oklch(40.1% 0.17 325.612)",
+  950: "oklch(29.3% 0.136 325.661)"
+}, l0 = {
+  50: "oklch(97.1% 0.014 343.198)",
+  100: "oklch(94.8% 0.028 342.258)",
+  200: "oklch(89.9% 0.061 343.231)",
+  300: "oklch(82.3% 0.12 346.018)",
+  400: "oklch(71.8% 0.202 349.761)",
+  500: "oklch(65.6% 0.241 354.308)",
+  600: "oklch(59.2% 0.249 0.584)",
+  700: "oklch(52.5% 0.223 3.958)",
+  800: "oklch(45.9% 0.187 3.815)",
+  900: "oklch(40.8% 0.153 2.432)",
+  950: "oklch(28.4% 0.109 3.907)"
+}, d1 = {
+  50: "oklch(96.9% 0.015 12.422)",
+  100: "oklch(94.1% 0.03 12.58)",
+  200: "oklch(89.2% 0.058 10.001)",
+  300: "oklch(81% 0.117 11.638)",
+  400: "oklch(71.2% 0.194 13.428)",
+  500: "oklch(64.5% 0.246 16.439)",
+  600: "oklch(58.6% 0.253 17.585)",
+  700: "oklch(51.4% 0.222 16.935)",
+  800: "oklch(45.5% 0.188 13.697)",
+  900: "oklch(41% 0.159 10.272)",
+  950: "oklch(27.1% 0.105 12.094)"
+}, c = {
+  50: "oklch(98.4% 0.003 247.858)",
+  100: "oklch(96.8% 0.007 247.896)",
+  200: "oklch(92.9% 0.013 255.508)",
+  300: "oklch(86.9% 0.022 252.894)",
+  400: "oklch(70.4% 0.04 256.788)",
+  500: "oklch(55.4% 0.046 257.417)",
+  600: "oklch(44.6% 0.043 257.281)",
+  700: "oklch(37.2% 0.044 257.287)",
+  800: "oklch(27.9% 0.041 260.031)",
+  900: "oklch(20.8% 0.042 265.755)",
+  950: "oklch(12.9% 0.042 264.695)"
+}, b1 = {
+  50: "oklch(98.5% 0.002 247.839)",
+  100: "oklch(96.7% 0.003 264.542)",
+  200: "oklch(92.8% 0.006 264.531)",
+  300: "oklch(87.2% 0.01 258.338)",
+  400: "oklch(70.7% 0.022 261.325)",
+  500: "oklch(55.1% 0.027 264.364)",
+  600: "oklch(44.6% 0.03 256.802)",
+  700: "oklch(37.3% 0.034 259.733)",
+  800: "oklch(27.8% 0.033 256.848)",
+  900: "oklch(21% 0.034 264.665)",
+  950: "oklch(13% 0.028 261.692)"
+}, k1 = {
+  50: "oklch(98.5% 0 0)",
+  100: "oklch(96.7% 0.001 286.375)",
+  200: "oklch(92% 0.004 286.32)",
+  300: "oklch(87.1% 0.006 286.286)",
+  400: "oklch(70.5% 0.015 286.067)",
+  500: "oklch(55.2% 0.016 285.938)",
+  600: "oklch(44.2% 0.017 285.786)",
+  700: "oklch(37% 0.013 285.805)",
+  800: "oklch(27.4% 0.006 286.033)",
+  900: "oklch(21% 0.006 285.885)",
+  950: "oklch(14.1% 0.005 285.823)"
+}, p1 = {
+  50: "oklch(98.5% 0.001 106.423)",
+  100: "oklch(97% 0.001 106.424)",
+  200: "oklch(92.3% 0.003 48.717)",
+  300: "oklch(86.9% 0.005 56.366)",
+  400: "oklch(70.9% 0.01 56.259)",
+  500: "oklch(55.3% 0.013 58.071)",
+  600: "oklch(44.4% 0.011 73.639)",
+  700: "oklch(37.4% 0.01 67.558)",
+  800: "oklch(26.8% 0.007 34.298)",
+  900: "oklch(21.6% 0.006 56.043)",
+  950: "oklch(14.7% 0.004 49.25)"
+}, g1 = {
+  50: "oklch(98.5% 0 0)",
+  100: "oklch(96% 0.003 325.6)",
+  200: "oklch(92.2% 0.005 325.62)",
+  300: "oklch(86.5% 0.012 325.68)",
+  400: "oklch(71.1% 0.019 323.02)",
+  500: "oklch(54.2% 0.034 322.5)",
+  600: "oklch(43.5% 0.029 321.78)",
+  700: "oklch(36.4% 0.029 323.89)",
+  800: "oklch(26.3% 0.024 320.12)",
+  900: "oklch(21.2% 0.019 322.12)",
+  950: "oklch(14.5% 0.008 326)"
+}, u1 = {
+  50: "oklch(98.8% 0.003 106.5)",
+  100: "oklch(96.6% 0.005 106.5)",
+  200: "oklch(93% 0.007 106.5)",
+  300: "oklch(88% 0.011 106.6)",
+  400: "oklch(73.7% 0.021 106.9)",
+  500: "oklch(58% 0.031 107.3)",
+  600: "oklch(46.6% 0.025 107.3)",
+  700: "oklch(39.4% 0.023 107.4)",
+  800: "oklch(28.6% 0.016 107.4)",
+  900: "oklch(22.8% 0.013 107.4)",
+  950: "oklch(15.3% 0.006 107.1)"
+}, f1 = {
+  50: "oklch(98.7% 0.002 197.1)",
+  100: "oklch(96.3% 0.002 197.1)",
+  200: "oklch(92.5% 0.005 214.3)",
+  300: "oklch(87.2% 0.007 219.6)",
+  400: "oklch(72.3% 0.014 214.4)",
+  500: "oklch(56% 0.021 213.5)",
+  600: "oklch(45% 0.017 213.2)",
+  700: "oklch(37.8% 0.015 216)",
+  800: "oklch(27.5% 0.011 216.9)",
+  900: "oklch(21.8% 0.008 223.9)",
+  950: "oklch(14.8% 0.004 228.8)"
+}, m1 = {
+  50: "oklch(98.6% 0.002 67.8)",
+  100: "oklch(96% 0.002 17.2)",
+  200: "oklch(92.2% 0.005 34.3)",
+  300: "oklch(86.8% 0.007 39.5)",
+  400: "oklch(71.4% 0.014 41.2)",
+  500: "oklch(54.7% 0.021 43.1)",
+  600: "oklch(43.8% 0.017 39.3)",
+  700: "oklch(36.7% 0.016 35.7)",
+  800: "oklch(26.8% 0.011 36.5)",
+  900: "oklch(21.4% 0.009 43.1)",
+  950: "oklch(14.7% 0.004 49.3)"
+}, x1 = {
+  50: "oklch(97.7% 0.014 308.299)",
+  100: "oklch(94.6% 0.033 307.174)",
+  200: "oklch(90.2% 0.063 306.703)",
+  300: "oklch(82.7% 0.119 306.383)",
+  400: "oklch(71.4% 0.203 305.504)",
+  500: "oklch(62.7% 0.265 303.9)",
+  600: "oklch(55.8% 0.288 302.321)",
+  700: "oklch(49.6% 0.265 301.924)",
+  800: "oklch(43.8% 0.218 303.724)",
+  900: "oklch(38.1% 0.176 304.987)",
+  950: "oklch(29.1% 0.149 302.717)"
+}, Y0 = {
+  50: "oklch(97.9% 0.011 356.992)",
+  100: "oklch(95.1% 0.026 2.758)",
+  200: "oklch(88.9% 0.062 2.08)",
+  300: "oklch(82.9% 0.099 3.505)",
+  400: "oklch(74.4% 0.161 6.263)",
+  500: "oklch(69.4% 0.201 9.064)",
+  600: "oklch(66.4% 0.226 12.253)",
+  700: "oklch(56.9% 0.192 12.094)",
+  800: "oklch(47.4% 0.157 11.378)",
+  900: "oklch(40.8% 0.132 10.888)",
+  950: "oklch(27% 0.08 10.488)"
+}, K0 = {
+  50: "oklch(96.2% 0.018 272.314)",
+  100: "oklch(93% 0.034 272.788)",
+  200: "oklch(87% 0.065 274.039)",
+  300: "oklch(78.5% 0.115 274.713)",
+  400: "oklch(67.3% 0.182 276.935)",
+  500: "oklch(58.5% 0.233 277.117)",
+  600: "oklch(51.1% 0.262 276.966)",
+  700: "oklch(45.7% 0.24 277.023)",
+  800: "oklch(39.8% 0.195 277.366)",
+  900: "oklch(35.9% 0.144 278.697)",
+  950: "oklch(25.7% 0.09 281.288)"
+}, J0 = {
+  50: "oklch(98.4% 0.014 180.72)",
+  100: "oklch(95.3% 0.051 180.801)",
+  200: "oklch(91% 0.096 180.426)",
+  300: "oklch(85.5% 0.138 181.071)",
+  400: "oklch(77.7% 0.152 181.912)",
+  500: "oklch(70.4% 0.14 182.503)",
+  600: "oklch(60% 0.118 184.704)",
+  700: "oklch(51.1% 0.096 186.391)",
+  800: "oklch(43.7% 0.078 188.216)",
+  900: "oklch(38.6% 0.063 188.416)",
+  950: "oklch(27.7% 0.046 192.524)"
+}, Q0 = {
+  50: "oklch(97.5% 0.015 94.196)",
+  100: "oklch(93.7% 0.038 92.236)",
+  200: "oklch(87.4% 0.071 89.461)",
+  300: "oklch(78.3% 0.109 85.27)",
+  400: "oklch(72.3% 0.122 79.487)",
+  500: "oklch(66.4% 0.119 73.618)",
+  600: "oklch(57.5% 0.108 64.952)",
+  700: "oklch(47.9% 0.09 57.119)",
+  800: "oklch(42.3% 0.075 51.375)",
+  900: "oklch(38.1% 0.065 45.673)",
+  950: "oklch(25.9% 0.045 41.584)"
+}, e1 = {
+  50: "oklch(97.4% 0.006 239.819)",
+  100: "oklch(95.2% 0.009 242.84)",
+  200: "oklch(91% 0.018 245.4)",
+  300: "oklch(85.3% 0.029 246.519)",
+  400: "oklch(77.8% 0.043 258.371)",
+  500: "oklch(70.8% 0.057 264.115)",
+  600: "oklch(65.4% 0.065 269.289)",
+  700: "oklch(56.1% 0.068 269.924)",
+  800: "oklch(48.7% 0.057 270.368)",
+  900: "oklch(43.6% 0.038 267.435)",
+  950: "oklch(30.6% 0.025 268.465)"
+}, f = {
+  display: "'Inter Display', 'Inter', system-ui, -apple-system, sans-serif"
+}, v1 = {
+  display: "'salt' on"
+}, m = {
+  regular: "400",
+  medium: "500",
+  "semi-bold": "600",
+  bold: "700"
+}, x = {
+  100: "12px",
+  200: "14px",
+  300: "16px",
+  400: "18px",
+  500: "20px",
+  600: "24px",
+  700: "28px",
+  800: "32px",
+  900: "36px",
+  1e3: "40px",
+  1100: "44px",
+  1200: "48px",
+  1300: "60px"
+}, v = {
+  100: "16px",
+  200: "20px",
+  300: "24px",
+  400: "28px",
+  500: "32px",
+  600: "36px",
+  700: "44px",
+  800: "48px",
+  900: "52px",
+  1e3: "56px",
+  1100: "76px"
+}, y1 = {
+  0: "0px",
+  100: "2px",
+  200: "4px",
+  300: "8px",
+  400: "12px",
+  500: "16px",
+  600: "20px",
+  700: "24px",
+  800: "28px",
+  900: "32px",
+  1e3: "48px",
+  1100: "64px",
+  1200: "80px",
+  1300: "128px",
+  1400: "200px",
+  1500: "400px"
+}, _1 = {
+  0: "0px",
+  100: "4px",
+  200: "8px",
+  300: "12px",
+  pill: "9999px"
+}, w1 = {
+  0: "0px",
+  100: "1px",
+  150: "1.5px",
+  200: "2px",
+  300: "3px"
+}, t0 = {
+  0: "none",
+  100: "0px 2px 2px 0px rgba(30, 41, 59, 0.04), 0px 4px 8px 0px rgba(30, 41, 59, 0.08)",
+  200: "0px 4px 4px 0px rgba(30, 41, 59, 0.04), 0px 8px 24px 0px rgba(30, 41, 59, 0.08)",
+  300: "0px 16px 40px 0px rgba(30, 41, 59, 0.08), 0px 8px 8px 0px rgba(30, 41, 59, 0.04)",
+  400: "0px 24px 56px 0px rgba(30, 41, 59, 0.08), 0px 12px 12px 0px rgba(30, 41, 59, 0.04)"
+}, c0 = {
+  0: "none",
+  100: "0px 2px 2px 0px rgba(0, 0, 0, 0.20), 0px 4px 8px 0px rgba(0, 0, 0, 0.30)",
+  200: "0px 4px 4px 0px rgba(0, 0, 0, 0.20), 0px 8px 24px 0px rgba(0, 0, 0, 0.40)",
+  300: "0px 16px 40px 0px rgba(0, 0, 0, 0.40), 0px 8px 8px 0px rgba(0, 0, 0, 0.20)",
+  400: "0px 24px 56px 0px rgba(0, 0, 0, 0.50), 0px 12px 12px 0px rgba(0, 0, 0, 0.25)"
+}, N1 = {
+  xs: "375px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+}, S1 = {
+  hide: "-1",
+  base: "0",
+  dropdown: "1000",
+  sticky: "1100",
+  fixed: "1200",
+  overlay: "1300",
+  modal: "1400",
+  popover: "1500",
+  tooltip: "1600",
+  toast: "1700"
+}, A1 = {
+  fastest: "50ms",
+  fast: "100ms",
+  normal: "200ms",
+  slow: "300ms",
+  slower: "400ms",
+  slowest: "500ms"
+}, F1 = {
+  linear: "linear",
+  in: "cubic-bezier(0.4, 0, 1, 1)",
+  out: "cubic-bezier(0, 0, 0.2, 1)",
+  inOut: "cubic-bezier(0.4, 0, 0.2, 1)"
+}, O1 = {
+  h1: {
+    fontFamily: f.display,
+    fontWeight: m.bold,
+    fontSize: x[1200],
+    // 48px
+    lineHeight: v[700],
+    // 44px
+    letterSpacing: "0px"
+  },
+  h2: {
+    fontFamily: f.display,
+    fontWeight: m.bold,
+    fontSize: x[1e3],
+    // 40px
+    lineHeight: v[600],
+    // 36px
+    letterSpacing: "0px"
+  },
+  h3: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[800],
+    // 32px
+    lineHeight: v[500],
+    // 32px
+    letterSpacing: "0px"
+  },
+  h4: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[600],
+    // 24px
+    lineHeight: v[400],
+    // 28px
+    letterSpacing: "0px"
+  },
+  h5: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[500],
+    // 20px
+    lineHeight: v[300],
+    // 24px
+    letterSpacing: "0px"
+  },
+  h6: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[400],
+    // 18px
+    lineHeight: v[200],
+    // 20px
+    letterSpacing: "0px"
+  }
+}, $1 = {
+  large: {
+    fontFamily: f.display,
+    fontWeight: m.regular,
+    fontSize: x[400],
+    // 18px
+    lineHeight: v[300],
+    // 24px
+    letterSpacing: "0px"
+  },
+  medium: {
+    fontFamily: f.display,
+    fontWeight: m.regular,
+    fontSize: x[300],
+    // 16px
+    lineHeight: v[300],
+    // 24px
+    letterSpacing: "0px"
+  },
+  small: {
+    fontFamily: f.display,
+    fontWeight: m.regular,
+    fontSize: x[200],
+    // 14px
+    lineHeight: v[200],
+    // 20px
+    letterSpacing: "0px"
+  },
+  "extra-small": {
+    fontFamily: f.display,
+    fontWeight: m.regular,
+    fontSize: x[100],
+    // 12px
+    lineHeight: v[100],
+    // 16px
+    letterSpacing: "0px"
+  }
+}, L1 = {
+  large: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[200],
+    // 14px
+    lineHeight: v[200],
+    // 20px
+    letterSpacing: "0px"
+  },
+  small: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[100],
+    // 12px
+    lineHeight: v[100],
+    // 16px
+    letterSpacing: "0px"
+  }
+}, M1 = {
+  large: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[300],
+    // 16px
+    lineHeight: v[300],
+    // 24px
+    letterSpacing: "0px"
+  },
+  medium: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[200],
+    // 14px
+    lineHeight: v[300],
+    // 24px
+    letterSpacing: "0px"
+  },
+  small: {
+    fontFamily: f.display,
+    fontWeight: m["semi-bold"],
+    fontSize: x[100],
+    // 12px
+    lineHeight: v[100],
+    // 16px
+    letterSpacing: "0px"
+  }
+}, C1 = {
+  // ── Background (layer) ──
+  bg: l[0],
+  "bg-subtle": l[50],
+  "bg-muted": l[100],
+  "bg-emphasis": l[200],
+  "bg-inverse": l[1e3],
+  // ── Foreground / Text ──
+  fg: l[950],
+  "fg-subtle": l[800],
+  "fg-muted": l[500],
+  "fg-on-emphasis": l[0],
+  "fg-inverse": l[0],
+  "fg-disabled": d.black[250],
+  // ── Border ──
+  border: l[200],
+  "border-subtle": l[100],
+  "border-emphasis": l[400],
+  "border-disabled": d.black[100],
+  // ── Ring (focus) ──
+  ring: "var(--orb-branding-200)",
+  "ring-offset": l[0],
+  // ── Surface ──
+  surface: l[0],
+  "surface-raised": l[50],
+  "surface-overlay": l[0],
+  // ── Primary (brand — driven by --orb-branding-* palette) ──
+  primary: "var(--orb-branding-600)",
+  "primary-hover": "var(--orb-branding-700)",
+  "primary-active": "var(--orb-branding-800)",
+  "primary-focus": "var(--orb-branding-600)",
+  "primary-subtle": "var(--orb-branding-50)",
+  "primary-fg": l[0],
+  "primary-border": "var(--orb-branding-600)",
+  // ── Secondary ──
+  secondary: l[0],
+  "secondary-hover": l[300],
+  "secondary-active": l[400],
+  "secondary-focus": l[200],
+  "secondary-fg": l[900],
+  "secondary-border": l[300],
+  // ── Success (emerald) ──
+  success: F[600],
+  "success-hover": F[700],
+  "success-subtle": F[50],
+  "success-fg": l[0],
+  "success-border": F[300],
+  "success-text": F[700],
+  // ── Warning (amber) ──
+  warning: B[500],
+  "warning-hover": B[600],
+  "warning-subtle": B[50],
+  "warning-fg": l[1e3],
+  "warning-border": B[300],
+  "warning-text": B[700],
+  // ── Error (red) ──
+  error: h[600],
+  "error-hover": h[700],
+  "error-subtle": h[50],
+  "error-fg": l[0],
+  "error-border": h[300],
+  "error-text": h[700],
+  // ── Info (sky) ──
+  info: E[600],
+  "info-hover": E[700],
+  "info-subtle": E[50],
+  "info-fg": l[0],
+  "info-border": E[300],
+  "info-text": E[700],
+  // ── Input ──
+  "input-bg": l[50],
+  "input-border": l[200],
+  "input-border-hover": l[300],
+  "input-border-focus": "var(--orb-branding-600)",
+  "input-placeholder": l[400],
+  "input-disabled-bg": d.black[100],
+  "input-disabled-fg": d.black[250],
+  // ── Color variants (medium = solid, light = subtle bg) ──
+  "bg-medium-pink": l0[600],
+  "bg-light-pink": l0[50],
+  "text-medium-pink": l0[600],
+  "bg-medium-gray": l[700],
+  "bg-light-gray": l[100],
+  "text-medium-gray": l[600],
+  "bg-medium-green": Z[600],
+  "bg-light-green": Z[50],
+  "text-medium-green": Z[700],
+  "bg-medium-red": h[600],
+  "bg-light-red": h[50],
+  "text-medium-red": h[600],
+  "bg-medium-yellow": X[500],
+  "bg-light-yellow": X[50],
+  "text-medium-yellow": X[700],
+  "bg-medium-blue": J[600],
+  "bg-light-blue": J[50],
+  "text-medium-blue": J[600],
+  "bg-medium-purple": e0[600],
+  "bg-light-purple": e0[50],
+  "text-medium-purple": e0[600],
+  "bg-medium-indigo": Q[600],
+  "bg-light-indigo": Q[50],
+  "text-medium-indigo": Q[600],
+  "bg-medium-orange": q[600],
+  "bg-light-orange": q[50],
+  "text-medium-orange": q[700],
+  "bg-medium-teal": Y[600],
+  "bg-light-teal": Y[50],
+  "text-medium-teal": Y[700],
+  "bg-medium-cyan": K[600],
+  "bg-light-cyan": K[50],
+  "text-medium-cyan": K[700],
+  // ── Tooltip ──
+  "tooltip-bg": l[900],
+  "tooltip-fg": l[0],
+  // ── Icon ──
+  "icon-default": l[600],
+  "icon-disabled": d.black[250],
+  "icon-hyperlink": "var(--orb-branding-600)",
+  "icon-success": F[600],
+  // ── Text extras ──
+  "text-hyperlink": "var(--orb-branding-600)",
+  "text-disabled": d.black[250],
+  "text-invalid": h[600],
+  // ── Border extras ──
+  "border-field": l[200],
+  "border-field-action": l[700],
+  "border-invalid": h[600],
+  "border-neutral": l[0],
+  // ── Background extras ──
+  "bg-field": l[0],
+  "bg-field-disabled": d.black[100],
+  "bg-layer2": l[50],
+  "bg-disabled": d.black[100],
+  // ── Shadow (semantic — references primitives) ──
+  "shadow-sm": t0[100],
+  "shadow-md": t0[200],
+  "shadow-lg": t0[300],
+  "shadow-overlay": t0[200],
+  "overlay-bg": d.white[200],
+  // ── Dialog / Modal ──
+  "dialog-bg": l[0],
+  "dialog-border": l[200],
+  "dialog-shadow": t0[300],
+  "dialog-scrim": d.black[400],
+  "dialog-outline": "transparent",
+  "dialog-header-border": "transparent",
+  "dialog-footer-border": "transparent",
+  "dialog-footer-bg": l[50],
+  // ── Shared semantic ──
+  "text-support": c[500],
+  "frame-bg-layer3": l[100]
+}, B1 = {
+  // ── Background (layer) ──
+  // Hierarchy: bg (deepest) → bg-subtle (cards/hero) → bg-muted (code/inputs) → bg-emphasis (hover)
+  bg: c[900],
+  "bg-subtle": c[800],
+  "bg-muted": c[700],
+  "bg-emphasis": c[600],
+  "bg-inverse": c[50],
+  // ── Foreground / Text ──
+  fg: l[0],
+  "fg-subtle": c[300],
+  "fg-muted": c[400],
+  "fg-on-emphasis": l[0],
+  "fg-inverse": c[950],
+  "fg-disabled": d.white[250],
+  // ── Border ──
+  border: c[700],
+  "border-subtle": c[800],
+  "border-emphasis": c[600],
+  "border-disabled": d.white[100],
+  // ── Ring (focus) ──
+  ring: "var(--orb-branding-300)",
+  "ring-offset": c[900],
+  // ── Surface ──
+  surface: c[800],
+  "surface-raised": c[700],
+  "surface-overlay": c[700],
+  // ── Primary (brand — driven by --orb-branding-* palette) ──
+  primary: "var(--orb-branding-600)",
+  "primary-hover": "var(--orb-branding-700)",
+  "primary-active": "var(--orb-branding-800)",
+  "primary-focus": "var(--orb-branding-600)",
+  "primary-subtle": "var(--orb-branding-950)",
+  "primary-fg": l[0],
+  "primary-border": "var(--orb-branding-600)",
+  // ── Secondary ──
+  secondary: "rgba(148, 163, 184, 0.1)",
+  "secondary-hover": "rgba(203, 213, 225, 0.1)",
+  "secondary-active": "rgba(241, 245, 249, 0.25)",
+  "secondary-focus": "rgba(241, 245, 249, 0.10)",
+  "secondary-fg": l[0],
+  "secondary-border": "transparent",
+  // ── Success (emerald) ──
+  success: F[600],
+  "success-hover": F[500],
+  "success-subtle": F[950],
+  "success-fg": l[0],
+  "success-border": F[800],
+  "success-text": F[400],
+  // ── Warning (amber) ──
+  warning: B[500],
+  "warning-hover": B[400],
+  "warning-subtle": B[950],
+  "warning-fg": l[1e3],
+  "warning-border": B[800],
+  "warning-text": B[400],
+  // ── Error (red) ──
+  error: h[500],
+  "error-hover": h[400],
+  "error-subtle": h[950],
+  "error-fg": l[0],
+  "error-border": h[800],
+  "error-text": h[400],
+  // ── Info (sky) ──
+  info: E[600],
+  "info-hover": E[500],
+  "info-subtle": E[950],
+  "info-fg": l[0],
+  "info-border": E[800],
+  "info-text": E[400],
+  // ── Input ──
+  "input-bg": c[800],
+  "input-border": c[600],
+  "input-border-hover": c[500],
+  "input-border-focus": "var(--orb-branding-600)",
+  "input-placeholder": c[400],
+  "input-disabled-bg": d.white[100],
+  "input-disabled-fg": d.white[250],
+  // ── Color variants (medium = solid, light = subtle bg) ──
+  "bg-medium-pink": l0[600],
+  "bg-light-pink": l0[950],
+  "text-medium-pink": l0[400],
+  "bg-medium-gray": c[400],
+  "bg-light-gray": c[700],
+  "text-medium-gray": c[300],
+  "bg-medium-green": Z[600],
+  "bg-light-green": Z[950],
+  "text-medium-green": Z[400],
+  "bg-medium-red": h[500],
+  "bg-light-red": h[950],
+  "text-medium-red": h[400],
+  "bg-medium-yellow": X[500],
+  "bg-light-yellow": X[950],
+  "text-medium-yellow": X[400],
+  "bg-medium-blue": J[500],
+  "bg-light-blue": J[950],
+  "text-medium-blue": J[400],
+  "bg-medium-purple": e0[500],
+  "bg-light-purple": e0[950],
+  "text-medium-purple": e0[400],
+  "bg-medium-indigo": Q[500],
+  "bg-light-indigo": Q[950],
+  "text-medium-indigo": Q[400],
+  "bg-medium-orange": q[500],
+  "bg-light-orange": q[950],
+  "text-medium-orange": q[400],
+  "bg-medium-teal": Y[500],
+  "bg-light-teal": Y[950],
+  "text-medium-teal": Y[400],
+  "bg-medium-cyan": K[500],
+  "bg-light-cyan": K[950],
+  "text-medium-cyan": K[400],
+  // ── Tooltip ──
+  "tooltip-bg": c[700],
+  "tooltip-fg": l[0],
+  // ── Icon ──
+  "icon-default": c[300],
+  "icon-disabled": d.white[250],
+  "icon-hyperlink": "var(--orb-branding-600)",
+  "icon-success": F[500],
+  // ── Text extras ──
+  "text-hyperlink": "var(--orb-branding-600)",
+  "text-disabled": d.white[250],
+  "text-invalid": h[400],
+  // ── Border extras ──
+  "border-field": c[600],
+  "border-field-action": c[300],
+  "border-invalid": h[500],
+  "border-neutral": l[0],
+  // ── Background extras ──
+  "bg-field": c[800],
+  "bg-field-disabled": d.white[100],
+  "bg-layer2": c[800],
+  "bg-disabled": d.white[100],
+  // ── Shadow (semantic — references primitives) ──
+  "shadow-sm": c0[100],
+  "shadow-md": c0[200],
+  "shadow-lg": c0[300],
+  "shadow-overlay": c0[200],
+  "overlay-bg": d.white[120],
+  // ── Dialog / Modal ──
+  "dialog-bg": c[800],
+  "dialog-border": c[600],
+  "dialog-shadow": c0[300],
+  "dialog-scrim": d.black[700],
+  "dialog-outline": d.white[100],
+  "dialog-header-border": "transparent",
+  "dialog-footer-border": "transparent",
+  "dialog-footer-bg": "rgba(51, 65, 85, 0.25)",
+  // ── Shared semantic ──
+  "text-support": c[400],
+  "frame-bg-layer3": c[600]
+}, E1 = {
+  // ── Success (fixed across themes) ──
+  "static-success-default": Z[600],
+  "static-success-hover": Z[700],
+  "static-success-active": Z[800],
+  "static-success-focus": Z[600],
+  // ── Invalid (fixed across themes) ──
+  "static-invalid-default": h[600],
+  "static-invalid-hover": h[700],
+  "static-invalid-active": h[800],
+  "static-invalid-focus": h[600],
+  // ── Overlay actions (buttons over images/media) ──
+  "static-overlay-bg": d.black[400],
+  "static-overlay-bg-hover": d.black[550],
+  "static-overlay-fg": l[0]
+}, Z1 = {
+  branding: Y0
+}, H1 = {
+  branding: K0
+}, P1 = {
+  branding: J0
+}, W1 = {
+  branding: Q0
+}, j1 = {
+  branding: e1
+};
+function z1(o) {
+  return o;
+}
+function g0(o) {
+  return Object.entries(o).map(([i, a]) => `  --orb-${i}: ${a};`).join(`
+`);
+}
+function D1(o) {
+  var n, r;
+  const i = [];
+  i.push(`/**
+ * Orbit Design System - Custom Theme Overrides
+ * Auto-generated from orbit.config.ts
+ *
+ * Import AFTER variables.css:
+ *   import '@neowit/orbit-tokens/css'
+ *   import './orbit-overrides.css'
+ */`);
+  const a = (n = o.theme) == null ? void 0 : n.light, t = (r = o.theme) == null ? void 0 : r.dark;
+  return a && Object.keys(a).length > 0 && i.push(`:root,
+[data-theme="light"] {
+${g0(a)}
+}`), t && Object.keys(t).length > 0 && (i.push(`[data-theme="dark"] {
+${g0(t)}
+}`), i.push(`@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]):not([data-theme="dark"]) {
+${g0(t)}
+  }
+}`)), i.join(`
+
+`) + `
+`;
+}
+export {
+  c1 as OAlert,
+  i1 as OBadge,
+  r1 as OButton,
+  w0 as OFieldLabel,
+  S0 as OFieldWrap,
+  N0 as OHelpText,
+  A0 as OStatusIcon,
+  t1 as OTextArea,
+  a1 as OTextField,
+  B as amber,
+  J as blue,
+  $1 as body,
+  _1 as borderRadius,
+  w1 as borderWidth,
+  N1 as breakpoints,
+  M1 as button,
+  L1 as caption,
+  Z1 as contasy,
+  j1 as contasyGlobal,
+  W1 as contasyPrivate,
+  P1 as contasyStart,
+  K as cyan,
+  B1 as dark,
+  z1 as defineOrbitConfig,
+  A1 as duration,
+  F1 as easing,
+  F as emerald,
+  f as fontFamily,
+  v1 as fontFeatureSettings,
+  x as fontSize,
+  m as fontWeight,
+  h1 as fuchsia,
+  D1 as generateConfigCss,
+  b1 as gray,
+  Z as green,
+  O1 as heading,
+  Q as indigo,
+  C1 as light,
+  n1 as lime,
+  v as lineHeight,
+  g1 as mauve,
+  f1 as mist,
+  l as neutral,
+  H1 as notasy,
+  u1 as olive,
+  q as orange,
+  x1 as orbit,
+  l0 as pink,
+  e0 as purple,
+  h as red,
+  d1 as rose,
+  t0 as shadows,
+  c0 as shadowsDark,
+  E as sky,
+  c as slate,
+  y1 as spacing,
+  E1 as staticTokens,
+  p1 as stone,
+  m1 as taupe,
+  Y as teal,
+  d as transparent,
+  s1 as violet,
+  X as yellow,
+  S1 as zIndex,
+  k1 as zinc
+};