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

package/dist/heading.records-BaWnrbgl.js

@@ -0,0 +1,14 @@
+const x = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl"
+];
+export {
+  x as h
+};
+//# sourceMappingURL=heading.records-BaWnrbgl.js.map

package/dist/heading.records-BaWnrbgl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.records-BaWnrbgl.js","sources":["../src/components/Heading/heading.records.ts"],"sourcesContent":["import { HeadingSize } from \"./heading.types\";\n\nexport const headingSizes: HeadingSize[] = [\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n  \"4xl\",\n];\n"],"names":["headingSizes"],"mappings":"AAEO,MAAMA,IAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/heading.records-CbR05iL_.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=["xs","sm","md","lg","xl","2xl","3xl","4xl"];exports.headingSizes=s;
+//# sourceMappingURL=heading.records-CbR05iL_.cjs.map

package/dist/heading.records-CbR05iL_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.records-CbR05iL_.cjs","sources":["../src/components/Heading/heading.records.ts"],"sourcesContent":["import { HeadingSize } from \"./heading.types\";\n\nexport const headingSizes: HeadingSize[] = [\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n  \"4xl\",\n];\n"],"names":["headingSizes"],"mappings":"aAEO,MAAMA,EAA8B,CACzC,KACA,KACA,KACA,KACA,KACA,MACA,MACA,KACF"}

package/dist/hocs/index.cjs.js

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

package/dist/hocs/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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":"iLAGMA,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/hocs/index.es.js

@@ -0,0 +1,38 @@
+import { x as e } from "../vendor-XkLb814A.js";
+import a from "react";
+import { B as s } from "../chakra-Cg-UT2Wv.js";
+const d = a.forwardRef(
+  function(o, r) {
+    return /* @__PURE__ */ e.jsx(
+      s,
+      {
+        color: "fg",
+        display: "contents",
+        className: "chakra-theme dark",
+        "data-testid": "kibble-dark-mode",
+        colorScheme: "dark",
+        ref: r,
+        ...o
+      }
+    );
+  }
+), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
+  function(o, r) {
+    return /* @__PURE__ */ e.jsx(
+      s,
+      {
+        display: "contents",
+        className: "chakra-theme light",
+        "data-testid": "kibble-light-mode",
+        colorScheme: "light",
+        ref: r,
+        ...o
+      }
+    );
+  }
+), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
+export {
+  h as withDarkMode,
+  l as withLightMode
+};
+//# sourceMappingURL=index.es.js.map

package/dist/hocs/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.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/hooks/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../vendor-D-x6W6ez.cjs"),t=()=>{const{resolvedTheme:o,setTheme:e,forcedTheme:r}=l.z();return{colorMode:o,forcedTheme:r,setColorMode:e,toggleColorMode:()=>{e(o==="dark"?"light":"dark")}}},d=(o,e)=>{const{colorMode:r}=t();return r==="dark"?e:o};exports.useColorMode=t;exports.useColorModeValue=d;
+//# sourceMappingURL=index.cjs.js.map

package/dist/hooks/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../src/hooks/useColorMode/index.tsx","../../src/hooks/useColorModeValue/index.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { ColorMode } from \"shared/types/theme\";\n\nexport interface UseColorModeReturn {\n  colorMode: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n  toggleColorMode: () => void;\n  forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n  const { resolvedTheme, setTheme, forcedTheme } = useTheme();\n  const toggleColorMode = (): void => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\");\n  };\n  return {\n    colorMode: resolvedTheme as ColorMode,\n    forcedTheme: forcedTheme as ColorMode,\n    setColorMode: setTheme,\n    toggleColorMode,\n  };\n};\n","import { useColorMode } from \"../useColorMode\";\n\nexport const useColorModeValue = <T,>(light: T, dark: T): T => {\n  const { colorMode } = useColorMode();\n  return colorMode === \"dark\" ? dark : light;\n};\n"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme","useColorModeValue","light","dark","colorMode"],"mappings":"0HAUaA,EAAe,IAA0B,CACpD,KAAM,CAAE,cAAAC,EAAe,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,EAAAA,EAAS,EAInD,MAAA,CACL,UAAWH,EACX,YAAAE,EACA,aAAcD,EACd,gBAPsB,IAAY,CACzBA,EAAAD,IAAkB,OAAS,QAAU,MAAM,CACtD,CAMA,CACF,ECnBaI,EAAoB,CAAKC,EAAUC,IAAe,CACvD,KAAA,CAAE,UAAAC,CAAU,EAAIR,EAAa,EAC5B,OAAAQ,IAAc,OAASD,EAAOD,CACvC"}

