@techzyapp/ui-library 1.0.23 → 1.0.27

package/dist/Alert-D6VL2C-E.js

@@ -1,71 +0,0 @@
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { clsx as g } from "clsx";
-import { I as s } from "./Icon-DaTvzLBu.js";
-import { a as C } from "./names-r21QPjcU.js";
-import { I as x } from "./IconButton-CfvsE_p3.js";
-import { a as h } from "./ConfigProvider-Blhvj6UQ.js";
-const v = "_alert_1o0o3_3", A = "_filled_1o0o3_18", b = "_contained_1o0o3_21", z = "_outlined_1o0o3_25", E = "_text_1o0o3_29", T = "_icon_1o0o3_34", w = "_message_1o0o3_43", y = "_action_1o0o3_49", O = "_close_1o0o3_56", t = {
-  alert: v,
-  filled: A,
-  contained: b,
-  outlined: z,
-  text: E,
-  icon: T,
-  message: w,
-  action: y,
-  close: O
-}, S = new Set(C), j = {
-  success: "TickCircle",
-  error: "CloseCircle",
-  warning: "Warning",
-  info: "InfoCircle"
-}, U = N(function({
-  variant: c = "filled",
-  color: n = "info",
-  icon: e,
-  action: l,
-  onClose: a,
-  closeLabel: i,
-  className: _,
-  style: m,
-  children: f,
-  ...d
-}, u) {
-  const p = h(), r = e === !1 ? null : e == null ? /* @__PURE__ */ o(s, { name: j[n] ?? "InfoCircle" }) : typeof e == "string" && S.has(e) ? /* @__PURE__ */ o(s, { name: e }) : e;
-  return /* @__PURE__ */ I(
-    "div",
-    {
-      ref: u,
-      role: "alert",
-      className: g(t.alert, t[c], _),
-      style: {
-        "--tz-btn-rgb": `var(--tz-color-${n}-rgb)`,
-        "--tz-btn-on": `var(--tz-color-${n}-contrast, #fff)`,
-        ...m
-      },
-      ...d,
-      children: [
-        r != null && /* @__PURE__ */ o("span", { className: t.icon, "aria-hidden": !0, children: r }),
-        /* @__PURE__ */ o("div", { className: t.message, children: f }),
-        l != null && /* @__PURE__ */ o("div", { className: t.action, children: l }),
-        a && /* @__PURE__ */ o(
-          x,
-          {
-            variant: "text",
-            color: n,
-            size: "sm",
-            className: t.close,
-            "aria-label": i ?? p("common.close"),
-            onClick: a,
-            children: /* @__PURE__ */ o(s, { name: "Close" })
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  U as A
-};
-//# sourceMappingURL=Alert-D6VL2C-E.js.map

package/dist/Avatar-Dgf04PBC.cjs

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),_=require("react"),I=require("clsx"),g=require("./Icon-BVULqOJD.cjs"),h=require("./names-BJnFU_5m.cjs"),E="_avatar_1ttjj_3",k="_circle_1ttjj_16",A="_square_1ttjj_20",S="_img_1ttjj_24",y="_fallback_1ttjj_31",C="_sm_1ttjj_37",w="_md_1ttjj_43",R="_lg_1ttjj_49",U="_group_1ttjj_57",z="_item_1ttjj_62",e={avatar:E,circle:k,square:A,img:S,fallback:y,sm:C,md:w,lg:R,group:U,item:z},B=new Set(h.ICON_NAMES);function M(m){const t=m.trim().split(/\s+/).filter(Boolean);return t.length===0?"":t.length===1?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}const O=_.forwardRef(function({src:t,alt:v,icon:r,name:l,size:o="md",shape:d="circle",color:j="accent",className:b,style:p,children:c,...q},x){const[N,u]=_.useState(!1),f=_.useRef(t);f.current!==t&&(f.current=t,u(!1));const i=!!t&&!N,s=v??l;let a;return r!==void 0?a=typeof r=="string"&&B.has(r)?n.jsx(g.Icon,{name:r,size:o}):r:c!=null&&c!==""?a=c:l?a=M(l):a=n.jsx(g.Icon,{name:"User",size:o}),n.jsx("div",{ref:x,className:I.clsx(e.avatar,e[o],e[d],b),style:{"--tz-btn-rgb":`var(--tz-color-${j}-rgb)`,"--tz-btn-on":`var(--tz-color-${j}-contrast, #fff)`,...p},role:!i&&s?"img":void 0,"aria-label":!i&&s?s:void 0,...q,children:i?n.jsx("img",{src:t,alt:s??"",className:e.img,onError:()=>u(!0)}):n.jsx("span",{className:e.fallback,"aria-hidden":s?!0:void 0,children:a})})});exports.Avatar=O;exports.styles=e;
-//# sourceMappingURL=Avatar-Dgf04PBC.cjs.map

package/dist/Badge-BQpr2Jee.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),R=require("react"),n=require("clsx"),v="_root_wsfw4_4",L="_badge_wsfw4_10",x="_value_wsfw4_24",y="_dot_wsfw4_34",z="_topRight_wsfw4_40",N="_topLeft_wsfw4_46",j="_bottomRight_wsfw4_52",q="_bottomLeft_wsfw4_58",t={root:v,badge:L,value:x,dot:y,topRight:z,topLeft:N,bottomRight:j,bottomLeft:q},B={"top-right":t.topRight,"top-left":t.topLeft,"bottom-right":t.bottomRight,"bottom-left":t.bottomLeft},$=R.forwardRef(function({children:f,content:o,dot:l=!1,color:r="accent",max:a=99,showZero:_=!1,placement:b="top-right",className:d,style:g,...w},h){const c=typeof o=="number",u=c&&o===0&&!_,s=o!=null&&o!==""&&!u,e=!s&&l,p=s||e,m=c&&o>a?`${a}+`:o;return i.jsxs("span",{ref:h,className:n.clsx(t.root,d),style:g,...w,children:[f,p&&i.jsx("span",{className:n.clsx(t.badge,e?t.dot:t.value,B[b]),style:{"--tz-btn-rgb":`var(--tz-color-${r}-rgb)`,"--tz-btn-on":`var(--tz-color-${r}-contrast, #fff)`},"aria-hidden":e?!0:void 0,children:s?m:null})]})});exports.Badge=$;
-//# sourceMappingURL=Badge-BQpr2Jee.cjs.map

package/dist/Badge-DSWigoGC.js

@@ -1,50 +0,0 @@
-import { jsxs as u, jsx as v } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import { clsx as i } from "clsx";
-const R = "_root_wsfw4_4", y = "_badge_wsfw4_10", z = "_value_wsfw4_24", N = "_dot_wsfw4_34", x = "_topRight_wsfw4_40", B = "_topLeft_wsfw4_46", $ = "_bottomRight_wsfw4_52", j = "_bottomLeft_wsfw4_58", t = {
-  root: R,
-  badge: y,
-  value: z,
-  dot: N,
-  topRight: x,
-  topLeft: B,
-  bottomRight: $,
-  bottomLeft: j
-}, C = {
-  "top-right": t.topRight,
-  "top-left": t.topLeft,
-  "bottom-right": t.bottomRight,
-  "bottom-left": t.bottomLeft
-}, P = L(function({
-  children: n,
-  content: o,
-  dot: _ = !1,
-  color: r = "accent",
-  max: f = 99,
-  showZero: l = !1,
-  placement: b = "top-right",
-  className: c,
-  style: d,
-  ...g
-}, m) {
-  const a = typeof o == "number", p = a && o === 0 && !l, s = o != null && o !== "" && !p, e = !s && _, w = s || e, h = a && o > f ? `${f}+` : o;
-  return /* @__PURE__ */ u("span", { ref: m, className: i(t.root, c), style: d, ...g, children: [
-    n,
-    w && /* @__PURE__ */ v(
-      "span",
-      {
-        className: i(t.badge, e ? t.dot : t.value, C[b]),
-        style: {
-          "--tz-btn-rgb": `var(--tz-color-${r}-rgb)`,
-          "--tz-btn-on": `var(--tz-color-${r}-contrast, #fff)`
-        },
-        "aria-hidden": e ? !0 : void 0,
-        children: s ? h : null
-      }
-    )
-  ] });
-});
-export {
-  P as B
-};
-//# sourceMappingURL=Badge-DSWigoGC.js.map

package/dist/Blockquote-CNIuJFHq.js

@@ -1,46 +0,0 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { clsx as f } from "clsx";
-const k = "_blockquote_11r93_3", u = "_filled_11r93_16", p = "_plain_11r93_19", q = "_sm_11r93_24", h = "_md_11r93_27", y = "_lg_11r93_30", g = "_mark_11r93_35", N = "_body_11r93_45", x = "_content_11r93_54", v = "_cite_11r93_59", o = {
-  blockquote: k,
-  filled: u,
-  plain: p,
-  sm: q,
-  md: h,
-  lg: y,
-  mark: g,
-  body: N,
-  content: x,
-  cite: v
-}, R = b(function({
-  variant: l = "filled",
-  color: r = "accent",
-  size: n = "md",
-  cite: c,
-  quoteMark: s = !1,
-  className: _,
-  style: a,
-  children: i,
-  ...d
-}, m) {
-  return /* @__PURE__ */ e(
-    "blockquote",
-    {
-      ref: m,
-      className: f(o.blockquote, o[l], o[n], _),
-      style: { "--tz-btn-rgb": `var(--tz-color-${r}-rgb)`, ...a },
-      ...d,
-      children: [
-        s && /* @__PURE__ */ t("span", { className: o.mark, "aria-hidden": !0, children: "“" }),
-        /* @__PURE__ */ e("div", { className: o.body, children: [
-          /* @__PURE__ */ t("div", { className: o.content, children: i }),
-          c != null && /* @__PURE__ */ t("footer", { className: o.cite, children: /* @__PURE__ */ t("cite", { children: c }) })
-        ] })
-      ]
-    }
-  );
-});
-export {
-  R as B
-};
-//# sourceMappingURL=Blockquote-CNIuJFHq.js.map

package/dist/Blockquote-CxHwOecc.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),m=require("react"),u=require("clsx"),b="_blockquote_11r93_3",k="_filled_11r93_16",q="_plain_11r93_19",f="_sm_11r93_24",x="_md_11r93_27",j="_lg_11r93_30",h="_mark_11r93_35",y="_body_11r93_45",g="_content_11r93_54",N="_cite_11r93_59",c={blockquote:b,filled:k,plain:q,sm:f,md:x,lg:j,mark:h,body:y,content:g,cite:N},p=m.forwardRef(function({variant:s="filled",color:o="accent",size:l="md",cite:e,quoteMark:n=!1,className:r,style:_,children:i,...a},d){return t.jsxs("blockquote",{ref:d,className:u.clsx(c.blockquote,c[s],c[l],r),style:{"--tz-btn-rgb":`var(--tz-color-${o}-rgb)`,..._},...a,children:[n&&t.jsx("span",{className:c.mark,"aria-hidden":!0,children:"“"}),t.jsxs("div",{className:c.body,children:[t.jsx("div",{className:c.content,children:i}),e!=null&&t.jsx("footer",{className:c.cite,children:t.jsx("cite",{children:e})})]})]})});exports.Blockquote=p;
-//# sourceMappingURL=Blockquote-CxHwOecc.cjs.map

package/dist/Button-Cfxd7qhd.js

@@ -1,72 +0,0 @@
-import { jsxs as z, jsx as s } from "react/jsx-runtime";
-import { forwardRef as W, isValidElement as v, cloneElement as y } from "react";
-import { clsx as B } from "clsx";
-import { L as i } from "./Loader-DwmyJFwG.js";
-const E = "_button_eb4w2_1", j = "_sm_eb4w2_23", L = "_md_eb4w2_29", N = "_lg_eb4w2_35", $ = "_contained_eb4w2_42", A = "_filled_eb4w2_52", R = "_outlined_eb4w2_61", V = "_text_eb4w2_72", k = "_fullWidth_eb4w2_82", q = "_rounded_eb4w2_86", C = "_disabled_eb4w2_94", D = "_loading_eb4w2_98", F = "_label_eb4w2_103", t = {
-  button: E,
-  sm: j,
-  md: L,
-  lg: N,
-  contained: $,
-  filled: A,
-  outlined: R,
-  text: V,
-  fullWidth: k,
-  rounded: q,
-  disabled: C,
-  loading: D,
-  label: F
-}, M = W(function({
-  variant: r = "contained",
-  color: d = "accent",
-  size: o = "md",
-  loading: e = !1,
-  fullWidth: u = !1,
-  rounded: f = !1,
-  disabled: _ = !1,
-  startIcon: a,
-  endIcon: m,
-  className: w,
-  style: p,
-  type: x = "button",
-  children: l,
-  ...h
-}, g) {
-  const b = e && !a, c = (n) => v(n) ? y(n, {
-    size: n.props.size ?? o
-  }) : n;
-  return /* @__PURE__ */ z(
-    "button",
-    {
-      ref: g,
-      type: x,
-      disabled: _ || e,
-      "aria-busy": e || void 0,
-      className: B(
-        t.button,
-        t[r],
-        t[o],
-        u && t.fullWidth,
-        f && t.rounded,
-        e && t.loading,
-        _ && t.disabled,
-        w
-      ),
-      style: {
-        "--tz-btn-rgb": `var(--tz-color-${d}-rgb)`,
-        "--tz-btn-on": `var(--tz-color-${d}-contrast, #fff)`,
-        ...p
-      },
-      ...h,
-      children: [
-        e && !b ? /* @__PURE__ */ s(i, { size: o, "aria-hidden": "true" }) : c(a),
-        l != null && l !== !1 && /* @__PURE__ */ s("span", { className: t.label, children: l }),
-        b ? /* @__PURE__ */ s(i, { size: o, "aria-hidden": "true" }) : !e && c(m)
-      ]
-    }
-  );
-});
-export {
-  M as B
-};
-//# sourceMappingURL=Button-Cfxd7qhd.js.map

package/dist/Button-ZplrHYKw.cjs

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),d=require("react"),z=require("clsx"),u=require("./Loader-CxLrhAz9.cjs"),W="_button_eb4w2_1",p="_sm_eb4w2_23",v="_md_eb4w2_29",y="_lg_eb4w2_35",B="_contained_eb4w2_42",E="_filled_eb4w2_52",L="_outlined_eb4w2_61",N="_text_eb4w2_72",R="_fullWidth_eb4w2_82",$="_rounded_eb4w2_86",A="_disabled_eb4w2_94",V="_loading_eb4w2_98",k="_label_eb4w2_103",t={button:W,sm:p,md:v,lg:y,contained:B,filled:E,outlined:L,text:N,fullWidth:R,rounded:$,disabled:A,loading:V,label:k},C=d.forwardRef(function({variant:i="contained",color:_="accent",size:n="md",loading:e=!1,fullWidth:f=!1,rounded:w=!1,disabled:a=!1,startIcon:c,endIcon:m,className:x,style:h,type:j="button",children:l,...g},q){const b=e&&!c,r=s=>d.isValidElement(s)?d.cloneElement(s,{size:s.props.size??n}):s;return o.jsxs("button",{ref:q,type:j,disabled:a||e,"aria-busy":e||void 0,className:z.clsx(t.button,t[i],t[n],f&&t.fullWidth,w&&t.rounded,e&&t.loading,a&&t.disabled,x),style:{"--tz-btn-rgb":`var(--tz-color-${_}-rgb)`,"--tz-btn-on":`var(--tz-color-${_}-contrast, #fff)`,...h},...g,children:[e&&!b?o.jsx(u.Loader,{size:n,"aria-hidden":"true"}):r(c),l!=null&&l!==!1&&o.jsx("span",{className:t.label,children:l}),b?o.jsx(u.Loader,{size:n,"aria-hidden":"true"}):!e&&r(m)]})});exports.Button=C;
-//# sourceMappingURL=Button-ZplrHYKw.cjs.map

package/dist/Chip-B4XERWb_.cjs

@@ -1,2 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),w=require("react"),C=require("clsx"),I=require("./Icon-BVULqOJD.cjs"),q=require("./ConfigProvider-CUG8Mfy2.cjs"),A="_chip_1yjgf_3",B="_sm_1yjgf_20",N="_md_1yjgf_25",z="_lg_1yjgf_30",P="_contained_1yjgf_37",R="_filled_1yjgf_42",T="_outlined_1yjgf_46",$="_text_1yjgf_51",E="_clickable_1yjgf_57",M="_disabled_1yjgf_82",D="_startIcon_1yjgf_89",F="_avatar_1yjgf_95",G="_withAvatar_1yjgf_102",H="_withDelete_1yjgf_106",J="_deleteBtn_1yjgf_127",t={chip:A,sm:B,md:N,lg:z,contained:P,filled:R,outlined:T,text:$,clickable:E,disabled:M,startIcon:D,avatar:F,withAvatar:G,withDelete:H,deleteBtn:J},L=w.forwardRef(function({variant:f="filled",color:r="primary",size:_="md",clickable:u=!1,disabled:n=!1,startIcon:d,avatar:l,onDelete:s,deleteIcon:g,deleteLabel:j,deleteTabIndex:h,className:y,style:m,children:i,onKeyDown:o,...p},b){const x=q.useT(),a=u&&!n,v=e=>{e.stopPropagation(),n||s==null||s()},k=e=>{a&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.currentTarget.click()),o==null||o(e)};return c.jsxs("div",{ref:b,className:C.clsx(t.chip,t[f],t[_],a&&t.clickable,n&&t.disabled,l&&t.withAvatar,s&&t.withDelete,y),style:{"--tz-btn-rgb":`var(--tz-color-${r}-rgb)`,"--tz-btn-on":`var(--tz-color-${r}-contrast, #fff)`,...m},role:a?"button":void 0,tabIndex:a?0:void 0,"aria-disabled":n||void 0,onKeyDown:k,...p,children:[l?c.jsx("span",{className:t.avatar,children:l}):d?c.jsx("span",{className:t.startIcon,children:d}):null,i!=null&&i!==""?c.jsx("span",{children:i}):null,s?c.jsx("button",{type:"button",className:t.deleteBtn,onClick:v,onMouseDown:e=>e.preventDefault(),"aria-label":j??x("common.remove"),tabIndex:h,disabled:n,children:g??c.jsx(I.Icon,{name:"CloseCircle",size:_})}):null]})});exports.Chip=L;
-//# sourceMappingURL=Chip-B4XERWb_.cjs.map

