@televet/kibble-ui 4.0.0-beta.29 → 4.0.0-beta.3

package/dist/textInput.component-CypC2QRg.js

@@ -0,0 +1,99 @@
+import { x as t } from "./vendor-XkLb814A.js";
+import C, { useMemo as _ } from "react";
+import { w as h } from "./withFormControl-C4JtVew9.js";
+import { B as b } from "./button.component-Yun5FXQp.js";
+import { C as g } from "./characterCounter.component-CreNwPyK.js";
+import { B as j, K as N, M as T } from "./chakra-Cg-UT2Wv.js";
+const B = {
+  sm: "xs",
+  md: "sm",
+  lg: "md"
+}, w = h(
+  ({
+    charLimit: o = void 0,
+    clearable: r = !1,
+    disabled: n = !1,
+    inputRef: p,
+    invalid: u,
+    leftAddon: l,
+    leftElement: m,
+    onClear: a,
+    onContrast: d,
+    rightAddon: c,
+    rightElement: s,
+    size: i = "md",
+    value: e,
+    ...x
+  }) => {
+    const f = () => {
+      a && a(e || "");
+    };
+    r && e && !n && (s = /* @__PURE__ */ t.jsx(
+      b,
+      {
+        className: "TextInput__ClearButton",
+        "data-testid": "kibble-text-input-clear-button",
+        size: B[i],
+        variant: "ghostNeutral",
+        onClick: f,
+        iconName: "close"
+      }
+    ));
+    const I = _(
+      () => e?.toString()?.length || 0,
+      [e]
+    );
+    return /* @__PURE__ */ t.jsxs(j, { className: "TextInput__Wrapper", position: "relative", w: "100%", children: [
+      /* @__PURE__ */ t.jsx(
+        N,
+        {
+          className: "TextInput__InputGroup",
+          "data-testid": "kibble-text-input-group",
+          startElement: m,
+          startElementProps: {
+            color: "inherit",
+            _groupDisabled: { opacity: 0.6 }
+          },
+          endElement: s,
+          endElementProps: {
+            color: "inherit",
+            paddingInline: 1.5,
+            _groupDisabled: { opacity: 0.6 }
+          },
+          startAddon: l,
+          endAddon: c,
+          children: /* @__PURE__ */ t.jsx(
+            T,
+            {
+              "data-testid": "kibble-text-input",
+              className: "TextInput",
+              ref: p,
+              value: e,
+              size: i,
+              disabled: n,
+              ...u && { "aria-invalid": !0 },
+              variant: d ? "onContrast" : "default",
+              ...x
+            }
+          )
+        }
+      ),
+      !!o && /* @__PURE__ */ t.jsx(
+        g,
+        {
+          withLimit: !0,
+          limit: o,
+          currentCount: I
+        }
+      )
+    ] });
+  }
+), k = C.forwardRef(
+  (o, r) => /* @__PURE__ */ t.jsx(w, { inputRef: r, ...o })
+);
+k.displayName = "TextInput";
+export {
+  k as W,
+  B as c
+};
+//# sourceMappingURL=textInput.component-CypC2QRg.js.map

package/dist/textInput.component-CypC2QRg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.component-CypC2QRg.js","sources":["../src/components/TextInput/textInput.records.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from \"components/Button/button.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n} from \"@chakra-ui/react/input\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { CharacterCounter } from \"components/CharacterCounter/characterCounter.component\";\nimport { closeButtonSizeMap } from \"./textInput.records\";\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  onContrast?: boolean;\n  leftAddon?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  rightAddon?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  clearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  clearable?: boolean;\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    charLimit = undefined,\n    clearable = false,\n    disabled = false,\n    inputRef,\n    invalid,\n    leftAddon,\n    leftElement,\n    onClear,\n    onContrast,\n    rightAddon,\n    rightElement,\n    size = \"md\",\n    value,\n    ...rest\n  }: TextInputProps): React.JSX.Element => {\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || \"\");\n      }\n    };\n\n    if (clearable && !!value && !disabled) {\n      rightElement = (\n        <Button\n          className=\"TextInput__ClearButton\"\n          data-testid=\"kibble-text-input-clear-button\"\n          size={closeButtonSizeMap[size as FormControlSize]}\n          variant=\"ghostNeutral\"\n          onClick={handleClear}\n          iconName=\"close\"\n        />\n      );\n    }\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Box className=\"TextInput__Wrapper\" position=\"relative\" w=\"100%\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid=\"kibble-text-input-group\"\n          startElement={leftElement}\n          startElementProps={{\n            color: \"inherit\",\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          endElement={rightElement}\n          endElementProps={{\n            color: \"inherit\",\n            paddingInline: 1.5,\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          startAddon={leftAddon}\n          endAddon={rightAddon}\n        >\n          <CInput\n            data-testid=\"kibble-text-input\"\n            className=\"TextInput\"\n            ref={inputRef}\n            value={value}\n            size={size}\n            disabled={disabled}\n            {...(invalid && { \"aria-invalid\": true })}\n            variant={onContrast ? \"onContrast\" : \"default\"}\n            {...rest}\n          />\n        </InputGroup>\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = React.forwardRef(\n  (props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n    <TextInput inputRef={ref} {...props} />\n  ),\n);\n\nWrappedTextInput.displayName = \"TextInput\";\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","TextInput","withFormControl","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","rest","handleClear","jsx","Button","currentCharCount","useMemo","Box","InputGroup","CInput","CharacterCounter","WrappedTextInput","React","props","ref"],"mappings":";;;;;;AAGO,MAAMA,IAA0D;AAAA,EACrE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCkCMC,IAAYC;AAAA,EAChB,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACoC;AACvC,UAAMC,IAAc,MAAY;AAC9B,MAAIP,KACFA,EAAQK,KAAS,EAAE;AAAA,IAEvB;AAEA,IAAIX,KAAeW,KAAS,CAACV,MAEzBQ,IAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,MAAMnB,EAAmBc,CAAuB;AAAA,QAChD,SAAQ;AAAA,QACR,SAASG;AAAA,QACT,UAAS;AAAA,MAAA;AAAA,IACX;AAIJ,UAAMG,IAAmBC;AAAA,MACvB,MAAMN,GAAO,YAAY,UAAU;AAAA,MACnC,CAACA,CAAK;AAAA,IACR;AAEA,kCACGO,GAAI,EAAA,WAAU,sBAAqB,UAAS,YAAW,GAAE,QACxD,UAAA;AAAA,MAAAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,cAAcd;AAAA,UACd,mBAAmB;AAAA,YACjB,OAAO;AAAA,YACP,gBAAgB,EAAE,SAAS,IAAI;AAAA,UACjC;AAAA,UACA,YAAYI;AAAA,UACZ,iBAAiB;AAAA,YACf,OAAO;AAAA,YACP,eAAe;AAAA,YACf,gBAAgB,EAAE,SAAS,IAAI;AAAA,UACjC;AAAA,UACA,YAAYL;AAAA,UACZ,UAAUI;AAAA,UAEV,UAAAM,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cACV,KAAKlB;AAAA,cACL,OAAAS;AAAA,cACA,MAAAD;AAAA,cACA,UAAAT;AAAA,cACC,GAAIE,KAAW,EAAE,gBAAgB,GAAK;AAAA,cACvC,SAASI,IAAa,eAAe;AAAA,cACpC,GAAGK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACF;AAAA,MACC,CAAC,CAACb,KACDe,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAOtB;AAAA,UACP,cAAciB;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,EAAA;AAGN,GAEMM,IAAmBC,EAAM;AAAA,EAC7B,CAACC,GAAuBC,MACtBX,gBAAAA,MAACjB,KAAU,UAAU4B,GAAM,GAAGD,EAAO,CAAA;AAEzC;AAEAF,EAAiB,cAAc;"}

