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

package/dist/chunks/heading.component-BrXfTzEU.js

@@ -0,0 +1,10 @@
+import { x as t } from "./vendor-CRIhG-7s.js";
+import { w as n } from "./withTruncation-C4IBRfqV.js";
+import { an as s } from "./chakra-DEgvQPwa.js";
+const a = ({ children: i, ...e }) => /* @__PURE__ */ t.jsx(s, { className: "Heading", "data-testid": "kibble-heading", ...e, children: i });
+a.displayName = "Heading";
+const m = n(a);
+export {
+  m as W
+};
+//# sourceMappingURL=heading.component-BrXfTzEU.js.map

package/dist/chunks/{heading.component-B8niLTxz.js.map → heading.component-BrXfTzEU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"heading.component-B8niLTxz.js","sources":["../../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Heading as CHeading,\n  HeadingProps as CHeadingProps,\n} from \"@chakra-ui/react/typography\";\nimport { HeadingSize } from \"./heading.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\n\nexport interface KHeadingProps extends WithTruncationProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\n\nexport type HeadingProps = KHeadingProps & CHeadingProps;\n\nconst Heading = ({ children, ...rest }: HeadingProps): React.JSX.Element => {\n  return (\n    <CHeading className=\"Heading\" data-testid=\"kibble-heading\" {...rest}>\n      {children}\n    </CHeading>\n  );\n};\n\nHeading.displayName = \"Heading\";\n\nconst WrappedHeading = withTruncation(Heading);\n\nexport { WrappedHeading as Heading };\n"],"names":["Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":";;;AAgBA,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAE5BC,gBAAAA,EAAA,IAACC,KAAS,WAAU,WAAU,eAAY,kBAAkB,GAAGF,GAC5D,UAAAD,GACH;AAIJD,EAAQ,cAAc;AAEhB,MAAAK,IAAiBC,EAAeN,CAAO;"}
+{"version":3,"file":"heading.component-BrXfTzEU.js","sources":["../../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Heading as CHeading,\n  HeadingProps as CHeadingProps,\n} from \"@chakra-ui/react/typography\";\nimport { HeadingSize } from \"./heading.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\n\nexport interface KHeadingProps extends WithTruncationProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\n\nexport type HeadingProps = KHeadingProps & CHeadingProps;\n\nconst Heading = ({ children, ...rest }: HeadingProps): React.JSX.Element => {\n  return (\n    <CHeading className=\"Heading\" data-testid=\"kibble-heading\" {...rest}>\n      {children}\n    </CHeading>\n  );\n};\n\nHeading.displayName = \"Heading\";\n\nconst WrappedHeading = withTruncation(Heading);\n\nexport { WrappedHeading as Heading };\n"],"names":["Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":";;;AAgBA,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAE5BC,gBAAAA,EAAA,IAACC,KAAS,WAAU,WAAU,eAAY,kBAAkB,GAAGF,GAC5D,UAAAD,GACH;AAIJD,EAAQ,cAAc;AAEhB,MAAAK,IAAiBC,EAAeN,CAAO;"}

package/dist/chunks/{heading.component-CExbjSBi.js → heading.component-C92ZA4Md.js}

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

package/dist/chunks/{heading.component-CExbjSBi.js.map → heading.component-C92ZA4Md.js.map}

@@ -1 +1 @@
-{"version":3,"file":"heading.component-CExbjSBi.js","sources":["../../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Heading as CHeading,\n  HeadingProps as CHeadingProps,\n} from \"@chakra-ui/react/typography\";\nimport { HeadingSize } from \"./heading.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\n\nexport interface KHeadingProps extends WithTruncationProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\n\nexport type HeadingProps = KHeadingProps & CHeadingProps;\n\nconst Heading = ({ children, ...rest }: HeadingProps): React.JSX.Element => {\n  return (\n    <CHeading className=\"Heading\" data-testid=\"kibble-heading\" {...rest}>\n      {children}\n    </CHeading>\n  );\n};\n\nHeading.displayName = \"Heading\";\n\nconst WrappedHeading = withTruncation(Heading);\n\nexport { WrappedHeading as Heading };\n"],"names":["Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":"iIAgBMA,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAE5BC,EAAA,kBAAA,IAACC,WAAS,UAAU,UAAU,cAAY,iBAAkB,GAAGF,EAC5D,SAAAD,EACH,EAIJD,EAAQ,YAAc,UAEhB,MAAAK,EAAiBC,iBAAeN,CAAO"}
+{"version":3,"file":"heading.component-C92ZA4Md.js","sources":["../../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Heading as CHeading,\n  HeadingProps as CHeadingProps,\n} from \"@chakra-ui/react/typography\";\nimport { HeadingSize } from \"./heading.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\n\nexport interface KHeadingProps extends WithTruncationProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\n\nexport type HeadingProps = KHeadingProps & CHeadingProps;\n\nconst Heading = ({ children, ...rest }: HeadingProps): React.JSX.Element => {\n  return (\n    <CHeading className=\"Heading\" data-testid=\"kibble-heading\" {...rest}>\n      {children}\n    </CHeading>\n  );\n};\n\nHeading.displayName = \"Heading\";\n\nconst WrappedHeading = withTruncation(Heading);\n\nexport { WrappedHeading as Heading };\n"],"names":["Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":"iIAgBMA,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAE5BC,EAAA,kBAAA,IAACC,WAAS,UAAU,UAAU,cAAY,iBAAkB,GAAGF,EAC5D,SAAAD,EACH,EAIJD,EAAQ,YAAc,UAEhB,MAAAK,EAAiBC,iBAAeN,CAAO"}

package/dist/chunks/{icon.component-w5bWbfVU.js → icon.component-DOan8Ddb.js}

@@ -1,8 +1,8 @@
-import { x as s } from "./vendor-BBfll6i3.js";
+import { x as s } from "./vendor-CRIhG-7s.js";
 import { forwardRef as l, useMemo as m } from "react";
 import { IconMap as d } from "../esm/components/Icon/generated.js";
 import { t as x } from "./typography-Cqrokog3.js";
-import { B as I } from "./chakra-BqBkjpvZ.js";
+import { a as I } from "./chakra-DEgvQPwa.js";
 const f = d, M = {
   xs: 14,
   sm: 16,
@@ -11,7 +11,7 @@ const f = d, M = {
   xl: 32,
   "2xl": 38
 }, j = l(
-  ({ name: c, size: n = "lg", color: r, variant: o, ...e }, a) => {
+  ({ name: c, size: n = "lg", color: r, variant: o, ...a }, e) => {
     const p = f[c], t = M[n] + "px", i = m(() => o ? x[o].color : r, [o, r]);
     return /* @__PURE__ */ s.jsx(
       I,
@@ -20,13 +20,13 @@ const f = d, M = {
         "data-testid": "kibble-icon-wrapper",
         color: i,
         display: "inline-block",
-        ...e,
+        ...a,
         children: /* @__PURE__ */ s.jsx(
           p,
           {
             className: "Icon",
             "data-testid": "kibble-icon",
-            ref: a,
+            ref: e,
             width: t,
             height: t,
             color: "currentColor"
@@ -39,4 +39,4 @@ const f = d, M = {
 export {
   j as I
 };
-//# sourceMappingURL=icon.component-w5bWbfVU.js.map
+//# sourceMappingURL=icon.component-DOan8Ddb.js.map

package/dist/chunks/{icon.component-w5bWbfVU.js.map → icon.component-DOan8Ddb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon.component-w5bWbfVU.js","sources":["../../src/components/Icon/icon.records.ts","../../src/components/Icon/icon.component.tsx"],"sourcesContent":["import { IconMap as GeneratedIconMap } from \"./generated/index\";\nimport { IconSize } from \"./icon.types\";\n\nexport const IconMap = GeneratedIconMap;\n\nexport const IconSizeMap: Record<IconSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  \"2xl\": 38,\n};\n","import React, { forwardRef, useMemo } from \"react\";\nimport { IconMap, IconSizeMap } from \"./icon.records\";\nimport { IconName, IconSize } from \"./icon.types\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { typographyVariantStyles } from \"shared/records/typography\";\n\nexport interface BaseIconProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\n\nexport type IconProps = BaseIconProps & BoxProps;\n\nexport const Icon = forwardRef(\n  (\n    { name, size = \"lg\", color, variant, ...rest }: IconProps,\n    ref: React.ForwardedRef<IconProps>,\n  ): React.JSX.Element => {\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + \"px\";\n\n    const iconColor = useMemo(() => {\n      return variant ? typographyVariantStyles[variant].color : color;\n    }, [variant, color]);\n\n    return (\n      <Box\n        className=\"Icon__Wrapper\"\n        data-testid=\"kibble-icon-wrapper\"\n        color={iconColor}\n        display=\"inline-block\"\n        {...rest}\n      >\n        <MappedIcon\n          className=\"Icon\"\n          data-testid=\"kibble-icon\"\n          ref={ref}\n          width={d}\n          height={d}\n          color=\"currentColor\"\n        />\n      </Box>\n    );\n  },\n);\n"],"names":["IconMap","GeneratedIconMap","IconSizeMap","Icon","forwardRef","name","size","color","variant","rest","ref","MappedIcon","d","iconColor","useMemo","typographyVariantStyles","jsx","Box"],"mappings":";;;;;AAGO,MAAMA,IAAUC,GAEVC,IAAwC;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GCGaC,IAAOC;AAAA,EAClB,CACE,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,OAAAC,GAAO,SAAAC,GAAS,GAAGC,EAAK,GAC7CC,MACsB;AAChB,UAAAC,IAAaX,EAAQK,CAAI,GACzBO,IAAIV,EAAYI,CAAI,IAAI,MAExBO,IAAYC,EAAQ,MACjBN,IAAUO,EAAwBP,CAAO,EAAE,QAAQD,GACzD,CAACC,GAASD,CAAK,CAAC;AAGjB,WAAAS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,OAAOJ;AAAA,QACP,SAAQ;AAAA,QACP,GAAGJ;AAAA,QAEJ,UAAAO,gBAAAA,EAAA;AAAA,UAACL;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAAD;AAAA,YACA,OAAOE;AAAA,YACP,QAAQA;AAAA,YACR,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"icon.component-DOan8Ddb.js","sources":["../../src/components/Icon/icon.records.ts","../../src/components/Icon/icon.component.tsx"],"sourcesContent":["import { IconMap as GeneratedIconMap } from \"./generated/index\";\nimport { IconSize } from \"./icon.types\";\n\nexport const IconMap = GeneratedIconMap;\n\nexport const IconSizeMap: Record<IconSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  \"2xl\": 38,\n};\n","import React, { forwardRef, useMemo } from \"react\";\nimport { IconMap, IconSizeMap } from \"./icon.records\";\nimport { IconName, IconSize } from \"./icon.types\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { typographyVariantStyles } from \"shared/records/typography\";\n\nexport interface BaseIconProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\n\nexport type IconProps = BaseIconProps & BoxProps;\n\nexport const Icon = forwardRef(\n  (\n    { name, size = \"lg\", color, variant, ...rest }: IconProps,\n    ref: React.ForwardedRef<IconProps>,\n  ): React.JSX.Element => {\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + \"px\";\n\n    const iconColor = useMemo(() => {\n      return variant ? typographyVariantStyles[variant].color : color;\n    }, [variant, color]);\n\n    return (\n      <Box\n        className=\"Icon__Wrapper\"\n        data-testid=\"kibble-icon-wrapper\"\n        color={iconColor}\n        display=\"inline-block\"\n        {...rest}\n      >\n        <MappedIcon\n          className=\"Icon\"\n          data-testid=\"kibble-icon\"\n          ref={ref}\n          width={d}\n          height={d}\n          color=\"currentColor\"\n        />\n      </Box>\n    );\n  },\n);\n"],"names":["IconMap","GeneratedIconMap","IconSizeMap","Icon","forwardRef","name","size","color","variant","rest","ref","MappedIcon","d","iconColor","useMemo","typographyVariantStyles","jsx","Box"],"mappings":";;;;;AAGO,MAAMA,IAAUC,GAEVC,IAAwC;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GCGaC,IAAOC;AAAA,EAClB,CACE,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,OAAAC,GAAO,SAAAC,GAAS,GAAGC,EAAK,GAC7CC,MACsB;AAChB,UAAAC,IAAaX,EAAQK,CAAI,GACzBO,IAAIV,EAAYI,CAAI,IAAI,MAExBO,IAAYC,EAAQ,MACjBN,IAAUO,EAAwBP,CAAO,EAAE,QAAQD,GACzD,CAACC,GAASD,CAAK,CAAC;AAGjB,WAAAS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,OAAOJ;AAAA,QACP,SAAQ;AAAA,QACP,GAAGJ;AAAA,QAEJ,UAAAO,gBAAAA,EAAA;AAAA,UAACL;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAAD;AAAA,YACA,OAAOE;AAAA,YACP,QAAQA;AAAA,YACR,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/chunks/{icon.component-CzjzLiO_.js → icon.component-Drw3LiG5.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("./vendor-D-x6W6ez.js"),r=require("react"),d=require("../cjs/components/Icon/generated.cjs"),u=require("./typography-CtiaGoJG.js"),x=require("./chakra-DmF8Cxqs.js"),I=d.IconMap,m={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38},h=r.forwardRef(({name:t,size:s="lg",color:e,variant:o,...i},a)=>{const p=I[t],c=m[s]+"px",l=r.useMemo(()=>o?u.typographyVariantStyles[o].color:e,[o,e]);return n.jsxRuntimeExports.jsx(x.Box,{className:"Icon__Wrapper","data-testid":"kibble-icon-wrapper",color:l,display:"inline-block",...i,children:n.jsxRuntimeExports.jsx(p,{className:"Icon","data-testid":"kibble-icon",ref:a,width:c,height:c,color:"currentColor"})})});exports.Icon=h;
-//# sourceMappingURL=icon.component-CzjzLiO_.js.map
+"use strict";const n=require("./vendor-DcKGwQlH.js"),r=require("react"),d=require("../cjs/components/Icon/generated.cjs"),u=require("./typography-CtiaGoJG.js"),x=require("./chakra-BHjfByoV.js"),I=d.IconMap,m={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38},h=r.forwardRef(({name:t,size:s="lg",color:e,variant:o,...i},a)=>{const p=I[t],c=m[s]+"px",l=r.useMemo(()=>o?u.typographyVariantStyles[o].color:e,[o,e]);return n.jsxRuntimeExports.jsx(x.Box,{className:"Icon__Wrapper","data-testid":"kibble-icon-wrapper",color:l,display:"inline-block",...i,children:n.jsxRuntimeExports.jsx(p,{className:"Icon","data-testid":"kibble-icon",ref:a,width:c,height:c,color:"currentColor"})})});exports.Icon=h;
+//# sourceMappingURL=icon.component-Drw3LiG5.js.map

package/dist/chunks/{icon.component-CzjzLiO_.js.map → icon.component-Drw3LiG5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon.component-CzjzLiO_.js","sources":["../../src/components/Icon/icon.records.ts","../../src/components/Icon/icon.component.tsx"],"sourcesContent":["import { IconMap as GeneratedIconMap } from \"./generated/index\";\nimport { IconSize } from \"./icon.types\";\n\nexport const IconMap = GeneratedIconMap;\n\nexport const IconSizeMap: Record<IconSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  \"2xl\": 38,\n};\n","import React, { forwardRef, useMemo } from \"react\";\nimport { IconMap, IconSizeMap } from \"./icon.records\";\nimport { IconName, IconSize } from \"./icon.types\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { typographyVariantStyles } from \"shared/records/typography\";\n\nexport interface BaseIconProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\n\nexport type IconProps = BaseIconProps & BoxProps;\n\nexport const Icon = forwardRef(\n  (\n    { name, size = \"lg\", color, variant, ...rest }: IconProps,\n    ref: React.ForwardedRef<IconProps>,\n  ): React.JSX.Element => {\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + \"px\";\n\n    const iconColor = useMemo(() => {\n      return variant ? typographyVariantStyles[variant].color : color;\n    }, [variant, color]);\n\n    return (\n      <Box\n        className=\"Icon__Wrapper\"\n        data-testid=\"kibble-icon-wrapper\"\n        color={iconColor}\n        display=\"inline-block\"\n        {...rest}\n      >\n        <MappedIcon\n          className=\"Icon\"\n          data-testid=\"kibble-icon\"\n          ref={ref}\n          width={d}\n          height={d}\n          color=\"currentColor\"\n        />\n      </Box>\n    );\n  },\n);\n"],"names":["IconMap","GeneratedIconMap","IconSizeMap","Icon","forwardRef","name","size","color","variant","rest","ref","MappedIcon","d","iconColor","useMemo","typographyVariantStyles","jsx","Box"],"mappings":"kMAGaA,EAAUC,EAAA,QAEVC,EAAwC,CACnD,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,EACT,ECGaC,EAAOC,EAAA,WAClB,CACE,CAAE,KAAAC,EAAM,KAAAC,EAAO,KAAM,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,EAC7CC,IACsB,CAChB,MAAAC,EAAaX,EAAQK,CAAI,EACzBO,EAAIV,EAAYI,CAAI,EAAI,KAExBO,EAAYC,EAAAA,QAAQ,IACjBN,EAAUO,EAAA,wBAAwBP,CAAO,EAAE,MAAQD,EACzD,CAACC,EAASD,CAAK,CAAC,EAGjB,OAAAS,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,gBACV,cAAY,sBACZ,MAAOJ,EACP,QAAQ,eACP,GAAGJ,EAEJ,SAAAO,EAAA,kBAAA,IAACL,EAAA,CACC,UAAU,OACV,cAAY,cACZ,IAAAD,EACA,MAAOE,EACP,OAAQA,EACR,MAAM,cAAA,CAAA,CACR,CACF,CAAA,CAGN"}
+{"version":3,"file":"icon.component-Drw3LiG5.js","sources":["../../src/components/Icon/icon.records.ts","../../src/components/Icon/icon.component.tsx"],"sourcesContent":["import { IconMap as GeneratedIconMap } from \"./generated/index\";\nimport { IconSize } from \"./icon.types\";\n\nexport const IconMap = GeneratedIconMap;\n\nexport const IconSizeMap: Record<IconSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  \"2xl\": 38,\n};\n","import React, { forwardRef, useMemo } from \"react\";\nimport { IconMap, IconSizeMap } from \"./icon.records\";\nimport { IconName, IconSize } from \"./icon.types\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { typographyVariantStyles } from \"shared/records/typography\";\n\nexport interface BaseIconProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\n\nexport type IconProps = BaseIconProps & BoxProps;\n\nexport const Icon = forwardRef(\n  (\n    { name, size = \"lg\", color, variant, ...rest }: IconProps,\n    ref: React.ForwardedRef<IconProps>,\n  ): React.JSX.Element => {\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + \"px\";\n\n    const iconColor = useMemo(() => {\n      return variant ? typographyVariantStyles[variant].color : color;\n    }, [variant, color]);\n\n    return (\n      <Box\n        className=\"Icon__Wrapper\"\n        data-testid=\"kibble-icon-wrapper\"\n        color={iconColor}\n        display=\"inline-block\"\n        {...rest}\n      >\n        <MappedIcon\n          className=\"Icon\"\n          data-testid=\"kibble-icon\"\n          ref={ref}\n          width={d}\n          height={d}\n          color=\"currentColor\"\n        />\n      </Box>\n    );\n  },\n);\n"],"names":["IconMap","GeneratedIconMap","IconSizeMap","Icon","forwardRef","name","size","color","variant","rest","ref","MappedIcon","d","iconColor","useMemo","typographyVariantStyles","jsx","Box"],"mappings":"kMAGaA,EAAUC,EAAA,QAEVC,EAAwC,CACnD,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,EACT,ECGaC,EAAOC,EAAA,WAClB,CACE,CAAE,KAAAC,EAAM,KAAAC,EAAO,KAAM,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,EAC7CC,IACsB,CAChB,MAAAC,EAAaX,EAAQK,CAAI,EACzBO,EAAIV,EAAYI,CAAI,EAAI,KAExBO,EAAYC,EAAAA,QAAQ,IACjBN,EAAUO,EAAA,wBAAwBP,CAAO,EAAE,MAAQD,EACzD,CAACC,EAASD,CAAK,CAAC,EAGjB,OAAAS,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,gBACV,cAAY,sBACZ,MAAOJ,EACP,QAAQ,eACP,GAAGJ,EAEJ,SAAAO,EAAA,kBAAA,IAACL,EAAA,CACC,UAAU,OACV,cAAY,cACZ,IAAAD,EACA,MAAOE,EACP,OAAQA,EACR,MAAM,cAAA,CAAA,CACR,CACF,CAAA,CAGN"}

package/dist/chunks/{index-CloRZB5L.js → index-T4HRvnPT.js}

@@ -1,6 +1,6 @@
-import { x as e } from "./vendor-BBfll6i3.js";
+import { x as e } from "./vendor-CRIhG-7s.js";
 import a from "react";
-import { B as s } from "./chakra-BqBkjpvZ.js";
+import { a as s } from "./chakra-DEgvQPwa.js";
 const d = a.forwardRef(
   function(o, r) {
     return /* @__PURE__ */ e.jsx(
@@ -35,4 +35,4 @@ export {
   l as a,
   h as w
 };
-//# sourceMappingURL=index-CloRZB5L.js.map
+//# sourceMappingURL=index-T4HRvnPT.js.map

package/dist/chunks/{index-CloRZB5L.js.map → index-T4HRvnPT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CloRZB5L.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function DarkMode(props, ref) {\n    return (\n      <Box\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme dark\"\n        data-testid=\"kibble-dark-mode\"\n        colorScheme=\"dark\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n  return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function LightMode(props, ref) {\n    return (\n      <Box\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        data-testid=\"kibble-light-mode\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n  return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAM;AAAA,EACrB,SAAkBC,GAAOC,GAAK;AAE1B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaI,IAAe,CAACC,MACpBH,gBAAAA,MAACJ,KAAU,UAAAO,GAAS,GCjBvBC,IAAYP,EAAM;AAAA,EACtB,SAAmBC,GAAOC,GAAK;AAE3B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaO,IAAgB,CAACF,MACrBH,gBAAAA,MAACI,KAAW,UAAAD,GAAS;"}
+{"version":3,"file":"index-T4HRvnPT.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function DarkMode(props, ref) {\n    return (\n      <Box\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme dark\"\n        data-testid=\"kibble-dark-mode\"\n        colorScheme=\"dark\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n  return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function LightMode(props, ref) {\n    return (\n      <Box\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        data-testid=\"kibble-light-mode\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n  return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAM;AAAA,EACrB,SAAkBC,GAAOC,GAAK;AAE1B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaI,IAAe,CAACC,MACpBH,gBAAAA,MAACJ,KAAU,UAAAO,GAAS,GCjBvBC,IAAYP,EAAM;AAAA,EACtB,SAAmBC,GAAOC,GAAK;AAE3B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaO,IAAgB,CAACF,MACrBH,gBAAAA,MAACI,KAAW,UAAAD,GAAS;"}

package/dist/chunks/{index-BlB7iuVg.js → index-tw4s2PIA.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),s=require("react"),i=require("./chakra-DmF8Cxqs.js"),a=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{color:"fg",display:"contents",className:"chakra-theme dark","data-testid":"kibble-dark-mode",colorScheme:"dark",ref:o,...r})}),n=t=>e.jsxRuntimeExports.jsx(a,{children:t}),c=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{display:"contents",className:"chakra-theme light","data-testid":"kibble-light-mode",colorScheme:"light",ref:o,...r})}),d=t=>e.jsxRuntimeExports.jsx(c,{children:t});exports.withDarkMode=n;exports.withLightMode=d;
-//# sourceMappingURL=index-BlB7iuVg.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),s=require("react"),i=require("./chakra-BHjfByoV.js"),a=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{color:"fg",display:"contents",className:"chakra-theme dark","data-testid":"kibble-dark-mode",colorScheme:"dark",ref:o,...r})}),n=t=>e.jsxRuntimeExports.jsx(a,{children:t}),c=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{display:"contents",className:"chakra-theme light","data-testid":"kibble-light-mode",colorScheme:"light",ref:o,...r})}),d=t=>e.jsxRuntimeExports.jsx(c,{children:t});exports.withDarkMode=n;exports.withLightMode=d;
+//# sourceMappingURL=index-tw4s2PIA.js.map

package/dist/chunks/{index-BlB7iuVg.js.map → index-tw4s2PIA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BlB7iuVg.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function DarkMode(props, ref) {\n    return (\n      <Box\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme dark\"\n        data-testid=\"kibble-dark-mode\"\n        colorScheme=\"dark\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n  return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function LightMode(props, ref) {\n    return (\n      <Box\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        data-testid=\"kibble-light-mode\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n  return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":"0GAGMA,EAAWC,EAAM,WACrB,SAAkBC,EAAOC,EAAK,CAE1B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,MAAM,KACN,QAAQ,WACR,UAAU,oBACV,cAAY,mBACZ,YAAY,OACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAgBC,GACpBH,wBAACJ,GAAU,SAAAO,EAAS,ECjBvBC,EAAYP,EAAM,WACtB,SAAmBC,EAAOC,EAAK,CAE3B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,QAAQ,WACR,UAAU,qBACV,cAAY,oBACZ,YAAY,QACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaO,EAAiBF,GACrBH,wBAACI,GAAW,SAAAD,EAAS"}
+{"version":3,"file":"index-tw4s2PIA.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function DarkMode(props, ref) {\n    return (\n      <Box\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme dark\"\n        data-testid=\"kibble-dark-mode\"\n        colorScheme=\"dark\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n  return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n  function LightMode(props, ref) {\n    return (\n      <Box\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        data-testid=\"kibble-light-mode\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n  return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":"0GAGMA,EAAWC,EAAM,WACrB,SAAkBC,EAAOC,EAAK,CAE1B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,MAAM,KACN,QAAQ,WACR,UAAU,oBACV,cAAY,mBACZ,YAAY,OACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAgBC,GACpBH,wBAACJ,GAAU,SAAAO,EAAS,ECjBvBC,EAAYP,EAAM,WACtB,SAAmBC,EAAOC,EAAK,CAE3B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,QAAQ,WACR,UAAU,qBACV,cAAY,oBACZ,YAAY,QACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaO,EAAiBF,GACrBH,wBAACI,GAAW,SAAAD,EAAS"}

package/dist/chunks/{link.component-Cmdnhc-F.js → link.component-BV-T_tzT.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),d=require("react"),j=require("./text.component-CBa_saMP.js"),k=require("./icon.component-CzjzLiO_.js"),R=require("./useIconTextSizeMap-BXmABb54.js"),c=require("./chakra-DmF8Cxqs.js"),x=({variant:i,...r})=>e.jsxRuntimeExports.jsx(k.Icon,{variant:i||"interactive",...r}),p=d.forwardRef((i,r)=>{const{children:u,external:m,iconProps:n,size:s="md",variant:t="interactive",...l}=i,o=R.useIconTextSizeMap(s),a=n?.position||"start";return e.jsxRuntimeExports.jsx(c.Link,{className:"Link","data-testid":"kibble-link",variant:t,display:"inline-block",size:s,ref:r,...m&&{target:"_blank",rel:"noopener noreferrer"},...l,children:e.jsxRuntimeExports.jsxs(c.HStack,{gap:1,align:"center",children:[n&&a==="start"&&e.jsxRuntimeExports.jsx(x,{name:n.name,variant:t,size:o}),e.jsxRuntimeExports.jsx(j.WrappedText,{size:s,variant:t,children:u}),n&&a==="end"&&e.jsxRuntimeExports.jsx(x,{name:n.name,variant:t,size:o})]})})});p.displayName="Link";exports.Link=p;
-//# sourceMappingURL=link.component-Cmdnhc-F.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),d=require("react"),j=require("./text.component-MDGpqA76.js"),k=require("./icon.component-Drw3LiG5.js"),R=require("./useIconTextSizeMap-BXmABb54.js"),c=require("./chakra-BHjfByoV.js"),x=({variant:i,...r})=>e.jsxRuntimeExports.jsx(k.Icon,{variant:i||"interactive",...r}),p=d.forwardRef((i,r)=>{const{children:u,external:m,iconProps:n,size:s="md",variant:t="interactive",...l}=i,o=R.useIconTextSizeMap(s),a=n?.position||"start";return e.jsxRuntimeExports.jsx(c.Link,{className:"Link","data-testid":"kibble-link",variant:t,display:"inline-block",size:s,ref:r,...m&&{target:"_blank",rel:"noopener noreferrer"},...l,children:e.jsxRuntimeExports.jsxs(c.HStack,{gap:1,align:"center",children:[n&&a==="start"&&e.jsxRuntimeExports.jsx(x,{name:n.name,variant:t,size:o}),e.jsxRuntimeExports.jsx(j.WrappedText,{size:s,variant:t,children:u}),n&&a==="end"&&e.jsxRuntimeExports.jsx(x,{name:n.name,variant:t,size:o})]})})});p.displayName="Link";exports.Link=p;
+//# sourceMappingURL=link.component-BV-T_tzT.js.map

package/dist/chunks/{link.component-Cmdnhc-F.js.map → link.component-BV-T_tzT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link.component-Cmdnhc-F.js","sources":["../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["LinkIcon","variant","rest","Icon","Link","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":"4OASaA,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECQ/CE,EAAOC,EAAA,WAClB,CACEC,EACAC,IACsB,CAChB,KAAA,CACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAV,EAAU,cACV,GAAGC,CAAA,EACDI,EACEM,EAAcC,qBAAmBF,CAAI,EACrCG,EAAeJ,GAAW,UAAY,QAG1C,OAAAK,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAf,EACA,QAAQ,eACR,KAAAU,EACA,IAAAJ,EACC,GAAIE,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGP,EAEJ,SAACe,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAR,GAAaI,IAAiB,SAC7BC,EAAA,kBAAA,IAACf,EAAA,CACC,KAAMU,EAAU,KAChB,QAAAT,EACA,KAAMW,CAAA,CACR,EAEDG,EAAAA,kBAAAA,IAAAI,EAAAA,YAAA,CAAK,KAAAR,EAAY,QAAAV,EACf,SAAAO,CACH,CAAA,EACCE,GAAaI,IAAiB,OAC7BC,EAAA,kBAAA,IAACf,EAAA,CACC,KAAMU,EAAU,KAChB,QAAAT,EACA,KAAMW,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAR,EAAK,YAAc"}
+{"version":3,"file":"link.component-BV-T_tzT.js","sources":["../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["LinkIcon","variant","rest","Icon","Link","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":"4OASaA,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECQ/CE,EAAOC,EAAA,WAClB,CACEC,EACAC,IACsB,CAChB,KAAA,CACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAV,EAAU,cACV,GAAGC,CAAA,EACDI,EACEM,EAAcC,qBAAmBF,CAAI,EACrCG,EAAeJ,GAAW,UAAY,QAG1C,OAAAK,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAf,EACA,QAAQ,eACR,KAAAU,EACA,IAAAJ,EACC,GAAIE,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGP,EAEJ,SAACe,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAR,GAAaI,IAAiB,SAC7BC,EAAA,kBAAA,IAACf,EAAA,CACC,KAAMU,EAAU,KAChB,QAAAT,EACA,KAAMW,CAAA,CACR,EAEDG,EAAAA,kBAAAA,IAAAI,EAAAA,YAAA,CAAK,KAAAR,EAAY,QAAAV,EACf,SAAAO,CACH,CAAA,EACCE,GAAaI,IAAiB,OAC7BC,EAAA,kBAAA,IAACf,EAAA,CACC,KAAMU,EAAU,KAChB,QAAAT,EACA,KAAMW,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAR,EAAK,YAAc"}

package/dist/chunks/{link.component-DGC1Xu5B.js → link.component-DbXsouSQ.js}

@@ -1,22 +1,22 @@
-import { x as e } from "./vendor-BBfll6i3.js";
+import { x as e } from "./vendor-CRIhG-7s.js";
 import { forwardRef as x } from "react";
-import { W as d } from "./text.component-XYjOAc2s.js";
-import { I as k } from "./icon.component-w5bWbfVU.js";
+import { W as d } from "./text.component-B1g7jaUt.js";
+import { I as k } from "./icon.component-DOan8Ddb.js";
 import { u as f } from "./useIconTextSizeMap-BK-pUrQv.js";
-import { L as j, s as L } from "./chakra-BqBkjpvZ.js";
+import { az as j, H as z } from "./chakra-DEgvQPwa.js";
 const m = ({
   variant: i,
   ...t
-}) => /* @__PURE__ */ e.jsx(k, { variant: i || "interactive", ...t }), u = x(
+}) => /* @__PURE__ */ e.jsx(k, { variant: i || "interactive", ...t }), L = x(
   (i, t) => {
     const {
       children: c,
       external: p,
       iconProps: n,
-      size: s = "md",
+      size: a = "md",
       variant: r = "interactive",
       ...l
-    } = i, a = f(s), o = n?.position || "start";
+    } = i, s = f(a), o = n?.position || "start";
     return /* @__PURE__ */ e.jsx(
       j,
       {
@@ -24,26 +24,26 @@ const m = ({
         "data-testid": "kibble-link",
         variant: r,
         display: "inline-block",
-        size: s,
+        size: a,
         ref: t,
         ...p && { target: "_blank", rel: "noopener noreferrer" },
         ...l,
-        children: /* @__PURE__ */ e.jsxs(L, { gap: 1, align: "center", children: [
+        children: /* @__PURE__ */ e.jsxs(z, { gap: 1, align: "center", children: [
           n && o === "start" && /* @__PURE__ */ e.jsx(
             m,
             {
               name: n.name,
               variant: r,
-              size: a
+              size: s
             }
           ),
-          /* @__PURE__ */ e.jsx(d, { size: s, variant: r, children: c }),
+          /* @__PURE__ */ e.jsx(d, { size: a, variant: r, children: c }),
           n && o === "end" && /* @__PURE__ */ e.jsx(
             m,
             {
               name: n.name,
               variant: r,
-              size: a
+              size: s
             }
           )
         ] })
@@ -51,8 +51,8 @@ const m = ({
     );
   }
 );
-u.displayName = "Link";
+L.displayName = "Link";
 export {
-  u as L
+  L
 };
-//# sourceMappingURL=link.component-DGC1Xu5B.js.map
+//# sourceMappingURL=link.component-DbXsouSQ.js.map

package/dist/chunks/{link.component-DGC1Xu5B.js.map → link.component-DbXsouSQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link.component-DGC1Xu5B.js","sources":["../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["LinkIcon","variant","rest","Icon","Link","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":";;;;;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,GAAGC;AACL,4BACUC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCQ/CE,IAAOC;AAAA,EAClB,CACEC,GACAC,MACsB;AAChB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAV,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDI,GACEM,IAAcC,EAAmBF,CAAI,GACrCG,IAAeJ,GAAW,YAAY;AAG1C,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAf;AAAA,QACA,SAAQ;AAAA,QACR,MAAAU;AAAA,QACA,KAAAJ;AAAA,QACC,GAAIE,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGP;AAAA,QAEJ,UAACe,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAAR,KAAaI,MAAiB,WAC7BC,gBAAAA,EAAA;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,MAAMU,EAAU;AAAA,cAChB,SAAAT;AAAA,cACA,MAAMW;AAAA,YAAA;AAAA,UACR;AAAA,UAEDG,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,MAAAR,GAAY,SAAAV,GACf,UAAAO,EACH,CAAA;AAAA,UACCE,KAAaI,MAAiB,SAC7BC,gBAAAA,EAAA;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,MAAMU,EAAU;AAAA,cAChB,SAAAT;AAAA,cACA,MAAMW;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAR,EAAK,cAAc;"}
+{"version":3,"file":"link.component-DbXsouSQ.js","sources":["../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          <Text size={size} variant={variant}>\n            {children}\n          </Text>\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["LinkIcon","variant","rest","Icon","Link","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack","Text"],"mappings":";;;;;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,GAAGC;AACL,4BACUC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCQ/CE,IAAOC;AAAA,EAClB,CACEC,GACAC,MACsB;AAChB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAV,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDI,GACEM,IAAcC,EAAmBF,CAAI,GACrCG,IAAeJ,GAAW,YAAY;AAG1C,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAf;AAAA,QACA,SAAQ;AAAA,QACR,MAAAU;AAAA,QACA,KAAAJ;AAAA,QACC,GAAIE,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGP;AAAA,QAEJ,UAACe,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAAR,KAAaI,MAAiB,WAC7BC,gBAAAA,EAAA;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,MAAMU,EAAU;AAAA,cAChB,SAAAT;AAAA,cACA,MAAMW;AAAA,YAAA;AAAA,UACR;AAAA,UAEDG,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,MAAAR,GAAY,SAAAV,GACf,UAAAO,EACH,CAAA;AAAA,UACCE,KAAaI,MAAiB,SAC7BC,gBAAAA,EAAA;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,MAAMU,EAAU;AAAA,cAChB,SAAAT;AAAA,cACA,MAAMW;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAR,EAAK,cAAc;"}

package/dist/chunks/logo.types-BRPr2KIZ.js

@@ -0,0 +1,74 @@
+import { x as a } from "./vendor-CRIhG-7s.js";
+import { F as i, a as c } from "./IconLogo-BurrDDT6.js";
+import { b1 as p, af as f, a as u } from "./chakra-DEgvQPwa.js";
+const d = {
+  full: {
+    width: "200px"
+  },
+  icon: {
+    width: "60px"
+  }
+}, m = {
+  default: {
+    color: "text"
+  },
+  primary: {
+    color: "text.logo"
+  }
+}, x = p({
+  base: {},
+  variants: {
+    type: d,
+    variant: m,
+    onContrast: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      onContrast: !0,
+      variant: "default",
+      css: {
+        color: "text.contrast"
+      }
+    },
+    {
+      onContrast: !0,
+      variant: "primary",
+      css: {
+        color: "text.logo.contrast"
+      }
+    }
+  ],
+  defaultVariants: {
+    type: "full",
+    variant: "default",
+    onContrast: !1
+  }
+}), v = ({
+  onClick: o,
+  onContrast: r = !1,
+  type: t = "full",
+  variant: s = "default",
+  ...e
+}) => {
+  const l = t === "full" ? i : c, n = f({ recipe: x })({ variant: s, type: t, onContrast: r });
+  return /* @__PURE__ */ a.jsx(
+    u,
+    {
+      className: "Logo",
+      "data-testid": "kibble-logo",
+      ...o && { cursor: "pointer", onClick: o },
+      css: n,
+      ...e,
+      children: /* @__PURE__ */ a.jsx(l, { color: "currentColor", width: "100%", height: "100%" })
+    }
+  );
+}, w = ["full", "icon"], C = ["default", "primary"];
+export {
+  v as L,
+  C as a,
+  w as l
+};
+//# sourceMappingURL=logo.types-BRPr2KIZ.js.map

package/dist/chunks/logo.types-BRPr2KIZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.types-BRPr2KIZ.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import {\n  defineRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { LogoType, LogoVariant } from \"./logo.types\";\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n  full: {\n    width: \"200px\",\n  },\n  icon: {\n    width: \"60px\",\n  },\n};\n\nconst logoVariantStyles: Record<LogoVariant, SystemStyleObject> = {\n  default: {\n    color: \"text\",\n  },\n  primary: {\n    color: \"text.logo\",\n  },\n};\n\nexport const logoRecipe = defineRecipe({\n  base: {},\n  variants: {\n    type: logoTypeStyles,\n    variant: logoVariantStyles,\n    onContrast: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      onContrast: true,\n      variant: \"default\",\n      css: {\n        color: \"text.contrast\",\n      },\n    },\n    {\n      onContrast: true,\n      variant: \"primary\",\n      css: {\n        color: \"text.logo.contrast\",\n      },\n    },\n  ],\n  defaultVariants: {\n    type: \"full\",\n    variant: \"default\",\n    onContrast: false,\n  },\n});\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { LogoType, LogoVariant } from \"./logo.types\";\nimport { FullLogo, IconLogo } from \"./generated\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { logoRecipe } from \"./logo.recipe\";\n\nexport interface LogoProps extends Omit<BoxProps, \"color\"> {\n  onClick?: () => void;\n  onContrast?: boolean;\n  type?: LogoType;\n  variant?: LogoVariant;\n}\n\nexport const Logo = ({\n  onClick,\n  onContrast = false,\n  type = \"full\",\n  variant = \"default\",\n  ...rest\n}: LogoProps): React.JSX.Element => {\n  const LogoComponent = type === \"full\" ? FullLogo : IconLogo;\n  const recipe = useRecipe({ recipe: logoRecipe });\n  const styles = recipe({ variant, type, onContrast });\n\n  return (\n    <Box\n      className=\"Logo\"\n      data-testid=\"kibble-logo\"\n      {...(onClick && { cursor: \"pointer\", onClick })}\n      css={styles}\n      {...rest}\n    >\n      <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n    </Box>\n  );\n};\n","export const logoTypes = [\"full\", \"icon\"] as const;\nexport type LogoType = (typeof logoTypes)[number];\n\nexport const logoVariants = [\"default\", \"primary\"] as const;\nexport type LogoVariant = (typeof logoVariants)[number];\n"],"names":["logoTypeStyles","logoVariantStyles","logoRecipe","defineRecipe","Logo","onClick","onContrast","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes","logoVariants"],"mappings":";;;AAMA,MAAMA,IAAsD;AAAA,EAC1D,MAAM;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,GAEMC,IAA4D;AAAA,EAChE,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAaC,EAAa;AAAA,EACrC,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,MAAMH;AAAA,IACN,SAASC;AAAA,IACT,YAAY;AAAA,MACV,MAAM,CAAC;AAAA,MACP,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,EAAA;AAEhB,CAAC,GCzCYG,IAAO,CAAC;AAAA,EACnB,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAoC;AAC5B,QAAAC,IAAgBH,MAAS,SAASI,IAAWC,GAE7CC,IADSC,EAAU,EAAE,QAAQZ,GAAY,EACzB,EAAE,SAAAM,GAAS,MAAAD,GAAM,YAAAD,GAAY;AAGjD,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAIX,KAAW,EAAE,QAAQ,WAAW,SAAAA,EAAQ;AAAA,MAC7C,KAAKQ;AAAA,MACJ,GAAGJ;AAAA,MAEJ,gCAACC,GAAc,EAAA,OAAM,gBAAe,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,IAAA;AAAA,EACjE;AAEJ,GCpCaO,IAAY,CAAC,QAAQ,MAAM,GAG3BC,IAAe,CAAC,WAAW,SAAS;"}

package/dist/chunks/logo.types-DPrISgm0.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./vendor-DcKGwQlH.js"),s=require("./IconLogo-Dd5mp5A_.js"),o=require("./chakra-BHjfByoV.js"),u={full:{width:"200px"},icon:{width:"60px"}},p={default:{color:"text"},primary:{color:"text.logo"}},d=o.defineRecipe({base:{},variants:{type:u,variant:p,onContrast:{true:{},false:{}}},compoundVariants:[{onContrast:!0,variant:"default",css:{color:"text.contrast"}},{onContrast:!0,variant:"primary",css:{color:"text.logo.contrast"}}],defaultVariants:{type:"full",variant:"default",onContrast:!1}}),f=({onClick:t,onContrast:a=!1,type:e="full",variant:n="default",...l})=>{const c=e==="full"?s.ForwardRef:s.ForwardRef$1,i=o.useRecipe({recipe:d})({variant:n,type:e,onContrast:a});return r.jsxRuntimeExports.jsx(o.Box,{className:"Logo","data-testid":"kibble-logo",...t&&{cursor:"pointer",onClick:t},css:i,...l,children:r.jsxRuntimeExports.jsx(c,{color:"currentColor",width:"100%",height:"100%"})})},g=["full","icon"],x=["default","primary"];exports.Logo=f;exports.logoTypes=g;exports.logoVariants=x;
+//# sourceMappingURL=logo.types-DPrISgm0.js.map

package/dist/chunks/logo.types-DPrISgm0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.types-DPrISgm0.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import {\n  defineRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { LogoType, LogoVariant } from \"./logo.types\";\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n  full: {\n    width: \"200px\",\n  },\n  icon: {\n    width: \"60px\",\n  },\n};\n\nconst logoVariantStyles: Record<LogoVariant, SystemStyleObject> = {\n  default: {\n    color: \"text\",\n  },\n  primary: {\n    color: \"text.logo\",\n  },\n};\n\nexport const logoRecipe = defineRecipe({\n  base: {},\n  variants: {\n    type: logoTypeStyles,\n    variant: logoVariantStyles,\n    onContrast: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      onContrast: true,\n      variant: \"default\",\n      css: {\n        color: \"text.contrast\",\n      },\n    },\n    {\n      onContrast: true,\n      variant: \"primary\",\n      css: {\n        color: \"text.logo.contrast\",\n      },\n    },\n  ],\n  defaultVariants: {\n    type: \"full\",\n    variant: \"default\",\n    onContrast: false,\n  },\n});\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { LogoType, LogoVariant } from \"./logo.types\";\nimport { FullLogo, IconLogo } from \"./generated\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { logoRecipe } from \"./logo.recipe\";\n\nexport interface LogoProps extends Omit<BoxProps, \"color\"> {\n  onClick?: () => void;\n  onContrast?: boolean;\n  type?: LogoType;\n  variant?: LogoVariant;\n}\n\nexport const Logo = ({\n  onClick,\n  onContrast = false,\n  type = \"full\",\n  variant = \"default\",\n  ...rest\n}: LogoProps): React.JSX.Element => {\n  const LogoComponent = type === \"full\" ? FullLogo : IconLogo;\n  const recipe = useRecipe({ recipe: logoRecipe });\n  const styles = recipe({ variant, type, onContrast });\n\n  return (\n    <Box\n      className=\"Logo\"\n      data-testid=\"kibble-logo\"\n      {...(onClick && { cursor: \"pointer\", onClick })}\n      css={styles}\n      {...rest}\n    >\n      <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n    </Box>\n  );\n};\n","export const logoTypes = [\"full\", \"icon\"] as const;\nexport type LogoType = (typeof logoTypes)[number];\n\nexport const logoVariants = [\"default\", \"primary\"] as const;\nexport type LogoVariant = (typeof logoVariants)[number];\n"],"names":["logoTypeStyles","logoVariantStyles","logoRecipe","defineRecipe","Logo","onClick","onContrast","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes","logoVariants"],"mappings":"2HAMMA,EAAsD,CAC1D,KAAM,CACJ,MAAO,OACT,EACA,KAAM,CACJ,MAAO,MAAA,CAEX,EAEMC,EAA4D,CAChE,QAAS,CACP,MAAO,MACT,EACA,QAAS,CACP,MAAO,WAAA,CAEX,EAEaC,EAAaC,EAAAA,aAAa,CACrC,KAAM,CAAC,EACP,SAAU,CACR,KAAMH,EACN,QAASC,EACT,WAAY,CACV,KAAM,CAAC,EACP,MAAO,CAAA,CAAC,CAEZ,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,QAAS,UACT,IAAK,CACH,MAAO,eAAA,CAEX,EACA,CACE,WAAY,GACZ,QAAS,UACT,IAAK,CACH,MAAO,oBAAA,CACT,CAEJ,EACA,gBAAiB,CACf,KAAM,OACN,QAAS,UACT,WAAY,EAAA,CAEhB,CAAC,ECzCYG,EAAO,CAAC,CACnB,QAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,OACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAAoC,CAC5B,MAAAC,EAAgBH,IAAS,OAASI,EAAW,WAAAC,EAAA,aAE7CC,EADSC,EAAA,UAAU,CAAE,OAAQZ,EAAY,EACzB,CAAE,QAAAM,EAAS,KAAAD,EAAM,WAAAD,EAAY,EAGjD,OAAAS,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACX,GAAIX,GAAW,CAAE,OAAQ,UAAW,QAAAA,CAAQ,EAC7C,IAAKQ,EACJ,GAAGJ,EAEJ,iCAACC,EAAc,CAAA,MAAM,eAAe,MAAM,OAAO,OAAO,MAAO,CAAA,CAAA,CACjE,CAEJ,ECpCaO,EAAY,CAAC,OAAQ,MAAM,EAG3BC,EAAe,CAAC,UAAW,SAAS"}

package/dist/chunks/{menu.component-BCRZgrRr.js → menu.component-BsNXuoLB.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),i=require("react"),v=require("./button.component-DDjwI0xh.js"),z=require("./icon.component-CzjzLiO_.js"),S=require("./text.component-CBa_saMP.js"),o=require("./chakra-DmF8Cxqs.js"),Z=require("./textInput.component-BalBo9uP.js"),ee=require("./spinner.component-CUuidnSK.js"),te=require("./checkbox.component-BnNl7j1h.js"),se=({hideCaret:n=!1,size:u="md",text:r,textProps:a,variant:d,...p})=>e.jsxRuntimeExports.jsxs(v.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:u,variant:d,...p,children:[r&&e.jsxRuntimeExports.jsx(S.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:u,color:d?"inherit":a?.color||"text.contrast",truncate:!0,...a,children:r}),!n&&e.jsxRuntimeExports.jsx(o.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronDown",size:u==="lg"?"sm":"xs"})})]}),ne=({label:n,leftElement:u,onSelect:r,shouldTruncateText:a,type:d="default",variant:p,...j})=>{const k=i.useCallback(()=>{r&&r(j.value)},[r,j.value]);if(d==="submenu")return e.jsxRuntimeExports.jsx(V,{submenuTrigger:e.jsxRuntimeExports.jsxs(o.MenuTriggerItem,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p}),e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronRight",size:"sm"})]}),...j});if(d==="checkbox"){const{checked:b,value:E,...x}=j;return e.jsxRuntimeExports.jsxs(o.MenuCheckboxItem,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:E,checked:!!b,onCheckedChange:k,closeOnSelect:j.closeOnSelect||!1,gap:3,...x,children:[e.jsxRuntimeExports.jsx(te.WrappedCheckbox,{checked:!!b,size:"md"}),e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p})]})}if(d==="default"){const{selected:b,value:E,...x}=j;return e.jsxRuntimeExports.jsx(o.MenuItem,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:E,onSelect:k,...b&&{bgColor:"background.secondaryAlpha.hover"},...x,children:e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:b?"info":p})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},I=({label:n,leftElement:u,shouldTruncateText:r,variant:a})=>e.jsxRuntimeExports.jsxs(o.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[u,typeof n=="string"?e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",truncated:r,variant:a,children:n}):n]}),O=({groupName:n,hasSelectedItems:u=!1,onToggle:r})=>{const a=!!n;return e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...a?{textAlign:"right",w:"50%"}:{mt:2},children:a?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u?e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r}):e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r})}):e.jsxRuntimeExports.jsxs(o.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r}),e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r})]})})},G=({groupName:n,onToggle:u})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghost",size:"xs",onClick:()=>u({groupName:n,clear:!1}),children:"Select All"}),W=({hasSelectedItems:n,groupName:u,onToggle:r})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!n,onClick:()=>r({groupName:u,clear:!0}),children:"Clear All"}),V=({buttonProps:n,listProps:u,portalled:r=!1,submenuTrigger:a,...d})=>{const{canSelectAll:p,canSelectGroups:j,emptyStateText:k="No results found",loading:b,maxH:E="480px",menuItems:x=[],minW:L="240px",onSearch:M,onSelect:B,onSelectAll:T,searchable:y,searchPlaceholder:D="Search...",shouldTruncateText:P,...$}=u||{},[H,C]=i.useState(""),[N,_]=i.useState(x),F=i.useMemo(()=>{const t={};return N?.forEach(s=>{const c=s.groupLabel||"default",l=s.type==="checkbox"?"checkbox":"default";t[c]||(t[c]={}),t[c][l]||(t[c][l]=[]),t[c][l].push(s)}),t},[N]),q=i.useMemo(()=>Object.entries(F),[F]),R=i.useMemo(()=>x?.filter(t=>t.type==="checkbox")||[],[x]),J=i.useMemo(()=>(R?.filter(s=>s.checked)||[]).map(s=>s.value),[R]),m=e.useCheckboxGroup({defaultValue:J}),w=i.useCallback(t=>{const s=t.target.value;if(C(s),M)M(t);else if(s===""||!s)_(x);else{const c=x.filter(l=>!!(typeof l.label=="string"?l.label:l.valueText)?.toLowerCase().includes(s.toLowerCase()));_(c)}},[x,M]),A=i.useCallback(({groupName:t,clear:s})=>{let c=[];if(t){const l=R.filter(h=>h.groupLabel===t).map(h=>h.value);c=s?m.value.filter(h=>!l.includes(h)):[...m.value,...l]}else c=s?[]:R.map(l=>l.value);T?.(c),m.setValue(c)},[R,T,m]),K=i.useCallback(t=>{t.onSelect?.(t.value);const s=m.value,c=m.isChecked(t.value);B?.(t.value,c?s.filter(l=>l!==t.value):[...s,t.value]),t.type==="checkbox"&&m.toggleValue(t.value)},[B,m]),Q=i.useCallback(t=>{t||(C(""),_(x))},[x]);return e.jsxRuntimeExports.jsxs(o.MenuRoot,{...d,onOpenChange:t=>{Q(t.open),d.onOpenChange?.(t)},children:[a||e.jsxRuntimeExports.jsx(o.MenuTrigger,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(se,{...n})}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!r,children:e.jsxRuntimeExports.jsx(o.MenuPositioner,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(o.MenuContent,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:E,minW:L,...$,children:[(y||p)&&e.jsxRuntimeExports.jsxs(o.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[y&&e.jsxRuntimeExports.jsx(Z.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:D,onChange:w,size:"sm",value:H,clearable:!0,onClear:()=>{C(""),w({target:{value:""}})},formControlStyle:{mt:1}}),p&&!!R.length&&e.jsxRuntimeExports.jsx(O,{onToggle:A,hasSelectedItems:!!m.value.length})]}),b?e.jsxRuntimeExports.jsx(o.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(ee.Spinner,{})}):e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:q.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:q.map(([t,s])=>{const c=t==="default",l=Object.keys(s),h=c?i.Fragment:o.MenuItemGroup,U=s.checkbox?.map(g=>g.value)?.some(g=>m.value.includes(g));return e.jsxRuntimeExports.jsxs(h,{children:[!c&&e.jsxRuntimeExports.jsx(o.MenuItemGroupLabel,{children:e.jsxRuntimeExports.jsxs(o.Flex,{alignItems:"center",justifyContent:"space-between",children:[t,j&&l.includes("checkbox")&&e.jsxRuntimeExports.jsx(O,{groupName:t,onToggle:A,hasSelectedItems:U})]})}),Object.entries(s).map(([g,X])=>X.map((f,Y)=>e.jsxRuntimeExports.jsx(ne,{...f,shouldTruncateText:P,...f.type==="checkbox"&&{checked:m.isChecked(f.value)},onSelect:()=>K(f)},`menu-item-${t}-${g}-${Y}`)))]},t)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(o.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",variant:"subtle",children:k})})})})]})})})]})};exports.Menu=V;
-//# sourceMappingURL=menu.component-BCRZgrRr.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),i=require("react"),v=require("./button.component-DnWrqGc4.js"),z=require("./icon.component-Drw3LiG5.js"),S=require("./text.component-MDGpqA76.js"),o=require("./chakra-BHjfByoV.js"),Z=require("./textInput.component-DIc2KQit.js"),ee=require("./spinner.component-BSDKzlvm.js"),te=require("./checkbox.component-Kn48K9JS.js"),se=({hideCaret:n=!1,size:u="md",text:r,textProps:a,variant:d,...p})=>e.jsxRuntimeExports.jsxs(v.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:u,variant:d,...p,children:[r&&e.jsxRuntimeExports.jsx(S.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:u,color:d?"inherit":a?.color||"text.contrast",truncate:!0,...a,children:r}),!n&&e.jsxRuntimeExports.jsx(o.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronDown",size:u==="lg"?"sm":"xs"})})]}),ne=({label:n,leftElement:u,onSelect:r,shouldTruncateText:a,type:d="default",variant:p,...j})=>{const k=i.useCallback(()=>{r&&r(j.value)},[r,j.value]);if(d==="submenu")return e.jsxRuntimeExports.jsx(V,{submenuTrigger:e.jsxRuntimeExports.jsxs(o.MenuTriggerItem,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p}),e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronRight",size:"sm"})]}),...j});if(d==="checkbox"){const{checked:b,value:E,...x}=j;return e.jsxRuntimeExports.jsxs(o.MenuCheckboxItem,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:E,checked:!!b,onCheckedChange:k,closeOnSelect:j.closeOnSelect||!1,gap:3,...x,children:[e.jsxRuntimeExports.jsx(te.WrappedCheckbox,{checked:!!b,size:"md"}),e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p})]})}if(d==="default"){const{selected:b,value:E,...x}=j;return e.jsxRuntimeExports.jsx(o.MenuItem,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:E,onSelect:k,...b&&{bgColor:"background.secondaryAlpha.hover"},...x,children:e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:b?"info":p})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},I=({label:n,leftElement:u,shouldTruncateText:r,variant:a})=>e.jsxRuntimeExports.jsxs(o.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[u,typeof n=="string"?e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",truncated:r,variant:a,children:n}):n]}),O=({groupName:n,hasSelectedItems:u=!1,onToggle:r})=>{const a=!!n;return e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...a?{textAlign:"right",w:"50%"}:{mt:2},children:a?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u?e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r}):e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r})}):e.jsxRuntimeExports.jsxs(o.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r}),e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r})]})})},G=({groupName:n,onToggle:u})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghost",size:"xs",onClick:()=>u({groupName:n,clear:!1}),children:"Select All"}),W=({hasSelectedItems:n,groupName:u,onToggle:r})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!n,onClick:()=>r({groupName:u,clear:!0}),children:"Clear All"}),V=({buttonProps:n,listProps:u,portalled:r=!1,submenuTrigger:a,...d})=>{const{canSelectAll:p,canSelectGroups:j,emptyStateText:k="No results found",loading:b,maxH:E="480px",menuItems:x=[],minW:L="240px",onSearch:M,onSelect:B,onSelectAll:T,searchable:y,searchPlaceholder:D="Search...",shouldTruncateText:P,...$}=u||{},[H,C]=i.useState(""),[N,_]=i.useState(x),F=i.useMemo(()=>{const t={};return N?.forEach(s=>{const c=s.groupLabel||"default",l=s.type==="checkbox"?"checkbox":"default";t[c]||(t[c]={}),t[c][l]||(t[c][l]=[]),t[c][l].push(s)}),t},[N]),q=i.useMemo(()=>Object.entries(F),[F]),R=i.useMemo(()=>x?.filter(t=>t.type==="checkbox")||[],[x]),J=i.useMemo(()=>(R?.filter(s=>s.checked)||[]).map(s=>s.value),[R]),m=e.useCheckboxGroup({defaultValue:J}),w=i.useCallback(t=>{const s=t.target.value;if(C(s),M)M(t);else if(s===""||!s)_(x);else{const c=x.filter(l=>!!(typeof l.label=="string"?l.label:l.valueText)?.toLowerCase().includes(s.toLowerCase()));_(c)}},[x,M]),A=i.useCallback(({groupName:t,clear:s})=>{let c=[];if(t){const l=R.filter(h=>h.groupLabel===t).map(h=>h.value);c=s?m.value.filter(h=>!l.includes(h)):[...m.value,...l]}else c=s?[]:R.map(l=>l.value);T?.(c),m.setValue(c)},[R,T,m]),K=i.useCallback(t=>{t.onSelect?.(t.value);const s=m.value,c=m.isChecked(t.value);B?.(t.value,c?s.filter(l=>l!==t.value):[...s,t.value]),t.type==="checkbox"&&m.toggleValue(t.value)},[B,m]),Q=i.useCallback(t=>{t||(C(""),_(x))},[x]);return e.jsxRuntimeExports.jsxs(o.MenuRoot,{...d,onOpenChange:t=>{Q(t.open),d.onOpenChange?.(t)},children:[a||e.jsxRuntimeExports.jsx(o.MenuTrigger,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(se,{...n})}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!r,children:e.jsxRuntimeExports.jsx(o.MenuPositioner,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(o.MenuContent,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:E,minW:L,...$,children:[(y||p)&&e.jsxRuntimeExports.jsxs(o.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[y&&e.jsxRuntimeExports.jsx(Z.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:D,onChange:w,size:"sm",value:H,clearable:!0,onClear:()=>{C(""),w({target:{value:""}})},formControlStyle:{mt:1}}),p&&!!R.length&&e.jsxRuntimeExports.jsx(O,{onToggle:A,hasSelectedItems:!!m.value.length})]}),b?e.jsxRuntimeExports.jsx(o.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(ee.Spinner,{})}):e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:q.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:q.map(([t,s])=>{const c=t==="default",l=Object.keys(s),h=c?i.Fragment:o.MenuItemGroup,U=s.checkbox?.map(g=>g.value)?.some(g=>m.value.includes(g));return e.jsxRuntimeExports.jsxs(h,{children:[!c&&e.jsxRuntimeExports.jsx(o.MenuItemGroupLabel,{children:e.jsxRuntimeExports.jsxs(o.Flex,{alignItems:"center",justifyContent:"space-between",children:[t,j&&l.includes("checkbox")&&e.jsxRuntimeExports.jsx(O,{groupName:t,onToggle:A,hasSelectedItems:U})]})}),Object.entries(s).map(([g,X])=>X.map((f,Y)=>e.jsxRuntimeExports.jsx(ne,{...f,shouldTruncateText:P,...f.type==="checkbox"&&{checked:m.isChecked(f.value)},onSelect:()=>K(f)},`menu-item-${t}-${g}-${Y}`)))]},t)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(o.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",variant:"subtle",children:k})})})})]})})})]})};exports.Menu=V;
+//# sourceMappingURL=menu.component-BsNXuoLB.js.map