package/dist/ChoiceCardGroup-DBohUnRj.js

@@ -1,181 +0,0 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import { useContext as P, createContext as R, forwardRef as j, useState as w, useId as H } from "react";
-import { clsx as k } from "clsx";
-import { u as J } from "./formContext-B7ln1Miy.js";
-import { T as K } from "./Typography-Cta6Rg4L.js";
-import { a as Q } from "./names-r21QPjcU.js";
-import { I as U } from "./Icon-DaTvzLBu.js";
-const F = R(null);
-function W() {
-  return P(F);
-}
-const X = "_group_3p33b_2", Y = "_groupLabel_3p33b_8", Z = "_required_3p33b_13", ee = "_grid_3p33b_17", re = "_card_3p33b_24", se = "_disabled_3p33b_42", te = "_selected_3p33b_42", oe = "_input_3p33b_51", le = "_error_3p33b_55", ae = "_left_3p33b_67", ce = "_text_3p33b_71", ie = "_sm_3p33b_77", ne = "_md_3p33b_85", de = "_lg_3p33b_93", _e = "_indicator_3p33b_117", pe = "_radioDot_3p33b_162", me = "_iconBox_3p33b_185", be = "_label_3p33b_212", ue = "_description_3p33b_219", r = {
-  group: X,
-  groupLabel: Y,
-  required: Z,
-  grid: ee,
-  card: re,
-  disabled: se,
-  selected: te,
-  input: oe,
-  error: le,
-  left: ae,
-  text: ce,
-  sm: ie,
-  md: ne,
-  lg: de,
-  indicator: _e,
-  radioDot: pe,
-  iconBox: me,
-  label: be,
-  description: ue
-}, fe = new Set(Q), he = j(function({
-  value: l,
-  label: n,
-  description: d,
-  icon: o,
-  align: a,
-  color: h,
-  size: x,
-  error: I,
-  checked: _,
-  onChange: p,
-  name: z,
-  disabled: A,
-  className: B,
-  style: D,
-  ...E
-}, q) {
-  const e = W(), v = h ?? (e == null ? void 0 : e.color) ?? "primary", N = x ?? (e == null ? void 0 : e.size) ?? "md", C = I ?? (e == null ? void 0 : e.error) ?? !1, m = A ?? (e == null ? void 0 : e.disabled) ?? !1, i = z ?? (e == null ? void 0 : e.name), y = a ?? (e == null ? void 0 : e.align) ?? (o == null ? "left" : "center"), [b, g] = w(!1), u = e ? e.isSelected(l) : _ !== void 0 ? _ : b, G = (c) => {
-    if (!m) {
-      if (e) {
-        e.toggle(l);
-        return;
-      }
-      _ === void 0 && g(c.target.checked), p == null || p(c.target.checked);
-    }
-  }, L = typeof o == "string" && fe.has(o) ? /* @__PURE__ */ t(U, { name: o, size: N }) : o;
-  return /* @__PURE__ */ S(
-    "label",
-    {
-      className: k(
-        r.card,
-        r[N],
-        y === "left" && r.left,
-        u && r.selected,
-        C && r.error,
-        m && r.disabled,
-        B
-      ),
-      style: {
-        "--tz-btn-rgb": `var(--tz-color-${v}-rgb)`,
-        "--tz-btn-on": `var(--tz-color-${v}-contrast, #fff)`,
-        ...D
-      },
-      children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            ref: q,
-            type: e != null && e.exclusive ? "radio" : "checkbox",
-            className: r.input,
-            name: i,
-            value: l,
-            checked: u,
-            onChange: G,
-            disabled: m,
-            "aria-invalid": C || void 0,
-            ...E
-          }
-        ),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: k(r.indicator, (e == null ? void 0 : e.exclusive) && r.radioDot),
-            "aria-hidden": "true"
-          }
-        ),
-        o != null && /* @__PURE__ */ t("span", { className: r.iconBox, "aria-hidden": "true", children: L }),
-        (n != null || d != null) && /* @__PURE__ */ S("span", { className: r.text, children: [
-          n != null && /* @__PURE__ */ t("span", { className: r.label, children: n }),
-          d != null && /* @__PURE__ */ t("span", { className: r.description, children: d })
-        ] })
-      ]
-    }
-  );
-}), Ae = j(
-  function({
-    exclusive: l = !1,
-    value: n,
-    defaultValue: d,
-    onChange: o,
-    name: a,
-    options: h,
-    label: x,
-    minCardWidth: I = 160,
-    align: _,
-    size: p = "md",
-    color: z = "primary",
-    error: A,
-    required: B = !1,
-    disabled: D = !1,
-    children: E,
-    className: q,
-    style: e,
-    ...v
-  }, N) {
-    const C = H(), m = a ?? `choice-${C}`, i = J(), y = !!(i && a), b = i && a ? i.field(a) : void 0, g = n !== void 0 ? n : y ? i.values[a] : void 0, u = g !== void 0, [G, L] = w(d), c = u ? g : G, T = A ?? (b == null ? void 0 : b.error) ?? !1, O = {
-      name: m,
-      exclusive: l,
-      isSelected: (s) => l ? c === s : Array.isArray(c) && c.includes(s),
-      toggle: (s) => {
-        let f;
-        if (l)
-          f = s;
-        else {
-          const $ = Array.isArray(c) ? c : [];
-          f = $.includes(s) ? $.filter((V) => V !== s) : [...$, s];
-        }
-        u || L(f), y && i.setValue(a, f), o == null || o(f);
-      },
-      size: p,
-      align: _,
-      color: z,
-      disabled: D,
-      error: T
-    };
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        ref: N,
-        role: l ? "radiogroup" : "group",
-        "aria-invalid": T || void 0,
-        className: k(r.group, q),
-        style: e,
-        ...v,
-        children: [
-          x != null && /* @__PURE__ */ S("span", { className: r.groupLabel, children: [
-            /* @__PURE__ */ t(K, { as: "span", variant: "bodySmall", color: "muted", children: x }),
-            B && /* @__PURE__ */ t("span", { className: r.required, "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ t("div", { className: r.grid, style: { "--cc-min": `${I}px` }, children: /* @__PURE__ */ t(F.Provider, { value: O, children: h ? h.map((s) => /* @__PURE__ */ t(
-            he,
-            {
-              value: s.value,
-              label: s.label,
-              description: s.description,
-              icon: s.icon,
-              disabled: s.disabled
-            },
-            s.value
-          )) : E }) })
-        ]
-      }
-    );
-  }
-);
-export {
-  he as C,
-  Ae as a
-};
-//# sourceMappingURL=ChoiceCardGroup-DBohUnRj.js.map