package/dist/hooks/index.es.js

@@ -0,0 +1,20 @@
+import { bX as t } from "../vendor-XkLb814A.js";
+const d = () => {
+  const { resolvedTheme: o, setTheme: e, forcedTheme: r } = t();
+  return {
+    colorMode: o,
+    forcedTheme: r,
+    setColorMode: e,
+    toggleColorMode: () => {
+      e(o === "dark" ? "light" : "dark");
+    }
+  };
+}, c = (o, e) => {
+  const { colorMode: r } = d();
+  return r === "dark" ? e : o;
+};
+export {
+  d as useColorMode,
+  c as useColorModeValue
+};
+//# sourceMappingURL=index.es.js.map

package/dist/hooks/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/hooks/useColorMode/index.tsx","../../src/hooks/useColorModeValue/index.tsx"],"sourcesContent":["import { useTheme } from \"next-themes\";\nimport { ColorMode } from \"shared/types/theme\";\n\nexport interface UseColorModeReturn {\n  colorMode: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n  toggleColorMode: () => void;\n  forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n  const { resolvedTheme, setTheme, forcedTheme } = useTheme();\n  const toggleColorMode = (): void => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\");\n  };\n  return {\n    colorMode: resolvedTheme as ColorMode,\n    forcedTheme: forcedTheme as ColorMode,\n    setColorMode: setTheme,\n    toggleColorMode,\n  };\n};\n","import { useColorMode } from \"../useColorMode\";\n\nexport const useColorModeValue = <T,>(light: T, dark: T): T => {\n  const { colorMode } = useColorMode();\n  return colorMode === \"dark\" ? dark : light;\n};\n"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme","useColorModeValue","light","dark","colorMode"],"mappings":";AAUO,MAAMA,IAAe,MAA0B;AACpD,QAAM,EAAE,eAAAC,GAAe,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAS;AAInD,SAAA;AAAA,IACL,WAAWH;AAAA,IACX,aAAAE;AAAA,IACA,cAAcD;AAAA,IACd,iBAPsB,MAAY;AACzB,MAAAA,EAAAD,MAAkB,SAAS,UAAU,MAAM;AAAA,IACtD;AAAA,EAMA;AACF,GCnBaI,IAAoB,CAAKC,GAAUC,MAAe;AACvD,QAAA,EAAE,WAAAC,EAAU,IAAIR,EAAa;AAC5B,SAAAQ,MAAc,SAASD,IAAOD;AACvC;"}

package/dist/icon.component-BRUOlaEi.js

