@televet/kibble-ui 4.0.0-beta.25 → 4.0.0-beta.27

package/dist/chunks/{textInput.component-CeMv8ruX.js → textInput.component-DbMDm4jG.js}

@@ -1,7 +1,7 @@
 import { x as t } from "./vendor-CRIhG-7s.js";
 import C, { useMemo as _ } from "react";
-import { w as h } from "./withFormControl-BCyb1yXC.js";
-import { B as b } from "./button.component-BZEZZa7D.js";
+import { w as h } from "./withFormControl-BCq_tW73.js";
+import { B as b } from "./button.component-914arWrg.js";
 import { C as N } from "./characterCounter.component-BhtK0SKA.js";
 import { a as g, aN as j, aO as T } from "./chakra-DEgvQPwa.js";
 const w = {
@@ -95,4 +95,4 @@ k.displayName = "TextInput";
 export {
   k as W
 };
-//# sourceMappingURL=textInput.component-CeMv8ruX.js.map
+//# sourceMappingURL=textInput.component-DbMDm4jG.js.map

package/dist/chunks/{textInput.component-CeMv8ruX.js.map → textInput.component-DbMDm4jG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-CeMv8ruX.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;"}
+{"version":3,"file":"textInput.component-DbMDm4jG.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/chunks/{textarea.component-CvCJMMjE.js → textarea.component-BpUg00OD.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),o=require("react"),d=require("./withFormControl-BJIa-ZxM.js"),l=require("./characterCounter.component-0-1clNqF.js"),n=require("./chakra-BHjfByoV.js"),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-CvCJMMjE.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),o=require("react"),d=require("./withFormControl-Cer0SZNr.js"),l=require("./characterCounter.component-0-1clNqF.js"),n=require("./chakra-BHjfByoV.js"),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-BpUg00OD.js.map

package/dist/chunks/{textarea.component-CvCJMMjE.js.map → textarea.component-BpUg00OD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-CvCJMMjE.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":"2MAmBMA,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"}
+{"version":3,"file":"textarea.component-BpUg00OD.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":"2MAmBMA,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/chunks/{textarea.component-BxiOP655.js → textarea.component-DMh_uKQh.js}

@@ -1,6 +1,6 @@
 import { x as r } from "./vendor-CRIhG-7s.js";
 import p, { useMemo as c } from "react";
-import { w as d } from "./withFormControl-BCyb1yXC.js";
+import { w as d } from "./withFormControl-BCq_tW73.js";
 import { C as f } from "./characterCounter.component-BhtK0SKA.js";
 import { F as l, a9 as u } from "./chakra-DEgvQPwa.js";
 const C = d(
@@ -48,4 +48,4 @@ T.displayName = "Textarea";
 export {
   T as W
 };
-//# sourceMappingURL=textarea.component-BxiOP655.js.map
+//# sourceMappingURL=textarea.component-DMh_uKQh.js.map

package/dist/chunks/{textarea.component-BxiOP655.js.map → textarea.component-DMh_uKQh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-BxiOP655.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;"}
+{"version":3,"file":"textarea.component-DMh_uKQh.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/chunks/theme.provider-BYVWanMT.js

@@ -0,0 +1,24 @@
+"use strict";const s=require("./vendor-DcKGwQlH.js"),t=require("./chakra-BHjfByoV.js"),e=require("../cjs/theme/tokens/colors/index.cjs"),k=require("./typography.records-BPYXVuvi.js"),x=require("./typography-CtiaGoJG.js"),l=require("./checkbox.records-DJfdKuOe.js"),i=require("./radio.records-BxCn4oUd.js"),S=require("./popover.recipe-DDPfFy3l.js"),I=require("./alert.component-DQsPpI41.js"),u=require("./toaster.records-Dm3AFmL1.js"),W=a=>s.jsxRuntimeExports.jsx(s.J,{attribute:"class",disableTransitionOnChange:!0,...a}),j={none:"0",sm:"4px",base:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},n=a=>Object.fromEntries(Object.entries(a).map(([b,g])=>[b,{value:String(g)}])),V=t.defineTokens.blurs(n(j)),H={none:"0","1px":"1px solid","2px":"2px solid","4px":"4px solid","8px":"8px solid"},O={none:"0",xs:"0.125rem",sm:"0.375rem",base:"0.5rem",md:"0.75rem",lg:"1rem",xl:"1.5rem","2xl":"2rem","3xl":"2.5rem",full:"9999px"},$=t.defineTokens.borders(n(H)),M=t.defineTokens.radii(n(O)),q=a=>Object.fromEntries(Object.entries(a).map(([b,g])=>[b,Object.fromEntries(Object.entries(g).map(([f,m])=>[f,{value:m}]))])),G=t.defineTokens.colors(q(e.coreColors)),P={xs:"0 0 0 1px rgba(0, 0, 0, 0.05)",xsR:"0px 0px 0px 1px rgba(0, 0, 0, 0.05)",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",smR:" 0px -1px 2px rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",baseR:"0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)",mdR:"0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",lgR:"0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",xlR:"0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)","2xlR":"0px -25px 50px -12px rgba(0, 0, 0, 0.25)",outline:"0 0 0 3px rgba(66, 153, 225, 0.6)",hover:"0 0 0 3px #EDEBEB","hover.contrast":"0 0 0 3px #504D4C",active:"0 0 0 3px #497CC3","active.contrast":"0 0 0 3px #CBE2FF",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)",none:"none","dark-lg":"rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"},N=t.defineTokens.shadows(n(P)),K={max:"max-content",min:"min-content",full:"100%","3xs":"14rem","2xs":"16rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem","8xl":"90rem"},Y={sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},J=t.defineTokens.sizes({...n(K),container:{...n(Y)}}),Q=t.defineTokens.fonts(n(k.fonts)),X=t.defineTokens.fontSizes(n(k.fontSizes)),Z=t.defineTokens.fontWeights(n(k.fontSizes)),rr=t.defineTokens.lineHeights(n(k.fontSizes)),er=t.defineTokens.letterSpacings(n(k.fontSizes)),or={px:"1px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},tr=t.defineTokens.spacing(n(or)),ar={"ease-in":"cubic-bezier(0.4, 0, 1, 1)","ease-out":"cubic-bezier(0, 0, 0.2, 1)","ease-in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},sr={"ultra-fast":"50ms",faster:"100ms",fast:"150ms",normal:"200ms",slow:"300ms",slower:"400ms","ultra-slow":"500ms"},nr=t.defineTokens.durations(n(sr)),cr=t.defineTokens.easings(n(ar)),dr={hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800,tooltipExtra:1e4},lr=t.defineTokens.zIndex(n(dr)),o=a=>({value:{_light:a.value._dark,_dark:a.value._light}}),r={primary:{default:{value:{_light:e.coreColors.primary[600],_dark:e.coreColors.primary[200]}},hover:{value:{_light:e.coreColors.primary[700],_dark:e.coreColors.primary[100]}},pressed:{value:{_light:e.coreColors.primary[800],_dark:e.coreColors.primary[50]}},dark:{value:{_light:e.coreColors.primary[800],_dark:e.coreColors.primary[300]}}},secondary:{default:{value:{_light:e.coreColors.secondary[500],_dark:e.coreColors.secondary[200]}},hover:{value:{_light:e.coreColors.secondary[600],_dark:e.coreColors.secondary[100]}},pressed:{value:{_light:e.coreColors.secondary[700],_dark:e.coreColors.secondary[50]}},subtle:{value:{_light:e.coreColors.secondary[100],_dark:e.coreColors.secondary[600]}}},danger:{default:{value:{_light:e.coreColors.danger[600],_dark:e.coreColors.danger[300]}},hover:{value:{_light:e.coreColors.danger[600],_dark:e.coreColors.danger[200]}},pressed:{value:{_light:e.coreColors.danger[700],_dark:e.coreColors.danger[100]}},inverse:{value:{_light:e.coreColors.danger[300],_dark:e.coreColors.danger[500]}}},warning:{default:{value:{_light:e.coreColors.warning[600],_dark:e.coreColors.warning[500]}},subtle:{value:{_light:e.coreColors.warning[100],_dark:e.coreColors.warning[700]}},note:{value:{_light:e.coreColors.warning[100],_dark:e.coreColors.warning[800]}}},success:{default:{value:{_light:e.coreColors.success[600],_dark:e.coreColors.success[300]}},subtle:{value:{_light:e.coreColors.success[100],_dark:e.coreColors.success[700]}}},neutral:{default:{value:{_light:e.coreColors.neutral[50],_dark:e.coreColors.neutral[900]}},subtle1:{value:{_light:e.coreColors.neutral[100],_dark:e.coreColors.neutral[800]}},subtle2:{value:{_light:e.coreColors.neutral[200],_dark:e.coreColors.neutral[700]}},subtle3:{value:{_light:e.coreColors.neutral[300],_dark:e.coreColors.neutral[600]}},subtle4:{value:{_light:e.coreColors.neutral[600],_dark:e.coreColors.neutral[400]}},overlay:{value:{_light:e.coreColors.neutral[50],_dark:e.coreColors.neutral[800]}},backdrop:{value:{_light:e.coreColors.blackAlpha[600],_dark:e.coreColors.blackAlpha[600]}}},primaryAlpha:{default:{value:{_light:e.coreColors.primaryAlpha[50],_dark:e.coreColors.primaryAlphaInverse[300]}},hover:{value:{_light:e.coreColors.primaryAlpha[100],_dark:e.coreColors.primaryAlphaInverse[400]}},pressed:{value:{_light:e.coreColors.primaryAlpha[200],_dark:e.coreColors.primaryAlphaInverse[500]}}},secondaryAlpha:{default:{value:{_light:e.coreColors.secondaryAlpha[50],_dark:e.coreColors.secondaryAlphaInverse[300]}},hover:{value:{_light:e.coreColors.secondaryAlpha[100],_dark:e.coreColors.secondaryAlphaInverse[400]}},pressed:{value:{_light:e.coreColors.secondaryAlpha[200],_dark:e.coreColors.secondaryAlphaInverse[500]}}},dangerAlpha:{default:{value:{_light:e.coreColors.dangerAlpha[50],_dark:e.coreColors.dangerAlphaInverse[300]}},hover:{value:{_light:e.coreColors.dangerAlpha[100],_dark:e.coreColors.dangerAlphaInverse[400]}},pressed:{value:{_light:e.coreColors.dangerAlpha[200],_dark:e.coreColors.dangerAlphaInverse[500]}}},neutralAlpha:{default:{value:{_light:e.coreColors.blackAlpha[50],_dark:e.coreColors.whiteAlpha[300]}},hover:{value:{_light:e.coreColors.blackAlpha[100],_dark:e.coreColors.whiteAlpha[400]}},pressed:{value:{_light:e.coreColors.blackAlpha[200],_dark:e.coreColors.whiteAlpha[500]}},dark:{value:{_light:e.coreColors.blackAlpha[500],_dark:e.coreColors.whiteAlpha[800]}}},ai:{default:{value:{_light:`linear-gradient(87.05deg, ${e.coreColors.primary[100]} 7.97%, ${e.coreColors.secondary[100]} 50.46%, ${e.coreColors.danger[100]} 94.47%)`,_dark:`linear-gradient(87.05deg, ${e.coreColors.primary[700]} 7.97%, ${e.coreColors.secondary[700]} 50.46%, ${e.coreColors.danger[700]} 94.47%)`}},hover:{value:{_light:`linear-gradient(87.05deg, ${e.coreColors.primary[200]} 7.97%, ${e.coreColors.secondary[200]} 50.46%, ${e.coreColors.danger[200]} 94.47%)`,_dark:`linear-gradient(87.05deg, ${e.coreColors.primary[600]} 7.97%, ${e.coreColors.secondary[600]} 50.46%, ${e.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, ${e.coreColors.primary[200]} 7.97%, ${e.coreColors.secondary[200]} 50.46%, ${e.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, ${e.coreColors.primary[600]} 7.97%, ${e.coreColors.secondary[600]} 50.46%, ${e.coreColors.danger[600]} 94.47%)`}}}},A=o(r.neutral.default),ir={DEFAULT:A,accent:{DEFAULT:r.secondary.default,subtle:r.secondary.subtle},brand:{DEFAULT:r.primary.default,contrast:{DEFAULT:o(r.primary.default),hover:o(r.primary.hover)},hover:r.primary.hover},contrast:r.neutral.default,danger:{DEFAULT:r.danger.default,contrast:{DEFAULT:r.danger.inverse}},default:A,info:r.secondary.default,interactive:{DEFAULT:r.secondary.default,contrast:{DEFAULT:o(r.secondary.default),hover:o(r.secondary.hover)},hover:r.secondary.hover},logo:{DEFAULT:r.primary.dark,contrast:o(r.primary.dark)},placeholder:{DEFAULT:r.neutralAlpha.dark,contrast:o(r.neutralAlpha.dark)},subtle:{DEFAULT:r.neutral.subtle4,contrast:o(r.neutral.subtle4)},success:r.success.default,warning:r.warning.default},T=r.neutral.subtle2,br={DEFAULT:T,default:T},z=r.neutral.subtle2,gr={DEFAULT:z,accent:{DEFAULT:r.secondary.default,subtle:r.secondary.subtle},brand:{DEFAULT:r.primary.default,contrast:o(r.primary.default)},contrast:o(r.neutral.subtle2),danger:{DEFAULT:r.danger.default,contrast:r.danger.inverse},default:z,focus:{DEFAULT:r.secondary.default,contrast:o(r.secondary.default)},info:r.secondary.default,strong:{DEFAULT:o(r.neutral.default),contrast:r.neutral.default},subtle:r.neutral.subtle4,"subtle.contrast":o(r.neutral.subtle4),success:r.success.default,warning:r.warning.default},w=r.neutral.default,pr={DEFAULT:w,accent:{DEFAULT:r.secondary.default,subtle:r.secondary.subtle},ai:{DEFAULT:r.ai.default,hover:r.ai.hover,pressed:r.ai.pressed},alpha:{DEFAULT:r.neutralAlpha.default,contrast:{DEFAULT:o(r.neutralAlpha.default),hover:o(r.neutralAlpha.hover),pressed:o(r.neutralAlpha.pressed)},hover:r.neutralAlpha.hover,pressed:r.neutralAlpha.pressed},backdrop:r.neutral.backdrop,brand:r.primary.pressed,contrast:o(r.neutral.subtle1),danger:{DEFAULT:o(r.danger.hover),contrast:r.danger.default},default:w,destructive:{DEFAULT:r.danger.default,contrast:{DEFAULT:r.danger.inverse,hover:o(r.danger.hover),pressed:o(r.danger.pressed)},hover:r.danger.hover,pressed:r.danger.pressed},destructiveAlpha:{DEFAULT:r.dangerAlpha.default,contrast:{DEFAULT:o(r.dangerAlpha.default),hover:o(r.dangerAlpha.hover),pressed:o(r.dangerAlpha.pressed)},hover:r.dangerAlpha.hover,pressed:r.dangerAlpha.pressed},info:r.secondary.subtle,note:{DEFAULT:r.warning.note,hover:r.warning.subtle},overlay:{DEFAULT:r.neutral.overlay,contrast:o(r.neutral.overlay)},primary:{DEFAULT:r.primary.default,contrast:{DEFAULT:o(r.primary.default),hover:o(r.primary.hover),pressed:o(r.primary.pressed)},hover:r.primary.hover,pressed:r.primary.pressed},primaryAlpha:{DEFAULT:r.primaryAlpha.default,contrast:{DEFAULT:o(r.primaryAlpha.default),hover:o(r.primaryAlpha.hover),pressed:o(r.primaryAlpha.pressed)},hover:r.primaryAlpha.hover,pressed:r.primaryAlpha.pressed},secondary:{DEFAULT:r.secondary.default,contrast:{DEFAULT:o(r.secondary.default),hover:o(r.secondary.hover),pressed:o(r.secondary.pressed)},hover:r.secondary.hover,pressed:r.secondary.pressed},secondaryAlpha:{DEFAULT:r.secondaryAlpha.default,contrast:{DEFAULT:o(r.secondaryAlpha.default),hover:o(r.secondaryAlpha.hover),pressed:o(r.secondaryAlpha.pressed)},hover:r.secondaryAlpha.hover,pressed:r.secondaryAlpha.pressed},subtle:{DEFAULT:r.neutral.subtle1,contrast:o(r.neutral.subtle2),less:r.neutral.subtle2,more:o(r.neutral.subtle3),most:r.neutral.subtle3},success:{DEFAULT:r.success.subtle,contrast:r.success.default},warning:{DEFAULT:r.warning.subtle,contrast:r.warning.default}},ur={background:pr,border:gr,divider:br,text:ir},hr=t.defineSemanticTokens.colors(ur),B={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"}},y="150%",xr=t.defineRecipe({base:{lineHeight:y},variants:{variant:x.typographyVariantStyles,size:B,fontWeight:x.fontWeightStyles},defaultVariants:{variant:"default",size:"md",fontWeight:"normal"}}),vr={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%"}},mr=t.defineRecipe({base:{fontWeight:"semibold"},variants:{variant:x.typographyVariantStyles,size:vr,fontWeight:x.fontWeightStyles},defaultVariants:{variant:"default",size:"lg",fontWeight:"semibold"}}),kr=t.defineRecipe({base:{lineHeight:y,textDecoration:"underline"},variants:{variant:x.typographyVariantStyles,size:B,fontWeight:x.fontWeightStyles},defaultVariants:{variant:"interactive",size:"md",fontWeight:"normal"}}),fr=["root","label","closeTrigger"],_r={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"}}},Cr={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"}}}},yr={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:{}},Sr=t.defineSlotRecipe({slots:fr,base:{root:{borderRadius:"md",boxShadow:"none",gap:0,position:"relative"},label:{fontWeight:"semibold",overflowY:"visible",lineHeight:y},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:Cr,variant:_r,closeButtonDisplay:yr},defaultVariants:{size:"md",variant:"default",closeButtonDisplay:"never"}}),Ar={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}},Tr={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"}},R=t.defineRecipe({base:{borderColor:"transparent",borderRadius:"base",borderWidth:"1px",fontWeight:"semibold",letterSpacing:"0.12px",lineHeight:"150%"},variants:{variant:Tr,size:Ar},defaultVariants:{size:"md",variant:"primary"}}),zr={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"}}},wr={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"}}},Rr={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}}},C={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"}}},Er={default:{borderColor:"border.strong"},onContrast:{borderColor:"border.strong.contrast"}},v=a=>({...zr[a],_hover:{...Er[a]},_disabled:{...Rr[a]},_focus:{...C[a]},_invalid:{...wr[a]}}),p={sm:{fontSize:"sm",minH:"32px"},md:{fontSize:"md",minH:"40px"},lg:{fontSize:"lg",minH:"48px"}},E=t.defineRecipe({variants:{variant:{default:v("default"),onContrast:v("onContrast")},size:p},defaultVariants:{size:"md",variant:"default"}}),Dr=["root","hiddenInput","control","indicator","label"],Lr={sm:{control:{height:l.CheckboxSizeMap.sm,width:l.CheckboxSizeMap.sm},label:{fontSize:"sm",ml:l.CheckboxLabelSpacing.sm},root:{gap:0}},md:{control:{height:l.CheckboxSizeMap.md,width:l.CheckboxSizeMap.md},label:{fontSize:"md",ml:l.CheckboxLabelSpacing.md},root:{gap:0}},lg:{control:{height:l.CheckboxSizeMap.lg,width:l.CheckboxSizeMap.lg},label:{fontSize:"lg",ml:l.CheckboxLabelSpacing.lg},root:{gap:0}}},D={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"}},L={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"}},Br={default:{control:{bg:"background",color:"text.contrast",_hover:{borderColor:"border.strong"},_checked:{...D},_indeterminate:{...D},_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:{...L},_indeterminate:{...L},_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"}}},Fr=t.defineSlotRecipe({slots:Dr,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:Br,size:Lr},defaultVariants:{size:"md",variant:"default"}}),Ur=["root","item","itemHiddenInput","itemControl","itemText"],Ir={sm:{itemControl:{height:i.RadioSizeMap.sm,width:i.RadioSizeMap.sm},itemText:{ml:i.RadioTextSpacing.sm},item:{gap:0}},md:{itemControl:{height:i.RadioSizeMap.md,width:i.RadioSizeMap.md},itemText:{ml:i.RadioTextSpacing.md},item:{gap:0}},lg:{itemControl:{height:i.RadioSizeMap.lg,width:i.RadioSizeMap.lg},itemText:{ml:i.RadioTextSpacing.lg},item:{gap:0}}},Wr={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"}}}}},jr=t.defineSlotRecipe({slots:Ur,base:{root:{width:"inherit",_disabled:{opacity:.6},_focus:{boxShadow:"none"}},item:{width:"inherit"},itemControl:{borderWidth:"1px"},itemText:{_disabled:{opacity:.6}}},variants:{size:Ir,variant:Wr},defaultVariants:{size:"md",variant:"default"}}),Vr=["root","control","indicator","thumb","label"],Hr={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"}}},c={controlBg:"background.alpha.pressed",controlBgChecked:"background.secondary",controlInvalidBorder:"border.danger",thumbBg:"background",thumbBgChecked:"background"},d={controlBg:"background.alpha.contrast.pressed",controlBgChecked:"background.secondary.contrast",controlInvalidBorder:"border.danger.contrast",thumbBg:"background.contrast",thumbBgChecked:"background.contrast"},Or={default:{control:{bg:c.controlBg,_checked:{bg:c.controlBgChecked},_invalid:{outlineColor:c.controlInvalidBorder}},thumb:{bg:c.thumbBg,_checked:{bg:c.thumbBgChecked}}},onContrast:{control:{bg:d.controlBg,_checked:{bg:d.controlBgChecked},_invalid:{outlineColor:d.controlInvalidBorder}},thumb:{bg:d.thumbBg,_checked:{bg:d.thumbBgChecked}}},indeterminate:{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}}},indeterminateOnContrast:{root:{"--switch-diff":"50%"},control:{bg:d.controlBg,_checked:{bg:d.controlBgChecked},_invalid:{outlineColor:d.controlInvalidBorder}},thumb:{bg:d.thumbBg,translate:"var(--switch-x) 0",_checked:{bg:d.thumbBg}}}},$r=t.defineSlotRecipe({slots:Vr,base:{control:{_focusVisible:{outline:"none"}},thumb:{boxShadow:"xsR",height:"var(--switch-height)",width:"var(--switch-height)",scale:.8}},variants:{size:Hr,variant:Or},defaultVariants:{size:"md",variant:"default"}}),Mr=["root","list","trigger","content"],qr={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}}},Gr=t.defineSlotRecipe({slots:Mr,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:qr},defaultVariants:{size:"md"}}),Pr=["root","fallback","image"],Nr={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"}}},Kr={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"}}}},Yr=t.defineSlotRecipe({slots:Pr,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:Nr,variant:Kr,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}}),F={padding:"8px 12px 8px 20px !important"},_={...F,cursor:"pointer",_hover:{bgColor:"background.secondaryAlpha.hover"},"&[data-highlighted]":{bgColor:"background.secondaryAlpha.hover !important"}},Jr=t.defineSlotRecipe({slots:["checkboxItem","content","item","itemGroupLabel","trigger","triggerItem"],base:{checkboxItem:_,content:{bgColor:"background.overlay",borderColor:"border",boxShadow:"md",px:"0 !important",py:2},item:_,itemGroupLabel:F,trigger:{_icon:{h:"unset",w:"unset"}},triggerItem:_}}),Qr=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:{...C.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:{...C.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"}}),Xr=["root","indicator","content","title","description"],Zr={default:{root:{bgColor:"background"}},error:{root:{bgColor:"background.danger"}},info:{root:{bgColor:"background.info"}},success:{root:{bgColor:"background.success"}},warning:{root:{bgColor:"background.warning"}}},re=t.defineSlotRecipe({slots:Xr,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:Zr,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"}}}]}),ee=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:{}}),oe=t.defineSlotRecipe({slots:["root","control","input","hiddenInput"],base:{},variants:{size:{sm:{input:p.sm},md:{input:p.md},lg:{input:p.lg}},variant:{default:{input:v("default")},onContrast:{input:v("onContrast")}}},defaultVariants:{size:"md",variant:"default"}}),te=t.defineConfig({theme:{tokens:{blurs:V,borders:$,colors:G,durations:nr,easings:cr,letterSpacings:er,lineHeights:rr,fonts:Q,fontSizes:X,fontWeights:Z,radii:M,shadows:N,sizes:J,spacing:tr,zIndex:lr},semanticTokens:{colors:hr},recipes:{button:R,heading:mr,iconButton:R,input:E,link:kr,text:xr,textarea:E},slotRecipes:{avatar:Yr,checkbox:Fr,radioGroup:jr,switch:$r,tabs:Gr,tag:Sr,popover:S.popoverRecipe,hoverCard:S.popoverRecipe,menu:Jr,select:Qr,alert:re,dialog:ee,pinInput:oe}},globalCss:{"button:focus-visible, button[data-focus-visible]":{outline:"none !important",boxShadow:"none !important"},"html, body":{color:"text"}}}),U=t.createSystem(t.defaultConfig,te),h=({toaster:a})=>s.jsxRuntimeExports.jsx(s.Portal,{children:s.jsxRuntimeExports.jsx(t.Toaster,{className:"Toaster","data-testid":"kibble-toaster",toaster:a,children:({id:b,title:g,description:f,meta:m})=>s.jsxRuntimeExports.jsx(I.Alert,{className:"Toast","data-testid":"kibble-toast",onContrast:!0,id:b,title:g,description:f,status:m?.type,...m,onClose:()=>{m?.onClose?.(),a.dismiss(b)}})})}),ae=({customTheme:a,children:b,...g})=>s.jsxRuntimeExports.jsxs(t.ChakraProvider,{value:a??U,children:[s.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;
+          }
+        `}),s.jsxRuntimeExports.jsx(h,{toaster:u.bottomToaster}),s.jsxRuntimeExports.jsx(h,{toaster:u.bottomEndToaster}),s.jsxRuntimeExports.jsx(h,{toaster:u.bottomStartToaster}),s.jsxRuntimeExports.jsx(h,{toaster:u.topToaster}),s.jsxRuntimeExports.jsx(h,{toaster:u.topEndToaster}),s.jsxRuntimeExports.jsx(h,{toaster:u.topStartToaster}),s.jsxRuntimeExports.jsx(W,{...g,children:b})]});exports.KibbleThemeProvider=ae;exports.system=U;
+//# sourceMappingURL=theme.provider-BYVWanMT.js.map