package/dist/ChoiceCardGroup-d0VVTUi5.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),$=require("clsx"),O=require("./formContext-bTWrqdEV.cjs"),V=require("./Typography-BFatE1_A.cjs"),P=require("./names-BJnFU_5m.cjs"),H=require("./Icon-BVULqOJD.cjs"),w=a.createContext(null);function J(){return a.useContext(w)}const K="_group_3p33b_2",Q="_groupLabel_3p33b_8",U="_required_3p33b_13",W="_grid_3p33b_17",X="_card_3p33b_24",Y="_disabled_3p33b_42",Z="_selected_3p33b_42",ee="_input_3p33b_51",se="_error_3p33b_55",re="_left_3p33b_67",te="_text_3p33b_71",oe="_sm_3p33b_77",ce="_md_3p33b_85",le="_lg_3p33b_93",ne="_indicator_3p33b_117",ie="_radioDot_3p33b_162",ae="_iconBox_3p33b_185",de="_label_3p33b_212",_e="_description_3p33b_219",s={group:K,groupLabel:Q,required:U,grid:W,card:X,disabled:Y,selected:Z,input:ee,error:se,left:re,text:te,sm:oe,md:ce,lg:le,indicator:ne,radioDot:ie,iconBox:ae,label:de,description:_e},ue=new Set(P.ICON_NAMES),R=a.forwardRef(function({value:c,label:d,description:_,icon:o,align:l,color:h,size:C,error:q,checked:u,onChange:b,name:S,disabled:I,className:z,style:A,...B},D){const e=J(),v=h??(e==null?void 0:e.color)??"primary",N=C??(e==null?void 0:e.size)??"md",j=q??(e==null?void 0:e.error)??!1,p=I??(e==null?void 0:e.disabled)??!1,i=S??(e==null?void 0:e.name),y=l??(e==null?void 0:e.align)??(o==null?"left":"center"),[x,g]=a.useState(!1),f=e?e.isSelected(c):u!==void 0?u:x,E=n=>{if(!p){if(e){e.toggle(c);return}u===void 0&&g(n.target.checked),b==null||b(n.target.checked)}},G=typeof o=="string"&&ue.has(o)?r.jsx(H.Icon,{name:o,size:N}):o;return r.jsxs("label",{className:$.clsx(s.card,s[N],y==="left"&&s.left,f&&s.selected,j&&s.error,p&&s.disabled,z),style:{"--tz-btn-rgb":`var(--tz-color-${v}-rgb)`,"--tz-btn-on":`var(--tz-color-${v}-contrast, #fff)`,...A},children:[r.jsx("input",{ref:D,type:e!=null&&e.exclusive?"radio":"checkbox",className:s.input,name:i,value:c,checked:f,onChange:E,disabled:p,"aria-invalid":j||void 0,...B}),r.jsx("span",{className:$.clsx(s.indicator,(e==null?void 0:e.exclusive)&&s.radioDot),"aria-hidden":"true"}),o!=null&&r.jsx("span",{className:s.iconBox,"aria-hidden":"true",children:G}),(d!=null||_!=null)&&r.jsxs("span",{className:s.text,children:[d!=null&&r.jsx("span",{className:s.label,children:d}),_!=null&&r.jsx("span",{className:s.description,children:_})]})]})}),be=a.forwardRef(function({exclusive:c=!1,value:d,defaultValue:_,onChange:o,name:l,options:h,label:C,minCardWidth:q=160,align:u,size:b="md",color:S="primary",error:I,required:z=!1,disabled:A=!1,children:B,className:D,style:e,...v},N){const j=a.useId(),p=l??`choice-${j}`,i=O.useFormContext(),y=!!(i&&l),x=i&&l?i.field(l):void 0,g=d!==void 0?d:y?i.values[l]:void 0,f=g!==void 0,[E,G]=a.useState(_),n=f?g:E,k=I??(x==null?void 0:x.error)??!1,F={name:p,exclusive:c,isSelected:t=>c?n===t:Array.isArray(n)&&n.includes(t),toggle:t=>{let m;if(c)m=t;else{const L=Array.isArray(n)?n:[];m=L.includes(t)?L.filter(M=>M!==t):[...L,t]}f||G(m),y&&i.setValue(l,m),o==null||o(m)},size:b,align:u,color:S,disabled:A,error:k};return r.jsxs("div",{ref:N,role:c?"radiogroup":"group","aria-invalid":k||void 0,className:$.clsx(s.group,D),style:e,...v,children:[C!=null&&r.jsxs("span",{className:s.groupLabel,children:[r.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:C}),z&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:s.grid,style:{"--cc-min":`${q}px`},children:r.jsx(w.Provider,{value:F,children:h?h.map(t=>r.jsx(R,{value:t.value,label:t.label,description:t.description,icon:t.icon,disabled:t.disabled},t.value)):B})})]})});exports.ChoiceCard=R;exports.ChoiceCardGroup=be;
-//# sourceMappingURL=ChoiceCardGroup-d0VVTUi5.cjs.map