@@ -0,0 +1,44 @@
+import { x as t } from "./vendor-XkLb814A.js";
+import { forwardRef as l, useMemo as m } from "react";
+import { IconMap as d } from "./components/Icon/generated/index.es.js";
+import { t as x } from "./typography-Cqrokog3.js";
+import { B as I } from "./chakra-Cg-UT2Wv.js";
+const f = d, b = {
+  xs: 14,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32,
+  "2xl": 38
+}, j = l(
+  ({ name: a, size: c = "lg", color: r, variant: o, ...n }, e) => {
+    const p = f[a], s = b[c] + "px", i = m(() => o ? x[o].color : r, [o, r]);
+    return /* @__PURE__ */ t.jsx(
+      I,
+      {
+        className: "Icon__Wrapper",
+        "data-testid": "kibble-icon-wrapper",
+        color: i,
+        display: "inline-block",
+        ...n,
+        children: /* @__PURE__ */ t.jsx(
+          p,
+          {
+            className: "Icon",
+            "data-testid": "kibble-icon",
+            ref: e,
+            width: s,
+            height: s,
+            color: "currentColor"
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  j as I,
+  f as a,
+  b
+};
+//# sourceMappingURL=icon.component-BRUOlaEi.js.map

package/dist/icon.component-BRUOlaEi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component-BRUOlaEi.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/icon.component-D0s3MOl7.cjs

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

package/dist/icon.component-D0s3MOl7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component-D0s3MOl7.cjs","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":"yMAGaA,EAAUC,EAAAA,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/icon.types-2obj_NKG.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=["xs","sm","md","lg","xl","2xl"];exports.iconSizes=s;
+//# sourceMappingURL=icon.types-2obj_NKG.cjs.map

package/dist/icon.types-2obj_NKG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types-2obj_NKG.cjs","sources":["../src/components/Icon/icon.types.ts"],"sourcesContent":["export type { IconName } from \"./generated/index\";\n\nexport const iconSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\nexport type IconSize = (typeof iconSizes)[number];\n"],"names":["iconSizes"],"mappings":"aAEO,MAAMA,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK"}

package/dist/icon.types-DLbVfMjG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types-DLbVfMjG.js","sources":["../src/components/Icon/icon.types.ts"],"sourcesContent":["export type { IconName } from \"./generated/index\";\n\nexport const iconSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\nexport type IconSize = (typeof iconSizes)[number];\n"],"names":["iconSizes"],"mappings":"AAEO,MAAMA,IAAY,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;"}

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./alert.types-Dumf4cLg.cjs"),_=require("./avatar.component-jZceO1lc.cjs"),a=require("./avatar.types-Bmt5Uhfb.cjs"),g=require("./avatarGroup.component-YBzWgFQd.cjs"),b=require("./button.component-C_oCv5OX.cjs"),e=require("./button.types-DsLMGraz.cjs"),z=require("./buttonGroup.component-Far7kI68.cjs"),s=require("./card.component-DM5qiLVC.cjs"),C=require("./components/Card/index.cjs.js"),h=require("./characterCounter.component-BAikfD4f.cjs"),P=require("./checkbox.component-CBDG7Pbr.cjs"),T=require("./checkboxGroup.component-d9vQTdok.cjs"),v=require("./heading.component-g32aTw5I.cjs"),M=require("./heading.records-CbR05iL_.cjs"),n=require("./icon.component-D0s3MOl7.cjs"),x=require("./icon.types-2obj_NKG.cjs"),k=require("./link.component-CS4xe4p1.cjs"),y=require("./menu.component-hoPm7-Ab.cjs"),o=require("./modal.types-vtQCeWLW.cjs"),c=require("./notificationCounter.component-pSPrurS7.cjs"),p=require("./components/NotificationCounter/index.cjs.js"),I=require("./components/Picture/index.cjs.js"),B=require("./popover.component-DbGkntkG.cjs"),r=require("./popover.types-BF2KRf_I.cjs"),V=require("./radioGroup.component-DpzcvfXi.cjs"),A=require("./ratingDots.component-HnQMwa9z.cjs"),G=require("./select.component-CrS_ffII.cjs"),f=require("./sortableList.component-DUmkor-d.cjs"),D=require("./spinner.component-4kgxuAT9.cjs"),W=require("./spinner.types-BCLN5-H2.cjs"),u=require("./components/Swatch/index.cjs.js"),w=require("./switch.component-CZQP7VfS.cjs"),N=require("./tabs.component-aqot4CrS.cjs"),m=require("./tag.component-ZoLnnqb_.cjs"),d=require("./tag.types-BnDFgTvb.cjs"),R=require("./text.component-CPfDFieu.cjs"),L=require("./text.records-CIL3bbY0.cjs"),l=require("./textInput.component-sbJEMuZe.cjs"),O=require("./textarea.component-BeieHwUR.cjs"),S=require("./timePicker.component-LwzQwrwV.cjs"),F=require("./timeRange.component-BM4udRrT.cjs"),H=require("./tooltip.component-PUnlA81j.cjs"),i=require("./datePicker.component-BiXut8uH.cjs"),q=require("./hooks/index.cjs.js"),K=require("./theme/index.cjs.js");exports.Alert=t.Alert;exports.AlertStatusIcon=t.AlertStatusIcon;exports.AlertStatusToIconVariant=t.AlertStatusToIconVariant;exports.alertButtonPositions=t.alertButtonPositions;exports.Avatar=_.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;exports.AvatarGroup=g.AvatarGroup;exports.Button=b.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=z.ButtonGroup;exports.Card=s.Card;exports.CardPaddingMap=s.CardPaddingMap;exports.cardSizes=C.cardSizes;exports.CharacterCounter=h.CharacterCounter;exports.Checkbox=P.WrappedCheckbox;exports.CheckboxGroup=T.WrappedCheckboxGroup;exports.Heading=v.WrappedHeading;exports.headingSizes=M.headingSizes;exports.Icon=n.Icon;exports.IconMap=n.IconMap;exports.IconSizeMap=n.IconSizeMap;exports.iconSizes=x.iconSizes;exports.Link=k.Link;exports.Menu=y.Menu;exports.Modal=o.Modal;exports.modalMotionPresets=o.modalMotionPresets;exports.modalPlacements=o.modalPlacements;exports.modalScrollBehaviors=o.modalScrollBehaviors;exports.modalSizes=o.modalSizes;exports.MAX_COUNT=c.MAX_COUNT;exports.NotificationCounter=c.NotificationCounter;exports.notificationCounterSizes=p.notificationCounterSizes;exports.notificationCounterVariants=p.notificationCounterVariants;exports.Picture=I.Picture;exports.Popover=B.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=V.WrappedRadioGroup;exports.RatingDots=A.RatingDots;exports.Select=G.WrappedSelect;exports.SortableList=f.SortableList;exports.Spinner=D.Spinner;exports.spinnerSizes=W.spinnerSizes;exports.Swatch=u.Swatch;exports.swatchSizes=u.swatchSizes;exports.Switch=w.WrappedSwitch;exports.Tabs=N.Tabs;exports.Tag=m.Tag;exports.tagPaddingBySize=m.tagPaddingBySize;exports.closeButtonDisplays=d.closeButtonDisplays;exports.tagSizes=d.tagSizes;exports.Text=R.WrappedText;exports.textSizes=L.textSizes;exports.TextInput=l.WrappedTextInput;exports.closeButtonSizeMap=l.closeButtonSizeMap;exports.Textarea=O.WrappedTextArea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=F.TimeRange;exports.Tooltip=H.Tooltip;exports.DateFormats=i.DateFormats;exports.DatePicker=i.DatePicker;exports.monthNames=i.monthNames;exports.useColorMode=q.useColorMode;exports.useColorModeValue=q.useColorModeValue;exports.KibbleThemeProvider=K.KibbleThemeProvider;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

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

package/dist/index.es.js

@@ -0,0 +1,120 @@
+import { A as a, a as t, b as e, c as s } from "./alert.types-BFwFibrR.js";
+import { A as i } from "./avatar.component-BU2GJY_n.js";
+import { a as n, b as x } from "./avatar.types-LQ1Bn8a3.js";
+import { A as c } from "./avatarGroup.component-DjQ34RwS.js";
+import { B as S } from "./button.component-Yun5FXQp.js";
+import { b as d, d as T, c as b, e as z, a as C } from "./button.types-CujqF5RD.js";
+import { B as P } from "./buttonGroup.component-DrTXKBWY.js";
+import { C as h, a as v } from "./card.component-D92x7EUe.js";
+import { cardSizes as B } from "./components/Card/index.es.js";
+import { C as I } from "./characterCounter.component-CreNwPyK.js";
+import { W as k } from "./checkbox.component-DiR_baKm.js";
+import { W as G } from "./checkboxGroup.component-7Ek7bRH2.js";
+import { W as R } from "./heading.component-CJVVzAAp.js";
+import { h as y } from "./heading.records-BaWnrbgl.js";
+import { I as F, a as H, b as K } from "./icon.component-BRUOlaEi.js";
+import { i as U } from "./icon.types-DLbVfMjG.js";
+import { L as _ } from "./link.component-DQ-5D_YZ.js";
+import { M as q } from "./menu.component-hR67cjuU.js";
+import { M as J, c as Q, a as Y, b as Z, m as $ } from "./modal.types-D-C4TDQN.js";
+import { M as ro, N as ao } from "./notificationCounter.component-B3XN0Elp.js";
+import { notificationCounterSizes as eo, notificationCounterVariants as so } from "./components/NotificationCounter/index.es.js";
+import { Picture as io } from "./components/Picture/index.es.js";
+import { P as no } from "./popover.component-DPt7bS43.js";
+import { p as fo, b as co, a as uo } from "./popover.types-C-V7Diw4.js";
+import { W as lo } from "./radioGroup.component-CrzflA-s.js";
+import { R as bo } from "./ratingDots.component-CTiOah8_.js";
+import { W as Co } from "./select.component-DFbQ4ngm.js";
+import { S as Po } from "./sortableList.component-CrW_cAdj.js";
+import { S as ho } from "./spinner.component-C0UzgAaM.js";
+import { s as Ao } from "./spinner.types-g7cTFJkb.js";
+import { Swatch as Wo, swatchSizes as Io } from "./components/Swatch/index.es.js";
+import { W as ko } from "./switch.component-BwhmMWHN.js";
+import { T as Go } from "./tabs.component-BJUXuNfz.js";
+import { T as Ro, t as wo } from "./tag.component-sbcEMcSf.js";
+import { c as Lo, t as Fo } from "./tag.types-B-pzEt1I.js";
+import { W as Ko } from "./text.component-Cv0VhMys.js";
+import { t as Uo } from "./text.records-BK_JBYsT.js";
+import { W as _o, c as jo } from "./textInput.component-CypC2QRg.js";
+import { W as Eo } from "./textarea.component-CKakC5vo.js";
+import { M as Qo, T as Yo } from "./timePicker.component-UVUYsSWy.js";
+import { T as $o } from "./timeRange.component-BUngkoNe.js";
+import { T as rr } from "./tooltip.component-CAQe8kQT.js";
+import { a as tr, D as er, m as sr } from "./datePicker.component-D55_pdj_.js";
+import { useColorMode as ir, useColorModeValue as mr } from "./hooks/index.es.js";
+import { KibbleThemeProvider as xr } from "./theme/index.es.js";
+export {
+  a as Alert,
+  t as AlertStatusIcon,
+  e as AlertStatusToIconVariant,
+  i as Avatar,
+  c as AvatarGroup,
+  S as Button,
+  P as ButtonGroup,
+  h as Card,
+  v as CardPaddingMap,
+  I as CharacterCounter,
+  k as Checkbox,
+  G as CheckboxGroup,
+  tr as DateFormats,
+  er as DatePicker,
+  R as Heading,
+  F as Icon,
+  H as IconMap,
+  K as IconSizeMap,
+  xr as KibbleThemeProvider,
+  _ as Link,
+  ro as MAX_COUNT,
+  q as Menu,
+  Qo as Meridiem,
+  J as Modal,
+  ao as NotificationCounter,
+  io as Picture,
+  no as Popover,
+  lo as RadioGroup,
+  bo as RatingDots,
+  Co as Select,
+  Po as SortableList,
+  ho as Spinner,
+  Wo as Swatch,
+  ko as Switch,
+  Go as Tabs,
+  Ro as Tag,
+  Ko as Text,
+  _o as TextInput,
+  Eo as Textarea,
+  Yo as TimePicker,
+  $o as TimeRange,
+  rr as Tooltip,
+  s as alertButtonPositions,
+  n as avatarSizes,
+  x as avatarVariants,
+  d as buttonConfigVariants,
+  T as buttonIconPositions,
+  b as buttonSizes,
+  z as buttonSpinnerPlacements,
+  C as buttonVariants,
+  B as cardSizes,
+  Lo as closeButtonDisplays,
+  jo as closeButtonSizeMap,
+  y as headingSizes,
+  U as iconSizes,
+  Q as modalMotionPresets,
+  Y as modalPlacements,
+  Z as modalScrollBehaviors,
+  $ as modalSizes,
+  sr as monthNames,
+  eo as notificationCounterSizes,
+  so as notificationCounterVariants,
+  fo as popoverSizes,
+  co as popoverTriggerTypes,
+  uo as popoverVariants,
+  Ao as spinnerSizes,
+  Io as swatchSizes,
+  wo as tagPaddingBySize,
+  Fo as tagSizes,
+  Uo as textSizes,
+  ir as useColorMode,
+  mr as useColorModeValue
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

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

package/dist/link.component-CS4xe4p1.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./vendor-D-x6W6ez.cjs"),d=require("react"),j=require("./text.component-CPfDFieu.cjs"),k=require("./icon.component-D0s3MOl7.cjs");require("./components/Icon/generated/index.cjs.js");const R=require("./useIconTextSizeMap-BXmABb54.cjs"),c=require("./chakra-BYidfDvC.cjs"),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-CS4xe4p1.cjs.map

package/dist/link.component-CS4xe4p1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.component-CS4xe4p1.cjs","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":"2SASaA,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/link.component-DQ-5D_YZ.js

@@ -0,0 +1,59 @@
+import { x as e } from "./vendor-XkLb814A.js";
+import { forwardRef as x } from "react";
+import { W as d } from "./text.component-Cv0VhMys.js";
+import { I as k } from "./icon.component-BRUOlaEi.js";
+import "./components/Icon/generated/index.es.js";
+import { u as f } from "./useIconTextSizeMap-BK-pUrQv.js";
+import { L as j, s as L } from "./chakra-Cg-UT2Wv.js";
+const m = ({
+  variant: i,
+  ...t
+}) => /* @__PURE__ */ e.jsx(k, { variant: i || "interactive", ...t }), u = x(
+  (i, t) => {
+    const {
+      children: c,
+      external: p,
+      iconProps: n,
+      size: s = "md",
+      variant: r = "interactive",
+      ...l
+    } = i, a = f(s), o = n?.position || "start";
+    return /* @__PURE__ */ e.jsx(
+      j,
+      {
+        className: "Link",
+        "data-testid": "kibble-link",
+        variant: r,
+        display: "inline-block",
+        size: s,
+        ref: t,
+        ...p && { target: "_blank", rel: "noopener noreferrer" },
+        ...l,
+        children: /* @__PURE__ */ e.jsxs(L, { gap: 1, align: "center", children: [
+          n && o === "start" && /* @__PURE__ */ e.jsx(
+            m,
+            {
+              name: n.name,
+              variant: r,
+              size: a
+            }
+          ),
+          /* @__PURE__ */ e.jsx(d, { size: s, variant: r, children: c }),
+          n && o === "end" && /* @__PURE__ */ e.jsx(
+            m,
+            {
+              name: n.name,
+              variant: r,
+              size: a
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+u.displayName = "Link";
+export {
+  u as L
+};
+//# sourceMappingURL=link.component-DQ-5D_YZ.js.map

package/dist/link.component-DQ-5D_YZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.component-DQ-5D_YZ.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;"}