@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.70

package/dist/chunks/withFormControl-B269FujS.js

@@ -1,149 +0,0 @@
-import { x as t } from "./vendor-BBfll6i3.js";
-import { W as I } from "./text.component-XYjOAc2s.js";
-import { fontSizes as S } from "../esm/theme/tokens/typography/index.js";
-import { I as T } from "./icon.component-DjNY589M.js";
-import { N as b, O as R, P as z, F as p, Q as E, U as W } from "./chakra-BqBkjpvZ.js";
-const k = {
-  sm: 10,
-  md: 12,
-  lg: 14
-}, D = (a) => {
-  const m = ({
-    disabled: c = !1,
-    errorText: F = "Field is invalid",
-    formControlStyle: _,
-    helperText: x,
-    inlineField: s = !1,
-    invalid: r = !1,
-    invalidIconColor: g = "warning",
-    label: l,
-    labelPosition: i = "start",
-    labelStyle: j,
-    onContrast: o = !1,
-    readOnly: d = !1,
-    required: n = !1,
-    showRequiredElement: u = !1,
-    size: e = "md",
-    useInvalidIcon: N = !1,
-    useInvalidText: h = !0,
-    ...w
-  }) => {
-    const f = /* @__PURE__ */ t.jsxs(
-      b,
-      {
-        className: "FormControl__Label",
-        color: o ? "text.contrast" : "text",
-        fontSize: S[e],
-        ...j,
-        onClick: (C) => {
-          C.stopPropagation();
-        },
-        children: [
-          l,
-          u && /* @__PURE__ */ t.jsx(
-            R,
-            {
-              className: "FormControl__RequiredIndicator",
-              color: o ? "text.danger.contrast" : "text.danger",
-              ...!n && {
-                fallback: /* @__PURE__ */ t.jsxs(
-                  I,
-                  {
-                    variant: o ? "subtleOnContrast" : "subtle",
-                    fontSize: k[e],
-                    children: [
-                      " ",
-                      "(Optional)"
-                    ]
-                  }
-                )
-              }
-            }
-          )
-        ]
-      }
-    );
-    return /* @__PURE__ */ t.jsxs(
-      z,
-      {
-        className: "FormControl group",
-        disabled: c,
-        invalid: r,
-        readOnly: d,
-        required: n,
-        width: "auto",
-        ..._,
-        children: [
-          /* @__PURE__ */ t.jsxs(
-            p,
-            {
-              className: "FormControl__Container",
-              flexDirection: s ? "row" : "column",
-              w: s ? "max-content" : "100%",
-              gap: 2,
-              children: [
-                l && i === "start" && f,
-                /* @__PURE__ */ t.jsxs(
-                  p,
-                  {
-                    className: "FormControl__Content",
-                    alignItems: "center",
-                    gap: 2,
-                    w: s ? "max-content" : "100%",
-                    children: [
-                      /* @__PURE__ */ t.jsx(
-                        a,
-                        {
-                          disabled: c,
-                          invalid: r,
-                          onContrast: o,
-                          readOnly: d,
-                          required: n,
-                          size: e,
-                          ...w
-                        }
-                      ),
-                      N && r && /* @__PURE__ */ t.jsx(
-                        T,
-                        {
-                          className: "FormControl__InvalidIcon",
-                          name: "warningSign",
-                          variant: g,
-                          size: e
-                        }
-                      )
-                    ]
-                  }
-                ),
-                l && i === "end" && f
-              ]
-            }
-          ),
-          h && r && /* @__PURE__ */ t.jsx(
-            E,
-            {
-              className: "FormControl__ErrorText",
-              fontSize: "xs",
-              color: o ? "text.danger.contrast" : "text.danger",
-              children: F
-            }
-          ),
-          x && /* @__PURE__ */ t.jsx(
-            W,
-            {
-              className: "FormControl__HelperText",
-              fontSize: "xs",
-              color: o ? "text.subtle.contrast" : "text.subtle",
-              children: x
-            }
-          )
-        ]
-      }
-    );
-  };
-  return m.displayName = `withFormControl(${a.displayName || a.name}`, m;
-};
-export {
-  D as w
-};
-//# sourceMappingURL=withFormControl-B269FujS.js.map

