@televet/kibble-ui 4.0.0-beta.50 → 4.0.0-beta.52

package/dist/chunks/radioGroup.component-VgKW4-P2.js

@@ -1,266 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { w as k } from "./withFormControl-Vf_flDYv.js";
-import y, { forwardRef as p, useId as M } from "react";
-import { C as V, a as B } from "./card.component-6TV04UQT.js";
-import { m as F, c as Y, R as O, a as U } from "./radio.records-BEcLVP_S.js";
-import { W as q } from "./text.component-D3E0SdX1.js";
-import { c as D } from "./create-slot-recipe-context-DJkLYvCT.js";
-import { d as g } from "./attr-sm10PXOd.js";
-import { a as J } from "./empty-BU2EAux9.js";
-import { c as K } from "./factory-gZxMesut.js";
-import { u as Q } from "./use-recipe-B7BYguEn.js";
-import { a as v, b as C, f as u, i as X, j as Z, k as z, n as oo } from "./use-locale-context-zakBNK5b.js";
-import { U as m } from "./index-DLvqBeH6.js";
-import { B as to } from "./buttonGroup.component-B_5ioQ76.js";
-import { S as eo } from "./stack-B6Qs7bq9.js";
-const [N, P] = v({
-  name: "RadioGroupContext",
-  hookName: "useRadioGroupContext",
-  providerName: "<RadioGroupProvider />"
-}), [ro, ao] = v({
-  name: "RadioGroupItemContext",
-  hookName: "useRadioGroupItemContext",
-  providerName: "<RadioGroupItemProvider />"
-}), [so, j] = v({
-  name: "RadioGroupItemPropsContext",
-  hookName: "useRadioGroupItemPropsContext",
-  providerName: "<RadioGroupItemPropsProvider />"
-}), w = p((o, t) => {
-  const [r, a] = C()(o, ["value", "disabled", "invalid"]), s = P(), d = m(s.getItemProps(r), a), i = s.getItemState(r);
-  return /* @__PURE__ */ e.jsx(ro, { value: i, children: /* @__PURE__ */ e.jsx(so, { value: r, children: /* @__PURE__ */ e.jsx(u.label, { ...d, ref: t }) }) });
-});
-w.displayName = "RadioGroupItem";
-const io = (o) => o.children(ao()), b = p((o, t) => {
-  const r = P(), a = j(), s = m(r.getItemControlProps(a), o);
-  return /* @__PURE__ */ e.jsx(u.div, { ...s, ref: t });
-});
-b.displayName = "RadioGroupItemControl";
-const S = p((o, t) => {
-  const r = P(), a = j(), s = m(r.getItemHiddenInputProps(a), o);
-  return /* @__PURE__ */ e.jsx(u.input, { ...s, ref: t });
-});
-S.displayName = "RadioGroupItemHiddenInput";
-const _ = p((o, t) => {
-  const r = P(), a = j(), s = m(r.getItemTextProps(a), o);
-  return /* @__PURE__ */ e.jsx(u.span, { ...s, ref: t });
-});
-_.displayName = "RadioGroupItemText";
-const T = p((o, t) => {
-  const r = P(), a = m(r.getLabelProps(), o);
-  return /* @__PURE__ */ e.jsx(u.label, { ...a, ref: t });
-});
-T.displayName = "RadioGroupLabel";
-const no = (o) => {
-  const t = M(), { getRootNode: r } = X(), { dir: a } = Z(), s = {
-    id: t,
-    dir: a,
-    getRootNode: r,
-    ...o
-  }, d = z(F, s);
-  return Y(d, oo);
-}, A = p((o, t) => {
-  const [r, a] = C()(o, [
-    "defaultValue",
-    "disabled",
-    "form",
-    "id",
-    "ids",
-    "name",
-    "onValueChange",
-    "orientation",
-    "readOnly",
-    "value"
-  ]), s = no(r), d = m(s.getRootProps(), a);
-  return /* @__PURE__ */ e.jsx(N, { value: s, children: /* @__PURE__ */ e.jsx(u.div, { ...d, ref: t }) });
-});
-A.displayName = "RadioGroupRoot";
-const $ = p((o, t) => {
-  const [{ value: r }, a] = C()(o, ["value"]), s = m(r.getRootProps(), a);
-  return /* @__PURE__ */ e.jsx(N, { value: r, children: /* @__PURE__ */ e.jsx(u.div, { ...s, ref: t }) });
-});
-$.displayName = "RadioGroupRootProvider";
-const po = p(
-  function(t, r) {
-    const a = Q({ key: "radiomark", recipe: t.recipe }), [s, d] = a.splitVariantProps(t), { checked: i, disabled: c, unstyled: l, children: R, ...x } = d, G = l ? J : a(s), h = {
-      ref: r,
-      "data-checked": g(i),
-      "data-disabled": g(c),
-      ...x,
-      css: [G, t.css]
-    };
-    return /* @__PURE__ */ e.jsx(K.span, { ...h, children: i && /* @__PURE__ */ e.jsx("span", { className: "dot" }) });
-  }
-), {
-  withProvider: W,
-  withContext: f,
-  useStyles: co
-} = D({ key: "radioGroup" });
-W($, "root", { forwardAsChild: !0 });
-const uo = W(
-  A,
-  "root",
-  { forwardAsChild: !0 }
-);
-f(T, "label", { forwardAsChild: !0 });
-const mo = f(
-  w,
-  "item",
-  { forwardAsChild: !0 }
-), lo = f(_, "itemText", { forwardAsChild: !0 });
-f(b, "itemControl", { forwardAsChild: !0 });
-const Ro = p(function(t, r) {
-  const a = co();
-  return /* @__PURE__ */ e.jsx(io, { children: (s) => /* @__PURE__ */ e.jsx(b, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-    po,
-    {
-      ref: r,
-      unstyled: !0,
-      ...t,
-      checked: s.checked,
-      disabled: s.disabled,
-      css: [a.itemControl, t.css]
-    }
-  ) }) });
-}), xo = S, Go = k(
-  ({
-    children: o,
-    checked: t = !1,
-    disabled: r = !1,
-    invalid: a = !1,
-    onContrast: s = !1,
-    radioRef: d,
-    size: i = "md",
-    withCard: c = !1,
-    ...l
-  }) => {
-    const R = c ? (x) => {
-      const G = (O[i] + U[i] + B[i]) * 4;
-      return /* @__PURE__ */ e.jsx(
-        V,
-        {
-          className: "Radio__Card",
-          "data-testid": "kibble-radio-card",
-          ...!r && {
-            interactive: !0,
-            invalid: a,
-            active: !!t
-          },
-          onContrast: s,
-          size: i,
-          fullWidth: !0,
-          display: "flex",
-          ...typeof o == "string" && { alignItems: "center" },
-          width: "inherit",
-          pr: `${G}px`,
-          children: x.children
-        }
-      );
-    } : y.Fragment;
-    return /* @__PURE__ */ e.jsx(
-      mo,
-      {
-        className: "Radio",
-        "data-testid": "kibble-radio",
-        invalid: a,
-        disabled: r,
-        ref: d,
-        ...l,
-        children: /* @__PURE__ */ e.jsxs(R, { children: [
-          /* @__PURE__ */ e.jsx(
-            xo,
-            {
-              className: "Radio__Input",
-              "data-testid": "kibble-radio-input"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            Ro,
-            {
-              className: "Radio__Indicator",
-              "data-testid": "kibble-radio-indicator"
-            }
-          ),
-          o && /* @__PURE__ */ e.jsx(
-            lo,
-            {
-              className: "Radio__Text",
-              "data-testid": "kibble-radio-label",
-              ...c && typeof o != "string" && { mt: "-3px" },
-              children: typeof o == "string" ? /* @__PURE__ */ e.jsx(q, { size: i, children: o }) : o
-            }
-          )
-        ] })
-      }
-    );
-  }
-), L = y.forwardRef(
-  (o, t) => /* @__PURE__ */ e.jsx(Go, { radioRef: t, ...o })
-);
-L.displayName = "Radio";
-const E = ({
-  radios: o,
-  defaultValue: t,
-  direction: r = "column",
-  disabled: a,
-  invalid: s,
-  onContrast: d,
-  onChange: i,
-  size: c = "md",
-  radioType: l = "default",
-  value: R,
-  gap: x = 2,
-  ...G
-}) => {
-  const h = d ? "onContrast" : "default";
-  return /* @__PURE__ */ e.jsxs(
-    uo,
-    {
-      className: "RadioGroup",
-      "data-testid": "kibble-radio-group",
-      disabled: a,
-      defaultValue: t,
-      value: R,
-      onValueChange: ({ value: n }) => i?.(n),
-      size: c,
-      variant: h,
-      ...G,
-      children: [
-        l === "default" && /* @__PURE__ */ e.jsx(eo, { gap: x, direction: r, children: o.map((n, I) => /* @__PURE__ */ e.jsx(
-          L,
-          {
-            invalid: s,
-            disabled: a,
-            checked: t === n.value || R === n.value,
-            size: c,
-            ...n
-          },
-          `radio-${I}`
-        )) }),
-        l === "buttons" && /* @__PURE__ */ e.jsx(
-          to,
-          {
-            onContrast: d,
-            variant: "secondarySubtle",
-            size: c,
-            buttons: o.map((n, I) => {
-              const H = t === n.value || R === n.value;
-              return {
-                key: `button-radio-${I}`,
-                children: n.children,
-                active: H,
-                disabled: a,
-                onClick: () => i?.(n.value)
-              };
-            })
-          }
-        )
-      ]
-    }
-  );
-};
-E.displayName = "CheckboxGroup";
-const To = k(E);
-export {
-  To as W
-};
-//# sourceMappingURL=radioGroup.component-VgKW4-P2.js.map

package/dist/chunks/radioGroup.component-cFpOM0dT.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),E=require("./withFormControl-YVXep-WE.js"),u=require("react"),g=require("./card.component-nehAyK91.js"),P=require("./radio.records-CnQniSEw.js"),W=require("./text.component-Dcx3RoTp.js"),F=require("./create-slot-recipe-context-D-pJ8fgs.js"),k=require("./attr-BMs6szZx.js"),H=require("./empty-B5_AO6Pg.js"),V=require("./factory-CkTX_WOU.js"),Y=require("./use-recipe-N0abcau6.js"),i=require("./use-locale-context-BdqHZ8L8.js"),m=require("./index-CZ42b9rT.js"),B=require("./buttonGroup.component-BLjEEBle.js"),D=require("./stack-CtSNpuJq.js"),O=e=>e&&e.__esModule?e:{default:e},b=O(u),[y,G]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,I]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),N=u.forwardRef((e,o)=>{const[r,s]=i.createSplitProps()(e,["value","disabled","invalid"]),a=G(),d=m.mergeProps(a.getItemProps(r),s),n=a.getItemState(r);return t.jsxRuntimeExports.jsx(J,{value:n,children:t.jsxRuntimeExports.jsx(Q,{value:r,children:t.jsxRuntimeExports.jsx(i.ark.label,{...d,ref:o})})})});N.displayName="RadioGroupItem";const U=e=>e.children(K()),v=u.forwardRef((e,o)=>{const r=G(),s=I(),a=m.mergeProps(r.getItemControlProps(s),e);return t.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})});v.displayName="RadioGroupItemControl";const w=u.forwardRef((e,o)=>{const r=G(),s=I(),a=m.mergeProps(r.getItemHiddenInputProps(s),e);return t.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:o})});w.displayName="RadioGroupItemHiddenInput";const _=u.forwardRef((e,o)=>{const r=G(),s=I(),a=m.mergeProps(r.getItemTextProps(s),e);return t.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:o})});_.displayName="RadioGroupItemText";const q=u.forwardRef((e,o)=>{const r=G(),s=m.mergeProps(r.getLabelProps(),e);return t.jsxRuntimeExports.jsx(i.ark.label,{...s,ref:o})});q.displayName="RadioGroupLabel";const X=e=>{const o=u.useId(),{getRootNode:r}=i.useEnvironmentContext(),{dir:s}=i.useLocaleContext(),a={id:o,dir:s,getRootNode:r,...e},d=i.useMachine(P.machine,a);return P.connect(d,i.normalizeProps)},S=u.forwardRef((e,o)=>{const[r,s]=i.createSplitProps()(e,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(r),d=m.mergeProps(a.getRootProps(),s);return t.jsxRuntimeExports.jsx(y,{value:a,children:t.jsxRuntimeExports.jsx(i.ark.div,{...d,ref:o})})});S.displayName="RadioGroupRoot";const T=u.forwardRef((e,o)=>{const[{value:r},s]=i.createSplitProps()(e,["value"]),a=m.mergeProps(r.getRootProps(),s);return t.jsxRuntimeExports.jsx(y,{value:r,children:t.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})})});T.displayName="RadioGroupRootProvider";const Z=u.forwardRef(function(o,r){const s=Y.useRecipe({key:"radiomark",recipe:o.recipe}),[a,d]=s.splitVariantProps(o),{checked:n,disabled:c,unstyled:l,children:x,...R}=d,j=l?H.EMPTY_STYLES:s(a),h={ref:r,"data-checked":k.dataAttr(n),"data-disabled":k.dataAttr(c),...R,css:[j,o.css]};return t.jsxRuntimeExports.jsx(V.chakra.span,{...h,children:n&&t.jsxRuntimeExports.jsx("span",{className:"dot"})})}),{withProvider:A,withContext:f,useStyles:z}=F.createSlotRecipeContext({key:"radioGroup"});A(T,"root",{forwardAsChild:!0});const ee=A(S,"root",{forwardAsChild:!0});f(q,"label",{forwardAsChild:!0});const oe=f(N,"item",{forwardAsChild:!0}),te=f(_,"itemText",{forwardAsChild:!0});f(v,"itemControl",{forwardAsChild:!0});const re=u.forwardRef(function(o,r){const s=z();return t.jsxRuntimeExports.jsx(U,{children:a=>t.jsxRuntimeExports.jsx(v,{asChild:!0,children:t.jsxRuntimeExports.jsx(Z,{ref:r,unstyled:!0,...o,checked:a.checked,disabled:a.disabled,css:[s.itemControl,o.css]})})})}),se=w,ae=E.withFormControl(({children:e,checked:o=!1,disabled:r=!1,invalid:s=!1,onContrast:a=!1,radioRef:d,size:n="md",withCard:c=!1,...l})=>{const x=c?R=>{const j=(P.RadioSizeMap[n]+P.RadioTextSpacing[n]+g.CardPaddingMap[n])*4;return t.jsxRuntimeExports.jsx(g.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!r&&{interactive:!0,invalid:s,active:!!o},onContrast:a,size:n,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${j}px`,children:R.children})}:b.default.Fragment;return t.jsxRuntimeExports.jsx(oe,{className:"Radio","data-testid":"kibble-radio",invalid:s,disabled:r,ref:d,...l,children:t.jsxRuntimeExports.jsxs(x,{children:[t.jsxRuntimeExports.jsx(se,{className:"Radio__Input","data-testid":"kibble-radio-input"}),t.jsxRuntimeExports.jsx(re,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&t.jsxRuntimeExports.jsx(te,{className:"Radio__Text","data-testid":"kibble-radio-label",...c&&typeof e!="string"&&{mt:"-3px"},children:typeof e=="string"?t.jsxRuntimeExports.jsx(W.WrappedText,{size:n,children:e}):e})]})})}),$=b.default.forwardRef((e,o)=>t.jsxRuntimeExports.jsx(ae,{radioRef:o,...e}));$.displayName="Radio";const L=({radios:e,defaultValue:o,direction:r="column",disabled:s,invalid:a,onContrast:d,onChange:n,size:c="md",radioType:l="default",value:x,gap:R=2,...j})=>{const h=d?"onContrast":"default";return t.jsxRuntimeExports.jsxs(ee,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:s,defaultValue:o,value:x,onValueChange:({value:p})=>n?.(p),size:c,variant:h,...j,children:[l==="default"&&t.jsxRuntimeExports.jsx(D.Stack,{gap:R,direction:r,children:e.map((p,C)=>t.jsxRuntimeExports.jsx($,{invalid:a,disabled:s,checked:o===p.value||x===p.value,size:c,...p},`radio-${C}`))}),l==="buttons"&&t.jsxRuntimeExports.jsx(B.ButtonGroup,{onContrast:d,variant:"secondarySubtle",size:c,buttons:e.map((p,C)=>{const M=o===p.value||x===p.value;return{key:`button-radio-${C}`,children:p.children,active:M,disabled:s,onClick:()=>n?.(p.value)}})})]})};L.displayName="CheckboxGroup";const ie=E.withFormControl(L);exports.WrappedRadioGroup=ie;
-//# sourceMappingURL=radioGroup.component-cFpOM0dT.js.map

package/dist/chunks/withFormControl-Vf_flDYv.js

@@ -1,375 +0,0 @@
-import { j as o } from "./jsx-runtime-C5mzlN2N.js";
-import { W as K } from "./text.component-D3E0SdX1.js";
-import { p as g, f as Q } from "./typography.records-DA6XZIsX.js";
-import { I as V } from "./icon.component-BmcWaysM.js";
-import { F as k } from "./flex-C2d2LH-K.js";
-import * as X from "react";
-import { forwardRef as P, useLayoutEffect as Y, useEffect as ee, useState as q, useId as te, useRef as re, useMemo as m, Children as se } from "react";
-import { c as L, b as M } from "./factory-gZxMesut.js";
-import { c as oe } from "./create-slot-recipe-context-DJkLYvCT.js";
-import { c as ae } from "./create-recipe-context-BcvaE0iS.js";
-import { u as v, F as le } from "./use-field-context-B8ygn96q.js";
-import { f as I, a as ne, b as ie, h as de } from "./use-locale-context-zakBNK5b.js";
-import { U as j, _ as ce, e as u, u as fe } from "./index-DLvqBeH6.js";
-const B = P((l, t) => {
-  const r = v(), e = j(r.getErrorTextProps(), l);
-  return r?.invalid ? /* @__PURE__ */ o.jsx(I.span, { ...e, ref: t }) : null;
-});
-B.displayName = "FieldErrorText";
-const O = P((l, t) => {
-  const r = v(), e = j(r?.getHelperTextProps(), l);
-  return /* @__PURE__ */ o.jsx(I.span, { ...e, ref: t });
-});
-O.displayName = "FieldHelperText";
-const W = P((l, t) => {
-  const r = v(), e = j(r?.getLabelProps(), l);
-  return /* @__PURE__ */ o.jsx(I.label, { ...e, ref: t });
-});
-W.displayName = "FieldLabel";
-const me = typeof window < "u" ? Y : ee, [Me, ue] = ne({
-  name: "FieldsetContext",
-  hookName: "useFieldsetContext",
-  providerName: "<FieldsetProvider />",
-  strict: !1
-}), pe = (l = {}) => {
-  const t = ue(), { ids: r, disabled: e = !!t?.disabled, invalid: s = !1, readOnly: a = !1, required: n = !1 } = l, [i, F] = q(!1), [T, N] = q(!1), d = l.id ?? te(), f = re(null), C = r?.control ?? `field::${d}`, c = r?.errorText ?? `field::${d}::error-text`, p = r?.helperText ?? `field::${d}::helper-text`, h = r?.label ?? `field::${d}::label`;
-  me(() => {
-    const b = f.current;
-    if (!b) return;
-    const S = ce(b), A = S.document, H = () => {
-      F(!!A.getElementById(c)), N(!!A.getElementById(p));
-    };
-    H();
-    const $ = new S.MutationObserver(H);
-    return $.observe(b, { childList: !0, subtree: !0 }), () => $.disconnect();
-  }, [c, p]);
-  const y = m(() => {
-    const b = [];
-    return i && s && b.push(c), T && b.push(p), b.join(" ") || void 0;
-  }, [s, c, p, i, T]), w = m(
-    () => () => ({
-      ...g.root.attrs,
-      id: C,
-      ref: f,
-      role: "group",
-      "data-disabled": u(e),
-      "data-invalid": u(s),
-      "data-readonly": u(a)
-    }),
-    [e, s, a, C]
-  ), R = m(
-    () => () => ({
-      ...g.label.attrs,
-      id: h,
-      "data-disabled": u(e),
-      "data-invalid": u(s),
-      "data-readonly": u(a),
-      htmlFor: d
-    }),
-    [e, s, a, d, h]
-  ), x = m(
-    () => () => ({
-      "aria-describedby": y,
-      "aria-invalid": fe(s),
-      "data-invalid": u(s),
-      "data-required": u(n),
-      "data-readonly": u(a),
-      id: d,
-      required: n,
-      disabled: e,
-      readOnly: a
-    }),
-    [y, s, n, a, d, e]
-  ), E = m(
-    () => () => ({
-      ...x(),
-      ...g.input.attrs
-    }),
-    [x]
-  ), D = m(
-    () => () => ({
-      ...x(),
-      ...g.textarea.attrs
-    }),
-    [x]
-  ), Z = m(
-    () => () => ({
-      ...x(),
-      ...g.select.attrs
-    }),
-    [x]
-  ), U = m(
-    () => () => ({
-      id: p,
-      ...g.helperText.attrs,
-      "data-disabled": u(e)
-    }),
-    [e, p]
-  ), G = m(
-    () => () => ({
-      id: c,
-      ...g.errorText.attrs,
-      "aria-live": "polite"
-    }),
-    [c]
-  ), J = m(
-    () => () => ({
-      "aria-hidden": !0,
-      ...g.requiredIndicator.attrs
-    }),
-    []
-  );
-  return {
-    ariaDescribedby: y,
-    ids: {
-      root: C,
-      control: d,
-      label: h,
-      errorText: c,
-      helperText: p
-    },
-    refs: {
-      rootRef: f
-    },
-    disabled: e,
-    invalid: s,
-    readOnly: a,
-    required: n,
-    getLabelProps: R,
-    getRootProps: w,
-    getInputProps: E,
-    getTextareaProps: D,
-    getSelectProps: Z,
-    getHelperTextProps: U,
-    getErrorTextProps: G,
-    getRequiredIndicatorProps: J
-  };
-}, z = P((l, t) => {
-  const [r, e] = ie()(l, [
-    "id",
-    "ids",
-    "disabled",
-    "invalid",
-    "readOnly",
-    "required"
-  ]), s = pe(r), a = j(s.getRootProps(), e);
-  return /* @__PURE__ */ o.jsx(le, { value: s, children: /* @__PURE__ */ o.jsx(I.div, { ...a, ref: de(t, s.refs.rootRef) }) });
-});
-z.displayName = "FieldRoot";
-const { useRecipeResult: xe } = ae({ key: "icon" }), he = X.forwardRef(
-  function(t, r) {
-    const {
-      styles: e,
-      className: s,
-      props: a
-    } = xe({ asChild: !t.as, ...t });
-    return /* @__PURE__ */ o.jsx(
-      L.svg,
-      {
-        ref: r,
-        focusable: !1,
-        "aria-hidden": "true",
-        ...a,
-        css: [e, t.css],
-        className: M(s, t.className)
-      }
-    );
-  }
-);
-function ge(l) {
-  const {
-    viewBox: t = "0 0 24 24",
-    d: r,
-    displayName: e,
-    defaultProps: s = {}
-  } = l, a = se.toArray(l.path), n = P((i, F) => /* @__PURE__ */ o.jsx(
-    he,
-    {
-      ref: F,
-      asChild: !1,
-      viewBox: t,
-      ...s,
-      ...i,
-      children: a.length ? a : /* @__PURE__ */ o.jsx("path", { fill: "currentColor", d: r })
-    }
-  ));
-  return n.displayName = e, n;
-}
-const {
-  withProvider: Fe,
-  withContext: _,
-  useStyles: be,
-  useClassNames: Te
-} = oe({ key: "field" }), Ce = Fe(
-  z,
-  "root",
-  { forwardAsChild: !0 }
-), Pe = _(
-  W,
-  "label",
-  { forwardAsChild: !0 }
-), ye = _(O, "helperText", { forwardAsChild: !0 }), Ne = _(
-  B,
-  "errorText",
-  { forwardAsChild: !0 }
-);
-ge({
-  d: "M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
-});
-const ve = P(function(t, r) {
-  const { fallback: e, children: s = "*", ...a } = t, n = v(), i = Te(), F = be();
-  return n?.required ? /* @__PURE__ */ o.jsx(
-    L.span,
-    {
-      ref: r,
-      "aria-hidden": "true",
-      ...a,
-      className: M(i.requiredIndicator, t.className),
-      css: [F.requiredIndicator, t.css],
-      children: s
-    }
-  ) : e;
-}), Ie = {
-  sm: 10,
-  md: 12,
-  lg: 14
-}, Be = (l) => {
-  const t = ({
-    disabled: r = !1,
-    errorText: e = "Field is invalid",
-    formControlStyle: s,
-    helperText: a,
-    inlineField: n = !1,
-    invalid: i = !1,
-    invalidIconColor: F = "warning",
-    label: T,
-    labelPosition: N = "start",
-    labelStyle: d,
-    onContrast: f = !1,
-    readOnly: C = !1,
-    required: c = !1,
-    showOptionalElement: p = !1,
-    size: h = "md",
-    useInvalidIcon: y = !1,
-    useInvalidText: w = !0,
-    ...R
-  }) => {
-    const x = /* @__PURE__ */ o.jsxs(
-      Pe,
-      {
-        className: "FormControl__Label",
-        color: f ? "text.contrast" : "text",
-        fontSize: Q[h],
-        ...d,
-        onClick: (E) => {
-          E.stopPropagation();
-        },
-        children: [
-          T,
-          /* @__PURE__ */ o.jsx(
-            ve,
-            {
-              className: "FormControl__RequiredIndicator",
-              color: f ? "text.danger.contrast" : "text.danger",
-              ...!c && {
-                fallback: p ? /* @__PURE__ */ o.jsxs(
-                  K,
-                  {
-                    variant: f ? "subtleOnContrast" : "subtle",
-                    fontSize: Ie[h],
-                    children: [
-                      " ",
-                      "(Optional)"
-                    ]
-                  }
-                ) : /* @__PURE__ */ o.jsx(o.Fragment, {})
-              }
-            }
-          )
-        ]
-      }
-    );
-    return /* @__PURE__ */ o.jsxs(
-      Ce,
-      {
-        className: "FormControl group",
-        disabled: r,
-        invalid: i,
-        readOnly: C,
-        required: c,
-        width: "auto",
-        ...s,
-        children: [
-          /* @__PURE__ */ o.jsxs(
-            k,
-            {
-              className: "FormControl__Container",
-              flexDirection: n ? "row" : "column",
-              w: n ? "max-content" : "100%",
-              gap: 2,
-              children: [
-                T && N === "start" && x,
-                /* @__PURE__ */ o.jsxs(
-                  k,
-                  {
-                    className: "FormControl__Content",
-                    alignItems: "center",
-                    gap: 2,
-                    w: n ? "max-content" : "100%",
-                    children: [
-                      /* @__PURE__ */ o.jsx(
-                        l,
-                        {
-                          disabled: r,
-                          invalid: i,
-                          onContrast: f,
-                          readOnly: C,
-                          required: c,
-                          size: h,
-                          ...R
-                        }
-                      ),
-                      y && i && /* @__PURE__ */ o.jsx(
-                        V,
-                        {
-                          className: "FormControl__InvalidIcon",
-                          name: "warningSign",
-                          variant: F,
-                          size: h
-                        }
-                      )
-                    ]
-                  }
-                ),
-                T && N === "end" && x
-              ]
-            }
-          ),
-          w && i && /* @__PURE__ */ o.jsx(
-            Ne,
-            {
-              className: "FormControl__ErrorText",
-              fontSize: "xs",
-              color: f ? "text.danger.contrast" : "text.danger",
-              children: e
-            }
-          ),
-          a && /* @__PURE__ */ o.jsx(
-            ye,
-            {
-              className: "FormControl__HelperText",
-              fontSize: "xs",
-              color: f ? "text.subtle.contrast" : "text.subtle",
-              children: a
-            }
-          )
-        ]
-      }
-    );
-  };
-  return t.displayName = `withFormControl(${l.displayName || l.name}`, t;
-};
-export {
-  Be as w
-};
-//# sourceMappingURL=withFormControl-Vf_flDYv.js.map