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

package/dist/chunks/{withFormControl-Drim-XvL.js → withFormControl-C8kEF6Sj.js}

@@ -1,8 +1,8 @@
-import { x as t } from "./vendor-Dap5yPke.js";
-import { W as S } from "./text.component-DjvZOoFZ.js";
+import { x as t } from "./vendor-CRIhG-7s.js";
+import { W as S } from "./text.component-BqLgdeLf.js";
 import { f as I } from "./typography.records-CG4wIBxE.js";
-import { I as T } from "./icon.component-CvxJYwSK.js";
-import { aP as R, aQ as b, aR as z, F as p, aS as E, aT as W } from "./chakra-CWqbAp8a.js";
+import { I as T } from "./icon.component-DBE3p_Uc.js";
+import { aP as R, aQ as b, aR as z, F as p, aS as E, aT as W } from "./chakra-CM93-d7A.js";
 const k = {
   sm: 10,
   md: 12,
@@ -146,4 +146,4 @@ const k = {
 export {
   M as w
 };
-//# sourceMappingURL=withFormControl-Drim-XvL.js.map
+//# sourceMappingURL=withFormControl-C8kEF6Sj.js.map

package/dist/chunks/{withFormControl-Drim-XvL.js.map → withFormControl-C8kEF6Sj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withFormControl-Drim-XvL.js","sources":["../../src/hocs/withFormControl/withFormControl.records.ts","../../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["optionalTextSizeMap","withFormControl","Component","WithFormControl","disabled","errorText","formControlStyle","helperText","inlineField","invalid","invalidIconColor","label","labelPosition","labelStyle","onContrast","readOnly","required","showRequiredElement","size","useInvalidIcon","useInvalidText","props","labelComponent","jsxs","Field.Label","fontSizes","e","jsx","Field.RequiredIndicator","Text","Field.Root","Flex","Icon","Field.ErrorText","Field.HelperText"],"mappings":"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"}
+{"version":3,"file":"withFormControl-C8kEF6Sj.js","sources":["../../src/hocs/withFormControl/withFormControl.records.ts","../../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["optionalTextSizeMap","withFormControl","Component","WithFormControl","disabled","errorText","formControlStyle","helperText","inlineField","invalid","invalidIconColor","label","labelPosition","labelStyle","onContrast","readOnly","required","showRequiredElement","size","useInvalidIcon","useInvalidText","props","labelComponent","jsxs","Field.Label","fontSizes","e","jsx","Field.RequiredIndicator","Text","Field.Root","Flex","Icon","Field.ErrorText","Field.HelperText"],"mappings":"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"}

package/dist/chunks/{withFormControl-DkMAv6vq.js → withFormControl-uSeX61J8.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-D9kXrowz.js"),N=require("./text.component-DDKYg8fY.js"),w=require("./typography.records-BPYXVuvi.js"),S=require("./icon.component-ihI61XSA.js"),e=require("./chakra-CecTEyCR.js"),I={sm:10,md:12,lg:14},q=n=>{const c=({disabled:i=!1,errorText:j="Field is invalid",formControlStyle:F,helperText:m,inlineField:a=!1,invalid:r=!1,invalidIconColor:_="warning",label:l,labelPosition:p="start",labelStyle:f,onContrast:o=!1,readOnly:u=!1,required:x=!1,showRequiredElement:g=!1,size:s="md",useInvalidIcon:h=!1,useInvalidText:R=!0,...E})=>{const d=t.jsxRuntimeExports.jsxs(e.FieldLabel,{className:"FormControl__Label",color:o?"text.contrast":"text",fontSize:w.fontSizes[s],...f,onClick:C=>{C.stopPropagation()},children:[l,g&&t.jsxRuntimeExports.jsx(e.FieldRequiredIndicator,{className:"FormControl__RequiredIndicator",color:o?"text.danger.contrast":"text.danger",...!x&&{fallback:t.jsxRuntimeExports.jsxs(N.WrappedText,{variant:o?"subtleOnContrast":"subtle",fontSize:I[s],children:[" ","(Optional)"]})}})]});return t.jsxRuntimeExports.jsxs(e.FieldRoot,{className:"FormControl group",disabled:i,invalid:r,readOnly:u,required:x,width:"auto",...F,children:[t.jsxRuntimeExports.jsxs(e.Flex,{className:"FormControl__Container",flexDirection:a?"row":"column",w:a?"max-content":"100%",gap:2,children:[l&&p==="start"&&d,t.jsxRuntimeExports.jsxs(e.Flex,{className:"FormControl__Content",alignItems:"center",gap:2,w:a?"max-content":"100%",children:[t.jsxRuntimeExports.jsx(n,{disabled:i,invalid:r,onContrast:o,readOnly:u,required:x,size:s,...E}),h&&r&&t.jsxRuntimeExports.jsx(S.Icon,{className:"FormControl__InvalidIcon",name:"warningSign",variant:_,size:s})]}),l&&p==="end"&&d]}),R&&r&&t.jsxRuntimeExports.jsx(e.FieldErrorText,{className:"FormControl__ErrorText",fontSize:"xs",color:o?"text.danger.contrast":"text.danger",children:j}),m&&t.jsxRuntimeExports.jsx(e.FieldHelperText,{className:"FormControl__HelperText",fontSize:"xs",color:o?"text.subtle.contrast":"text.subtle",children:m})]})};return c.displayName=`withFormControl(${n.displayName||n.name}`,c};exports.withFormControl=q;
-//# sourceMappingURL=withFormControl-DkMAv6vq.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),N=require("./text.component-BEmVrJQy.js"),w=require("./typography.records-BPYXVuvi.js"),S=require("./icon.component-BfsX-enJ.js"),e=require("./chakra-C0NbsW66.js"),I={sm:10,md:12,lg:14},q=n=>{const c=({disabled:i=!1,errorText:j="Field is invalid",formControlStyle:F,helperText:m,inlineField:a=!1,invalid:r=!1,invalidIconColor:_="warning",label:l,labelPosition:p="start",labelStyle:f,onContrast:o=!1,readOnly:u=!1,required:x=!1,showRequiredElement:g=!1,size:s="md",useInvalidIcon:h=!1,useInvalidText:R=!0,...E})=>{const d=t.jsxRuntimeExports.jsxs(e.FieldLabel,{className:"FormControl__Label",color:o?"text.contrast":"text",fontSize:w.fontSizes[s],...f,onClick:C=>{C.stopPropagation()},children:[l,g&&t.jsxRuntimeExports.jsx(e.FieldRequiredIndicator,{className:"FormControl__RequiredIndicator",color:o?"text.danger.contrast":"text.danger",...!x&&{fallback:t.jsxRuntimeExports.jsxs(N.WrappedText,{variant:o?"subtleOnContrast":"subtle",fontSize:I[s],children:[" ","(Optional)"]})}})]});return t.jsxRuntimeExports.jsxs(e.FieldRoot,{className:"FormControl group",disabled:i,invalid:r,readOnly:u,required:x,width:"auto",...F,children:[t.jsxRuntimeExports.jsxs(e.Flex,{className:"FormControl__Container",flexDirection:a?"row":"column",w:a?"max-content":"100%",gap:2,children:[l&&p==="start"&&d,t.jsxRuntimeExports.jsxs(e.Flex,{className:"FormControl__Content",alignItems:"center",gap:2,w:a?"max-content":"100%",children:[t.jsxRuntimeExports.jsx(n,{disabled:i,invalid:r,onContrast:o,readOnly:u,required:x,size:s,...E}),h&&r&&t.jsxRuntimeExports.jsx(S.Icon,{className:"FormControl__InvalidIcon",name:"warningSign",variant:_,size:s})]}),l&&p==="end"&&d]}),R&&r&&t.jsxRuntimeExports.jsx(e.FieldErrorText,{className:"FormControl__ErrorText",fontSize:"xs",color:o?"text.danger.contrast":"text.danger",children:j}),m&&t.jsxRuntimeExports.jsx(e.FieldHelperText,{className:"FormControl__HelperText",fontSize:"xs",color:o?"text.subtle.contrast":"text.subtle",children:m})]})};return c.displayName=`withFormControl(${n.displayName||n.name}`,c};exports.withFormControl=q;
+//# sourceMappingURL=withFormControl-uSeX61J8.js.map

package/dist/chunks/{withFormControl-DkMAv6vq.js.map → withFormControl-uSeX61J8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withFormControl-DkMAv6vq.js","sources":["../../src/hocs/withFormControl/withFormControl.records.ts","../../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["optionalTextSizeMap","withFormControl","Component","WithFormControl","disabled","errorText","formControlStyle","helperText","inlineField","invalid","invalidIconColor","label","labelPosition","labelStyle","onContrast","readOnly","required","showRequiredElement","size","useInvalidIcon","useInvalidText","props","labelComponent","jsxs","Field.Label","fontSizes","e","jsx","Field.RequiredIndicator","Text","Field.Root","Flex","Icon","Field.ErrorText","Field.HelperText"],"mappings":"yNAEaA,EAAuD,CAClE,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EC4BaC,EACXC,GACgB,CAChB,MAAMC,EAAkB,CAAC,CACvB,SAAAC,EAAW,GACX,UAAAC,EAAY,mBACZ,iBAAAC,EACA,WAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EAAU,GACV,iBAAAC,EAAmB,UACnB,MAAAC,EACA,cAAAC,EAAgB,QAChB,WAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,oBAAAC,EAAsB,GACtB,KAAAC,EAAO,KACP,eAAAC,EAAiB,GACjB,eAAAC,EAAiB,GACjB,GAAGC,CAAA,IAC0C,CAC7C,MAAMC,EACJC,EAAA,kBAAA,KAACC,EAAM,WAAN,CACC,UAAU,qBACV,MAAOV,EAAa,gBAAkB,OACtC,SAAUW,YAAUP,CAAI,EACvB,GAAGL,EACJ,QAAUa,GAAM,CACdA,EAAE,gBAAgB,CACpB,EAEC,SAAA,CAAAf,EACAM,GACCU,EAAA,kBAAA,IAACC,EAAM,uBAAN,CACC,UAAU,iCACV,MAAOd,EAAa,uBAAyB,cAC5C,GAAI,CAACE,GAAY,CAChB,SACEO,EAAA,kBAAA,KAACM,EAAA,YAAA,CACC,QAASf,EAAa,mBAAqB,SAC3C,SAAUd,EAAoBkB,CAAI,EAEjC,SAAA,CAAA,IAAI,YAAA,CAAA,CAAA,CAEP,CAEJ,CAAA,CACF,CAAA,CAEJ,EAIA,OAAAK,EAAA,kBAAA,KAACO,EAAM,UAAN,CACC,UAAU,oBACV,SAAA1B,EACA,QAAAK,EACA,SAAAM,EACA,SAAAC,EACA,MAAM,OACL,GAAGV,EAEJ,SAAA,CAAAiB,EAAA,kBAAA,KAACQ,EAAA,KAAA,CACC,UAAU,yBACV,cAAevB,EAAc,MAAQ,SACrC,EAAGA,EAAc,cAAgB,OACjC,IAAK,EAEJ,SAAA,CAAAG,GAASC,IAAkB,SAAWU,EACvCC,EAAA,kBAAA,KAACQ,EAAA,KAAA,CACC,UAAU,uBACV,WAAW,SACX,IAAK,EACL,EAAGvB,EAAc,cAAgB,OAEjC,SAAA,CAAAmB,EAAA,kBAAA,IAACzB,EAAA,CACC,SAAAE,EACA,QAAAK,EACA,WAAAK,EACA,SAAAC,EACA,SAAAC,EACA,KAAAE,EACC,GAAIG,CAAA,CACP,EACCF,GAAkBV,GACjBkB,EAAA,kBAAA,IAACK,EAAA,KAAA,CACC,UAAU,2BACV,KAAK,cACL,QAAStB,EACT,KAAAQ,CAAA,CAAA,CACF,CAAA,CAEJ,EACCP,GAASC,IAAkB,OAASU,CAAA,CAAA,CACvC,EACCF,GAAkBX,GACjBkB,EAAA,kBAAA,IAACM,EAAM,eAAN,CACC,UAAU,yBACV,SAAS,KACT,MAAOnB,EAAa,uBAAyB,cAE5C,SAAAT,CAAA,CACH,EAEDE,GACCoB,EAAA,kBAAA,IAACO,EAAM,gBAAN,CACC,UAAU,0BACV,SAAS,KACT,MAAOpB,EAAa,uBAAyB,cAE5C,SAAAP,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,EACA,OAAAJ,EAAgB,YAAc,mBAAmBD,EAAU,aAAeA,EAAU,IAAI,GAEjFC,CACT"}
+{"version":3,"file":"withFormControl-uSeX61J8.js","sources":["../../src/hocs/withFormControl/withFormControl.records.ts","../../src/hocs/withFormControl/withFormControl.tsx"],"sourcesContent":["import { FormControlSize } from \"./withFormControl.types\";\n\nexport const optionalTextSizeMap: Record<FormControlSize, number> = {\n  sm: 10,\n  md: 12,\n  lg: 14,\n};\n","import React from \"react\";\nimport { Field } from \"@chakra-ui/react/field\";\nimport {\n  FormControlLabelPosition,\n  FormControlSize,\n} from \"./withFormControl.types\";\nimport { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Text } from \"components/Text/text.component\";\nimport { optionalTextSizeMap } from \"./withFormControl.records\";\nimport { fontSizes } from \"theme/tokens/typography/typography.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon } from \"components/Icon/icon.component\";\n\nexport interface WithFormControlProps {\n  disabled?: boolean;\n  errorText?: string;\n  formControlStyle?: SystemStyleObject;\n  helperText?: string;\n  inlineField?: boolean;\n  invalid?: boolean;\n  invalidIconColor?: TypographyVariant;\n  label?: string | React.ReactNode;\n  labelPosition?: FormControlLabelPosition;\n  labelStyle?: SystemStyleObject;\n  onContrast?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  showRequiredElement?: boolean;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport const withFormControl = <P extends WithFormControlProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const WithFormControl = ({\n    disabled = false,\n    errorText = \"Field is invalid\",\n    formControlStyle,\n    helperText,\n    inlineField = false,\n    invalid = false,\n    invalidIconColor = \"warning\",\n    label,\n    labelPosition = \"start\",\n    labelStyle,\n    onContrast = false,\n    readOnly = false,\n    required = false,\n    showRequiredElement = false,\n    size = \"md\",\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): React.JSX.Element => {\n    const labelComponent = (\n      <Field.Label\n        className=\"FormControl__Label\"\n        color={onContrast ? \"text.contrast\" : \"text\"}\n        fontSize={fontSizes[size]}\n        {...labelStyle}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        {label}\n        {showRequiredElement && (\n          <Field.RequiredIndicator\n            className=\"FormControl__RequiredIndicator\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n            {...(!required && {\n              fallback: (\n                <Text\n                  variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                  fontSize={optionalTextSizeMap[size]}\n                >\n                  {\" \"}\n                  (Optional)\n                </Text>\n              ),\n            })}\n          />\n        )}\n      </Field.Label>\n    );\n\n    return (\n      <Field.Root\n        className=\"FormControl group\"\n        disabled={disabled}\n        invalid={invalid}\n        readOnly={readOnly}\n        required={required}\n        width=\"auto\"\n        {...formControlStyle}\n      >\n        <Flex\n          className=\"FormControl__Container\"\n          flexDirection={inlineField ? \"row\" : \"column\"}\n          w={inlineField ? \"max-content\" : \"100%\"}\n          gap={2}\n        >\n          {label && labelPosition === \"start\" && labelComponent}\n          <Flex\n            className=\"FormControl__Content\"\n            alignItems=\"center\"\n            gap={2}\n            w={inlineField ? \"max-content\" : \"100%\"}\n          >\n            <Component\n              disabled={disabled}\n              invalid={invalid}\n              onContrast={onContrast}\n              readOnly={readOnly}\n              required={required}\n              size={size}\n              {...(props as P)}\n            />\n            {useInvalidIcon && invalid && (\n              <Icon\n                className=\"FormControl__InvalidIcon\"\n                name=\"warningSign\"\n                variant={invalidIconColor}\n                size={size}\n              />\n            )}\n          </Flex>\n          {label && labelPosition === \"end\" && labelComponent}\n        </Flex>\n        {useInvalidText && invalid && (\n          <Field.ErrorText\n            className=\"FormControl__ErrorText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.danger.contrast\" : \"text.danger\"}\n          >\n            {errorText}\n          </Field.ErrorText>\n        )}\n        {helperText && (\n          <Field.HelperText\n            className=\"FormControl__HelperText\"\n            fontSize=\"xs\"\n            color={onContrast ? \"text.subtle.contrast\" : \"text.subtle\"}\n          >\n            {helperText}\n          </Field.HelperText>\n        )}\n      </Field.Root>\n    );\n  };\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n};\n"],"names":["optionalTextSizeMap","withFormControl","Component","WithFormControl","disabled","errorText","formControlStyle","helperText","inlineField","invalid","invalidIconColor","label","labelPosition","labelStyle","onContrast","readOnly","required","showRequiredElement","size","useInvalidIcon","useInvalidText","props","labelComponent","jsxs","Field.Label","fontSizes","e","jsx","Field.RequiredIndicator","Text","Field.Root","Flex","Icon","Field.ErrorText","Field.HelperText"],"mappings":"yNAEaA,EAAuD,CAClE,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EC4BaC,EACXC,GACgB,CAChB,MAAMC,EAAkB,CAAC,CACvB,SAAAC,EAAW,GACX,UAAAC,EAAY,mBACZ,iBAAAC,EACA,WAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EAAU,GACV,iBAAAC,EAAmB,UACnB,MAAAC,EACA,cAAAC,EAAgB,QAChB,WAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,oBAAAC,EAAsB,GACtB,KAAAC,EAAO,KACP,eAAAC,EAAiB,GACjB,eAAAC,EAAiB,GACjB,GAAGC,CAAA,IAC0C,CAC7C,MAAMC,EACJC,EAAA,kBAAA,KAACC,EAAM,WAAN,CACC,UAAU,qBACV,MAAOV,EAAa,gBAAkB,OACtC,SAAUW,YAAUP,CAAI,EACvB,GAAGL,EACJ,QAAUa,GAAM,CACdA,EAAE,gBAAgB,CACpB,EAEC,SAAA,CAAAf,EACAM,GACCU,EAAA,kBAAA,IAACC,EAAM,uBAAN,CACC,UAAU,iCACV,MAAOd,EAAa,uBAAyB,cAC5C,GAAI,CAACE,GAAY,CAChB,SACEO,EAAA,kBAAA,KAACM,EAAA,YAAA,CACC,QAASf,EAAa,mBAAqB,SAC3C,SAAUd,EAAoBkB,CAAI,EAEjC,SAAA,CAAA,IAAI,YAAA,CAAA,CAAA,CAEP,CAEJ,CAAA,CACF,CAAA,CAEJ,EAIA,OAAAK,EAAA,kBAAA,KAACO,EAAM,UAAN,CACC,UAAU,oBACV,SAAA1B,EACA,QAAAK,EACA,SAAAM,EACA,SAAAC,EACA,MAAM,OACL,GAAGV,EAEJ,SAAA,CAAAiB,EAAA,kBAAA,KAACQ,EAAA,KAAA,CACC,UAAU,yBACV,cAAevB,EAAc,MAAQ,SACrC,EAAGA,EAAc,cAAgB,OACjC,IAAK,EAEJ,SAAA,CAAAG,GAASC,IAAkB,SAAWU,EACvCC,EAAA,kBAAA,KAACQ,EAAA,KAAA,CACC,UAAU,uBACV,WAAW,SACX,IAAK,EACL,EAAGvB,EAAc,cAAgB,OAEjC,SAAA,CAAAmB,EAAA,kBAAA,IAACzB,EAAA,CACC,SAAAE,EACA,QAAAK,EACA,WAAAK,EACA,SAAAC,EACA,SAAAC,EACA,KAAAE,EACC,GAAIG,CAAA,CACP,EACCF,GAAkBV,GACjBkB,EAAA,kBAAA,IAACK,EAAA,KAAA,CACC,UAAU,2BACV,KAAK,cACL,QAAStB,EACT,KAAAQ,CAAA,CAAA,CACF,CAAA,CAEJ,EACCP,GAASC,IAAkB,OAASU,CAAA,CAAA,CACvC,EACCF,GAAkBX,GACjBkB,EAAA,kBAAA,IAACM,EAAM,eAAN,CACC,UAAU,yBACV,SAAS,KACT,MAAOnB,EAAa,uBAAyB,cAE5C,SAAAT,CAAA,CACH,EAEDE,GACCoB,EAAA,kBAAA,IAACO,EAAM,gBAAN,CACC,UAAU,0BACV,SAAS,KACT,MAAOpB,EAAa,uBAAyB,cAE5C,SAAAP,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,EACA,OAAAJ,EAAgB,YAAc,mBAAmBD,EAAU,aAAeA,EAAU,IAAI,GAEjFC,CACT"}

package/dist/chunks/{withTruncation-ZfEdVvOq.js → withTruncation-B1xhd1td.js}

@@ -1,7 +1,7 @@
-import { x as n } from "./vendor-Dap5yPke.js";
+import { x as n } from "./vendor-CRIhG-7s.js";
 import { memo as w, useState as T, useRef as x, useCallback as h, useEffect as k } from "react";
-import { T as v } from "./tooltip.component-G-4vtUKi.js";
-import { a as g } from "./chakra-CWqbAp8a.js";
+import { T as v } from "./tooltip.component-L2RWV-Gf.js";
+import { a as g } from "./chakra-CM93-d7A.js";
 const H = (i) => {
   const l = w(i);
   function u({
@@ -71,4 +71,4 @@ const H = (i) => {
 export {
   H as w
 };
-//# sourceMappingURL=withTruncation-ZfEdVvOq.js.map
+//# sourceMappingURL=withTruncation-B1xhd1td.js.map

package/dist/chunks/{withTruncation-ZfEdVvOq.js.map → withTruncation-B1xhd1td.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withTruncation-ZfEdVvOq.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip\";\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, \"disabled\">;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight =\n          containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || \"\"}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            {...(isTextOverFlowing && { cursor: \"pointer\" })}\n            lineClamp={noOfLines}\n            style={{\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              wordWrap: \"break-word\",\n              wordBreak: \"break-word\",\n            }}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":";;;;AAkBa,MAAAA,IAAiB,CAC5BC,MACgB;AACV,QAAAC,IAAoBC,EAAKF,CAAS;AAExC,WAASG,EAAe;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACsC;AACzC,UAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAkB,EAAK,GACnEC,IAAeC,EAAuB,IAAI,GAC1CC,IAAoBD,EAA8B,IAAI,GAEtDE,IAAgBC,EAAY,MAAM;AACtC,UAAIJ,EAAa,SAAS;AACxB,cAAMK,IACJL,EAAa,SAAS,SAAS,CAAC,EAAE,gBAAgB,GAC9CM,IAAwBN,EAAa,SAAS,gBAAgB;AACpE,QAAAF,EAAqBO,IAAmBC,CAAqB;AAAA,MAAA;AAAA,IAEjE,GAAG,EAAE;AA2BL,WAzBAC,EAAU,MAAM;AACV,UAAAf,KAAaQ,EAAa,SAAS;AACjC,YAAAQ;AAEJ,cAAMC,IAAiB,MAAY;AACjC,iBAAO,aAAaD,CAAS,GACjBA,IAAA,OAAO,WAAWL,GAAe,GAAG;AAAA,QAClD;AAEkB,eAAAD,EAAA,UAAU,IAAI,eAAe,MAAM;AACpC,UAAAO,EAAA;AAAA,QAAA,CAChB,GAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,GACxCG,EAAA,GAEP,MAAY;AACjB,iBAAO,aAAaK,CAAS,GACzBN,EAAkB,WACpBA,EAAkB,QAAQ,WAAW;AAAA,QAEzC;AAAA,MAAA;AAAA,IACF,GACC,CAACV,GAAWW,CAAa,CAAC,GAExBX,IAKHkB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACJ,OAAOA,GAAc,SAASD,GAAU,eAAoB,KAAA;AAAA,QAC5D,UAAU,CAACG;AAAA,QACX,eAAY;AAAA,QAEZ,UAAAa,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAU,gBAAAA,EAAA;AAAA,cAACrB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBACX,GAAIQ,KAAqB,EAAE,QAAQ,UAAU;AAAA,gBAC9C,WAAWJ;AAAA,gBACX,OAAO;AAAA,kBACL,cAAc;AAAA,kBACd,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb;AAAA,gBACC,GAAIG;AAAA,gBAEJ,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IACF,IAjCQgB,gBAAAA,EAAA,IAAArB,GAAA,EAAmB,GAAIO,GAAa,UAAAF,EAAS,CAAA;AAAA,EAiCrD;AAIJ,SAAAH,EAAe,cAAc,kBAAkBH,EAAU,eAAeA,EAAU,IAAI,IAE/EE,EAAKC,CAAc;AAC5B;"}
+{"version":3,"file":"withTruncation-B1xhd1td.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip\";\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, \"disabled\">;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight =\n          containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || \"\"}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            {...(isTextOverFlowing && { cursor: \"pointer\" })}\n            lineClamp={noOfLines}\n            style={{\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              wordWrap: \"break-word\",\n              wordBreak: \"break-word\",\n            }}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":";;;;AAkBa,MAAAA,IAAiB,CAC5BC,MACgB;AACV,QAAAC,IAAoBC,EAAKF,CAAS;AAExC,WAASG,EAAe;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACsC;AACzC,UAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAkB,EAAK,GACnEC,IAAeC,EAAuB,IAAI,GAC1CC,IAAoBD,EAA8B,IAAI,GAEtDE,IAAgBC,EAAY,MAAM;AACtC,UAAIJ,EAAa,SAAS;AACxB,cAAMK,IACJL,EAAa,SAAS,SAAS,CAAC,EAAE,gBAAgB,GAC9CM,IAAwBN,EAAa,SAAS,gBAAgB;AACpE,QAAAF,EAAqBO,IAAmBC,CAAqB;AAAA,MAAA;AAAA,IAEjE,GAAG,EAAE;AA2BL,WAzBAC,EAAU,MAAM;AACV,UAAAf,KAAaQ,EAAa,SAAS;AACjC,YAAAQ;AAEJ,cAAMC,IAAiB,MAAY;AACjC,iBAAO,aAAaD,CAAS,GACjBA,IAAA,OAAO,WAAWL,GAAe,GAAG;AAAA,QAClD;AAEkB,eAAAD,EAAA,UAAU,IAAI,eAAe,MAAM;AACpC,UAAAO,EAAA;AAAA,QAAA,CAChB,GAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,GACxCG,EAAA,GAEP,MAAY;AACjB,iBAAO,aAAaK,CAAS,GACzBN,EAAkB,WACpBA,EAAkB,QAAQ,WAAW;AAAA,QAEzC;AAAA,MAAA;AAAA,IACF,GACC,CAACV,GAAWW,CAAa,CAAC,GAExBX,IAKHkB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGhB;AAAA,QACJ,OAAOA,GAAc,SAASD,GAAU,eAAoB,KAAA;AAAA,QAC5D,UAAU,CAACG;AAAA,QACX,eAAY;AAAA,QAEZ,UAAAa,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAAU,gBAAAA,EAAA;AAAA,cAACrB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBACX,GAAIQ,KAAqB,EAAE,QAAQ,UAAU;AAAA,gBAC9C,WAAWJ;AAAA,gBACX,OAAO;AAAA,kBACL,cAAc;AAAA,kBACd,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb;AAAA,gBACC,GAAIG;AAAA,gBAEJ,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IACF,IAjCQgB,gBAAAA,EAAA,IAAArB,GAAA,EAAmB,GAAIO,GAAa,UAAAF,EAAS,CAAA;AAAA,EAiCrD;AAIJ,SAAAH,EAAe,cAAc,kBAAkBH,EAAU,eAAeA,EAAU,IAAI,IAE/EE,EAAKC,CAAc;AAC5B;"}

package/dist/chunks/{withTruncation-Dfg5iSat.js → withTruncation-BBPS7Ess.js}

@@ -1,2 +1,2 @@
-"use strict";const i=require("./vendor-D9kXrowz.js"),e=require("react"),p=require("./tooltip.component-DaeaAYi_.js"),T=require("./chakra-CecTEyCR.js"),h=o=>{const u=e.memo(o);function d({truncated:s=!1,noOfLines:m=1,children:c,tooltipProps:x,...f}){const[w,b]=e.useState(!1),t=e.useRef(null),n=e.useRef(null),a=e.useCallback(()=>{if(t.current){const r=t.current?.children[0].scrollHeight||0,l=t.current?.offsetHeight||0;b(r>l)}},[]);return e.useEffect(()=>{if(s&&t.current){let r;const l=()=>{window.clearTimeout(r),r=window.setTimeout(a,100)};return n.current=new ResizeObserver(()=>{l()}),n.current.observe(t.current),a(),()=>{window.clearTimeout(r),n.current&&n.current.disconnect()}}},[s,a]),s?i.jsxRuntimeExports.jsx(p.Tooltip,{...x,label:x?.label||c?.toLocaleString()||"",disabled:!w,"data-testid":"kibble-truncated-text-tooltip",children:i.jsxRuntimeExports.jsx(T.Box,{ref:t,display:"inline-block",position:"relative",className:"TruncatedText__Wrapper","data-testid":"kibble-truncated-text-wrapper",children:i.jsxRuntimeExports.jsx(u,{className:"TruncatedText__TextContent","data-testid":"kibble-truncated-text-content",...w&&{cursor:"pointer"},lineClamp:m,style:{textOverflow:"ellipsis",overflow:"hidden",wordWrap:"break-word",wordBreak:"break-word"},...f,children:c})})}):i.jsxRuntimeExports.jsx(u,{...f,children:c})}return d.displayName=`withTruncation(${o.displayName||o.name}`,e.memo(d)};exports.withTruncation=h;
-//# sourceMappingURL=withTruncation-Dfg5iSat.js.map
+"use strict";const i=require("./vendor-DcKGwQlH.js"),e=require("react"),p=require("./tooltip.component-BCqNpAW9.js"),T=require("./chakra-C0NbsW66.js"),h=o=>{const u=e.memo(o);function d({truncated:s=!1,noOfLines:m=1,children:c,tooltipProps:x,...f}){const[w,b]=e.useState(!1),t=e.useRef(null),n=e.useRef(null),a=e.useCallback(()=>{if(t.current){const r=t.current?.children[0].scrollHeight||0,l=t.current?.offsetHeight||0;b(r>l)}},[]);return e.useEffect(()=>{if(s&&t.current){let r;const l=()=>{window.clearTimeout(r),r=window.setTimeout(a,100)};return n.current=new ResizeObserver(()=>{l()}),n.current.observe(t.current),a(),()=>{window.clearTimeout(r),n.current&&n.current.disconnect()}}},[s,a]),s?i.jsxRuntimeExports.jsx(p.Tooltip,{...x,label:x?.label||c?.toLocaleString()||"",disabled:!w,"data-testid":"kibble-truncated-text-tooltip",children:i.jsxRuntimeExports.jsx(T.Box,{ref:t,display:"inline-block",position:"relative",className:"TruncatedText__Wrapper","data-testid":"kibble-truncated-text-wrapper",children:i.jsxRuntimeExports.jsx(u,{className:"TruncatedText__TextContent","data-testid":"kibble-truncated-text-content",...w&&{cursor:"pointer"},lineClamp:m,style:{textOverflow:"ellipsis",overflow:"hidden",wordWrap:"break-word",wordBreak:"break-word"},...f,children:c})})}):i.jsxRuntimeExports.jsx(u,{...f,children:c})}return d.displayName=`withTruncation(${o.displayName||o.name}`,e.memo(d)};exports.withTruncation=h;
+//# sourceMappingURL=withTruncation-BBPS7Ess.js.map

package/dist/chunks/{withTruncation-Dfg5iSat.js.map → withTruncation-BBPS7Ess.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withTruncation-Dfg5iSat.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip\";\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, \"disabled\">;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight =\n          containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || \"\"}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            {...(isTextOverFlowing && { cursor: \"pointer\" })}\n            lineClamp={noOfLines}\n            style={{\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              wordWrap: \"break-word\",\n              wordBreak: \"break-word\",\n            }}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":"uJAkBaA,EACXC,GACgB,CACV,MAAAC,EAAoBC,OAAKF,CAAS,EAExC,SAASG,EAAe,CACtB,UAAAC,EAAY,GACZ,UAAAC,EAAY,EACZ,SAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EACsC,CACzC,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAkB,EAAK,EACnEC,EAAeC,SAAuB,IAAI,EAC1CC,EAAoBD,SAA8B,IAAI,EAEtDE,EAAgBC,EAAAA,YAAY,IAAM,CACtC,GAAIJ,EAAa,QAAS,CACxB,MAAMK,EACJL,EAAa,SAAS,SAAS,CAAC,EAAE,cAAgB,EAC9CM,EAAwBN,EAAa,SAAS,cAAgB,EACpEF,EAAqBO,EAAmBC,CAAqB,CAAA,CAEjE,EAAG,EAAE,EA2BL,OAzBAC,EAAAA,UAAU,IAAM,CACV,GAAAf,GAAaQ,EAAa,QAAS,CACjC,IAAAQ,EAEJ,MAAMC,EAAiB,IAAY,CACjC,OAAO,aAAaD,CAAS,EACjBA,EAAA,OAAO,WAAWL,EAAe,GAAG,CAClD,EAEkB,OAAAD,EAAA,QAAU,IAAI,eAAe,IAAM,CACpCO,EAAA,CAAA,CAChB,EAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,EACxCG,EAAA,EAEP,IAAY,CACjB,OAAO,aAAaK,CAAS,EACzBN,EAAkB,SACpBA,EAAkB,QAAQ,WAAW,CAEzC,CAAA,CACF,EACC,CAACV,EAAWW,CAAa,CAAC,EAExBX,EAKHkB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGhB,EACJ,MAAOA,GAAc,OAASD,GAAU,eAAoB,GAAA,GAC5D,SAAU,CAACG,EACX,cAAY,gCAEZ,SAAAa,EAAA,kBAAA,IAACE,EAAA,IAAA,CACC,IAAKZ,EACL,QAAQ,eACR,SAAS,WACT,UAAU,yBACV,cAAY,gCAEZ,SAAAU,EAAA,kBAAA,IAACrB,EAAA,CACC,UAAU,6BACV,cAAY,gCACX,GAAIQ,GAAqB,CAAE,OAAQ,SAAU,EAC9C,UAAWJ,EACX,MAAO,CACL,aAAc,WACd,SAAU,SACV,SAAU,aACV,UAAW,YACb,EACC,GAAIG,EAEJ,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CACF,EAjCQgB,EAAA,kBAAA,IAAArB,EAAA,CAAmB,GAAIO,EAAa,SAAAF,CAAS,CAAA,CAiCrD,CAIJ,OAAAH,EAAe,YAAc,kBAAkBH,EAAU,aAAeA,EAAU,IAAI,GAE/EE,EAAAA,KAAKC,CAAc,CAC5B"}
+{"version":3,"file":"withTruncation-BBPS7Ess.js","sources":["../../src/hocs/withTruncation.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  memo,\n} from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip\";\n\nexport interface WithTruncationProps {\n  truncated?: boolean;\n  noOfLines?: number;\n  tooltipProps?: Omit<TooltipProps, \"disabled\">;\n  children?: ReactNode | string;\n}\n\nexport const withTruncation = <P extends WithTruncationProps>(\n  Component: React.ComponentType<P>,\n): React.FC<P> => {\n  const MemoizedComponent = memo(Component);\n\n  function WithTruncation({\n    truncated = false,\n    noOfLines = 1,\n    children,\n    tooltipProps,\n    ...rest\n  }: WithTruncationProps): React.JSX.Element {\n    const [isTextOverFlowing, setIsTextOverFlowing] = useState<boolean>(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const checkOverflow = useCallback(() => {\n      if (containerRef.current) {\n        const textScrollHeight =\n          containerRef.current?.children[0].scrollHeight || 0;\n        const containerOffsetHeight = containerRef.current?.offsetHeight || 0;\n        setIsTextOverFlowing(textScrollHeight > containerOffsetHeight);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (truncated && containerRef.current) {\n        let timeoutId: number;\n\n        const debouncedCheck = (): void => {\n          window.clearTimeout(timeoutId);\n          timeoutId = window.setTimeout(checkOverflow, 100);\n        };\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n          debouncedCheck();\n        });\n\n        resizeObserverRef.current.observe(containerRef.current);\n        checkOverflow(); // Initial check\n\n        return (): void => {\n          window.clearTimeout(timeoutId);\n          if (resizeObserverRef.current) {\n            resizeObserverRef.current.disconnect();\n          }\n        };\n      }\n    }, [truncated, checkOverflow]);\n\n    if (!truncated) {\n      return <MemoizedComponent {...(rest as P)}>{children}</MemoizedComponent>;\n    }\n\n    return (\n      <Tooltip\n        {...tooltipProps}\n        label={tooltipProps?.label || children?.toLocaleString() || \"\"}\n        disabled={!isTextOverFlowing}\n        data-testid=\"kibble-truncated-text-tooltip\"\n      >\n        <Box\n          ref={containerRef}\n          display=\"inline-block\"\n          position=\"relative\"\n          className=\"TruncatedText__Wrapper\"\n          data-testid=\"kibble-truncated-text-wrapper\"\n        >\n          <MemoizedComponent\n            className=\"TruncatedText__TextContent\"\n            data-testid=\"kibble-truncated-text-content\"\n            {...(isTextOverFlowing && { cursor: \"pointer\" })}\n            lineClamp={noOfLines}\n            style={{\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              wordWrap: \"break-word\",\n              wordBreak: \"break-word\",\n            }}\n            {...(rest as P)}\n          >\n            {children}\n          </MemoizedComponent>\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  WithTruncation.displayName = `withTruncation(${Component.displayName || Component.name}`;\n\n  return memo(WithTruncation);\n};\n"],"names":["withTruncation","Component","MemoizedComponent","memo","WithTruncation","truncated","noOfLines","children","tooltipProps","rest","isTextOverFlowing","setIsTextOverFlowing","useState","containerRef","useRef","resizeObserverRef","checkOverflow","useCallback","textScrollHeight","containerOffsetHeight","useEffect","timeoutId","debouncedCheck","jsx","Tooltip","Box"],"mappings":"uJAkBaA,EACXC,GACgB,CACV,MAAAC,EAAoBC,OAAKF,CAAS,EAExC,SAASG,EAAe,CACtB,UAAAC,EAAY,GACZ,UAAAC,EAAY,EACZ,SAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EACsC,CACzC,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAkB,EAAK,EACnEC,EAAeC,SAAuB,IAAI,EAC1CC,EAAoBD,SAA8B,IAAI,EAEtDE,EAAgBC,EAAAA,YAAY,IAAM,CACtC,GAAIJ,EAAa,QAAS,CACxB,MAAMK,EACJL,EAAa,SAAS,SAAS,CAAC,EAAE,cAAgB,EAC9CM,EAAwBN,EAAa,SAAS,cAAgB,EACpEF,EAAqBO,EAAmBC,CAAqB,CAAA,CAEjE,EAAG,EAAE,EA2BL,OAzBAC,EAAAA,UAAU,IAAM,CACV,GAAAf,GAAaQ,EAAa,QAAS,CACjC,IAAAQ,EAEJ,MAAMC,EAAiB,IAAY,CACjC,OAAO,aAAaD,CAAS,EACjBA,EAAA,OAAO,WAAWL,EAAe,GAAG,CAClD,EAEkB,OAAAD,EAAA,QAAU,IAAI,eAAe,IAAM,CACpCO,EAAA,CAAA,CAChB,EAEiBP,EAAA,QAAQ,QAAQF,EAAa,OAAO,EACxCG,EAAA,EAEP,IAAY,CACjB,OAAO,aAAaK,CAAS,EACzBN,EAAkB,SACpBA,EAAkB,QAAQ,WAAW,CAEzC,CAAA,CACF,EACC,CAACV,EAAWW,CAAa,CAAC,EAExBX,EAKHkB,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGhB,EACJ,MAAOA,GAAc,OAASD,GAAU,eAAoB,GAAA,GAC5D,SAAU,CAACG,EACX,cAAY,gCAEZ,SAAAa,EAAA,kBAAA,IAACE,EAAA,IAAA,CACC,IAAKZ,EACL,QAAQ,eACR,SAAS,WACT,UAAU,yBACV,cAAY,gCAEZ,SAAAU,EAAA,kBAAA,IAACrB,EAAA,CACC,UAAU,6BACV,cAAY,gCACX,GAAIQ,GAAqB,CAAE,OAAQ,SAAU,EAC9C,UAAWJ,EACX,MAAO,CACL,aAAc,WACd,SAAU,SACV,SAAU,aACV,UAAW,YACb,EACC,GAAIG,EAEJ,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CACF,EAjCQgB,EAAA,kBAAA,IAAArB,EAAA,CAAmB,GAAIO,EAAa,SAAAF,CAAS,CAAA,CAiCrD,CAIJ,OAAAH,EAAe,YAAc,kBAAkBH,EAAU,aAAeA,EAAU,IAAI,GAE/EE,EAAAA,KAAKC,CAAc,CAC5B"}

package/dist/cjs/chakra/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/chakra-CecTEyCR.js"),a=require("../../chunks/vendor-D9kXrowz.js");exports.Accordion=e.namespace$2;exports.ActionBar=e.namespace$3;exports.AspectRatio=e.AspectRatio;exports.Badge=e.Badge;exports.Bleed=e.Bleed;exports.Blockquote=e.namespace;exports.Box=e.Box;exports.Breadcrumb=e.namespace$4;exports.Center=e.Center;exports.ClientOnly=e.ClientOnly;exports.Clipboard=e.namespace$5;exports.Code=e.Code;exports.Collapsible=e.namespace$6;exports.ColorPicker=e.namespace$7;exports.Container=e.Container;exports.DataList=e.namespace$8;exports.DownloadTrigger=e.DownloadTrigger;exports.Drawer=e.namespace$9;exports.Editable=e.namespace$10;exports.Em=e.Em;exports.FileUpload=e.namespace$11;exports.Flex=e.Flex;exports.Float=e.Float;exports.For=e.For;exports.FormatByte=e.FormatByte;exports.FormatNumber=e.FormatNumber;exports.Grid=e.Grid;exports.GridItem=e.GridItem;exports.Group=e.Group;exports.HStack=e.HStack;exports.Highlight=e.Highlight;exports.Kbd=e.Kbd;exports.LinkOverlay=e.LinkOverlay;exports.List=e.namespace$1;exports.Mark=e.Mark;exports.NumberInput=e.namespace$12;exports.Pagination=e.namespace$13;exports.Presence=e.Presence;exports.Progress=e.namespace$15;exports.ProgressCircle=e.namespace$14;exports.QrCode=e.namespace$16;exports.RatingGroup=e.namespace$17;exports.Show=e.Show;exports.SimpleGrid=e.SimpleGrid;exports.Skeleton=e.Skeleton;exports.SkeletonCircle=e.SkeletonCircle;exports.SkeletonText=e.SkeletonText;exports.Slider=e.namespace$18;exports.Stack=e.Stack;exports.Stat=e.namespace$19;exports.Status=e.namespace$20;exports.Steps=e.namespace$21;exports.Table=e.namespace$22;exports.Timeline=e.namespace$23;exports.VStack=e.VStack;exports.VisuallyHidden=e.VisuallyHidden;exports.Wrap=e.Wrap;exports.WrapItem=e.WrapItem;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointValue=e.useBreakpointValue;exports.useConst=e.useConst;exports.useDisclosure=e.useDisclosure;exports.useMediaQuery=e.useMediaQuery;exports.Portal=a.Portal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/chakra-C0NbsW66.js"),a=require("../../chunks/vendor-DcKGwQlH.js");exports.Accordion=e.namespace$2;exports.ActionBar=e.namespace$3;exports.AspectRatio=e.AspectRatio;exports.Badge=e.Badge;exports.Bleed=e.Bleed;exports.Blockquote=e.namespace;exports.Box=e.Box;exports.Breadcrumb=e.namespace$4;exports.Center=e.Center;exports.ClientOnly=e.ClientOnly;exports.Clipboard=e.namespace$5;exports.Code=e.Code;exports.Collapsible=e.namespace$6;exports.ColorPicker=e.namespace$7;exports.Container=e.Container;exports.DataList=e.namespace$8;exports.DownloadTrigger=e.DownloadTrigger;exports.Drawer=e.namespace$9;exports.Editable=e.namespace$10;exports.Em=e.Em;exports.FileUpload=e.namespace$11;exports.Flex=e.Flex;exports.Float=e.Float;exports.For=e.For;exports.FormatByte=e.FormatByte;exports.FormatNumber=e.FormatNumber;exports.Grid=e.Grid;exports.GridItem=e.GridItem;exports.Group=e.Group;exports.HStack=e.HStack;exports.Highlight=e.Highlight;exports.Kbd=e.Kbd;exports.LinkOverlay=e.LinkOverlay;exports.List=e.namespace$1;exports.Mark=e.Mark;exports.NumberInput=e.namespace$12;exports.Pagination=e.namespace$13;exports.Presence=e.Presence;exports.Progress=e.namespace$15;exports.ProgressCircle=e.namespace$14;exports.QrCode=e.namespace$16;exports.RatingGroup=e.namespace$17;exports.Show=e.Show;exports.SimpleGrid=e.SimpleGrid;exports.Skeleton=e.Skeleton;exports.SkeletonCircle=e.SkeletonCircle;exports.SkeletonText=e.SkeletonText;exports.Slider=e.namespace$18;exports.Stack=e.Stack;exports.Stat=e.namespace$19;exports.Status=e.namespace$20;exports.Steps=e.namespace$21;exports.Table=e.namespace$22;exports.Timeline=e.namespace$23;exports.VStack=e.VStack;exports.VisuallyHidden=e.VisuallyHidden;exports.Wrap=e.Wrap;exports.WrapItem=e.WrapItem;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointValue=e.useBreakpointValue;exports.useConst=e.useConst;exports.useDisclosure=e.useDisclosure;exports.useMediaQuery=e.useMediaQuery;exports.Portal=a.Portal;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Alert/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/alert.types-DSY8baQn.js");exports.Alert=t.Alert;exports.alertButtonPositions=t.alertButtonPositions;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/alert.component-E006OS2e.js"),e=require("../../../chunks/alert.types-R_9yno9e.js");exports.Alert=t.Alert;exports.alertButtonPositions=e.alertButtonPositions;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Avatar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/avatar.component-DJPNHQ7R.js"),a=require("../../../chunks/avatar.types-Bmt5Uhfb.js");exports.Avatar=t.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/avatar.component-CRJ7JH0g.js"),a=require("../../../chunks/avatar.types-Bmt5Uhfb.js");exports.Avatar=t.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/AvatarGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-DYjtaITg.js");exports.AvatarGroup=r.AvatarGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-DSqzbbcH.js");exports.AvatarGroup=r.AvatarGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/button.component-CNa885PO.js"),t=require("../../../chunks/button.types-DsLMGraz.js");exports.Button=n.Button;exports.buttonConfigVariants=t.buttonConfigVariants;exports.buttonIconPositions=t.buttonIconPositions;exports.buttonSizes=t.buttonSizes;exports.buttonSpinnerPlacements=t.buttonSpinnerPlacements;exports.buttonVariants=t.buttonVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/button.component-C0WP_LB_.js"),t=require("../../../chunks/button.types-DsLMGraz.js");exports.Button=n.Button;exports.buttonConfigVariants=t.buttonConfigVariants;exports.buttonIconPositions=t.buttonIconPositions;exports.buttonSizes=t.buttonSizes;exports.buttonSpinnerPlacements=t.buttonSpinnerPlacements;exports.buttonVariants=t.buttonVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/ButtonGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-DHz-WDWz.js");exports.ButtonGroup=t.ButtonGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-ChKXpEdS.js");exports.ButtonGroup=t.ButtonGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/card.component-z_UxveYm.js"),r=require("../../../chunks/card.types-MvkQTTZF.js");exports.Card=e.Card;exports.cardSizes=r.cardSizes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/card.component-DD6Qc8tF.js"),r=require("../../../chunks/card.types-MvkQTTZF.js");exports.Card=e.Card;exports.cardSizes=r.cardSizes;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/CharacterCounter/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/characterCounter.component-C8pzDOo2.js");exports.CharacterCounter=e.CharacterCounter;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/characterCounter.component-DGpH9KSC.js");exports.CharacterCounter=e.CharacterCounter;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkbox.component-CVqt24aQ.js");exports.Checkbox=e.WrappedCheckbox;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkbox.component-B8_UcvuT.js");exports.Checkbox=e.WrappedCheckbox;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/CheckboxGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkboxGroup.component-wSAo1L-I.js");exports.CheckboxGroup=e.WrappedCheckboxGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkboxGroup.component-C0JIZ2j9.js");exports.CheckboxGroup=e.WrappedCheckboxGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/ConversationCard/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-C5Ob_5GY.js");exports.ConversationCard=e.ConversationCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-CA2l_lHe.js");exports.ConversationCard=e.ConversationCard;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/DatePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-CIpsDsv0.js");exports.DateFormats=e.DateFormats;exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-B4vcW7h7.js");exports.DateFormats=e.DateFormats;exports.DatePicker=e.DatePicker;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Divider/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../chunks/vendor-D9kXrowz.js"),o=require("../../../chunks/chakra-CecTEyCR.js"),a=({borderColor:i="border",orientation:e="horizontal",size:r="sm",variant:d="solid",...t})=>s.jsxRuntimeExports.jsx(o.Separator,{className:"Divider","data-testid":"kibble-divider",borderColor:i,orientation:e,size:r,variant:d,...t}),n=["horizontal","vertical"],v=["xs","sm","md","lg"],c=["solid","dashed","dotted"];exports.Divider=a;exports.dividerOrientations=n;exports.dividerSizes=v;exports.dividerVariants=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../chunks/vendor-DcKGwQlH.js"),o=require("../../../chunks/chakra-C0NbsW66.js"),a=({borderColor:i="border",orientation:e="horizontal",size:r="sm",variant:d="solid",...t})=>s.jsxRuntimeExports.jsx(o.Separator,{className:"Divider","data-testid":"kibble-divider",borderColor:i,orientation:e,size:r,variant:d,...t}),n=["horizontal","vertical"],v=["xs","sm","md","lg"],c=["solid","dashed","dotted"];exports.Divider=a;exports.dividerOrientations=n;exports.dividerSizes=v;exports.dividerVariants=c;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Heading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/heading.component-C1AbHZyK.js");exports.Heading=e.WrappedHeading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/heading.component-gaqQG9s0.js");exports.Heading=e.WrappedHeading;
 //# sourceMappingURL=index.cjs.map