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

package/dist/chunks/{styledAvatar.types-CpU5SOAS.js → styledAvatar.types-D8JOpljn.js}

@@ -1,2 +1,2 @@
-"use strict";const c=require("./vendor-D-x6W6ez.js"),p=require("./avatar.component-B14bRpeL.js"),d=({type:l="Client",...e})=>{const{name:o,tooltipProps:t={placement:"top",...e.tooltipProps},onClick:s}=e,n={variant:"outlineYellow",tooltipProps:{...t,label:t?.label||`${o} (Test Client)`}},r={iconName:"cellphone",tooltipProps:{...t,label:t?.label||`Text messages sent from ${o||"unknown number"}`}},i={Automated:{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.contrast",size:"sm",showTooltip:!1,cursor:"default"},Client:{},Clinic:{variant:"outlineAccent",name:o||"Sys"},SMS:r,TestClient:n};return c.jsxRuntimeExports.jsx(p.Avatar,{className:"StyledAvatar","data-testid":`kibble-styled-avatar-${l}`,onClick:a=>{a.stopPropagation(),s&&s(a)},...e,...i[l]})},m=["Client","SMS","TestClient","Automated","Clinic"];exports.StyledAvatar=d;exports.styledAvatarTypes=m;
-//# sourceMappingURL=styledAvatar.types-CpU5SOAS.js.map
+"use strict";const c=require("./vendor-DcKGwQlH.js"),p=require("./avatar.component-DVcDtvDR.js"),d=({type:l="Client",...e})=>{const{name:o,tooltipProps:t={placement:"top",...e.tooltipProps},onClick:s}=e,n={variant:"outlineYellow",tooltipProps:{...t,label:t?.label||`${o} (Test Client)`}},r={iconName:"cellphone",tooltipProps:{...t,label:t?.label||`Text messages sent from ${o||"unknown number"}`}},i={Automated:{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.contrast",size:"sm",showTooltip:!1,cursor:"default"},Client:{},Clinic:{variant:"outlineAccent",name:o||"Sys"},SMS:r,TestClient:n};return c.jsxRuntimeExports.jsx(p.Avatar,{className:"StyledAvatar","data-testid":`kibble-styled-avatar-${l}`,onClick:a=>{a.stopPropagation(),s&&s(a)},...e,...i[l]})},m=["Client","SMS","TestClient","Automated","Clinic"];exports.StyledAvatar=d;exports.styledAvatarTypes=m;
+//# sourceMappingURL=styledAvatar.types-D8JOpljn.js.map

package/dist/chunks/styledAvatar.types-D8JOpljn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledAvatar.types-D8JOpljn.js","sources":["../../src/components/StyledAvatar/styledAvatar.component.tsx","../../src/components/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Avatar, AvatarProps } from \"components/Avatar/avatar.component\";\nimport { StyledAvatarType } from \"./styledAvatar.types\";\n\nexport interface StyledAvatarProps extends AvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport const StyledAvatar = ({\n  type = \"Client\",\n  ...rest\n}: StyledAvatarProps): React.JSX.Element => {\n  const {\n    name,\n    tooltipProps = { placement: \"top\", ...rest.tooltipProps },\n    onClick,\n  } = rest;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: \"outlineYellow\",\n    tooltipProps: {\n      ...tooltipProps,\n      label: tooltipProps?.label || `${name} (Test Client)`,\n    },\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: \"cellphone\",\n    tooltipProps: {\n      ...tooltipProps,\n      label:\n        tooltipProps?.label ||\n        `Text messages sent from ${name || \"unknown number\"}`,\n    },\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: \"robot\",\n    backgroundColor: \"background.primary\",\n    hideBorder: true,\n    color: \"text.contrast\",\n    size: \"sm\",\n    showTooltip: false,\n    cursor: \"default\",\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: \"outlineAccent\",\n    name: name || \"Sys\",\n  };\n\n  const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n    Automated: automatedStyleProps,\n    Client: {},\n    Clinic: clinicStyleProps,\n    SMS: smsStyleProps,\n    TestClient: testClientStyleProps,\n  };\n\n  return (\n    <Avatar\n      className=\"StyledAvatar\"\n      data-testid={`kibble-styled-avatar-${type}`}\n      onClick={(e): void => {\n        e.stopPropagation();\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...rest}\n      {...styleProps[type]}\n    />\n  );\n};\n","export const styledAvatarTypes = [\n  \"Client\",\n  \"SMS\",\n  \"TestClient\",\n  \"Automated\",\n  \"Clinic\",\n] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","type","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":"iGAQaA,EAAe,CAAC,CAC3B,KAAAC,EAAO,SACP,GAAGC,CACL,IAA4C,CACpC,KAAA,CACJ,KAAAC,EACA,aAAAC,EAAe,CAAE,UAAW,MAAO,GAAGF,EAAK,YAAa,EACxD,QAAAG,CAAA,EACEH,EAEEI,EAA6C,CACjD,QAAS,gBACT,aAAc,CACZ,GAAGF,EACH,MAAOA,GAAc,OAAS,GAAGD,CAAI,gBAAA,CAEzC,EAEMI,EAAsC,CAC1C,SAAU,YACV,aAAc,CACZ,GAAGH,EACH,MACEA,GAAc,OACd,2BAA2BD,GAAQ,gBAAgB,EAAA,CAEzD,EAiBMK,EAA6D,CACjE,UAhBgD,CAChD,SAAU,QACV,gBAAiB,qBACjB,WAAY,GACZ,MAAO,gBACP,KAAM,KACN,YAAa,GACb,OAAQ,SACV,EASE,OAAQ,CAAC,EACT,OAR6C,CAC7C,QAAS,gBACT,KAAML,GAAQ,KAChB,EAME,IAAKI,EACL,WAAYD,CACd,EAGE,OAAAG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,eACV,cAAa,wBAAwBT,CAAI,GACzC,QAAUU,GAAY,CACpBA,EAAE,gBAAgB,EACdN,GACFA,EAAQM,CAAC,CAEb,EACC,GAAGT,EACH,GAAGM,EAAWP,CAAI,CAAA,CACrB,CAEJ,ECzEaW,EAAoB,CAC/B,SACA,MACA,aACA,YACA,QACF"}

package/dist/chunks/{switch.component-diomUHZW.js → switch.component-BkC3TpSW.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),c=require("react"),l=require("./withFormControl-BJSHfbF_.js"),i=require("./chakra-DmF8Cxqs.js"),w=l.withFormControl(({children:e,indeterminate:s=!1,onContrast:r,label:d,size:n="md",switchRef:o,...u})=>{const h=c.useMemo(()=>s?r?"indeterminateOnContrast":"indeterminate":r?"onContrast":"default",[s,r]);return t.jsxRuntimeExports.jsxs(i.SwitchRoot,{className:"Switch","data-testid":"kibble-switch",ref:o,size:n,variant:h,...u,children:[t.jsxRuntimeExports.jsx(i.SwitchHiddenInput,{className:"Switch_Input","data-testid":"kibble-switch-input"}),t.jsxRuntimeExports.jsx(i.SwitchControl,{className:"Switch_Control","data-testid":"kibble-switch-control"}),!!e&&t.jsxRuntimeExports.jsx(i.SwitchLabel,{children:e})]})}),a=c.forwardRef((e,s)=>t.jsxRuntimeExports.jsx(w,{switchRef:s,...e}));a.displayName="Switch";exports.WrappedSwitch=a;
-//# sourceMappingURL=switch.component-diomUHZW.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),c=require("react"),l=require("./withFormControl-BJIa-ZxM.js"),i=require("./chakra-BHjfByoV.js"),w=l.withFormControl(({children:e,indeterminate:s=!1,onContrast:r,label:d,size:n="md",switchRef:o,...u})=>{const h=c.useMemo(()=>s?r?"indeterminateOnContrast":"indeterminate":r?"onContrast":"default",[s,r]);return t.jsxRuntimeExports.jsxs(i.SwitchRoot,{className:"Switch","data-testid":"kibble-switch",ref:o,size:n,variant:h,...u,children:[t.jsxRuntimeExports.jsx(i.SwitchHiddenInput,{className:"Switch_Input","data-testid":"kibble-switch-input"}),t.jsxRuntimeExports.jsx(i.SwitchControl,{className:"Switch_Control","data-testid":"kibble-switch-control"}),!!e&&t.jsxRuntimeExports.jsx(i.SwitchLabel,{children:e})]})}),a=c.forwardRef((e,s)=>t.jsxRuntimeExports.jsx(w,{switchRef:s,...e}));a.displayName="Switch";exports.WrappedSwitch=a;
+//# sourceMappingURL=switch.component-BkC3TpSW.js.map

package/dist/chunks/{switch.component-diomUHZW.js.map → switch.component-BkC3TpSW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-diomUHZW.js","sources":["../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport { Switch as CSwitch } from \"@chakra-ui/react/switch\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport interface SwitchProps\n  extends WithFormControlProps,\n    Omit<CSwitch.RootProps, \"label\" | \"onChange\"> {\n  indeterminate?: boolean;\n  switchRef?: ForwardedRef<HTMLLabelElement>;\n  size?: FormControlSize;\n}\n\nconst Switch = withFormControl(\n  ({\n    children,\n    indeterminate = false,\n    onContrast,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    label,\n    size = \"md\",\n    switchRef,\n    ...rest\n  }: SwitchProps): React.JSX.Element => {\n    const _computedVariant = useMemo(() => {\n      if (indeterminate) {\n        return onContrast ? \"indeterminateOnContrast\" : \"indeterminate\";\n      } else {\n        return onContrast ? \"onContrast\" : \"default\";\n      }\n    }, [indeterminate, onContrast]);\n\n    return (\n      <CSwitch.Root\n        className=\"Switch\"\n        data-testid=\"kibble-switch\"\n        ref={switchRef}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSwitch.HiddenInput\n          className=\"Switch_Input\"\n          data-testid=\"kibble-switch-input\"\n        />\n        <CSwitch.Control\n          className=\"Switch_Control\"\n          data-testid=\"kibble-switch-control\"\n        />\n        {!!children && <CSwitch.Label>{children}</CSwitch.Label>}\n      </CSwitch.Root>\n    );\n  },\n);\n\nconst WrappedSwitch = React.forwardRef(\n  (props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Switch switchRef={ref} {...props} />\n  ),\n);\n\nWrappedSwitch.displayName = \"Switch\";\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","withFormControl","children","indeterminate","onContrast","label","size","switchRef","rest","_computedVariant","useMemo","jsxs","CSwitch.Root","jsx","CSwitch.HiddenInput","CSwitch.Control","CSwitch.Label","WrappedSwitch","React","props","ref"],"mappings":"qJAgBMA,EAASC,EAAA,gBACb,CAAC,CACC,SAAAC,EACA,cAAAC,EAAgB,GAChB,WAAAC,EAEA,MAAAC,EACA,KAAAC,EAAO,KACP,UAAAC,EACA,GAAGC,CAAA,IACiC,CAC9B,MAAAC,EAAmBC,EAAAA,QAAQ,IAC3BP,EACKC,EAAa,0BAA4B,gBAEzCA,EAAa,aAAe,UAEpC,CAACD,EAAeC,CAAU,CAAC,EAG5B,OAAAO,EAAA,kBAAA,KAACC,EAAQ,WAAR,CACC,UAAU,SACV,cAAY,gBACZ,IAAKL,EACL,KAAAD,EACA,QAASG,EACR,GAAGD,EAEJ,SAAA,CAAAK,EAAA,kBAAA,IAACC,EAAQ,kBAAR,CACC,UAAU,eACV,cAAY,qBAAA,CACd,EACAD,EAAA,kBAAA,IAACE,EAAQ,cAAR,CACC,UAAU,iBACV,cAAY,uBAAA,CACd,EACC,CAAC,CAACb,2BAAac,EAAQ,YAAR,CAAe,SAAAd,CAAS,CAAA,CAAA,CAAA,CAC1C,CAAA,CAGN,EAEMe,EAAgBC,EAAM,WAC1B,CAACC,EAAoBC,IACnBP,wBAACb,GAAO,UAAWoB,EAAM,GAAGD,CAAO,CAAA,CAEvC,EAEAF,EAAc,YAAc"}
+{"version":3,"file":"switch.component-BkC3TpSW.js","sources":["../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport { Switch as CSwitch } from \"@chakra-ui/react/switch\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport interface SwitchProps\n  extends WithFormControlProps,\n    Omit<CSwitch.RootProps, \"label\" | \"onChange\"> {\n  indeterminate?: boolean;\n  switchRef?: ForwardedRef<HTMLLabelElement>;\n  size?: FormControlSize;\n}\n\nconst Switch = withFormControl(\n  ({\n    children,\n    indeterminate = false,\n    onContrast,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    label,\n    size = \"md\",\n    switchRef,\n    ...rest\n  }: SwitchProps): React.JSX.Element => {\n    const _computedVariant = useMemo(() => {\n      if (indeterminate) {\n        return onContrast ? \"indeterminateOnContrast\" : \"indeterminate\";\n      } else {\n        return onContrast ? \"onContrast\" : \"default\";\n      }\n    }, [indeterminate, onContrast]);\n\n    return (\n      <CSwitch.Root\n        className=\"Switch\"\n        data-testid=\"kibble-switch\"\n        ref={switchRef}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSwitch.HiddenInput\n          className=\"Switch_Input\"\n          data-testid=\"kibble-switch-input\"\n        />\n        <CSwitch.Control\n          className=\"Switch_Control\"\n          data-testid=\"kibble-switch-control\"\n        />\n        {!!children && <CSwitch.Label>{children}</CSwitch.Label>}\n      </CSwitch.Root>\n    );\n  },\n);\n\nconst WrappedSwitch = React.forwardRef(\n  (props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Switch switchRef={ref} {...props} />\n  ),\n);\n\nWrappedSwitch.displayName = \"Switch\";\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","withFormControl","children","indeterminate","onContrast","label","size","switchRef","rest","_computedVariant","useMemo","jsxs","CSwitch.Root","jsx","CSwitch.HiddenInput","CSwitch.Control","CSwitch.Label","WrappedSwitch","React","props","ref"],"mappings":"qJAgBMA,EAASC,EAAA,gBACb,CAAC,CACC,SAAAC,EACA,cAAAC,EAAgB,GAChB,WAAAC,EAEA,MAAAC,EACA,KAAAC,EAAO,KACP,UAAAC,EACA,GAAGC,CAAA,IACiC,CAC9B,MAAAC,EAAmBC,EAAAA,QAAQ,IAC3BP,EACKC,EAAa,0BAA4B,gBAEzCA,EAAa,aAAe,UAEpC,CAACD,EAAeC,CAAU,CAAC,EAG5B,OAAAO,EAAA,kBAAA,KAACC,EAAQ,WAAR,CACC,UAAU,SACV,cAAY,gBACZ,IAAKL,EACL,KAAAD,EACA,QAASG,EACR,GAAGD,EAEJ,SAAA,CAAAK,EAAA,kBAAA,IAACC,EAAQ,kBAAR,CACC,UAAU,eACV,cAAY,qBAAA,CACd,EACAD,EAAA,kBAAA,IAACE,EAAQ,cAAR,CACC,UAAU,iBACV,cAAY,uBAAA,CACd,EACC,CAAC,CAACb,2BAAac,EAAQ,YAAR,CAAe,SAAAd,CAAS,CAAA,CAAA,CAAA,CAC1C,CAAA,CAGN,EAEMe,EAAgBC,EAAM,WAC1B,CAACC,EAAoBC,IACnBP,wBAACb,GAAO,UAAWoB,EAAM,GAAGD,CAAO,CAAA,CAEvC,EAEAF,EAAc,YAAc"}

package/dist/chunks/{switch.component-C9WMHurt.js → switch.component-D8hb9FSO.js}

@@ -1,7 +1,7 @@
-import { x as t } from "./vendor-BBfll6i3.js";
+import { x as t } from "./vendor-CRIhG-7s.js";
 import n, { useMemo as l } from "react";
-import { w as m } from "./withFormControl-CDQGc9aO.js";
-import { S as w, a as d, b as h, c as p } from "./chakra-BqBkjpvZ.js";
+import { w as m } from "./withFormControl-BCyb1yXC.js";
+import { aa as d, ab as w, ac as h, ad as p } from "./chakra-DEgvQPwa.js";
 const f = m(
   ({
     children: a,
@@ -15,7 +15,7 @@ const f = m(
   }) => {
     const c = l(() => s ? e ? "indeterminateOnContrast" : "indeterminate" : e ? "onContrast" : "default", [s, e]);
     return /* @__PURE__ */ t.jsxs(
-      w,
+      d,
       {
         className: "Switch",
         "data-testid": "kibble-switch",
@@ -25,7 +25,7 @@ const f = m(
         ...o,
         children: [
           /* @__PURE__ */ t.jsx(
-            d,
+            w,
             {
               className: "Switch_Input",
               "data-testid": "kibble-switch-input"
@@ -50,4 +50,4 @@ u.displayName = "Switch";
 export {
   u as W
 };
-//# sourceMappingURL=switch.component-C9WMHurt.js.map
+//# sourceMappingURL=switch.component-D8hb9FSO.js.map

package/dist/chunks/{switch.component-C9WMHurt.js.map → switch.component-D8hb9FSO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-C9WMHurt.js","sources":["../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport { Switch as CSwitch } from \"@chakra-ui/react/switch\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport interface SwitchProps\n  extends WithFormControlProps,\n    Omit<CSwitch.RootProps, \"label\" | \"onChange\"> {\n  indeterminate?: boolean;\n  switchRef?: ForwardedRef<HTMLLabelElement>;\n  size?: FormControlSize;\n}\n\nconst Switch = withFormControl(\n  ({\n    children,\n    indeterminate = false,\n    onContrast,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    label,\n    size = \"md\",\n    switchRef,\n    ...rest\n  }: SwitchProps): React.JSX.Element => {\n    const _computedVariant = useMemo(() => {\n      if (indeterminate) {\n        return onContrast ? \"indeterminateOnContrast\" : \"indeterminate\";\n      } else {\n        return onContrast ? \"onContrast\" : \"default\";\n      }\n    }, [indeterminate, onContrast]);\n\n    return (\n      <CSwitch.Root\n        className=\"Switch\"\n        data-testid=\"kibble-switch\"\n        ref={switchRef}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSwitch.HiddenInput\n          className=\"Switch_Input\"\n          data-testid=\"kibble-switch-input\"\n        />\n        <CSwitch.Control\n          className=\"Switch_Control\"\n          data-testid=\"kibble-switch-control\"\n        />\n        {!!children && <CSwitch.Label>{children}</CSwitch.Label>}\n      </CSwitch.Root>\n    );\n  },\n);\n\nconst WrappedSwitch = React.forwardRef(\n  (props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Switch switchRef={ref} {...props} />\n  ),\n);\n\nWrappedSwitch.displayName = \"Switch\";\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","withFormControl","children","indeterminate","onContrast","label","size","switchRef","rest","_computedVariant","useMemo","jsxs","CSwitch.Root","jsx","CSwitch.HiddenInput","CSwitch.Control","CSwitch.Label","WrappedSwitch","React","props","ref"],"mappings":";;;;AAgBA,MAAMA,IAASC;AAAA,EACb,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA;AAAA,IAEA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACiC;AAC9B,UAAAC,IAAmBC,EAAQ,MAC3BP,IACKC,IAAa,4BAA4B,kBAEzCA,IAAa,eAAe,WAEpC,CAACD,GAAeC,CAAU,CAAC;AAG5B,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAKL;AAAA,QACL,MAAAD;AAAA,QACA,SAASG;AAAA,QACR,GAAGD;AAAA,QAEJ,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAD,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAAC,CAACb,2BAAac,GAAA,EAAe,UAAAd,EAAS,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,EAAA;AAGN,GAEMe,IAAgBC,EAAM;AAAA,EAC1B,CAACC,GAAoBC,MACnBP,gBAAAA,MAACb,KAAO,WAAWoB,GAAM,GAAGD,EAAO,CAAA;AAEvC;AAEAF,EAAc,cAAc;"}
+{"version":3,"file":"switch.component-D8hb9FSO.js","sources":["../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport { Switch as CSwitch } from \"@chakra-ui/react/switch\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport interface SwitchProps\n  extends WithFormControlProps,\n    Omit<CSwitch.RootProps, \"label\" | \"onChange\"> {\n  indeterminate?: boolean;\n  switchRef?: ForwardedRef<HTMLLabelElement>;\n  size?: FormControlSize;\n}\n\nconst Switch = withFormControl(\n  ({\n    children,\n    indeterminate = false,\n    onContrast,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    label,\n    size = \"md\",\n    switchRef,\n    ...rest\n  }: SwitchProps): React.JSX.Element => {\n    const _computedVariant = useMemo(() => {\n      if (indeterminate) {\n        return onContrast ? \"indeterminateOnContrast\" : \"indeterminate\";\n      } else {\n        return onContrast ? \"onContrast\" : \"default\";\n      }\n    }, [indeterminate, onContrast]);\n\n    return (\n      <CSwitch.Root\n        className=\"Switch\"\n        data-testid=\"kibble-switch\"\n        ref={switchRef}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSwitch.HiddenInput\n          className=\"Switch_Input\"\n          data-testid=\"kibble-switch-input\"\n        />\n        <CSwitch.Control\n          className=\"Switch_Control\"\n          data-testid=\"kibble-switch-control\"\n        />\n        {!!children && <CSwitch.Label>{children}</CSwitch.Label>}\n      </CSwitch.Root>\n    );\n  },\n);\n\nconst WrappedSwitch = React.forwardRef(\n  (props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Switch switchRef={ref} {...props} />\n  ),\n);\n\nWrappedSwitch.displayName = \"Switch\";\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","withFormControl","children","indeterminate","onContrast","label","size","switchRef","rest","_computedVariant","useMemo","jsxs","CSwitch.Root","jsx","CSwitch.HiddenInput","CSwitch.Control","CSwitch.Label","WrappedSwitch","React","props","ref"],"mappings":";;;;AAgBA,MAAMA,IAASC;AAAA,EACb,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA;AAAA,IAEA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACiC;AAC9B,UAAAC,IAAmBC,EAAQ,MAC3BP,IACKC,IAAa,4BAA4B,kBAEzCA,IAAa,eAAe,WAEpC,CAACD,GAAeC,CAAU,CAAC;AAG5B,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAKL;AAAA,QACL,MAAAD;AAAA,QACA,SAASG;AAAA,QACR,GAAGD;AAAA,QAEJ,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAD,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAAC,CAACb,2BAAac,GAAA,EAAe,UAAAd,EAAS,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,EAAA;AAGN,GAEMe,IAAgBC,EAAM;AAAA,EAC1B,CAACC,GAAoBC,MACnBP,gBAAAA,MAACb,KAAO,WAAWoB,GAAM,GAAGD,EAAO,CAAA;AAEvC;AAEAF,EAAc,cAAc;"}

package/dist/chunks/{tabs.component-Bp1Lu8Xb.js → tabs.component-BjyZZY1w.js}

@@ -1,8 +1,8 @@
-import { x as a } from "./vendor-BBfll6i3.js";
-import { I as r } from "./icon.component-w5bWbfVU.js";
-import { N as d } from "./notificationCounter.component-CSuqzMTF.js";
-import { W as n } from "./heading.component-B8niLTxz.js";
-import { W as c, X as x, Y as T, Z as f } from "./chakra-BqBkjpvZ.js";
+import { x as a } from "./vendor-CRIhG-7s.js";
+import { I as r } from "./icon.component-DOan8Ddb.js";
+import { N as d } from "./notificationCounter.component-COTswull.js";
+import { W as n } from "./heading.component-BrXfTzEU.js";
+import { aU as c, aV as x, aW as T, aX as f } from "./chakra-DEgvQPwa.js";
 const j = {
   xs: "sm",
   sm: "md",
@@ -84,4 +84,4 @@ const j = {
 export {
   C as T
 };
-//# sourceMappingURL=tabs.component-Bp1Lu8Xb.js.map
+//# sourceMappingURL=tabs.component-BjyZZY1w.js.map

package/dist/chunks/{tabs.component-Bp1Lu8Xb.js.map → tabs.component-BjyZZY1w.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.component-Bp1Lu8Xb.js","sources":["../../src/components/Tabs/components/Tab/tab.records.ts","../../src/components/Tabs/components/Tab/tab.component.tsx","../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabSize } from \"./tab.types\";\nimport { NotificationCounterSize } from \"components/NotificationCounter/notificationCounter.types\";\nimport { HeadingSize } from \"components/Heading/heading.types\";\n\nexport const tabNotificationCounterSize: Record<\n  TabSize,\n  NotificationCounterSize\n> = {\n  xs: \"sm\",\n  sm: \"md\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const tabLabelSize: Record<TabSize, HeadingSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React from \"react\";\nimport { Tabs } from \"@chakra-ui/react/tabs\";\nimport { Icon, IconName } from \"components/Icon\";\nimport {\n  NotificationCounter,\n  NotificationCounterProps,\n} from \"components/NotificationCounter/notificationCounter.component\";\nimport { TabIconPosition, TabSize } from \"./tab.types\";\nimport { tabLabelSize, tabNotificationCounterSize } from \"./tab.records\";\nimport { Heading } from \"components/Heading/heading.component\";\n\nexport interface TabProps extends Tabs.TriggerProps {\n  iconName?: IconName;\n  iconPosition?: TabIconPosition;\n  label: string;\n  notificationCounterProps?: Omit<NotificationCounterProps, \"size\">;\n  showNotificationCounter?: boolean;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  iconPosition = \"left\",\n  label,\n  notificationCounterProps,\n  showNotificationCounter,\n  size = \"md\",\n  ...rest\n}: TabProps): React.JSX.Element => {\n  return (\n    <Tabs.Trigger className=\"Tab\" data-testid=\"kibble-tab\" {...rest}>\n      {!!iconName && iconPosition === \"left\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n          variant=\"default\"\n        />\n      )}\n      <Heading\n        className=\"Tab__Label\"\n        data-testid=\"kibble-tab-label\"\n        size={tabLabelSize[size]}\n      >\n        {label}\n      </Heading>\n      {!!iconName && iconPosition === \"right\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n        />\n      )}\n      {showNotificationCounter && (\n        <NotificationCounter\n          className=\"Tab__NotificationCounter\"\n          data-testid=\"kibble-tab-notification-counter\"\n          {...notificationCounterProps}\n          size={tabNotificationCounterSize[size]}\n        />\n      )}\n    </Tabs.Trigger>\n  );\n};\n","import React from \"react\";\nimport { Tabs as CTabs } from \"@chakra-ui/react/tabs\";\nimport { TabSize } from \"./components/Tab/tab.types\";\nimport { Tab, TabProps } from \"./components/Tab/tab.component\";\nimport { Alignment } from \"shared/types/alignment\";\n\nexport interface TabsProps\n  extends Omit<CTabs.RootProps, \"onChange\" | \"variant\"> {\n  align?: Alignment;\n  onChange?: (value: string) => void;\n  size?: TabSize;\n  tabs: TabProps[];\n  tabsContents?: CTabs.ContentProps[];\n}\n\nexport const Tabs = ({\n  align = \"start\",\n  onChange,\n  size = \"md\",\n  tabs,\n  tabsContents,\n  ...rest\n}: TabsProps): React.JSX.Element => {\n  return (\n    <CTabs.Root\n      className=\"Tabs\"\n      data-testid=\"kibble-tabs\"\n      justify={align || rest.justify}\n      size={size}\n      onValueChange={({ value }) => onChange?.(value)}\n      {...rest}\n    >\n      <CTabs.List className=\"Tabs__List\" data-testid=\"kibble-tabs-list\">\n        {tabs.map((tab, index) => (\n          <Tab key={`tab-${index}`} {...tab} />\n        ))}\n      </CTabs.List>\n      {!!tabsContents &&\n        tabsContents.map((tabContent, index) => (\n          <CTabs.Content key={`tabContent-${index}`} {...tabContent} />\n        ))}\n    </CTabs.Root>\n  );\n};\n"],"names":["tabNotificationCounterSize","tabLabelSize","Tab","iconName","iconPosition","label","notificationCounterProps","showNotificationCounter","size","rest","jsxs","Tabs.Trigger","jsx","Icon","Heading","NotificationCounter","Tabs","align","onChange","tabs","tabsContents","CTabs.Root","value","CTabs.List","tab","index","tabContent","CTabs.Content"],"mappings":";;;;;AAIO,MAAMA,IAGT;AAAA,EACF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA6C;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCCaC,IAAM,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAEIC,gBAAAA,EAAA,KAACC,GAAA,EAAa,WAAU,OAAM,eAAY,cAAc,GAAGF,GACxD,UAAA;AAAA,EAAC,CAAA,CAACN,KAAYC,MAAiB,UAC9BQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMV;AAAA,MACN,MAAAK;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEFI,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMb,EAAaO,CAAI;AAAA,MAEtB,UAAAH;AAAA,IAAA;AAAA,EACH;AAAA,EACC,CAAC,CAACF,KAAYC,MAAiB,WAC9BQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMV;AAAA,MACN,MAAAK;AAAA,IAAA;AAAA,EACF;AAAA,EAEDD,KACCK,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAGT;AAAA,MACJ,MAAMN,EAA2BQ,CAAI;AAAA,IAAA;AAAA,EAAA;AACvC,GAEJ,GChDSQ,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,MAAAV,IAAO;AAAA,EACP,MAAAW;AAAA,EACA,cAAAC;AAAA,EACA,GAAGX;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACW;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,SAASJ,KAASR,EAAK;AAAA,IACvB,MAAAD;AAAA,IACA,eAAe,CAAC,EAAE,OAAAc,QAAYJ,IAAWI,CAAK;AAAA,IAC7C,GAAGb;AAAA,IAEJ,UAAA;AAAA,MAACG,gBAAAA,MAAAW,GAAA,EAAW,WAAU,cAAa,eAAY,oBAC5C,YAAK,IAAI,CAACC,GAAKC,MACdb,gBAAAA,EAAA,IAACV,KAA0B,GAAGsB,EAAA,GAApB,OAAOC,CAAK,EAAa,CACpC,GACH;AAAA,MACC,CAAC,CAACL,KACDA,EAAa,IAAI,CAACM,GAAYD,MAC3Bb,gBAAAA,EAAAA,IAAAe,GAAA,EAA2C,GAAGD,KAA3B,cAAcD,CAAK,EAAoB,CAC5D;AAAA,IAAA;AAAA,EAAA;AACL;"}
+{"version":3,"file":"tabs.component-BjyZZY1w.js","sources":["../../src/components/Tabs/components/Tab/tab.records.ts","../../src/components/Tabs/components/Tab/tab.component.tsx","../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabSize } from \"./tab.types\";\nimport { NotificationCounterSize } from \"components/NotificationCounter/notificationCounter.types\";\nimport { HeadingSize } from \"components/Heading/heading.types\";\n\nexport const tabNotificationCounterSize: Record<\n  TabSize,\n  NotificationCounterSize\n> = {\n  xs: \"sm\",\n  sm: \"md\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const tabLabelSize: Record<TabSize, HeadingSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React from \"react\";\nimport { Tabs } from \"@chakra-ui/react/tabs\";\nimport { Icon, IconName } from \"components/Icon\";\nimport {\n  NotificationCounter,\n  NotificationCounterProps,\n} from \"components/NotificationCounter/notificationCounter.component\";\nimport { TabIconPosition, TabSize } from \"./tab.types\";\nimport { tabLabelSize, tabNotificationCounterSize } from \"./tab.records\";\nimport { Heading } from \"components/Heading/heading.component\";\n\nexport interface TabProps extends Tabs.TriggerProps {\n  iconName?: IconName;\n  iconPosition?: TabIconPosition;\n  label: string;\n  notificationCounterProps?: Omit<NotificationCounterProps, \"size\">;\n  showNotificationCounter?: boolean;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  iconPosition = \"left\",\n  label,\n  notificationCounterProps,\n  showNotificationCounter,\n  size = \"md\",\n  ...rest\n}: TabProps): React.JSX.Element => {\n  return (\n    <Tabs.Trigger className=\"Tab\" data-testid=\"kibble-tab\" {...rest}>\n      {!!iconName && iconPosition === \"left\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n          variant=\"default\"\n        />\n      )}\n      <Heading\n        className=\"Tab__Label\"\n        data-testid=\"kibble-tab-label\"\n        size={tabLabelSize[size]}\n      >\n        {label}\n      </Heading>\n      {!!iconName && iconPosition === \"right\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n        />\n      )}\n      {showNotificationCounter && (\n        <NotificationCounter\n          className=\"Tab__NotificationCounter\"\n          data-testid=\"kibble-tab-notification-counter\"\n          {...notificationCounterProps}\n          size={tabNotificationCounterSize[size]}\n        />\n      )}\n    </Tabs.Trigger>\n  );\n};\n","import React from \"react\";\nimport { Tabs as CTabs } from \"@chakra-ui/react/tabs\";\nimport { TabSize } from \"./components/Tab/tab.types\";\nimport { Tab, TabProps } from \"./components/Tab/tab.component\";\nimport { Alignment } from \"shared/types/alignment\";\n\nexport interface TabsProps\n  extends Omit<CTabs.RootProps, \"onChange\" | \"variant\"> {\n  align?: Alignment;\n  onChange?: (value: string) => void;\n  size?: TabSize;\n  tabs: TabProps[];\n  tabsContents?: CTabs.ContentProps[];\n}\n\nexport const Tabs = ({\n  align = \"start\",\n  onChange,\n  size = \"md\",\n  tabs,\n  tabsContents,\n  ...rest\n}: TabsProps): React.JSX.Element => {\n  return (\n    <CTabs.Root\n      className=\"Tabs\"\n      data-testid=\"kibble-tabs\"\n      justify={align || rest.justify}\n      size={size}\n      onValueChange={({ value }) => onChange?.(value)}\n      {...rest}\n    >\n      <CTabs.List className=\"Tabs__List\" data-testid=\"kibble-tabs-list\">\n        {tabs.map((tab, index) => (\n          <Tab key={`tab-${index}`} {...tab} />\n        ))}\n      </CTabs.List>\n      {!!tabsContents &&\n        tabsContents.map((tabContent, index) => (\n          <CTabs.Content key={`tabContent-${index}`} {...tabContent} />\n        ))}\n    </CTabs.Root>\n  );\n};\n"],"names":["tabNotificationCounterSize","tabLabelSize","Tab","iconName","iconPosition","label","notificationCounterProps","showNotificationCounter","size","rest","jsxs","Tabs.Trigger","jsx","Icon","Heading","NotificationCounter","Tabs","align","onChange","tabs","tabsContents","CTabs.Root","value","CTabs.List","tab","index","tabContent","CTabs.Content"],"mappings":";;;;;AAIO,MAAMA,IAGT;AAAA,EACF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA6C;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCCaC,IAAM,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAEIC,gBAAAA,EAAA,KAACC,GAAA,EAAa,WAAU,OAAM,eAAY,cAAc,GAAGF,GACxD,UAAA;AAAA,EAAC,CAAA,CAACN,KAAYC,MAAiB,UAC9BQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMV;AAAA,MACN,MAAAK;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEFI,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMb,EAAaO,CAAI;AAAA,MAEtB,UAAAH;AAAA,IAAA;AAAA,EACH;AAAA,EACC,CAAC,CAACF,KAAYC,MAAiB,WAC9BQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMV;AAAA,MACN,MAAAK;AAAA,IAAA;AAAA,EACF;AAAA,EAEDD,KACCK,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAGT;AAAA,MACJ,MAAMN,EAA2BQ,CAAI;AAAA,IAAA;AAAA,EAAA;AACvC,GAEJ,GChDSQ,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,MAAAV,IAAO;AAAA,EACP,MAAAW;AAAA,EACA,cAAAC;AAAA,EACA,GAAGX;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACW;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,SAASJ,KAASR,EAAK;AAAA,IACvB,MAAAD;AAAA,IACA,eAAe,CAAC,EAAE,OAAAc,QAAYJ,IAAWI,CAAK;AAAA,IAC7C,GAAGb;AAAA,IAEJ,UAAA;AAAA,MAACG,gBAAAA,MAAAW,GAAA,EAAW,WAAU,cAAa,eAAY,oBAC5C,YAAK,IAAI,CAACC,GAAKC,MACdb,gBAAAA,EAAA,IAACV,KAA0B,GAAGsB,EAAA,GAApB,OAAOC,CAAK,EAAa,CACpC,GACH;AAAA,MACC,CAAC,CAACL,KACDA,EAAa,IAAI,CAACM,GAAYD,MAC3Bb,gBAAAA,EAAAA,IAAAe,GAAA,EAA2C,GAAGD,KAA3B,cAAcD,CAAK,EAAoB,CAC5D;AAAA,IAAA;AAAA,EAAA;AACL;"}

package/dist/chunks/{tabs.component-D6QT597P.js → tabs.component-DF92o83d.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),m=require("./icon.component-CzjzLiO_.js"),x=require("./notificationCounter.component-BH6anjzq.js"),d=require("./heading.component-CExbjSBi.js"),o=require("./chakra-DmF8Cxqs.js"),l={xs:"sm",sm:"md",md:"md",lg:"lg"},u={xs:"xs",sm:"xs",md:"sm",lg:"md"},j=({iconName:e,iconPosition:i="left",label:b,notificationCounterProps:r,showNotificationCounter:n,size:s="md",...a})=>t.jsxRuntimeExports.jsxs(o.TabsTrigger,{className:"Tab","data-testid":"kibble-tab",...a,children:[!!e&&i==="left"&&t.jsxRuntimeExports.jsx(m.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s,variant:"default"}),t.jsxRuntimeExports.jsx(d.WrappedHeading,{className:"Tab__Label","data-testid":"kibble-tab-label",size:u[s],children:b}),!!e&&i==="right"&&t.jsxRuntimeExports.jsx(m.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s}),n&&t.jsxRuntimeExports.jsx(x.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":"kibble-tab-notification-counter",...r,size:l[s]})]}),p=({align:e="start",onChange:i,size:b="md",tabs:r,tabsContents:n,...s})=>t.jsxRuntimeExports.jsxs(o.TabsRoot,{className:"Tabs","data-testid":"kibble-tabs",justify:e||s.justify,size:b,onValueChange:({value:a})=>i?.(a),...s,children:[t.jsxRuntimeExports.jsx(o.TabsList,{className:"Tabs__List","data-testid":"kibble-tabs-list",children:r.map((a,c)=>t.jsxRuntimeExports.jsx(j,{...a},`tab-${c}`))}),!!n&&n.map((a,c)=>t.jsxRuntimeExports.jsx(o.TabsContent,{...a},`tabContent-${c}`))]});exports.Tabs=p;
-//# sourceMappingURL=tabs.component-D6QT597P.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),m=require("./icon.component-Drw3LiG5.js"),x=require("./notificationCounter.component-CIzFZpAS.js"),d=require("./heading.component-C92ZA4Md.js"),o=require("./chakra-BHjfByoV.js"),l={xs:"sm",sm:"md",md:"md",lg:"lg"},u={xs:"xs",sm:"xs",md:"sm",lg:"md"},j=({iconName:e,iconPosition:i="left",label:b,notificationCounterProps:r,showNotificationCounter:n,size:s="md",...a})=>t.jsxRuntimeExports.jsxs(o.TabsTrigger,{className:"Tab","data-testid":"kibble-tab",...a,children:[!!e&&i==="left"&&t.jsxRuntimeExports.jsx(m.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s,variant:"default"}),t.jsxRuntimeExports.jsx(d.WrappedHeading,{className:"Tab__Label","data-testid":"kibble-tab-label",size:u[s],children:b}),!!e&&i==="right"&&t.jsxRuntimeExports.jsx(m.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s}),n&&t.jsxRuntimeExports.jsx(x.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":"kibble-tab-notification-counter",...r,size:l[s]})]}),p=({align:e="start",onChange:i,size:b="md",tabs:r,tabsContents:n,...s})=>t.jsxRuntimeExports.jsxs(o.TabsRoot,{className:"Tabs","data-testid":"kibble-tabs",justify:e||s.justify,size:b,onValueChange:({value:a})=>i?.(a),...s,children:[t.jsxRuntimeExports.jsx(o.TabsList,{className:"Tabs__List","data-testid":"kibble-tabs-list",children:r.map((a,c)=>t.jsxRuntimeExports.jsx(j,{...a},`tab-${c}`))}),!!n&&n.map((a,c)=>t.jsxRuntimeExports.jsx(o.TabsContent,{...a},`tabContent-${c}`))]});exports.Tabs=p;
+//# sourceMappingURL=tabs.component-DF92o83d.js.map

package/dist/chunks/{tabs.component-D6QT597P.js.map → tabs.component-DF92o83d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.component-D6QT597P.js","sources":["../../src/components/Tabs/components/Tab/tab.records.ts","../../src/components/Tabs/components/Tab/tab.component.tsx","../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabSize } from \"./tab.types\";\nimport { NotificationCounterSize } from \"components/NotificationCounter/notificationCounter.types\";\nimport { HeadingSize } from \"components/Heading/heading.types\";\n\nexport const tabNotificationCounterSize: Record<\n  TabSize,\n  NotificationCounterSize\n> = {\n  xs: \"sm\",\n  sm: \"md\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const tabLabelSize: Record<TabSize, HeadingSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React from \"react\";\nimport { Tabs } from \"@chakra-ui/react/tabs\";\nimport { Icon, IconName } from \"components/Icon\";\nimport {\n  NotificationCounter,\n  NotificationCounterProps,\n} from \"components/NotificationCounter/notificationCounter.component\";\nimport { TabIconPosition, TabSize } from \"./tab.types\";\nimport { tabLabelSize, tabNotificationCounterSize } from \"./tab.records\";\nimport { Heading } from \"components/Heading/heading.component\";\n\nexport interface TabProps extends Tabs.TriggerProps {\n  iconName?: IconName;\n  iconPosition?: TabIconPosition;\n  label: string;\n  notificationCounterProps?: Omit<NotificationCounterProps, \"size\">;\n  showNotificationCounter?: boolean;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  iconPosition = \"left\",\n  label,\n  notificationCounterProps,\n  showNotificationCounter,\n  size = \"md\",\n  ...rest\n}: TabProps): React.JSX.Element => {\n  return (\n    <Tabs.Trigger className=\"Tab\" data-testid=\"kibble-tab\" {...rest}>\n      {!!iconName && iconPosition === \"left\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n          variant=\"default\"\n        />\n      )}\n      <Heading\n        className=\"Tab__Label\"\n        data-testid=\"kibble-tab-label\"\n        size={tabLabelSize[size]}\n      >\n        {label}\n      </Heading>\n      {!!iconName && iconPosition === \"right\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n        />\n      )}\n      {showNotificationCounter && (\n        <NotificationCounter\n          className=\"Tab__NotificationCounter\"\n          data-testid=\"kibble-tab-notification-counter\"\n          {...notificationCounterProps}\n          size={tabNotificationCounterSize[size]}\n        />\n      )}\n    </Tabs.Trigger>\n  );\n};\n","import React from \"react\";\nimport { Tabs as CTabs } from \"@chakra-ui/react/tabs\";\nimport { TabSize } from \"./components/Tab/tab.types\";\nimport { Tab, TabProps } from \"./components/Tab/tab.component\";\nimport { Alignment } from \"shared/types/alignment\";\n\nexport interface TabsProps\n  extends Omit<CTabs.RootProps, \"onChange\" | \"variant\"> {\n  align?: Alignment;\n  onChange?: (value: string) => void;\n  size?: TabSize;\n  tabs: TabProps[];\n  tabsContents?: CTabs.ContentProps[];\n}\n\nexport const Tabs = ({\n  align = \"start\",\n  onChange,\n  size = \"md\",\n  tabs,\n  tabsContents,\n  ...rest\n}: TabsProps): React.JSX.Element => {\n  return (\n    <CTabs.Root\n      className=\"Tabs\"\n      data-testid=\"kibble-tabs\"\n      justify={align || rest.justify}\n      size={size}\n      onValueChange={({ value }) => onChange?.(value)}\n      {...rest}\n    >\n      <CTabs.List className=\"Tabs__List\" data-testid=\"kibble-tabs-list\">\n        {tabs.map((tab, index) => (\n          <Tab key={`tab-${index}`} {...tab} />\n        ))}\n      </CTabs.List>\n      {!!tabsContents &&\n        tabsContents.map((tabContent, index) => (\n          <CTabs.Content key={`tabContent-${index}`} {...tabContent} />\n        ))}\n    </CTabs.Root>\n  );\n};\n"],"names":["tabNotificationCounterSize","tabLabelSize","Tab","iconName","iconPosition","label","notificationCounterProps","showNotificationCounter","size","rest","jsxs","Tabs.Trigger","jsx","Icon","Heading","NotificationCounter","Tabs","align","onChange","tabs","tabsContents","CTabs.Root","value","CTabs.List","tab","index","tabContent","CTabs.Content"],"mappings":"uOAIaA,EAGT,CACF,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAA6C,CACxD,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECCaC,EAAM,CAAC,CAClB,SAAAC,EACA,aAAAC,EAAe,OACf,MAAAC,EACA,yBAAAC,EACA,wBAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,IAEIC,EAAA,kBAAA,KAACC,cAAA,CAAa,UAAU,MAAM,cAAY,aAAc,GAAGF,EACxD,SAAA,CAAC,CAAA,CAACN,GAAYC,IAAiB,QAC9BQ,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,cAAY,kBACZ,KAAMV,EACN,KAAAK,EACA,QAAQ,SAAA,CACV,EAEFI,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,UAAU,aACV,cAAY,mBACZ,KAAMb,EAAaO,CAAI,EAEtB,SAAAH,CAAA,CACH,EACC,CAAC,CAACF,GAAYC,IAAiB,SAC9BQ,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,cAAY,kBACZ,KAAMV,EACN,KAAAK,CAAA,CACF,EAEDD,GACCK,EAAA,kBAAA,IAACG,EAAA,oBAAA,CACC,UAAU,2BACV,cAAY,kCACX,GAAGT,EACJ,KAAMN,EAA2BQ,CAAI,CAAA,CAAA,CACvC,EAEJ,EChDSQ,EAAO,CAAC,CACnB,MAAAC,EAAQ,QACR,SAAAC,EACA,KAAAV,EAAO,KACP,KAAAW,EACA,aAAAC,EACA,GAAGX,CACL,IAEIC,EAAA,kBAAA,KAACW,EAAM,SAAN,CACC,UAAU,OACV,cAAY,cACZ,QAASJ,GAASR,EAAK,QACvB,KAAAD,EACA,cAAe,CAAC,CAAE,MAAAc,KAAYJ,IAAWI,CAAK,EAC7C,GAAGb,EAEJ,SAAA,CAACG,wBAAAW,EAAAA,SAAA,CAAW,UAAU,aAAa,cAAY,mBAC5C,WAAK,IAAI,CAACC,EAAKC,IACdb,EAAA,kBAAA,IAACV,GAA0B,GAAGsB,CAAA,EAApB,OAAOC,CAAK,EAAa,CACpC,EACH,EACC,CAAC,CAACL,GACDA,EAAa,IAAI,CAACM,EAAYD,IAC3Bb,EAAAA,kBAAAA,IAAAe,EAAAA,YAAA,CAA2C,GAAGD,GAA3B,cAAcD,CAAK,EAAoB,CAC5D,CAAA,CAAA,CACL"}
+{"version":3,"file":"tabs.component-DF92o83d.js","sources":["../../src/components/Tabs/components/Tab/tab.records.ts","../../src/components/Tabs/components/Tab/tab.component.tsx","../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabSize } from \"./tab.types\";\nimport { NotificationCounterSize } from \"components/NotificationCounter/notificationCounter.types\";\nimport { HeadingSize } from \"components/Heading/heading.types\";\n\nexport const tabNotificationCounterSize: Record<\n  TabSize,\n  NotificationCounterSize\n> = {\n  xs: \"sm\",\n  sm: \"md\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const tabLabelSize: Record<TabSize, HeadingSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React from \"react\";\nimport { Tabs } from \"@chakra-ui/react/tabs\";\nimport { Icon, IconName } from \"components/Icon\";\nimport {\n  NotificationCounter,\n  NotificationCounterProps,\n} from \"components/NotificationCounter/notificationCounter.component\";\nimport { TabIconPosition, TabSize } from \"./tab.types\";\nimport { tabLabelSize, tabNotificationCounterSize } from \"./tab.records\";\nimport { Heading } from \"components/Heading/heading.component\";\n\nexport interface TabProps extends Tabs.TriggerProps {\n  iconName?: IconName;\n  iconPosition?: TabIconPosition;\n  label: string;\n  notificationCounterProps?: Omit<NotificationCounterProps, \"size\">;\n  showNotificationCounter?: boolean;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  iconPosition = \"left\",\n  label,\n  notificationCounterProps,\n  showNotificationCounter,\n  size = \"md\",\n  ...rest\n}: TabProps): React.JSX.Element => {\n  return (\n    <Tabs.Trigger className=\"Tab\" data-testid=\"kibble-tab\" {...rest}>\n      {!!iconName && iconPosition === \"left\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n          variant=\"default\"\n        />\n      )}\n      <Heading\n        className=\"Tab__Label\"\n        data-testid=\"kibble-tab-label\"\n        size={tabLabelSize[size]}\n      >\n        {label}\n      </Heading>\n      {!!iconName && iconPosition === \"right\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n        />\n      )}\n      {showNotificationCounter && (\n        <NotificationCounter\n          className=\"Tab__NotificationCounter\"\n          data-testid=\"kibble-tab-notification-counter\"\n          {...notificationCounterProps}\n          size={tabNotificationCounterSize[size]}\n        />\n      )}\n    </Tabs.Trigger>\n  );\n};\n","import React from \"react\";\nimport { Tabs as CTabs } from \"@chakra-ui/react/tabs\";\nimport { TabSize } from \"./components/Tab/tab.types\";\nimport { Tab, TabProps } from \"./components/Tab/tab.component\";\nimport { Alignment } from \"shared/types/alignment\";\n\nexport interface TabsProps\n  extends Omit<CTabs.RootProps, \"onChange\" | \"variant\"> {\n  align?: Alignment;\n  onChange?: (value: string) => void;\n  size?: TabSize;\n  tabs: TabProps[];\n  tabsContents?: CTabs.ContentProps[];\n}\n\nexport const Tabs = ({\n  align = \"start\",\n  onChange,\n  size = \"md\",\n  tabs,\n  tabsContents,\n  ...rest\n}: TabsProps): React.JSX.Element => {\n  return (\n    <CTabs.Root\n      className=\"Tabs\"\n      data-testid=\"kibble-tabs\"\n      justify={align || rest.justify}\n      size={size}\n      onValueChange={({ value }) => onChange?.(value)}\n      {...rest}\n    >\n      <CTabs.List className=\"Tabs__List\" data-testid=\"kibble-tabs-list\">\n        {tabs.map((tab, index) => (\n          <Tab key={`tab-${index}`} {...tab} />\n        ))}\n      </CTabs.List>\n      {!!tabsContents &&\n        tabsContents.map((tabContent, index) => (\n          <CTabs.Content key={`tabContent-${index}`} {...tabContent} />\n        ))}\n    </CTabs.Root>\n  );\n};\n"],"names":["tabNotificationCounterSize","tabLabelSize","Tab","iconName","iconPosition","label","notificationCounterProps","showNotificationCounter","size","rest","jsxs","Tabs.Trigger","jsx","Icon","Heading","NotificationCounter","Tabs","align","onChange","tabs","tabsContents","CTabs.Root","value","CTabs.List","tab","index","tabContent","CTabs.Content"],"mappings":"uOAIaA,EAGT,CACF,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAA6C,CACxD,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECCaC,EAAM,CAAC,CAClB,SAAAC,EACA,aAAAC,EAAe,OACf,MAAAC,EACA,yBAAAC,EACA,wBAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,IAEIC,EAAA,kBAAA,KAACC,cAAA,CAAa,UAAU,MAAM,cAAY,aAAc,GAAGF,EACxD,SAAA,CAAC,CAAA,CAACN,GAAYC,IAAiB,QAC9BQ,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,cAAY,kBACZ,KAAMV,EACN,KAAAK,EACA,QAAQ,SAAA,CACV,EAEFI,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,UAAU,aACV,cAAY,mBACZ,KAAMb,EAAaO,CAAI,EAEtB,SAAAH,CAAA,CACH,EACC,CAAC,CAACF,GAAYC,IAAiB,SAC9BQ,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,cAAY,kBACZ,KAAMV,EACN,KAAAK,CAAA,CACF,EAEDD,GACCK,EAAA,kBAAA,IAACG,EAAA,oBAAA,CACC,UAAU,2BACV,cAAY,kCACX,GAAGT,EACJ,KAAMN,EAA2BQ,CAAI,CAAA,CAAA,CACvC,EAEJ,EChDSQ,EAAO,CAAC,CACnB,MAAAC,EAAQ,QACR,SAAAC,EACA,KAAAV,EAAO,KACP,KAAAW,EACA,aAAAC,EACA,GAAGX,CACL,IAEIC,EAAA,kBAAA,KAACW,EAAM,SAAN,CACC,UAAU,OACV,cAAY,cACZ,QAASJ,GAASR,EAAK,QACvB,KAAAD,EACA,cAAe,CAAC,CAAE,MAAAc,KAAYJ,IAAWI,CAAK,EAC7C,GAAGb,EAEJ,SAAA,CAACG,wBAAAW,EAAAA,SAAA,CAAW,UAAU,aAAa,cAAY,mBAC5C,WAAK,IAAI,CAACC,EAAKC,IACdb,EAAA,kBAAA,IAACV,GAA0B,GAAGsB,CAAA,EAApB,OAAOC,CAAK,EAAa,CACpC,EACH,EACC,CAAC,CAACL,GACDA,EAAa,IAAI,CAACM,EAAYD,IAC3Bb,EAAAA,kBAAAA,IAAAe,EAAAA,YAAA,CAA2C,GAAGD,GAA3B,cAAcD,CAAK,EAAoB,CAC5D,CAAA,CAAA,CACL"}

package/dist/chunks/{tag.component-BjOfy3Bw.js → tag.component-CHwt3mTK.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-D-x6W6ez.js"),T=require("react"),s=require("./chakra-DmF8Cxqs.js"),g={sm:0,md:.5,lg:1},n=T.forwardRef((c,d)=>{const{leftElement:r,rightElement:l,onClose:i,label:m,closeButtonDisplay:e="never",size:a="md",variant:b="default",...u}=c,o=!!i&&e!=="never";return t.jsxRuntimeExports.jsxs(s.TagRoot,{className:"Tag group","data-testid":"kibble-tag",ref:d,variant:b,size:a,closeButtonDisplay:e,...o&&e==="always"&&{pr:g[a]},...u,children:[r,t.jsxRuntimeExports.jsx(s.TagLabel,{className:"Tag__Label","data-testid":"kibble-tag-label",...!!r&&{ml:1},...!!l&&{mr:1},children:m}),l,o&&t.jsxRuntimeExports.jsx(s.TagCloseTrigger,{className:"Tag__CloseTrigger","data-testid":"kibble-tag-close-trigger",onClick:i,...e==="hover"&&{px:g[a]}})]})});n.displayName="Tag";exports.Tag=n;
-//# sourceMappingURL=tag.component-BjOfy3Bw.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),T=require("react"),s=require("./chakra-BHjfByoV.js"),g={sm:0,md:.5,lg:1},n=T.forwardRef((c,d)=>{const{leftElement:r,rightElement:l,onClose:i,label:m,closeButtonDisplay:e="never",size:a="md",variant:b="default",...u}=c,o=!!i&&e!=="never";return t.jsxRuntimeExports.jsxs(s.TagRoot,{className:"Tag group","data-testid":"kibble-tag",ref:d,variant:b,size:a,closeButtonDisplay:e,...o&&e==="always"&&{pr:g[a]},...u,children:[r,t.jsxRuntimeExports.jsx(s.TagLabel,{className:"Tag__Label","data-testid":"kibble-tag-label",...!!r&&{ml:1},...!!l&&{mr:1},children:m}),l,o&&t.jsxRuntimeExports.jsx(s.TagCloseTrigger,{className:"Tag__CloseTrigger","data-testid":"kibble-tag-close-trigger",onClick:i,...e==="hover"&&{px:g[a]}})]})});n.displayName="Tag";exports.Tag=n;
+//# sourceMappingURL=tag.component-CHwt3mTK.js.map

package/dist/chunks/{tag.component-BjOfy3Bw.js.map → tag.component-CHwt3mTK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tag.component-BjOfy3Bw.js","sources":["../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","jsx","CTag.Label","CTag.CloseTrigger"],"mappings":"0GAEaA,EAA4C,CACvD,GAAI,EACJ,GAAI,GACJ,GAAI,CACN,ECsBaC,EAAMC,EAAA,WACjB,CAACC,EAAOC,IAA2B,CAC3B,KAAA,CACJ,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,MAAAC,EACA,mBAAAC,EAAqB,QACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CAAA,EACDT,EACEU,EAAW,CAAC,CAACN,GAAWE,IAAuB,QAGnD,OAAAK,EAAA,kBAAA,KAACC,EAAK,QAAL,CACC,UAAU,YACV,cAAY,aACZ,IAAAX,EACA,QAAAO,EACA,KAAAD,EACA,mBAAAD,EACC,GAAII,GACHJ,IAAuB,UAAY,CACjC,GAAIT,EAAiBU,CAAI,CAC3B,EACD,GAAGE,EAEH,SAAA,CAAAP,EACDW,EAAA,kBAAA,IAACC,EAAK,SAAL,CACC,UAAU,aACV,cAAY,mBACX,GAAI,CAAC,CAACZ,GAAe,CAAE,GAAI,CAAE,EAC7B,GAAI,CAAC,CAACC,GAAgB,CAAE,GAAI,CAAE,EAE9B,SAAAE,CAAA,CACH,EACCF,EACAO,GACCG,EAAA,kBAAA,IAACE,EAAK,gBAAL,CACC,UAAU,oBACV,cAAY,2BACZ,QAASX,EACR,GAAIE,IAAuB,SAAW,CACrC,GAAIT,EAAiBU,CAAI,CAAA,CAC3B,CAAA,CACF,CAAA,CAEJ,CAAA,CAGN,EAEAT,EAAI,YAAc"}
+{"version":3,"file":"tag.component-CHwt3mTK.js","sources":["../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","jsx","CTag.Label","CTag.CloseTrigger"],"mappings":"0GAEaA,EAA4C,CACvD,GAAI,EACJ,GAAI,GACJ,GAAI,CACN,ECsBaC,EAAMC,EAAA,WACjB,CAACC,EAAOC,IAA2B,CAC3B,KAAA,CACJ,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,MAAAC,EACA,mBAAAC,EAAqB,QACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CAAA,EACDT,EACEU,EAAW,CAAC,CAACN,GAAWE,IAAuB,QAGnD,OAAAK,EAAA,kBAAA,KAACC,EAAK,QAAL,CACC,UAAU,YACV,cAAY,aACZ,IAAAX,EACA,QAAAO,EACA,KAAAD,EACA,mBAAAD,EACC,GAAII,GACHJ,IAAuB,UAAY,CACjC,GAAIT,EAAiBU,CAAI,CAC3B,EACD,GAAGE,EAEH,SAAA,CAAAP,EACDW,EAAA,kBAAA,IAACC,EAAK,SAAL,CACC,UAAU,aACV,cAAY,mBACX,GAAI,CAAC,CAACZ,GAAe,CAAE,GAAI,CAAE,EAC7B,GAAI,CAAC,CAACC,GAAgB,CAAE,GAAI,CAAE,EAE9B,SAAAE,CAAA,CACH,EACCF,EACAO,GACCG,EAAA,kBAAA,IAACE,EAAK,gBAAL,CACC,UAAU,oBACV,cAAY,2BACZ,QAASX,EACR,GAAIE,IAAuB,SAAW,CACrC,GAAIT,EAAiBU,CAAI,CAAA,CAC3B,CAAA,CACF,CAAA,CAEJ,CAAA,CAGN,EAEAT,EAAI,YAAc"}

package/dist/chunks/{tag.component-A__B03TA.js → tag.component-DRL_uBU8.js}

@@ -1,6 +1,6 @@
-import { x as s } from "./vendor-BBfll6i3.js";
+import { x as s } from "./vendor-CRIhG-7s.js";
 import { forwardRef as b } from "react";
-import { t as T, v as p, w as x } from "./chakra-BqBkjpvZ.js";
+import { aK as T, aL as p, aM as x } from "./chakra-DEgvQPwa.js";
 const i = {
   sm: 0,
   md: 0.5,
@@ -63,4 +63,4 @@ f.displayName = "Tag";
 export {
   f as T
 };
-//# sourceMappingURL=tag.component-A__B03TA.js.map
+//# sourceMappingURL=tag.component-DRL_uBU8.js.map

package/dist/chunks/{tag.component-A__B03TA.js.map → tag.component-DRL_uBU8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tag.component-A__B03TA.js","sources":["../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","jsx","CTag.Label","CTag.CloseTrigger"],"mappings":";;;AAEO,MAAMA,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCsBaC,IAAMC;AAAA,EACjB,CAACC,GAAOC,MAA2B;AAC3B,UAAA;AAAA,MACJ,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,oBAAAC,IAAqB;AAAA,MACrB,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDT,GACEU,IAAW,CAAC,CAACN,KAAWE,MAAuB;AAGnD,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAAX;AAAA,QACA,SAAAO;AAAA,QACA,MAAAD;AAAA,QACA,oBAAAD;AAAA,QACC,GAAII,KACHJ,MAAuB,YAAY;AAAA,UACjC,IAAIT,EAAiBU,CAAI;AAAA,QAC3B;AAAA,QACD,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAP;AAAA,UACDW,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACX,GAAI,CAAC,CAACZ,KAAe,EAAE,IAAI,EAAE;AAAA,cAC7B,GAAI,CAAC,CAACC,KAAgB,EAAE,IAAI,EAAE;AAAA,cAE9B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACCF;AAAA,UACAO,KACCG,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAASX;AAAA,cACR,GAAIE,MAAuB,WAAW;AAAA,gBACrC,IAAIT,EAAiBU,CAAI;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAT,EAAI,cAAc;"}
+{"version":3,"file":"tag.component-DRL_uBU8.js","sources":["../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","jsx","CTag.Label","CTag.CloseTrigger"],"mappings":";;;AAEO,MAAMA,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCsBaC,IAAMC;AAAA,EACjB,CAACC,GAAOC,MAA2B;AAC3B,UAAA;AAAA,MACJ,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,oBAAAC,IAAqB;AAAA,MACrB,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDT,GACEU,IAAW,CAAC,CAACN,KAAWE,MAAuB;AAGnD,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAAX;AAAA,QACA,SAAAO;AAAA,QACA,MAAAD;AAAA,QACA,oBAAAD;AAAA,QACC,GAAII,KACHJ,MAAuB,YAAY;AAAA,UACjC,IAAIT,EAAiBU,CAAI;AAAA,QAC3B;AAAA,QACD,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAP;AAAA,UACDW,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACX,GAAI,CAAC,CAACZ,KAAe,EAAE,IAAI,EAAE;AAAA,cAC7B,GAAI,CAAC,CAACC,KAAgB,EAAE,IAAI,EAAE;AAAA,cAE9B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACCF;AAAA,UACAO,KACCG,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAASX;AAAA,cACR,GAAIE,MAAuB,WAAW;AAAA,gBACrC,IAAIT,EAAiBU,CAAI;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAT,EAAI,cAAc;"}

package/dist/chunks/{tagBlock.component-BKnmbWil.js → tagBlock.component-S9-bfH87.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),x=require("react"),j=require("./button.component-DDjwI0xh.js"),R=require("./heading.component-CExbjSBi.js"),C=require("./menu.component-BCRZgrRr.js"),E=require("./spinner.component-CUuidnSK.js"),T=require("./tag.component-BjOfy3Bw.js"),k=require("./text.component-CBa_saMP.js"),s=require("./chakra-DmF8Cxqs.js");var l=(r=>(r.Inactive="Inactive",r.Deleted="Deleted",r))(l||{});const v={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},N=({title:r,menuProps:u,tags:a,canBeDeleted:h=!1,onClearAll:f,onRemoveTag:i,onDelete:B,hasError:d=!1,errorText:_="This field contains an error",displayTagsInGroups:c,loading:b=!1})=>{const p=x.useCallback(n=>{i&&i(n,a)},[i,a]),m=x.useMemo(()=>{if(!c)return[];const n={};for(const t of a){const o=t.groupLabel||"-";n[o]||(n[o]=[]),n[o].push(t)}return Object.entries(n).map(([t,o])=>({groupLabel:t,tags:o}))},[a,c]),g=x.useCallback(n=>n.map(t=>{const o=t.label.includes(l.Inactive)||t.label.includes(l.Deleted);return e.jsxRuntimeExports.jsx(T.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>p(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:o?"text.placeholder":"text",size:"md"},t.value)}),[p]);return e.jsxRuntimeExports.jsxs(s.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:d?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:b?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(s.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(s.HStack,{gap:1,minH:10,children:[r&&e.jsxRuntimeExports.jsx(k.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:r}),e.jsxRuntimeExports.jsx(C.Menu,{"data-testid":"kibble-tag-block-menu",...u,buttonProps:u?.buttonProps||v}),e.jsxRuntimeExports.jsx(j.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:f,disabled:a.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(s.Box,{children:e.jsxRuntimeExports.jsx(j.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!a.length&&e.jsxRuntimeExports.jsx(s.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:c&&m.length?e.jsxRuntimeExports.jsx(s.Flex,{direction:"column",children:m.map(({groupLabel:n,tags:t})=>e.jsxRuntimeExports.jsxs(s.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(s.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(R.WrappedHeading,{size:"xs",pb:2,children:n})}),e.jsxRuntimeExports.jsx(s.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},n))}):g(a)}),b&&e.jsxRuntimeExports.jsx(E.Spinner,{fullScreen:!0}),d&&e.jsxRuntimeExports.jsx(k.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",as:"p",variant:"danger",children:_})]})};exports.TagBlock=N;exports.TagDisabledState=l;
-//# sourceMappingURL=tagBlock.component-BKnmbWil.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),x=require("react"),j=require("./button.component-DnWrqGc4.js"),R=require("./heading.component-C92ZA4Md.js"),C=require("./menu.component-BsNXuoLB.js"),E=require("./spinner.component-BSDKzlvm.js"),T=require("./tag.component-CHwt3mTK.js"),k=require("./text.component-MDGpqA76.js"),s=require("./chakra-BHjfByoV.js");var l=(r=>(r.Inactive="Inactive",r.Deleted="Deleted",r))(l||{});const v={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},N=({title:r,menuProps:u,tags:a,canBeDeleted:h=!1,onClearAll:f,onRemoveTag:i,onDelete:B,hasError:d=!1,errorText:_="This field contains an error",displayTagsInGroups:c,loading:b=!1})=>{const p=x.useCallback(n=>{i&&i(n,a)},[i,a]),m=x.useMemo(()=>{if(!c)return[];const n={};for(const t of a){const o=t.groupLabel||"-";n[o]||(n[o]=[]),n[o].push(t)}return Object.entries(n).map(([t,o])=>({groupLabel:t,tags:o}))},[a,c]),g=x.useCallback(n=>n.map(t=>{const o=t.label.includes(l.Inactive)||t.label.includes(l.Deleted);return e.jsxRuntimeExports.jsx(T.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>p(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:o?"text.placeholder":"text",size:"md"},t.value)}),[p]);return e.jsxRuntimeExports.jsxs(s.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:d?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:b?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(s.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(s.HStack,{gap:1,minH:10,children:[r&&e.jsxRuntimeExports.jsx(k.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:r}),e.jsxRuntimeExports.jsx(C.Menu,{"data-testid":"kibble-tag-block-menu",...u,buttonProps:u?.buttonProps||v}),e.jsxRuntimeExports.jsx(j.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:f,disabled:a.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(s.Box,{children:e.jsxRuntimeExports.jsx(j.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!a.length&&e.jsxRuntimeExports.jsx(s.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:c&&m.length?e.jsxRuntimeExports.jsx(s.Flex,{direction:"column",children:m.map(({groupLabel:n,tags:t})=>e.jsxRuntimeExports.jsxs(s.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(s.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(R.WrappedHeading,{size:"xs",pb:2,children:n})}),e.jsxRuntimeExports.jsx(s.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},n))}):g(a)}),b&&e.jsxRuntimeExports.jsx(E.Spinner,{fullScreen:!0}),d&&e.jsxRuntimeExports.jsx(k.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",as:"p",variant:"danger",children:_})]})};exports.TagBlock=N;exports.TagDisabledState=l;
+//# sourceMappingURL=tagBlock.component-S9-bfH87.js.map

package/dist/chunks/tagBlock.component-S9-bfH87.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagBlock.component-S9-bfH87.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = \"Inactive\",\n  Deleted = \"Deleted\",\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Tag } from \"components/Tag/tag.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { TagBlockTag, TagDisabledState } from \"./tagBlock.types\";\nimport { MenuButtonProps } from \"components/Menu/components/MenuButton/menuButton.components\";\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: \"sm\",\n  variant: \"secondarySubtle\",\n  iconName: \"plus\",\n  text: \"Add\",\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = \"This field contains an error\",\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || \"-\";\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) ||\n          tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? \"text.placeholder\" : \"text\"}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : \"\"}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? \"hidden\" : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box\n                    className=\"TagBlock__GroupTitle\"\n                    data-testid=\"kibble-tag-block-group-title\"\n                  >\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text\n          className=\"TagBlock__Error\"\n          data-testid=\"kibble-tag-block-error\"\n          mt={2}\n          size=\"xs\"\n          as=\"p\"\n          variant=\"danger\"\n        >\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/chunks/{tagBlock.component-B99Qzj2K.js → tagBlock.component-nox0ltrv.js}

@@ -1,12 +1,12 @@
-import { x as e } from "./vendor-BBfll6i3.js";
+import { x as e } from "./vendor-CRIhG-7s.js";
 import T, { useCallback as g } from "react";
-import { B as k } from "./button.component-CA9bIFbq.js";
-import { W as N } from "./heading.component-B8niLTxz.js";
-import { M as v } from "./menu.component-Bscyjw7R.js";
-import { S as w } from "./spinner.component-D5tkelNc.js";
-import { T as W } from "./tag.component-A__B03TA.js";
-import { W as h } from "./text.component-XYjOAc2s.js";
-import { B as s, F as n, s as y } from "./chakra-BqBkjpvZ.js";
+import { B as k } from "./button.component-BZEZZa7D.js";
+import { W as N } from "./heading.component-BrXfTzEU.js";
+import { M as v } from "./menu.component-xKsPT0Zc.js";
+import { S as w } from "./spinner.component-D3If6khz.js";
+import { T as W } from "./tag.component-DRL_uBU8.js";
+import { W as h } from "./text.component-B1g7jaUt.js";
+import { a as s, F as n, H as y } from "./chakra-DEgvQPwa.js";
 var d = /* @__PURE__ */ ((o) => (o.Inactive = "Inactive", o.Deleted = "Deleted", o))(d || {});
 const S = {
   size: "sm",
@@ -182,4 +182,4 @@ export {
   E as T,
   d as a
 };
-//# sourceMappingURL=tagBlock.component-B99Qzj2K.js.map
+//# sourceMappingURL=tagBlock.component-nox0ltrv.js.map

package/dist/chunks/tagBlock.component-nox0ltrv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagBlock.component-nox0ltrv.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = \"Inactive\",\n  Deleted = \"Deleted\",\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Tag } from \"components/Tag/tag.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { TagBlockTag, TagDisabledState } from \"./tagBlock.types\";\nimport { MenuButtonProps } from \"components/Menu/components/MenuButton/menuButton.components\";\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: \"sm\",\n  variant: \"secondarySubtle\",\n  iconName: \"plus\",\n  text: \"Add\",\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = \"This field contains an error\",\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || \"-\";\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) ||\n          tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? \"text.placeholder\" : \"text\"}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : \"\"}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? \"hidden\" : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box\n                    className=\"TagBlock__GroupTitle\"\n                    data-testid=\"kibble-tag-block-group-title\"\n                  >\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text\n          className=\"TagBlock__Error\"\n          data-testid=\"kibble-tag-block-error\"\n          mt={2}\n          size=\"xs\"\n          as=\"p\"\n          variant=\"danger\"\n        >\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/chunks/text.component-B1g7jaUt.js

@@ -0,0 +1,10 @@
+import { x as s } from "./vendor-CRIhG-7s.js";
+import { w as o } from "./withTruncation-C4IBRfqV.js";
+import { ao as r } from "./chakra-DEgvQPwa.js";
+const t = ({ children: e, ...a }) => /* @__PURE__ */ s.jsx(r, { className: "Text", "data-testid": "kibble-text", ...a, children: e });
+t.displayName = "Text";
+const p = o(t);
+export {
+  p as W
+};
+//# sourceMappingURL=text.component-B1g7jaUt.js.map

package/dist/chunks/{text.component-XYjOAc2s.js.map → text.component-B1g7jaUt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text.component-XYjOAc2s.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAgBA,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzBC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAY,eAAe,GAAGF,GACnD,UAAAD,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAK,IAAcC,EAAeN,CAAI;"}
+{"version":3,"file":"text.component-B1g7jaUt.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAgBA,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzBC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAY,eAAe,GAAGF,GACnD,UAAAD,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAK,IAAcC,EAAeN,CAAI;"}

package/dist/chunks/{text.component-CBa_saMP.js → text.component-MDGpqA76.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("./vendor-D-x6W6ez.js"),a=require("./withTruncation-BskZBBVs.js"),i=require("./chakra-DmF8Cxqs.js"),t=({children:e,...r})=>s.jsxRuntimeExports.jsx(i.Text,{className:"Text","data-testid":"kibble-text",...r,children:e});t.displayName="Text";const n=a.withTruncation(t);exports.WrappedText=n;
-//# sourceMappingURL=text.component-CBa_saMP.js.map
+"use strict";const s=require("./vendor-DcKGwQlH.js"),a=require("./withTruncation-DZqJYnSw.js"),i=require("./chakra-BHjfByoV.js"),t=({children:e,...r})=>s.jsxRuntimeExports.jsx(i.Text,{className:"Text","data-testid":"kibble-text",...r,children:e});t.displayName="Text";const n=a.withTruncation(t);exports.WrappedText=n;
+//# sourceMappingURL=text.component-MDGpqA76.js.map

package/dist/chunks/{text.component-CBa_saMP.js.map → text.component-MDGpqA76.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text.component-CBa_saMP.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":"iIAgBMA,EAAO,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEzBC,EAAA,kBAAA,IAACC,QAAM,UAAU,OAAO,cAAY,cAAe,GAAGF,EACnD,SAAAD,EACH,EAIJD,EAAK,YAAc,OAEb,MAAAK,EAAcC,iBAAeN,CAAI"}
+{"version":3,"file":"text.component-MDGpqA76.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":"iIAgBMA,EAAO,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEzBC,EAAA,kBAAA,IAACC,QAAM,UAAU,OAAO,cAAY,cAAe,GAAGF,EACnD,SAAAD,EACH,EAIJD,EAAK,YAAc,OAEb,MAAAK,EAAcC,iBAAeN,CAAI"}

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

@@ -1,14 +1,14 @@
-import { x as t } from "./vendor-BBfll6i3.js";
+import { x as t } from "./vendor-CRIhG-7s.js";
 import C, { useMemo as _ } from "react";
-import { w as h } from "./withFormControl-CDQGc9aO.js";
-import { B as b } from "./button.component-CA9bIFbq.js";
-import { C as g } from "./characterCounter.component-DhiMcztY.js";
-import { B as j, K as N, M as T } from "./chakra-BqBkjpvZ.js";
-const B = {
+import { w as h } from "./withFormControl-BCyb1yXC.js";
+import { B as b } from "./button.component-BZEZZa7D.js";
+import { C as N } from "./characterCounter.component-BhtK0SKA.js";
+import { a as g, aN as j, aO as T } from "./chakra-DEgvQPwa.js";
+const w = {
   sm: "xs",
   md: "sm",
   lg: "md"
-}, w = h(
+}, B = h(
   ({
     charLimit: o = void 0,
     clearable: r = !1,
@@ -33,7 +33,7 @@ const B = {
       {
         className: "TextInput__ClearButton",
         "data-testid": "kibble-text-input-clear-button",
-        size: B[i],
+        size: w[i],
         variant: "ghostNeutral",
         onClick: f,
         iconName: "close"
@@ -43,9 +43,9 @@ const B = {
       () => e?.toString()?.length || 0,
       [e]
     );
-    return /* @__PURE__ */ t.jsxs(j, { className: "TextInput__Wrapper", position: "relative", w: "100%", children: [
+    return /* @__PURE__ */ t.jsxs(g, { className: "TextInput__Wrapper", position: "relative", w: "100%", children: [
       /* @__PURE__ */ t.jsx(
-        N,
+        j,
         {
           className: "TextInput__InputGroup",
           "data-testid": "kibble-text-input-group",
@@ -79,7 +79,7 @@ const B = {
         }
       ),
       !!o && /* @__PURE__ */ t.jsx(
-        g,
+        N,
         {
           withLimit: !0,
           limit: o,
@@ -89,10 +89,10 @@ const B = {
     ] });
   }
 ), k = C.forwardRef(
-  (o, r) => /* @__PURE__ */ t.jsx(w, { inputRef: r, ...o })
+  (o, r) => /* @__PURE__ */ t.jsx(B, { inputRef: r, ...o })
 );
 k.displayName = "TextInput";
 export {
   k as W
 };
-//# sourceMappingURL=textInput.component-K4f7h4pP.js.map
+//# sourceMappingURL=textInput.component-CeMv8ruX.js.map

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

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

package/dist/chunks/{textInput.component-BalBo9uP.js → textInput.component-DIc2KQit.js}

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