package/dist/textInput.component-sbJEMuZe.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-D-x6W6ez.cjs"),p=require("react"),f=require("./withFormControl-N3blGvBi.cjs"),E=require("./button.component-C_oCv5OX.cjs"),R=require("./characterCounter.component-BAikfD4f.cjs"),o=require("./chakra-BYidfDvC.cjs"),c={sm:"xs",md:"sm",lg:"md"},T=f.withFormControl(({charLimit:n=void 0,clearable:r=!1,disabled:s=!1,inputRef:x,invalid:d,leftAddon:m,leftElement:h,onClear:i,onContrast:j,rightAddon:I,rightElement:a,size:u="md",value:e,...C})=>{const _=()=>{i&&i(e||"")};r&&e&&!s&&(a=t.jsxRuntimeExports.jsx(E.Button,{className:"TextInput__ClearButton","data-testid":"kibble-text-input-clear-button",size:c[u],variant:"ghostNeutral",onClick:_,iconName:"close"}));const b=p.useMemo(()=>e?.toString()?.length||0,[e]);return t.jsxRuntimeExports.jsxs(o.Box,{className:"TextInput__Wrapper",position:"relative",w:"100%",children:[t.jsxRuntimeExports.jsx(o.InputGroup,{className:"TextInput__InputGroup","data-testid":"kibble-text-input-group",startElement:h,startElementProps:{color:"inherit",_groupDisabled:{opacity:.6}},endElement:a,endElementProps:{color:"inherit",paddingInline:1.5,_groupDisabled:{opacity:.6}},startAddon:m,endAddon:I,children:t.jsxRuntimeExports.jsx(o.Input,{"data-testid":"kibble-text-input",className:"TextInput",ref:x,value:e,size:u,disabled:s,...d&&{"aria-invalid":!0},variant:j?"onContrast":"default",...C})}),!!n&&t.jsxRuntimeExports.jsx(R.CharacterCounter,{withLimit:!0,limit:n,currentCount:b})]})}),l=p.forwardRef((n,r)=>t.jsxRuntimeExports.jsx(T,{inputRef:r,...n}));l.displayName="TextInput";exports.WrappedTextInput=l;exports.closeButtonSizeMap=c;
+//# sourceMappingURL=textInput.component-sbJEMuZe.cjs.map

package/dist/textInput.component-sbJEMuZe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textInput.component-sbJEMuZe.cjs","sources":["../src/components/TextInput/textInput.records.ts","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from \"components/Button/button.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n} from \"@chakra-ui/react/input\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { CharacterCounter } from \"components/CharacterCounter/characterCounter.component\";\nimport { closeButtonSizeMap } from \"./textInput.records\";\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  onContrast?: boolean;\n  leftAddon?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  rightAddon?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  clearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  clearable?: boolean;\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    charLimit = undefined,\n    clearable = false,\n    disabled = false,\n    inputRef,\n    invalid,\n    leftAddon,\n    leftElement,\n    onClear,\n    onContrast,\n    rightAddon,\n    rightElement,\n    size = \"md\",\n    value,\n    ...rest\n  }: TextInputProps): React.JSX.Element => {\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || \"\");\n      }\n    };\n\n    if (clearable && !!value && !disabled) {\n      rightElement = (\n        <Button\n          className=\"TextInput__ClearButton\"\n          data-testid=\"kibble-text-input-clear-button\"\n          size={closeButtonSizeMap[size as FormControlSize]}\n          variant=\"ghostNeutral\"\n          onClick={handleClear}\n          iconName=\"close\"\n        />\n      );\n    }\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Box className=\"TextInput__Wrapper\" position=\"relative\" w=\"100%\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid=\"kibble-text-input-group\"\n          startElement={leftElement}\n          startElementProps={{\n            color: \"inherit\",\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          endElement={rightElement}\n          endElementProps={{\n            color: \"inherit\",\n            paddingInline: 1.5,\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          startAddon={leftAddon}\n          endAddon={rightAddon}\n        >\n          <CInput\n            data-testid=\"kibble-text-input\"\n            className=\"TextInput\"\n            ref={inputRef}\n            value={value}\n            size={size}\n            disabled={disabled}\n            {...(invalid && { \"aria-invalid\": true })}\n            variant={onContrast ? \"onContrast\" : \"default\"}\n            {...rest}\n          />\n        </InputGroup>\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = React.forwardRef(\n  (props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n    <TextInput inputRef={ref} {...props} />\n  ),\n);\n\nWrappedTextInput.displayName = \"TextInput\";\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","TextInput","withFormControl","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","rest","handleClear","jsx","Button","currentCharCount","useMemo","Box","InputGroup","CInput","CharacterCounter","WrappedTextInput","React","props","ref"],"mappings":"4PAGaA,EAA0D,CACrE,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECkCMC,EAAYC,EAAA,gBAChB,CAAC,CACC,UAAAC,EAAY,OACZ,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,GAAGC,CAAA,IACoC,CACvC,MAAMC,EAAc,IAAY,CAC1BP,GACFA,EAAQK,GAAS,EAAE,CAEvB,EAEIX,GAAeW,GAAS,CAACV,IAEzBQ,EAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,yBACV,cAAY,iCACZ,KAAMnB,EAAmBc,CAAuB,EAChD,QAAQ,eACR,QAASG,EACT,SAAS,OAAA,CACX,GAIJ,MAAMG,EAAmBC,EAAA,QACvB,IAAMN,GAAO,YAAY,QAAU,EACnC,CAACA,CAAK,CACR,EAEA,gCACGO,MAAI,CAAA,UAAU,qBAAqB,SAAS,WAAW,EAAE,OACxD,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,UAAU,wBACV,cAAY,0BACZ,aAAcd,EACd,kBAAmB,CACjB,MAAO,UACP,eAAgB,CAAE,QAAS,EAAI,CACjC,EACA,WAAYI,EACZ,gBAAiB,CACf,MAAO,UACP,cAAe,IACf,eAAgB,CAAE,QAAS,EAAI,CACjC,EACA,WAAYL,EACZ,SAAUI,EAEV,SAAAM,EAAA,kBAAA,IAACM,EAAA,MAAA,CACC,cAAY,oBACZ,UAAU,YACV,IAAKlB,EACL,MAAAS,EACA,KAAAD,EACA,SAAAT,EACC,GAAIE,GAAW,CAAE,eAAgB,EAAK,EACvC,QAASI,EAAa,aAAe,UACpC,GAAGK,CAAA,CAAA,CACN,CACF,EACC,CAAC,CAACb,GACDe,EAAA,kBAAA,IAACO,EAAA,iBAAA,CACC,UAAW,GACX,MAAOtB,EACP,aAAciB,CAAA,CAAA,CAChB,EAEJ,CAAA,CAGN,EAEMM,EAAmBC,EAAM,WAC7B,CAACC,EAAuBC,IACtBX,wBAACjB,GAAU,SAAU4B,EAAM,GAAGD,CAAO,CAAA,CAEzC,EAEAF,EAAiB,YAAc"}

package/dist/textarea.component-BeieHwUR.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-D-x6W6ez.cjs"),o=require("react"),d=require("./withFormControl-N3blGvBi.cjs"),l=require("./characterCounter.component-BAikfD4f.cjs"),n=require("./chakra-BYidfDvC.cjs"),C=d.withFormControl(({charLimit:e=void 0,invalid:r,onContrast:i,resize:x="none",textareaRef:c,value:a,...u})=>{const p=i?"onContrast":"default",m=o.useMemo(()=>a?.toString()?.length||0,[a]);return t.jsxRuntimeExports.jsxs(n.Flex,{className:"Textarea__Wrapper",position:"relative",w:"100%",children:[t.jsxRuntimeExports.jsx(n.Textarea,{className:"Textarea","data-testid":"kibble-textarea",resize:x,variant:p,value:a,...r&&{"aria-invalid":!0},...u,ref:c}),!!e&&t.jsxRuntimeExports.jsx(l.CharacterCounter,{withLimit:!0,limit:e,currentCount:m})]})}),s=o.forwardRef((e,r)=>t.jsxRuntimeExports.jsx(C,{textareaRef:r,...e}));s.displayName="Textarea";exports.WrappedTextArea=s;
+//# sourceMappingURL=textarea.component-BeieHwUR.cjs.map