package/dist/chunks/withFormControl-B269FujS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withFormControl-B269FujS.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":";;;;;AAEO,MAAMA,IAAuD;AAAA,EAClE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GC4BaC,IAAkB,CAC7BC,MACgB;AAChB,QAAMC,IAAkB,CAAC;AAAA,IACvB,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC,IAAU;AAAA,IACV,kBAAAC,IAAmB;AAAA,IACnB,OAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,qBAAAC,IAAsB;AAAA,IACtB,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC,IAAiB;AAAA,IACjB,GAAGC;AAAA,EAAA,MAC0C;AAC7C,UAAMC,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAOV,IAAa,kBAAkB;AAAA,QACtC,UAAUW,EAAUP,CAAI;AAAA,QACvB,GAAGL;AAAA,QACJ,SAAS,CAACa,MAAM;AACd,UAAAA,EAAE,gBAAgB;AAAA,QACpB;AAAA,QAEC,UAAA;AAAA,UAAAf;AAAA,UACAM,KACCU,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAOd,IAAa,yBAAyB;AAAA,cAC5C,GAAI,CAACE,KAAY;AAAA,gBAChB,UACEO,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,SAASf,IAAa,qBAAqB;AAAA,oBAC3C,UAAUd,EAAoBkB,CAAI;AAAA,oBAEjC,UAAA;AAAA,sBAAA;AAAA,sBAAI;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEP;AAAA,YAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAIA,WAAAK,gBAAAA,EAAA;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAA1B;AAAA,QACA,SAAAK;AAAA,QACA,UAAAM;AAAA,QACA,UAAAC;AAAA,QACA,OAAM;AAAA,QACL,GAAGV;AAAA,QAEJ,UAAA;AAAA,UAAAiB,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAevB,IAAc,QAAQ;AAAA,cACrC,GAAGA,IAAc,gBAAgB;AAAA,cACjC,KAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAG,KAASC,MAAkB,WAAWU;AAAA,gBACvCC,gBAAAA,EAAA;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,YAAW;AAAA,oBACX,KAAK;AAAA,oBACL,GAAGvB,IAAc,gBAAgB;AAAA,oBAEjC,UAAA;AAAA,sBAAAmB,gBAAAA,EAAA;AAAA,wBAACzB;AAAA,wBAAA;AAAA,0BACC,UAAAE;AAAA,0BACA,SAAAK;AAAA,0BACA,YAAAK;AAAA,0BACA,UAAAC;AAAA,0BACA,UAAAC;AAAA,0BACA,MAAAE;AAAA,0BACC,GAAIG;AAAA,wBAAA;AAAA,sBACP;AAAA,sBACCF,KAAkBV,KACjBkB,gBAAAA,EAAA;AAAA,wBAACK;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,MAAK;AAAA,0BACL,SAAStB;AAAA,0BACT,MAAAQ;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACF;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBACCP,KAASC,MAAkB,SAASU;AAAA,cAAA;AAAA,YAAA;AAAA,UACvC;AAAA,UACCF,KAAkBX,KACjBkB,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,OAAOnB,IAAa,yBAAyB;AAAA,cAE5C,UAAAT;AAAA,YAAA;AAAA,UACH;AAAA,UAEDE,KACCoB,gBAAAA,EAAA;AAAA,YAACO;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,OAAOpB,IAAa,yBAAyB;AAAA,cAE5C,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SAAAJ,EAAgB,cAAc,mBAAmBD,EAAU,eAAeA,EAAU,IAAI,IAEjFC;AACT;"}