package/dist/ColorPicker-ClVpWf77.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),p=require("clsx"),X=require("./formContext-bTWrqdEV.cjs"),Y=require("./FloatingPanel-U6sGYiSK.cjs"),I=require("./Typography-BFatE1_A.cjs"),e=require("./ColorPickerPanel-Dk6bI0Xy.cjs"),Z=require("./ConfigProvider-CUG8Mfy2.cjs"),ee=232,se=t.forwardRef(function({label:y,size:w="md",error:S,helperText:V,required:E=!1,fullWidth:O=!0,disabled:C=!1,value:P,defaultValue:H,onChange:f,swatches:W,name:o,placeholder:g,id:D,className:L,style:U},a){const _=Z.useT(),$=t.useId(),x=D??$,j=`${x}-helper`,c=X.useFormContext(),k=!!(c&&o),l=c&&o?c.field(o):void 0,T=P!==void 0?P:k?c.values[o]??"":void 0,q=T!==void 0,[z,A]=t.useState(H??""),R=q?T:z,i=e.parseColor(R||""),u=i?e.formatColor(i):null,G=u?u[0]==="#"?u.toUpperCase():u:null,v=S??(l==null?void 0:l.error)??!1,h=V??(l==null?void 0:l.helperText),J=s=>{q||A(s),k&&c.setValue(o,s),f==null||f(s)},d=t.useRef(null),N=t.useRef(null),[m,b]=t.useState(!1),K=t.useCallback(s=>{d.current=s,typeof a=="function"?a(s):a&&(a.current=s)},[a]),M=t.useCallback(s=>{var n;b(!1),s&&((n=d.current)==null||n.focus())},[]),Q=s=>{var B,F;const n=s.relatedTarget;n&&((B=N.current)!=null&&B.contains(n)||(F=d.current)!=null&&F.contains(n))||l==null||l.onBlur(s)};return r.jsxs("div",{className:p.clsx(e.styles.field,e.styles[w],O&&e.styles.fullWidth,v&&e.styles.error,C&&e.styles.disabled,L),style:U,children:[y!=null&&r.jsxs("label",{htmlFor:x,className:e.styles.label,children:[r.jsx(I.Typography,{as:"span",variant:"bodySmall",color:"muted",children:y}),E&&r.jsx("span",{className:e.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("button",{ref:K,id:x,name:o,type:"button",className:p.clsx(e.styles.control,m&&e.styles.open),disabled:C,"aria-haspopup":"dialog","aria-expanded":m,"aria-invalid":v||void 0,"aria-describedby":h!=null?j:void 0,"aria-label":y||i||g?void 0:_("colorPicker.pick"),onClick:()=>b(s=>!s),onBlur:Q,children:[r.jsx("span",{className:p.clsx(e.styles.value,!i&&e.styles.placeholder),children:G??g}),r.jsx("span",{className:p.clsx(e.styles.preview,!i&&e.styles.previewEmpty),style:i?{"--cp-fill":u}:void 0,"aria-hidden":"true"})]}),r.jsx(Y.FloatingPanel,{ref:N,open:m,triggerRef:d,onClose:M,role:"dialog",ariaLabel:"Color picker",width:ee,children:r.jsx(e.ColorPickerPanel,{value:R,onChange:J,swatches:W})}),h!=null&&r.jsx(I.Typography,{as:"span",id:j,variant:"bodySmall",color:v?"error":"muted",className:e.styles.helper,children:h})]})});exports.ColorPicker=se;
-//# sourceMappingURL=ColorPicker-ClVpWf77.cjs.map

package/dist/ColorPicker-ClVpWf77.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker-ClVpWf77.cjs","sources":["../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Typography } from '../Typography'\nimport { ColorPickerPanel } from './ColorPickerPanel'\nimport { formatColor, parseColor } from './colorUtils'\nimport styles from './ColorPicker.module.css'\n\nexport type ColorPickerSize = 'sm' | 'md' | 'lg'\n\n/** Popover width (px). */\nconst POPOVER_WIDTH = 232\n\nexport interface ColorPickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, swatch and font. */\n  size?: ColorPickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a CSS color string: `#rrggbb` hex, or `rgba(r, g, b, a)` when translucent. */\n  value?: string\n  /** Initial value for uncontrolled use (hex or `rgb()`/`rgba()`). */\n  defaultValue?: string\n  /** Fires with the next color: `#rrggbb` when opaque, `rgba(r, g, b, a)` when not (or `''` when cleared). */\n  onChange?: (color: string) => void\n  /** Quick-pick swatches shown in the popover. Defaults to a curated palette. */\n  swatches?: string[]\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the hex string). */\n  name?: string\n  /** Placeholder shown in the trigger when no color is set. Omit to show nothing. */\n  placeholder?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A color field with a beautiful popover picker: a saturation/value square, a hue slider, an alpha\n * (opacity) slider, a color input, quick-pick swatches and a clear button. The input accepts hex\n * (`#rgb`/`#rrggbb`/`#rrggbbaa`) or `rgb()`/`rgba()`, and the value comes back as `#rrggbb` when\n * fully opaque or `rgba(r, g, b, a)` when translucent. Clicking the trigger opens the popover, which\n * — like `Dropdown` — is portaled to `<body>`, opens below (flips above only when it would\n * overflow), locks page scroll and re-positions on scroll/resize. Controlled (`value` + `onChange`)\n * or uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is\n * the color string; validate with e.g. `z.string().regex(/^#[0-9a-f]{6}$/i, 'Pick a color')`, or a\n * looser pattern if you allow `rgba()`). Styling uses `--tz-*` tokens (the spectrum gradients and\n * the alpha checkerboard are the unavoidable exceptions).\n */\nexport const ColorPicker = forwardRef<HTMLButtonElement, ColorPickerProps>(function ColorPicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    swatches,\n    name,\n    placeholder,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the hex string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentColor = isControlled ? externalValue! : internal\n  const parsed = parseColor(currentColor || '')\n  // canonical string for the value (`#rrggbb` when opaque, `rgba(...)` when not), null when unset\n  const displayValue = parsed ? formatColor(parsed) : null\n  // hex shows uppercase in the trigger; rgba() stays as-is\n  const displayText = displayValue\n    ? displayValue[0] === '#'\n      ? displayValue.toUpperCase()\n      : displayValue\n    : null\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (color: string) => {\n    if (!isControlled) setInternal(color)\n    if (isFormBound) form!.setValue(name!, color)\n    onChange?.(color)\n  }\n\n  // ── popover (positioning / scroll-lock / dismiss come from FloatingPanel) ──────────────────────\n  const triggerRef = useRef<HTMLButtonElement | null>(null)\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n  const [open, setOpen] = useState(false)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLButtonElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // mark the form field touched when focus leaves the whole widget — but not when it moves into the\n  // (portaled) popover or stays on the trigger, so a form-bound picker shows its error like every\n  // other popover field (Select/DatePicker) instead of only after submit\n  const handleTriggerBlur = (event: FocusEvent<HTMLButtonElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <button\n        ref={setTriggerRef}\n        id={id}\n        name={name}\n        type=\"button\"\n        className={clsx(styles.control, open && styles.open)}\n        disabled={disabled}\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        aria-label={label || parsed || placeholder ? undefined : t('colorPicker.pick')}\n        onClick={() => setOpen((o) => !o)}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !parsed && styles.placeholder)}>\n          {displayText ?? placeholder}\n        </span>\n        <span\n          className={clsx(styles.preview, !parsed && styles.previewEmpty)}\n          style={parsed ? ({ '--cp-fill': displayValue } as CSSProperties) : undefined}\n          aria-hidden=\"true\"\n        />\n      </button>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel=\"Color picker\"\n        width={POPOVER_WIDTH}\n      >\n        <ColorPickerPanel value={currentColor} onChange={commit} swatches={swatches} />\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["POPOVER_WIDTH","ColorPicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","swatches","name","placeholder","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentColor","parsed","parseColor","displayValue","formatColor","displayText","resolvedError","resolvedHelperText","commit","color","triggerRef","useRef","popoverRef","open","setOpen","setTriggerRef","useCallback","node","closePopover","refocus","_a","handleTriggerBlur","event","next","_b","jsxs","clsx","styles","jsx","Typography","o","FloatingPanel","ColorPickerPanel"],"mappings":"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"}

package/dist/ColorPicker-DAjs7PmR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker-DAjs7PmR.js","sources":["../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport { useT } from '../../theme'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Typography } from '../Typography'\nimport { ColorPickerPanel } from './ColorPickerPanel'\nimport { formatColor, parseColor } from './colorUtils'\nimport styles from './ColorPicker.module.css'\n\nexport type ColorPickerSize = 'sm' | 'md' | 'lg'\n\n/** Popover width (px). */\nconst POPOVER_WIDTH = 232\n\nexport interface ColorPickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, swatch and font. */\n  size?: ColorPickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a CSS color string: `#rrggbb` hex, or `rgba(r, g, b, a)` when translucent. */\n  value?: string\n  /** Initial value for uncontrolled use (hex or `rgb()`/`rgba()`). */\n  defaultValue?: string\n  /** Fires with the next color: `#rrggbb` when opaque, `rgba(r, g, b, a)` when not (or `''` when cleared). */\n  onChange?: (color: string) => void\n  /** Quick-pick swatches shown in the popover. Defaults to a curated palette. */\n  swatches?: string[]\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the hex string). */\n  name?: string\n  /** Placeholder shown in the trigger when no color is set. Omit to show nothing. */\n  placeholder?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A color field with a beautiful popover picker: a saturation/value square, a hue slider, an alpha\n * (opacity) slider, a color input, quick-pick swatches and a clear button. The input accepts hex\n * (`#rgb`/`#rrggbb`/`#rrggbbaa`) or `rgb()`/`rgba()`, and the value comes back as `#rrggbb` when\n * fully opaque or `rgba(r, g, b, a)` when translucent. Clicking the trigger opens the popover, which\n * — like `Dropdown` — is portaled to `<body>`, opens below (flips above only when it would\n * overflow), locks page scroll and re-positions on scroll/resize. Controlled (`value` + `onChange`)\n * or uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is\n * the color string; validate with e.g. `z.string().regex(/^#[0-9a-f]{6}$/i, 'Pick a color')`, or a\n * looser pattern if you allow `rgba()`). Styling uses `--tz-*` tokens (the spectrum gradients and\n * the alpha checkerboard are the unavoidable exceptions).\n */\nexport const ColorPicker = forwardRef<HTMLButtonElement, ColorPickerProps>(function ColorPicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    swatches,\n    name,\n    placeholder,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the hex string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentColor = isControlled ? externalValue! : internal\n  const parsed = parseColor(currentColor || '')\n  // canonical string for the value (`#rrggbb` when opaque, `rgba(...)` when not), null when unset\n  const displayValue = parsed ? formatColor(parsed) : null\n  // hex shows uppercase in the trigger; rgba() stays as-is\n  const displayText = displayValue\n    ? displayValue[0] === '#'\n      ? displayValue.toUpperCase()\n      : displayValue\n    : null\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const commit = (color: string) => {\n    if (!isControlled) setInternal(color)\n    if (isFormBound) form!.setValue(name!, color)\n    onChange?.(color)\n  }\n\n  // ── popover (positioning / scroll-lock / dismiss come from FloatingPanel) ──────────────────────\n  const triggerRef = useRef<HTMLButtonElement | null>(null)\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n  const [open, setOpen] = useState(false)\n\n  const setTriggerRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLButtonElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }, [])\n\n  // mark the form field touched when focus leaves the whole widget — but not when it moves into the\n  // (portaled) popover or stays on the trigger, so a form-bound picker shows its error like every\n  // other popover field (Select/DatePicker) instead of only after submit\n  const handleTriggerBlur = (event: FocusEvent<HTMLButtonElement>) => {\n    const next = event.relatedTarget as Node | null\n    if (next && (popoverRef.current?.contains(next) || triggerRef.current?.contains(next))) return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <button\n        ref={setTriggerRef}\n        id={id}\n        name={name}\n        type=\"button\"\n        className={clsx(styles.control, open && styles.open)}\n        disabled={disabled}\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        aria-label={label || parsed || placeholder ? undefined : t('colorPicker.pick')}\n        onClick={() => setOpen((o) => !o)}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !parsed && styles.placeholder)}>\n          {displayText ?? placeholder}\n        </span>\n        <span\n          className={clsx(styles.preview, !parsed && styles.previewEmpty)}\n          style={parsed ? ({ '--cp-fill': displayValue } as CSSProperties) : undefined}\n          aria-hidden=\"true\"\n        />\n      </button>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel=\"Color picker\"\n        width={POPOVER_WIDTH}\n      >\n        <ColorPickerPanel value={currentColor} onChange={commit} swatches={swatches} />\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["POPOVER_WIDTH","ColorPicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","swatches","name","placeholder","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentColor","parsed","parseColor","displayValue","formatColor","displayText","resolvedError","resolvedHelperText","commit","color","triggerRef","useRef","popoverRef","open","setOpen","setTriggerRef","useCallback","node","closePopover","refocus","_a","handleTriggerBlur","event","next","_b","jsxs","clsx","styles","jsx","Typography","o","FloatingPanel","ColorPickerPanel"],"mappings":"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"}