package/dist/textarea.component-BeieHwUR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.component-BeieHwUR.cjs","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport {\n  Textarea as CTextarea,\n  TextareaProps as CTextareaProps,\n} from \"@chakra-ui/react/textarea\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { CharacterCounter } from \"components/CharacterCounter/characterCounter.component\";\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  charLimit?: number;\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({\n    charLimit = undefined,\n    invalid,\n    onContrast,\n    resize = \"none\",\n    textareaRef,\n    value,\n    ...rest\n  }: TextareaProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Flex className=\"Textarea__Wrapper\" position=\"relative\" w=\"100%\">\n        <CTextarea\n          className=\"Textarea\"\n          data-testid=\"kibble-textarea\"\n          resize={resize}\n          variant={_computedVariant}\n          value={value}\n          {...(invalid && { \"aria-invalid\": true })}\n          {...rest}\n          ref={textareaRef}\n        />\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nconst WrappedTextArea = React.forwardRef(\n  (props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n    <Textarea textareaRef={ref} {...props} />\n  ),\n);\n\nWrappedTextArea.displayName = \"Textarea\";\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","charLimit","invalid","onContrast","resize","textareaRef","value","rest","_computedVariant","currentCharCount","useMemo","Flex","jsx","CTextarea","CharacterCounter","WrappedTextArea","React","props","ref"],"mappings":"+MAmBMA,EAAWC,EAAA,gBACf,CAAC,CACC,UAAAC,EAAY,OACZ,QAAAC,EACA,WAAAC,EACA,OAAAC,EAAS,OACT,YAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,IACmC,CAChC,MAAAC,EAAmBL,EAAa,aAAe,UAE/CM,EAAmBC,EAAA,QACvB,IAAMJ,GAAO,YAAY,QAAU,EACnC,CAACA,CAAK,CACR,EAEA,gCACGK,OAAK,CAAA,UAAU,oBAAoB,SAAS,WAAW,EAAE,OACxD,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,SAAA,CACC,UAAU,WACV,cAAY,kBACZ,OAAAT,EACA,QAASI,EACT,MAAAF,EACC,GAAIJ,GAAW,CAAE,eAAgB,EAAK,EACtC,GAAGK,EACJ,IAAKF,CAAA,CACP,EACC,CAAC,CAACJ,GACDW,EAAA,kBAAA,IAACE,EAAA,iBAAA,CACC,UAAW,GACX,MAAOb,EACP,aAAcQ,CAAA,CAAA,CAChB,EAEJ,CAAA,CAGN,EAEMM,EAAkBC,EAAM,WAC5B,CAACC,EAAsBC,IACrBN,wBAACb,GAAS,YAAamB,EAAM,GAAGD,CAAO,CAAA,CAE3C,EAEAF,EAAgB,YAAc"}

package/dist/textarea.component-CKakC5vo.js

@@ -0,0 +1,51 @@
+import { x as r } from "./vendor-XkLb814A.js";
+import p, { useMemo as c } from "react";
+import { w as d } from "./withFormControl-C4JtVew9.js";
+import { C as f } from "./characterCounter.component-CreNwPyK.js";
+import { F as l, T as u } from "./chakra-Cg-UT2Wv.js";
+const C = d(
+  ({
+    charLimit: t = void 0,
+    invalid: e,
+    onContrast: o,
+    resize: s = "none",
+    textareaRef: i,
+    value: a,
+    ...n
+  }) => {
+    const m = o ? "onContrast" : "default", x = c(
+      () => a?.toString()?.length || 0,
+      [a]
+    );
+    return /* @__PURE__ */ r.jsxs(l, { className: "Textarea__Wrapper", position: "relative", w: "100%", children: [
+      /* @__PURE__ */ r.jsx(
+        u,
+        {
+          className: "Textarea",
+          "data-testid": "kibble-textarea",
+          resize: s,
+          variant: m,
+          value: a,
+          ...e && { "aria-invalid": !0 },
+          ...n,
+          ref: i
+        }
+      ),
+      !!t && /* @__PURE__ */ r.jsx(
+        f,
+        {
+          withLimit: !0,
+          limit: t,
+          currentCount: x
+        }
+      )
+    ] });
+  }
+), T = p.forwardRef(
+  (t, e) => /* @__PURE__ */ r.jsx(C, { textareaRef: e, ...t })
+);
+T.displayName = "Textarea";
+export {
+  T as W
+};
+//# sourceMappingURL=textarea.component-CKakC5vo.js.map

package/dist/textarea.component-CKakC5vo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.component-CKakC5vo.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport {\n  Textarea as CTextarea,\n  TextareaProps as CTextareaProps,\n} from \"@chakra-ui/react/textarea\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { CharacterCounter } from \"components/CharacterCounter/characterCounter.component\";\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  charLimit?: number;\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({\n    charLimit = undefined,\n    invalid,\n    onContrast,\n    resize = \"none\",\n    textareaRef,\n    value,\n    ...rest\n  }: TextareaProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Flex className=\"Textarea__Wrapper\" position=\"relative\" w=\"100%\">\n        <CTextarea\n          className=\"Textarea\"\n          data-testid=\"kibble-textarea\"\n          resize={resize}\n          variant={_computedVariant}\n          value={value}\n          {...(invalid && { \"aria-invalid\": true })}\n          {...rest}\n          ref={textareaRef}\n        />\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Flex>\n    );\n  },\n);\n\nconst WrappedTextArea = React.forwardRef(\n  (props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n    <Textarea textareaRef={ref} {...props} />\n  ),\n);\n\nWrappedTextArea.displayName = \"Textarea\";\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","charLimit","invalid","onContrast","resize","textareaRef","value","rest","_computedVariant","currentCharCount","useMemo","Flex","jsx","CTextarea","CharacterCounter","WrappedTextArea","React","props","ref"],"mappings":";;;;;AAmBA,MAAMA,IAAWC;AAAA,EACf,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACmC;AAChC,UAAAC,IAAmBL,IAAa,eAAe,WAE/CM,IAAmBC;AAAA,MACvB,MAAMJ,GAAO,YAAY,UAAU;AAAA,MACnC,CAACA,CAAK;AAAA,IACR;AAEA,kCACGK,GAAK,EAAA,WAAU,qBAAoB,UAAS,YAAW,GAAE,QACxD,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,QAAAT;AAAA,UACA,SAASI;AAAA,UACT,OAAAF;AAAA,UACC,GAAIJ,KAAW,EAAE,gBAAgB,GAAK;AAAA,UACtC,GAAGK;AAAA,UACJ,KAAKF;AAAA,QAAA;AAAA,MACP;AAAA,MACC,CAAC,CAACJ,KACDW,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAOb;AAAA,UACP,cAAcQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,EAAA;AAGN,GAEMM,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAsBC,MACrBN,gBAAAA,MAACb,KAAS,aAAamB,GAAM,GAAGD,EAAO,CAAA;AAE3C;AAEAF,EAAgB,cAAc;"}