package/dist/chunks/withFormControl-Cy6Bwv0i.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),N=require("./text.component-CBa_saMP.js"),w=require("../cjs/theme/tokens/typography/index.cjs"),S=require("./icon.component-DtX9HDyk.js"),e=require("./chakra-DmF8Cxqs.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-Cy6Bwv0i.js.map

package/dist/chunks/withFormControl-Cy6Bwv0i.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withFormControl-Cy6Bwv0i.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":"iOAEaA,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-BskZBBVs.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("./vendor-D-x6W6ez.js"),e=require("react"),p=require("./tooltip.component-qWFa28S5.js"),T=require("./chakra-DmF8Cxqs.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-BskZBBVs.js.map

package/dist/cjs/patterns/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../chunks/conversationCard.component-BcHNpQ76.js"),e=require("../../chunks/styledAvatar.types-CMdLnJHx.js"),t=require("../../chunks/tagBlock.component-a2gERgrx.js"),o=require("../../chunks/timestamp.component-CuqY4euh.js");exports.ConversationCard=a.ConversationCard;exports.StyledAvatar=e.StyledAvatar;exports.styledAvatarTypes=e.styledAvatarTypes;exports.TagBlock=t.TagBlock;exports.TagDisabledState=t.TagDisabledState;exports.Timestamp=o.Timestamp;
-//# sourceMappingURL=index.cjs.map

package/dist/esm/patterns/Timestamp/index.js

@@ -1,5 +0,0 @@
-import { T as e } from "../../../chunks/timestamp.component-D764INLm.js";
-export {
-  e as Timestamp
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/patterns/index.js

@@ -1,13 +0,0 @@
-import { C as s } from "../../chunks/conversationCard.component-BSfDNuuw.js";
-import { S as e, s as o } from "../../chunks/styledAvatar.types-CoxQchLt.js";
-import { T as p, a as T } from "../../chunks/tagBlock.component-LX4_ve_f.js";
-import { T as f } from "../../chunks/timestamp.component-D764INLm.js";
-export {
-  s as ConversationCard,
-  e as StyledAvatar,
-  p as TagBlock,
-  T as TagDisabledState,
-  f as Timestamp,
-  o as styledAvatarTypes
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/patterns/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/types/components/Alert/alert.records.d.ts

@@ -1,5 +0,0 @@
-import { IconName } from '../Icon/icon.types';
-import { TypographyVariant } from '../../shared/types';
-import { Status } from '../../shared/types/status';
-export declare const AlertStatusIcon: Record<Status, IconName>;
-export declare const AlertStatusToIconVariant: Record<Status, TypographyVariant>;

package/dist/types/components/Alert/docs/alert.argTypes.d.ts

@@ -1,5 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { AlertProps } from '../alert.component';
-import { AlertButtonProps } from '../components/AlertButton/alertButton.component';
-export declare const alertArgTypes: KibbleArgTypes<AlertProps>;
-export declare const alertButtonArgTypes: KibbleArgTypes<AlertButtonProps>;

package/dist/types/components/Alert.d.ts

@@ -1,2 +0,0 @@
-export * from './Alert/index'
-export {}

package/dist/types/components/Avatar/components/AvatarBadge/docs/avatarBadge.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../../../shared/types/storybook';
-import { AvatarBadgeProps } from '../avatarBadge.component';
-export declare const avatarBadgeArgTypes: KibbleArgTypes<AvatarBadgeProps>;

package/dist/types/components/Avatar/docs/avatar.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { AvatarProps } from '../avatar.component';
-export declare const avatarArgTypes: KibbleArgTypes<AvatarProps>;

package/dist/types/components/Avatar.d.ts

@@ -1,2 +0,0 @@
-export * from './Avatar/index'
-export {}

package/dist/types/components/AvatarGroup/docs/avatarGroup.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { AvatarGroupProps } from '../avatarGroup.component';
-export declare const avatarGroupArgTypes: KibbleArgTypes<AvatarGroupProps>;

package/dist/types/components/AvatarGroup.d.ts

@@ -1,2 +0,0 @@
-export * from './AvatarGroup/index'
-export {}

package/dist/types/components/Button/docs/button.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { ButtonProps } from '../button.component';
-export declare const buttonArgTypes: KibbleArgTypes<ButtonProps>;

package/dist/types/components/Button.d.ts

@@ -1,2 +0,0 @@
-export * from './Button/index'
-export {}

package/dist/types/components/ButtonGroup/docs/buttonGroup.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { ButtonGroupProps } from '../buttonGroup.component';
-export declare const buttonGroupArgTypes: KibbleArgTypes<ButtonGroupProps>;

package/dist/types/components/ButtonGroup.d.ts

@@ -1,2 +0,0 @@
-export * from './ButtonGroup/index'
-export {}

package/dist/types/components/Card/docs/card.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { CardProps } from '../card.component';
-export declare const cardArgTypes: KibbleArgTypes<CardProps>;

package/dist/types/components/Card.d.ts

@@ -1,2 +0,0 @@
-export * from './Card/index'
-export {}

package/dist/types/components/CharacterCounter/docs/characterCounter.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { CharacterCounterProps } from '../characterCounter.component';
-export declare const characterCounterArgTypes: KibbleArgTypes<CharacterCounterProps>;

package/dist/types/components/CharacterCounter.d.ts

@@ -1,2 +0,0 @@
-export * from './CharacterCounter/index'
-export {}

package/dist/types/components/Checkbox/docs/checkbox.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { CheckboxProps } from '../checkbox.component';
-export declare const checkboxArgTypes: KibbleArgTypes<CheckboxProps>;

package/dist/types/components/Checkbox.d.ts

@@ -1,2 +0,0 @@
-export * from './Checkbox/index'
-export {}

package/dist/types/components/CheckboxGroup/docs/checkboxGroup.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { CheckboxGroupProps } from '../checkboxGroup.component';
-export declare const checkboxGroupArgTypes: KibbleArgTypes<CheckboxGroupProps>;

package/dist/types/components/CheckboxGroup.d.ts

@@ -1,2 +0,0 @@
-export * from './CheckboxGroup/index'
-export {}

package/dist/types/components/DatePicker/docs/datePicker.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { DatePickerProps } from '../datePicker.component';
-export declare const datePickerArgTypes: KibbleArgTypes<DatePickerProps>;

package/dist/types/components/DatePicker.d.ts

@@ -1,2 +0,0 @@
-export * from './DatePicker/index'
-export {}

package/dist/types/components/Heading/docs/heading.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { HeadingProps } from '../heading.component';
-export declare const headingArgTypes: KibbleArgTypes<HeadingProps>;

package/dist/types/components/Heading.d.ts

@@ -1,2 +0,0 @@
-export * from './Heading/index'
-export {}

package/dist/types/components/Icon/docs/icon.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { BaseIconProps } from '../icon.component';
-export declare const iconArgTypes: KibbleArgTypes<BaseIconProps>;

package/dist/types/components/Icon/generated.d.ts

@@ -1,2 +0,0 @@
-export * from './generated/index'
-export {}

package/dist/types/components/Icon.d.ts

@@ -1,2 +0,0 @@
-export * from './Icon/index'
-export {}

package/dist/types/components/Link/docs/link.argTypes.d.ts

@@ -1,5 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { LinkProps } from '../link.component';
-import { LinkIconProps } from '../components/LinkIcon/linkIcon.component';
-export declare const linkArgTypes: KibbleArgTypes<LinkProps>;
-export declare const linkIconArgTypes: KibbleArgTypes<LinkIconProps>;

package/dist/types/components/Link.d.ts

@@ -1,2 +0,0 @@
-export * from './Link/index'
-export {}

package/dist/types/components/Menu/docs/menu.argTypes.d.ts

@@ -1,4 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { MenuProps } from '../menu.component';
-export declare const menuArgTypes: KibbleArgTypes<MenuProps>;
-export declare const menuListArgTypes: KibbleArgTypes<MenuProps["listProps"]>;

package/dist/types/components/Menu.d.ts

@@ -1,2 +0,0 @@
-export * from './Menu/index'
-export {}

package/dist/types/components/Modal/docs/modal.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { ModalProps } from '../modal.component';
-export declare const modalArgTypes: KibbleArgTypes<ModalProps>;

package/dist/types/components/Modal.d.ts

@@ -1,2 +0,0 @@
-export * from './Modal/index'
-export {}

package/dist/types/components/NotificationCounter/docs/notificationCounter.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { NotificationCounterProps } from '../notificationCounter.component';
-export declare const notificationCounterArgTypes: KibbleArgTypes<NotificationCounterProps>;

package/dist/types/components/NotificationCounter.d.ts

@@ -1,2 +0,0 @@
-export * from './NotificationCounter/index'
-export {}

package/dist/types/components/Picture/docs/picture.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { PictureProps } from '../picture.component';
-export declare const pictureArgTypes: KibbleArgTypes<PictureProps>;

package/dist/types/components/Picture.d.ts

@@ -1,2 +0,0 @@
-export * from './Picture/index'
-export {}

package/dist/types/components/Popover/docs/popover.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { KPopoverProps } from '../popover.component';
-export declare const popoverArgTypes: KibbleArgTypes<KPopoverProps>;

package/dist/types/components/Popover.d.ts

@@ -1,2 +0,0 @@
-export * from './Popover/index'
-export {}

package/dist/types/components/RadioGroup/components/Radio/docs/radio.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../../../shared/types/storybook';
-import { RadioProps } from '../radio.component';
-export declare const radioArgTypes: KibbleArgTypes<RadioProps>;

package/dist/types/components/RadioGroup/docs/radioGroup.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { RadioGroupProps } from '../radioGroup.component';
-export declare const radioGroupArgTypes: KibbleArgTypes<RadioGroupProps>;

package/dist/types/components/RadioGroup.d.ts

@@ -1,2 +0,0 @@
-export * from './RadioGroup/index'
-export {}

package/dist/types/components/RatingDots/docs/ratingDots.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { RatingDotsProps } from '../ratingDots.component';
-export declare const ratingDotsArgTypes: KibbleArgTypes<RatingDotsProps>;

package/dist/types/components/RatingDots.d.ts

@@ -1,2 +0,0 @@
-export * from './RatingDots/index'
-export {}

package/dist/types/components/Select/docs/select.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { SelectProps } from '../select.component';
-export declare const selectArgTypes: KibbleArgTypes<SelectProps>;

package/dist/types/components/Select.d.ts

@@ -1,2 +0,0 @@
-export * from './Select/index'
-export {}

package/dist/types/components/SortableList/docs/sortableList.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { SortableListProps } from '../sortableList.component';
-export declare const sortableListArgTypes: KibbleArgTypes<SortableListProps>;

package/dist/types/components/SortableList.d.ts

@@ -1,2 +0,0 @@
-export * from './SortableList/index'
-export {}

package/dist/types/components/Spinner/docs/spinner.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { SpinnerProps } from '../spinner.component';
-export declare const spinnerArgTypes: KibbleArgTypes<SpinnerProps>;

package/dist/types/components/Spinner.d.ts

@@ -1,2 +0,0 @@
-export * from './Spinner/index'
-export {}

package/dist/types/components/Swatch/docs/swatch.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { BaseSwatchProps } from '../swatch.component';
-export declare const swatchArgTypes: KibbleArgTypes<BaseSwatchProps>;

package/dist/types/components/Swatch.d.ts

@@ -1,2 +0,0 @@
-export * from './Swatch/index'
-export {}

package/dist/types/components/Switch/docs/switch.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { SwitchProps } from '../switch.component';
-export declare const switchArgTypes: KibbleArgTypes<SwitchProps>;

package/dist/types/components/Switch.d.ts

@@ -1,2 +0,0 @@
-export * from './Switch/index'
-export {}

package/dist/types/components/Tabs/components/Tab/docs/tab.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../../../shared/types/storybook';
-import { TabProps } from '../tab.component';
-export declare const tabsArgTypes: KibbleArgTypes<TabProps>;

package/dist/types/components/Tabs/docs/tabs.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TabsProps } from '../tabs.component';
-export declare const tabsArgTypes: KibbleArgTypes<TabsProps>;

package/dist/types/components/Tabs.d.ts

@@ -1,2 +0,0 @@
-export * from './Tabs/index'
-export {}

package/dist/types/components/Tag/docs/tag.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TagProps } from '../tag.component';
-export declare const tagArgTypes: KibbleArgTypes<TagProps>;

package/dist/types/components/Tag.d.ts

@@ -1,2 +0,0 @@
-export * from './Tag/index'
-export {}

package/dist/types/components/Text/docs/text.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TextProps } from '../text.component';
-export declare const textArgTypes: KibbleArgTypes<TextProps>;

package/dist/types/components/Text.d.ts

@@ -1,2 +0,0 @@
-export * from './Text/index'
-export {}

package/dist/types/components/TextInput/docs/textInput.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TextInputProps } from '../textInput.component';
-export declare const textInputArgTypes: KibbleArgTypes<TextInputProps>;