package/dist/theme/index.cjs.js

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../vendor-D-x6W6ez.cjs"),t=require("../chakra-BYidfDvC.cjs"),W=require("./tokens/blurs/index.cjs.js"),D=require("./tokens/borders/index.cjs.js"),r=require("./tokens/colors/index.cjs.js"),I=require("./tokens/shadows/index.cjs.js"),m=require("./tokens/sizes/index.cjs.js"),h=require("./tokens/typography/index.cjs.js"),V=require("./tokens/spacing/index.cjs.js"),E=require("./tokens/transitions/index.cjs.js"),H=require("./tokens/zIndices/index.cjs.js"),i=require("../typography-CtiaGoJG.cjs"),d=require("../checkbox.records-DJfdKuOe.cjs"),l=require("../radio.records-BxCn4oUd.cjs"),x=require("../popover.recipe-C_OP_Efc.cjs"),O=a=>u.jsxRuntimeExports.jsx(u.J,{attribute:"class",disableTransitionOnChange:!0,...a}),n=a=>Object.fromEntries(Object.entries(a).map(([b,g])=>[b,{value:String(g)}])),j=t.defineTokens.blurs(n(W.blurs)),$=t.defineTokens.borders(n(D.borders)),M=t.defineTokens.radii(n(D.radii)),q=a=>Object.fromEntries(Object.entries(a).map(([b,g])=>[b,Object.fromEntries(Object.entries(g).map(([F,U])=>[F,{value:U}]))])),G=t.defineTokens.colors(q(r.coreColors)),P=t.defineTokens.shadows(n(I.shadows)),K=t.defineTokens.sizes({...n(m.sizes),container:{...n(m.breakpointSizes)}}),N=t.defineTokens.fonts(n(h.fonts)),Y=t.defineTokens.fontSizes(n(h.fontSizes)),J=t.defineTokens.fontWeights(n(h.fontSizes)),Q=t.defineTokens.lineHeights(n(h.fontSizes)),X=t.defineTokens.letterSpacings(n(h.fontSizes)),Z=t.defineTokens.spacing(n(V.spacing)),ee=t.defineTokens.durations(n(E.transitionDurations)),re=t.defineTokens.easings(n(E.transitionEasings)),oe=t.defineTokens.zIndex(n(H.zIndices)),o=a=>({value:{_light:a.value._dark,_dark:a.value._light}}),e={primary:{default:{value:{_light:r.coreColors.primary[600],_dark:r.coreColors.primary[200]}},hover:{value:{_light:r.coreColors.primary[700],_dark:r.coreColors.primary[100]}},pressed:{value:{_light:r.coreColors.primary[800],_dark:r.coreColors.primary[50]}}},secondary:{default:{value:{_light:r.coreColors.secondary[500],_dark:r.coreColors.secondary[200]}},hover:{value:{_light:r.coreColors.secondary[600],_dark:r.coreColors.secondary[100]}},pressed:{value:{_light:r.coreColors.secondary[700],_dark:r.coreColors.secondary[50]}},subtle:{value:{_light:r.coreColors.secondary[100],_dark:r.coreColors.secondary[600]}}},danger:{default:{value:{_light:r.coreColors.danger[600],_dark:r.coreColors.danger[300]}},hover:{value:{_light:r.coreColors.danger[600],_dark:r.coreColors.danger[200]}},pressed:{value:{_light:r.coreColors.danger[700],_dark:r.coreColors.danger[100]}},inverse:{value:{_light:r.coreColors.danger[300],_dark:r.coreColors.danger[500]}}},warning:{default:{value:{_light:r.coreColors.warning[600],_dark:r.coreColors.warning[500]}},subtle:{value:{_light:r.coreColors.warning[100],_dark:r.coreColors.warning[700]}},note:{value:{_light:r.coreColors.warning[100],_dark:r.coreColors.warning[800]}}},success:{default:{value:{_light:r.coreColors.success[600],_dark:r.coreColors.success[300]}},subtle:{value:{_light:r.coreColors.success[100],_dark:r.coreColors.success[700]}}},neutral:{default:{value:{_light:r.coreColors.neutral[50],_dark:r.coreColors.neutral[900]}},subtle1:{value:{_light:r.coreColors.neutral[100],_dark:r.coreColors.neutral[800]}},subtle2:{value:{_light:r.coreColors.neutral[200],_dark:r.coreColors.neutral[700]}},subtle3:{value:{_light:r.coreColors.neutral[300],_dark:r.coreColors.neutral[600]}},subtle4:{value:{_light:r.coreColors.neutral[600],_dark:r.coreColors.neutral[400]}},overlay:{value:{_light:r.coreColors.neutral[50],_dark:r.coreColors.neutral[800]}},backdrop:{value:{_light:r.coreColors.blackAlpha[600],_dark:r.coreColors.blackAlpha[600]}}},primaryAlpha:{default:{value:{_light:r.coreColors.primaryAlpha[50],_dark:r.coreColors.primaryAlphaInverse[300]}},hover:{value:{_light:r.coreColors.primaryAlpha[100],_dark:r.coreColors.primaryAlphaInverse[400]}},pressed:{value:{_light:r.coreColors.primaryAlpha[200],_dark:r.coreColors.primaryAlphaInverse[500]}}},secondaryAlpha:{default:{value:{_light:r.coreColors.secondaryAlpha[50],_dark:r.coreColors.secondaryAlphaInverse[300]}},hover:{value:{_light:r.coreColors.secondaryAlpha[100],_dark:r.coreColors.secondaryAlphaInverse[400]}},pressed:{value:{_light:r.coreColors.secondaryAlpha[200],_dark:r.coreColors.secondaryAlphaInverse[500]}}},dangerAlpha:{default:{value:{_light:r.coreColors.dangerAlpha[50],_dark:r.coreColors.dangerAlphaInverse[300]}},hover:{value:{_light:r.coreColors.dangerAlpha[100],_dark:r.coreColors.dangerAlphaInverse[400]}},pressed:{value:{_light:r.coreColors.dangerAlpha[200],_dark:r.coreColors.dangerAlphaInverse[500]}}},neutralAlpha:{default:{value:{_light:r.coreColors.blackAlpha[50],_dark:r.coreColors.whiteAlpha[300]}},hover:{value:{_light:r.coreColors.blackAlpha[100],_dark:r.coreColors.whiteAlpha[400]}},pressed:{value:{_light:r.coreColors.blackAlpha[200],_dark:r.coreColors.whiteAlpha[500]}},dark:{value:{_light:r.coreColors.blackAlpha[500],_dark:r.coreColors.whiteAlpha[800]}}},ai:{default:{value:{_light:`linear-gradient(87.05deg, ${r.coreColors.primary[100]} 7.97%, ${r.coreColors.secondary[100]} 50.46%, ${r.coreColors.danger[100]} 94.47%)`,_dark:`linear-gradient(87.05deg, ${r.coreColors.primary[700]} 7.97%, ${r.coreColors.secondary[700]} 50.46%, ${r.coreColors.danger[700]} 94.47%)`}},hover:{value:{_light:`linear-gradient(87.05deg, ${r.coreColors.primary[200]} 7.97%, ${r.coreColors.secondary[200]} 50.46%, ${r.coreColors.danger[200]} 94.47%)`,_dark:`linear-gradient(87.05deg, ${r.coreColors.primary[600]} 7.97%, ${r.coreColors.secondary[600]} 50.46%, ${r.coreColors.danger[600]} 94.47%)`}},pressed:{value:{_light:`linear-gradient(87.05deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(87.05deg, ${r.coreColors.primary[200]} 7.97%, ${r.coreColors.secondary[200]} 50.46%, ${r.coreColors.danger[200]} 94.47%)`,_dark:`linear-gradient(87.05deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(87.05deg, ${r.coreColors.primary[600]} 7.97%, ${r.coreColors.secondary[600]} 50.46%, ${r.coreColors.danger[600]} 94.47%)`}}}},C=o(e.neutral.default),te={DEFAULT:C,accent:{DEFAULT:e.secondary.default,subtle:e.secondary.subtle},brand:{DEFAULT:e.primary.default,contrast:{DEFAULT:o(e.primary.default),hover:o(e.primary.hover)},hover:e.primary.hover},contrast:e.neutral.default,danger:{DEFAULT:e.danger.default,contrast:{DEFAULT:e.danger.inverse}},default:C,info:e.secondary.default,interactive:{DEFAULT:e.secondary.default,contrast:{DEFAULT:o(e.secondary.default),hover:o(e.secondary.hover)},hover:e.secondary.hover},placeholder:{DEFAULT:e.neutralAlpha.dark,contrast:o(e.neutralAlpha.dark)},subtle:{DEFAULT:e.neutral.subtle4,contrast:o(e.neutral.subtle4)},success:e.success.default,warning:e.warning.default},y=e.neutral.subtle2,ae={DEFAULT:y,default:y},S=e.neutral.subtle2,ne={DEFAULT:S,accent:{DEFAULT:e.secondary.default,subtle:e.secondary.subtle},brand:{DEFAULT:e.primary.default,contrast:o(e.primary.default)},contrast:o(e.neutral.subtle2),danger:{DEFAULT:e.danger.default,contrast:e.danger.inverse},default:S,focus:{DEFAULT:e.secondary.default,contrast:o(e.secondary.default)},info:e.secondary.default,strong:{DEFAULT:o(e.neutral.default),contrast:e.neutral.default},subtle:e.neutral.subtle4,"subtle.contrast":o(e.neutral.subtle4),success:e.success.default,warning:e.warning.default},A=e.neutral.default,se={DEFAULT:A,accent:{DEFAULT:e.secondary.default,subtle:e.secondary.subtle},ai:{DEFAULT:e.ai.default,hover:e.ai.hover,pressed:e.ai.pressed},alpha:{DEFAULT:e.neutralAlpha.default,contrast:{DEFAULT:o(e.neutralAlpha.default),hover:o(e.neutralAlpha.hover),pressed:o(e.neutralAlpha.pressed)},hover:e.neutralAlpha.hover,pressed:e.neutralAlpha.pressed},backdrop:e.neutral.backdrop,brand:e.primary.pressed,contrast:o(e.neutral.subtle1),danger:{DEFAULT:o(e.danger.hover),contrast:e.danger.default},default:A,destructive:{DEFAULT:e.danger.default,contrast:{DEFAULT:e.danger.inverse,hover:o(e.danger.hover),pressed:o(e.danger.pressed)},hover:e.danger.hover,pressed:e.danger.pressed},destructiveAlpha:{DEFAULT:e.dangerAlpha.default,contrast:{DEFAULT:o(e.dangerAlpha.default),hover:o(e.dangerAlpha.hover),pressed:o(e.dangerAlpha.pressed)},hover:e.dangerAlpha.hover,pressed:e.dangerAlpha.pressed},info:e.secondary.subtle,note:{DEFAULT:e.warning.note,hover:e.warning.subtle},overlay:{DEFAULT:e.neutral.overlay,contrast:o(e.neutral.overlay)},primary:{DEFAULT:e.primary.default,contrast:{DEFAULT:o(e.primary.default),hover:o(e.primary.hover),pressed:o(e.primary.pressed)},hover:e.primary.hover,pressed:e.primary.pressed},primaryAlpha:{DEFAULT:e.primaryAlpha.default,contrast:{DEFAULT:o(e.primaryAlpha.default),hover:o(e.primaryAlpha.hover),pressed:o(e.primaryAlpha.pressed)},hover:e.primaryAlpha.hover,pressed:e.primaryAlpha.pressed},secondary:{DEFAULT:e.secondary.default,contrast:{DEFAULT:o(e.secondary.default),hover:o(e.secondary.hover),pressed:o(e.secondary.pressed)},hover:e.secondary.hover,pressed:e.secondary.pressed},secondaryAlpha:{DEFAULT:e.secondaryAlpha.default,contrast:{DEFAULT:o(e.secondaryAlpha.default),hover:o(e.secondaryAlpha.hover),pressed:o(e.secondaryAlpha.pressed)},hover:e.secondaryAlpha.hover,pressed:e.secondaryAlpha.pressed},subtle:{DEFAULT:e.neutral.subtle1,contrast:o(e.neutral.subtle2),less:e.neutral.subtle2,more:o(e.neutral.subtle3),most:e.neutral.subtle3},success:{DEFAULT:e.success.subtle,contrast:e.success.default},warning:{DEFAULT:e.warning.subtle,contrast:e.warning.default}},ce={background:se,border:ne,divider:ae,text:te},de=t.defineSemanticTokens.colors(ce),L={xs:{fontSize:"xs"},sm:{fontSize:"sm"},md:{fontSize:"md"},lg:{fontSize:"lg"},xl:{fontSize:"xl"},"2xl":{fontSize:"2xl"},"3xl":{fontSize:"3xl"},"4xl":{fontSize:"4xl"},"5xl":{fontSize:"5xl"},"6xl":{fontSize:"6xl"}},f="150%",le=t.defineRecipe({base:{lineHeight:f},variants:{variant:i.typographyVariantStyles,size:L,fontWeight:i.fontWeightStyles},defaultVariants:{variant:"default",size:"md",fontWeight:"normal"}}),ie={xs:{fontSize:"sm",lineHeight:"120%"},sm:{fontSize:"md",lineHeight:"120%"},md:{fontSize:"xl",lineHeight:"120%"},lg:{fontSize:["2xl","3xl"],lineHeight:["133%","120%"]},xl:{fontSize:["3xl","4xl"],lineHeight:["133%","120%"]},"2xl":{fontSize:["4xl","5xl"],lineHeight:["120%","100%"]},"3xl":{fontSize:["5xl","6xl"],lineHeight:"100%"},"4xl":{fontSize:["6xl","7xl"],lineHeight:"100%"}},be=t.defineRecipe({base:{fontWeight:"semibold"},variants:{variant:i.typographyVariantStyles,size:ie,fontWeight:i.fontWeightStyles},defaultVariants:{variant:"default",size:"lg",fontWeight:"semibold"}}),ge=t.defineRecipe({base:{lineHeight:f,textDecoration:"underline"},variants:{variant:i.typographyVariantStyles,size:L,fontWeight:i.fontWeightStyles},defaultVariants:{variant:"interactive",size:"md",fontWeight:"normal"}}),ue=["root","label","closeTrigger"],he={default:{root:{bgColor:"background.subtle.less",color:"text.default"}},error:{root:{bgColor:"background.danger",color:"text.danger"}},info:{root:{bgColor:"background.info",color:"text.info"}},success:{root:{bgColor:"background.success",color:"text.success"}},warning:{root:{bgColor:"background.warning",color:"text.warning"}}},pe={sm:{root:{height:"20px",px:"8px"},label:{fontSize:"xs"},closeTrigger:{_icon:{height:"14px",width:"14px"}}},md:{root:{height:"24px",px:"8px"},label:{fontSize:"sm"},closeTrigger:{_icon:{height:"16px",width:"16px"}}},lg:{root:{borderRadius:"lg",height:"32px",px:"12px"},label:{fontSize:"md"},closeTrigger:{_icon:{height:"18px",width:"18px"}}}},ve={hover:{closeTrigger:{borderRadius:"md",bgColor:"inherit",color:"inherit",display:"none",opacity:0,padding:"2px !important",position:"absolute",right:0,ring:0,width:"auto",_groupHover:{display:"flex",opacity:.89}}},always:{root:{gap:0}},never:{}},ke=t.defineSlotRecipe({slots:ue,base:{root:{borderRadius:"md",boxShadow:"none",gap:0,position:"relative"},label:{fontWeight:"semibold",overflowY:"visible",lineHeight:f},closeTrigger:{height:"20px",marginInline:0,marginLeft:1,opacity:.5,width:"20px",_hover:{opacity:.8},_active:{opacity:1},_focus:{backgroundColor:"transparent",boxShadow:"none",outline:"none"}}},variants:{size:pe,variant:he,closeButtonDisplay:ve},defaultVariants:{size:"md",variant:"default",closeButtonDisplay:"never"}}),_e={xs:{fontSize:"xs",h:6,p:"3px 8px",minW:6},sm:{fontSize:"sm",h:8,p:"6px 12px",minW:8},md:{fontSize:"md",h:10,p:"8px 16px",minW:10},lg:{fontSize:"lg",h:12,p:"10px 20px",minW:12}},fe={primary:{bg:{base:"background.primary",_hover:{base:"background.primary.hover",_disabled:"background.primary"},_active:{base:"background.primary.pressed",_hover:"background.primary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryOnContrast:{bg:{base:"background.primary.contrast",_hover:{base:"background.primary.contrast.hover",_disabled:"background.primary.contrast"},_active:{base:"background.primary.contrast.pressed",_hover:"background.primary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryDestructive:{bg:{base:"background.destructive",_hover:{base:"background.destructive.hover",_disabled:"background.destructive"},_active:{base:"background.destructive.pressed",_hover:"background.destructive.pressed"}},color:"text.contrast",_icon:{color:"text.contrast"}},primaryDestructiveOnContrast:{bg:{base:"background.destructive.contrast",_hover:{base:"background.destructive.contrast.hover",_disabled:"background.destructive.contrast"},_active:{base:"background.destructive.contrast.pressed",_hover:"background.destructive.contrast.pressed"}},color:{base:"text",_icon:"text"}},secondary:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},borderColor:{base:"border.strong",_active:"border.focus"},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},secondaryOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},borderColor:{base:"border.strong.contrast",_active:"border.focus.contrast"},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},secondaryDestructive:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},borderColor:"border.danger",color:"text.danger",_icon:{color:"text.danger"}},secondaryDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},borderColor:"border.danger.contrast",color:"text.danger.contrast",_icon:{color:"text.danger.contrast"}},secondarySubtle:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:"background.secondaryAlpha",_hover:"background.secondaryAlpha"}},borderColor:{base:"border",_active:"border.focus.contrast"},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},secondarySubtleOnContrast:{bg:{base:"transparent",_hover:{base:"background.subtle.contrast",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast",_hover:"background.secondaryAlpha.contrast"}},borderColor:{base:"border.contrast",_active:"border.focus"},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},secondarySubtleDestructive:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:"background.destructiveAlpha",_hover:"background.destructiveAlpha"}},color:"text.danger",borderColor:"border",_icon:{color:"text.danger"}},secondarySubtleDestructiveOnContrast:{bg:{base:"background.contrast",_hover:{base:"background.subtle.contrast",_disabled:"background.contrast"},_active:{base:"background.destructiveAlpha.contrast",_hover:"background.destructiveAlpha.contrast"}},color:"text.danger.contrast",borderColor:"border.contrast",_icon:{color:"text.danger.contrast"}},tertiary:{bg:{base:"background.alpha",_hover:{base:"background.alpha.hover",_disabled:"background.alpha"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},tertiaryOnContrast:{bg:{base:"background.alpha.contrast",_hover:{base:"background.alpha.contrast.hover",_disabled:"background.alpha.contrast"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},tertiaryDestructive:{bg:{base:"background.destructiveAlpha",_hover:{base:"background.destructiveAlpha.hover",_disabled:"background.destructiveAlpha"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},tertiaryDestructiveOnContrast:{bg:{base:"background.destructiveAlpha.contrast",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"background.destructiveAlpha.contrast"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}},ghost:{bg:{base:"transparent",_hover:{_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},_hover:{bg:"background.secondaryAlpha.hover"},color:{base:"text.interactive",_icon:"text.interactive"}},ghostOnContrast:{bg:{base:"transparent",_hover:{base:"background.secondaryAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"}},ghostNeutral:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_icon:"text"},_active:{color:"text.interactive",_icon:{color:"text.interactive"}}},ghostNeutralOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_icon:"text.contrast",_active:"text.interactive.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},ghostDestructive:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},ghostDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}},ai:{bg:{base:"background.ai",_hover:{base:"background.ai.hover",_disabled:"background.ai"},_active:{base:"background.ai.pressed",_hover:"background.ai.pressed"}},color:{base:"text.interactive",_icon:"text.interactive"},borderWidth:"0"}},z=t.defineRecipe({base:{borderColor:"transparent",borderRadius:"base",borderWidth:"1px",fontWeight:"semibold",letterSpacing:"0.12px",lineHeight:"150%"},variants:{variant:fe,size:_e},defaultVariants:{size:"md",variant:"primary"}}),me={default:{bgColor:"background",borderWidth:"1px",borderColor:"border",borderRadius:"base",outline:"2px transparent",color:"text",_placeholder:{color:"text.placeholder"}},onContrast:{bgColor:"background.contrast",borderWidth:"1px",borderColor:"border.contrast",borderRadius:"base",color:"text.contrast",_placeholder:{color:"text.placeholder.contrast"}}},xe={default:{borderColor:"border.danger",borderWidth:"1px",boxShadow:"0 0 0 1px var(--chakra-colors-border-danger)",_hover:{borderColor:"border.danger"}},onContrast:{borderColor:"border.danger.contrast",boxShadow:"0 0 0 1px var(--chakra-colors-border-danger-contrast)",_hover:{borderColor:"border.danger.contrast"}}},Ce={default:{bgColor:"border",borderColor:"border",cursor:"not-allowed",opacity:.6,_placeholder:{color:"text.placeholder",opacity:1}},onContrast:{bgColor:"border.contrast",borderColor:"border.contrast",cursor:"not-allowed",opacity:.6,_placeholder:{color:"text.placeholder.contrast",opacity:1}}},_={default:{borderColor:"border.focus",borderWidth:"1px",boxShadow:"0 0 0 1px var(--chakra-colors-border-focus) !important",_hover:{boxShadow:"0 0 0 1px var(--chakra-colors-border-focus)",borderColor:"border.focus"}},onContrast:{borderColor:"border.focus.contrast",borderWidth:"1px",boxShadow:"0 0 0 1px var(--chakra-colors-border-focus-contrast) !important",_hover:{boxShadow:"0 0 0 1px var(--chakra-colors-border-focus-contrast)",borderColor:"border.focus.contrast"}}},ye={default:{borderColor:"border.strong"},onContrast:{borderColor:"border.strong.contrast"}},v=a=>({...me[a],_hover:{...ye[a]},_disabled:{...Ce[a]},_focus:{..._[a]},_invalid:{...xe[a]}}),p={sm:{fontSize:"sm",minH:"32px"},md:{fontSize:"md",minH:"40px"},lg:{fontSize:"lg",minH:"48px"}},T=t.defineRecipe({variants:{variant:{default:v("default"),onContrast:v("onContrast")},size:p},defaultVariants:{size:"md",variant:"default"}}),Se=["root","hiddenInput","control","indicator","label"],Ae={sm:{control:{height:d.CheckboxSizeMap.sm,width:d.CheckboxSizeMap.sm},label:{fontSize:"sm",ml:d.CheckboxLabelSpacing.sm},root:{gap:0}},md:{control:{height:d.CheckboxSizeMap.md,width:d.CheckboxSizeMap.md},label:{fontSize:"md",ml:d.CheckboxLabelSpacing.md},root:{gap:0}},lg:{control:{height:d.CheckboxSizeMap.lg,width:d.CheckboxSizeMap.lg},label:{fontSize:"lg",ml:d.CheckboxLabelSpacing.lg},root:{gap:0}}},w={bg:"background.secondary",borderColor:"background.secondary",color:"text.contrast",_hover:{bg:"background.secondary.hover",borderColor:"background.secondary.hover"},_disabled:{bg:"background.secondary",borderColor:"background.secondary",color:"text.contrast"},_icon:{strokeWidth:"4px !important"}},R={bg:"background.secondary.contrast",borderColor:"background.secondary.contrast",color:"text",_hover:{bg:"background.secondary.contrast.hover",borderColor:"background.secondary.contrast.hover"},_disabled:{bg:"background.secondary.contrast",borderColor:"background.secondary.contrast",color:"text"}},ze={default:{control:{bg:"background",color:"text.contrast",_hover:{borderColor:"border.strong"},_checked:{...w},_indeterminate:{...w},_disabled:{bg:"background.subtle.less",borderColor:"background.subtle.less"},_invalid:{borderColor:"border.danger",_hover:{borderColor:"border.danger"}}},label:{color:"text"}},onContrast:{control:{bg:"background.contrast",borderColor:"border.subtle",_hover:{borderColor:"border.strong.contrast"},_checked:{...R},_indeterminate:{...R},_disabled:{bg:"background.subtle.more.contrast",borderColor:"background.subtle.more.contrast",_hover:{borderColor:"background.subtle.more.contrast"}},_invalid:{borderColor:"border.danger.contrast",_hover:{borderColor:"border.danger.contrast"}}},label:{color:"text.contrast"}}},Te=t.defineSlotRecipe({slots:Se,base:{root:{width:"inherit",_disabled:{cursor:"not-allowed"}},control:{borderWidth:"1px",borderColor:"border.subtle",borderRadius:"xs",_focus:{boxShadow:"none"},_disabled:{opacity:.6}},label:{lineHeight:"150%",_disabled:{opacity:.6}}},variants:{variant:ze,size:Ae},defaultVariants:{size:"md",variant:"default"}}),we=["root","item","itemHiddenInput","itemControl","itemText"],Re={sm:{itemControl:{height:l.RadioSizeMap.sm,width:l.RadioSizeMap.sm},itemText:{ml:l.RadioTextSpacing.sm},item:{gap:0}},md:{itemControl:{height:l.RadioSizeMap.md,width:l.RadioSizeMap.md},itemText:{ml:l.RadioTextSpacing.md},item:{gap:0}},lg:{itemControl:{height:l.RadioSizeMap.lg,width:l.RadioSizeMap.lg},itemText:{ml:l.RadioTextSpacing.lg},item:{gap:0}}},De={default:{itemText:{color:"text"},itemControl:{background:"background",borderColor:"border.subtle",_hover:{borderColor:"border.strong",_disabled:{borderColor:"border.subtle"}},_checked:{background:"background.secondary",borderColor:"border.focus",_hover:{background:"background.secondary.hover",borderColor:"background.secondary.hover"},_disabled:{background:"background.secondary",borderColor:"border.focus",color:"text.contrast",_hover:{background:"background.secondary",borderColor:"border.focus"}}},_disabled:{background:"background.subtle.less",borderColor:"background.subtle.less"},_invalid:{borderColor:"border.danger",_hover:{borderColor:"border.danger"},_checked:{borderColor:"border.focus"},_disabled:{borderColor:"border.subtle"}}}},onContrast:{itemText:{color:"text.contrast"},itemControl:{background:"background.contrast",borderColor:"border.subtle",_hover:{borderColor:"border.strong.contrast",_disabled:{borderColor:"background.subtle.less"}},_checked:{background:"background.secondary.contrast",borderColor:"border.focus.contrast",_before:{bg:"background.contrast"},_hover:{background:"background.secondary.contrast.hover",borderColor:"background.secondary.contrast.hover"},_disabled:{background:"background.secondary.contrast",borderColor:"border.focus.contrast",color:"text.contrast",_hover:{background:"background.secondary.contrast",borderColor:"border.focus.contrast"}}},_disabled:{background:"background.subtle.more",borderColor:"background.subtle.more"},_invalid:{borderColor:"border.danger.contrast",_hover:{borderColor:"border.danger.contrast"},_checked:{borderColor:"border.focus.contrast"},_disabled:{borderColor:"border.more.subtle"}}}}},Ee=t.defineSlotRecipe({slots:we,base:{root:{width:"inherit",_disabled:{opacity:.6},_focus:{boxShadow:"none"}},item:{width:"inherit"},itemControl:{borderWidth:"1px"},itemText:{_disabled:{opacity:.6}}},variants:{size:Re,variant:De},defaultVariants:{size:"md",variant:"default"}}),Le=["root","control","indicator","thumb","label"],Be={sm:{root:{"--switch-height":"12px","--switch-width":"24px"},label:{fontSize:"sm"}},md:{root:{"--switch-height":"16px","--switch-width":"32px"},label:{fontSize:"md"}},lg:{root:{"--switch-height":"20px","--switch-width":"40px"},label:{fontSize:"lg"}}},s={controlBg:"background.alpha.pressed",controlBgChecked:"background.secondary",controlInvalidBorder:"border.danger",thumbBg:"background",thumbBgChecked:"background"},c={controlBg:"background.alpha.contrast.pressed",controlBgChecked:"background.secondary.contrast",controlInvalidBorder:"border.danger.contrast",thumbBg:"background.contrast",thumbBgChecked:"background.contrast"},Fe={default:{control:{bg:s.controlBg,_checked:{bg:s.controlBgChecked},_invalid:{outlineColor:s.controlInvalidBorder}},thumb:{bg:s.thumbBg,_checked:{bg:s.thumbBgChecked}}},onContrast:{control:{bg:c.controlBg,_checked:{bg:c.controlBgChecked},_invalid:{outlineColor:c.controlInvalidBorder}},thumb:{bg:c.thumbBg,_checked:{bg:c.thumbBgChecked}}},indeterminate:{root:{"--switch-diff":"50%"},control:{bg:s.controlBg,_checked:{bg:s.controlBgChecked},_invalid:{outlineColor:s.controlInvalidBorder}},thumb:{bg:s.thumbBg,translate:"var(--switch-x) 0",_checked:{bg:s.thumbBg}}},indeterminateOnContrast:{root:{"--switch-diff":"50%"},control:{bg:c.controlBg,_checked:{bg:c.controlBgChecked},_invalid:{outlineColor:c.controlInvalidBorder}},thumb:{bg:c.thumbBg,translate:"var(--switch-x) 0",_checked:{bg:c.thumbBg}}}},Ue=t.defineSlotRecipe({slots:Le,base:{control:{_focusVisible:{outline:"none"}},thumb:{boxShadow:"xsR",height:"var(--switch-height)",width:"var(--switch-height)",scale:.8}},variants:{size:Be,variant:Fe},defaultVariants:{size:"md",variant:"default"}}),We=["root","list","trigger","content"],Ie={xs:{root:{"--tabs-height":"36px"},trigger:{py:2}},sm:{root:{"--tabs-height":"44px"},trigger:{py:3}},md:{root:{"--tabs-height":"52px"},trigger:{py:4}},lg:{root:{"--tabs-height":"64px"},trigger:{py:5}}},Ve=t.defineSlotRecipe({slots:We,base:{list:{borderBottomWidth:"3px !important",borderColor:"border"},trigger:{color:"text",_selected:{background:"transparent",_before:{"--indicator-offset-y":"-3px",bgColor:"background.accent !important",height:"3px !important"},_hover:{background:"transparent"}},_hover:{background:"background.alpha"}}},variants:{size:Ie},defaultVariants:{size:"md"}}),He=["root","fallback","image"],Oe={xs:{root:{"--avatar-size":"24px"},fallback:{fontSize:"10px",fontWeight:"semibold"}},sm:{root:{"--avatar-size":"32px"},fallback:{fontSize:"sm"}},md:{root:{"--avatar-size":"36px"},fallback:{fontSize:"md"}},lg:{root:{"--avatar-size":"40px"},fallback:{fontSize:"md"}},xl:{root:{"--avatar-size":"64px",boxShadow:"0 0 0 2px var(--chakra-colors-border-strong-contrast)"},fallback:{fontSize:"2xl"}}},je={accent:{root:{backgroundColor:"background.accent",borderColor:"border.accent",position:"relative","&[data-group-item]":{borderColor:"border.accent"}}},contrast:{root:{backgroundColor:"background.subtle.more",borderColor:"background.subtle.more","&[data-group-item]":{borderColor:"background.subtle.more"}}},dashed:{root:{backgroundColor:"background",borderColor:"transparent",overflow:"visible",color:"text",_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"1px dashed",borderColor:"border.strong",borderRadius:"100%"},"&[data-group-item]":{borderColor:"transparent"}}},default:{root:{backgroundColor:"background.subtle.most",borderColor:"background.subtle.most","&[data-group-item]":{borderColor:"background.subtle.most"}}},outlineAccent:{root:{backgroundColor:"background",color:"text.accent",borderColor:"border.accent",overflow:"visible","&[data-group-item]":{borderColor:"border.accent"}}},outlineYellow:{root:{backgroundColor:"background.warning",borderColor:"border.warning",overflow:"visible",color:"text","&[data-group-item]":{borderColor:"border.warning"}}}},$e=t.defineSlotRecipe({slots:He,base:{fallback:{alignItems:"center",display:"flex",justifyContent:"center",lineHeight:"24px",pt:"1px"},root:{boxShadow:"0 0 0 1px var(--chakra-colors-border-strong-contrast)",color:"text.contrast",zIndex:"calc(var(--group-count) - var(--group-index))"}},variants:{size:Oe,variant:je,interactive:{true:{root:{cursor:"pointer",_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}}},false:{root:{cursor:"default"}}},hideBorder:{true:{root:{borderWidth:"0px"}},false:{root:{borderWidth:"2px"}}}},defaultVariants:{size:"md",variant:"default",interactive:!1,hideBorder:!1}}),B={padding:"8px 12px 8px 20px !important"},k={...B,cursor:"pointer",_hover:{bgColor:"background.secondaryAlpha.hover"},"&[data-highlighted]":{bgColor:"background.secondaryAlpha.hover !important"}},Me=t.defineSlotRecipe({slots:["checkboxItem","content","item","itemGroupLabel","trigger","triggerItem"],base:{checkboxItem:k,content:{bgColor:"background.overlay",borderColor:"border",boxShadow:"md",px:"0 !important",py:2},item:k,itemGroupLabel:B,trigger:{_icon:{h:"unset",w:"unset"}},triggerItem:k}}),qe=t.defineSlotRecipe({slots:["trigger","item","valueText","content"],base:{content:{borderRadius:"base",borderWidth:"1px",boxShadow:"md",px:"0 !important"},item:{justifyContent:"flex-start"},trigger:{justifyContent:"flex-start"},valueText:{alignItems:"center",display:"flex",gap:2}},variants:{variant:{default:{content:{bgColor:"background",borderColor:"border"},item:{_selected:{bgColor:"background.secondaryAlpha.hover"},"&[data-highlighted]":{bgColor:"background.secondaryAlpha.hover"}},trigger:{...v("default"),_placeholderShown:{color:"text.placeholder"},_open:{..._.default}}},onContrast:{content:{bgColor:"background.contrast",borderColor:"border.contrast"},item:{_selected:{bgColor:"background.secondaryAlpha.contrast.hover"},"&[data-highlighted]":{bgColor:"background.secondaryAlpha.contrast.hover"}},trigger:{...v("onContrast"),_placeholderShown:{color:"text.placeholder.contrast"},_open:{..._.onContrast}}}},size:{sm:{item:{fontSize:"sm"},trigger:{...p.sm}},md:{item:{fontSize:"md"},trigger:{...p.md}},lg:{item:{fontSize:"lg"},trigger:{...p.lg}}}},defaultVariants:{size:"md",variant:"default"}}),Ge=["root","indicator","content","title","description"],Pe={default:{root:{bgColor:"background"}},error:{root:{bgColor:"background.danger"}},info:{root:{bgColor:"background.info"}},success:{root:{bgColor:"background.success"}},warning:{root:{bgColor:"background.warning"}}},Ke=t.defineSlotRecipe({slots:Ge,base:{content:{gap:0},root:{borderRadius:"md",color:"text",pt:"8px !important",pr:"12px !important",pb:"8px !important",pl:"12px !important",width:"inherit"},title:{alignItems:"center",display:"flex"}},variants:{variant:Pe,hideIcon:{true:{root:{gap:0}},false:{root:{gap:2}}},onContrast:{true:{},false:{}}},defaultVariants:{variant:"success",hideIcon:!1,onContrast:!1},compoundVariants:[{onContrast:!0,variant:"default",css:{root:{bgColor:"background.contrast",color:"text.contrast"}}},{onContrast:!0,variant:"error",css:{root:{bgColor:"background.danger.contrast",color:"text.contrast"}}},{onContrast:!0,variant:"info",css:{root:{bgColor:"background.contrast",color:"text.contrast"}}},{onContrast:!0,variant:"success",css:{root:{bgColor:"background.success.contrast",color:"text.contrast"}}},{onContrast:!0,variant:"warning",css:{root:{bgColor:"background.warning.contrast",color:"text.contrast"}}}]}),Ne=t.defineSlotRecipe({slots:["root","backdrop","positioner","content","closeTrigger","header","title","body","footer","actionTrigger"],base:{backdrop:{transition:"background 0.7s ease-in-out"},body:{pb:3,pt:0},content:{transition:"all 0.7s ease-in-out"},footer:{pt:3,pb:6},header:{maxW:"85%",py:3}},variants:{expanded:{true:{backdrop:{background:"{colors.neutral.100}"},content:{borderRadius:"none",minH:"100%",minW:"650px"}},false:{backdrop:{background:"{colors.blackAlpha.600}"},content:{minH:"100px",minW:"300px"}}}},defaultVariants:{}}),Ye=t.defineConfig({theme:{tokens:{blurs:j,borders:$,colors:G,durations:ee,easings:re,letterSpacings:X,lineHeights:Q,fonts:N,fontSizes:Y,fontWeights:J,radii:M,shadows:P,sizes:K,spacing:Z,zIndex:oe},semanticTokens:{colors:de},recipes:{button:z,heading:be,iconButton:z,input:T,link:ge,text:le,textarea:T},slotRecipes:{avatar:$e,checkbox:Te,radioGroup:Ee,switch:Ue,tabs:Ve,tag:ke,popover:x.popoverRecipe,hoverCard:x.popoverRecipe,menu:Me,select:qe,alert:Ke,dialog:Ne}},globalCss:{"button:focus-visible, button[data-focus-visible]":{outline:"none !important",boxShadow:"none !important"},"html, body":{color:"text"}}}),Je=t.createSystem(t.defaultConfig,Ye),Qe=({customTheme:a,children:b,...g})=>u.jsxRuntimeExports.jsxs(t.ChakraProvider,{value:a??Je,children:[u.jsxRuntimeExports.jsx(t.Global,{styles:`
+          @import url("https://use.typekit.net/wtr4buu.css");
+          @font-face {
+            font-family: "aktiv-grotesk", sans-serif;
+            font-style: normal;
+            font-weight: 400;
+          }
+          @font-face {
+            font-family: "aktiv-grotesk", sans-serif;
+            font-style: italic;
+            font-weight: 400;
+          }
+          @font-face {
+            font-family: "aktiv-grotesk", sans-serif;
+            font-style: normal;
+            font-weight: 600;
+          }
+          @font-face {
+            font-family: "aktiv-grotesk", sans-serif;
+            font-style: italic;
+            font-weight: 600;
+          }
+        `}),u.jsxRuntimeExports.jsx(O,{...g,children:b})]});exports.KibbleThemeProvider=Qe;
+//# sourceMappingURL=index.cjs.js.map