package/dist/types/components/TextInput.d.ts

@@ -1,2 +0,0 @@
-export * from './TextInput/index'
-export {}

package/dist/types/components/Textarea/docs/textarea.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TextareaProps } from '../textarea.component';
-export declare const textareaArgTypes: KibbleArgTypes<TextareaProps>;

package/dist/types/components/Textarea.d.ts

@@ -1,2 +0,0 @@
-export * from './Textarea/index'
-export {}

package/dist/types/components/TimePicker/docs/timePicker.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TimePickerProps } from '../timePicker.component';
-export declare const timePickerArgTypes: KibbleArgTypes<TimePickerProps>;

package/dist/types/components/TimePicker.d.ts

@@ -1,2 +0,0 @@
-export * from './TimePicker/index'
-export {}

package/dist/types/components/TimeRange/docs/timeRange.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TimeRangeProps } from '../timeRange.component';
-export declare const timeRangeArgTypes: KibbleArgTypes<TimeRangeProps>;

package/dist/types/components/TimeRange.d.ts

@@ -1,2 +0,0 @@
-export * from './TimeRange/index'
-export {}

package/dist/types/components/Tooltip/docs/tooltip.argTypes.d.ts

@@ -1,3 +0,0 @@
-import { KibbleArgTypes } from '../../../shared/types/storybook';
-import { TooltipProps } from '../tooltip.component';
-export declare const tooltipArgTypes: KibbleArgTypes<TooltipProps>;

package/dist/types/components/Tooltip.d.ts

@@ -1,2 +0,0 @@
-export * from './Tooltip/index'
-export {}

package/dist/types/components.d.ts

@@ -1,2 +0,0 @@
-export * from './components/index'
-export {}

package/dist/types/hocs.d.ts

@@ -1,2 +0,0 @@
-export * from './hocs/index'
-export {}

package/dist/types/hooks.d.ts

@@ -1,2 +0,0 @@
-export * from './hooks/index'
-export {}