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

package/dist/chunks/icon.component-CvxJYwSK.js

@@ -1,42 +0,0 @@
-import { x as s } from "./vendor-Dap5yPke.js";
-import { forwardRef as l, useMemo as m } from "react";
-import { IconMap as d } from "../esm/components/Icon/generated/index.js";
-import { t as x } from "./typography-Cqrokog3.js";
-import { a as I } from "./chakra-CWqbAp8a.js";
-const f = d, M = {
-  xs: 14,
-  sm: 16,
-  md: 20,
-  lg: 24,
-  xl: 32,
-  "2xl": 38
-}, j = l(
-  ({ 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,
-      {
-        className: "Icon__Wrapper",
-        "data-testid": "kibble-icon-wrapper",
-        color: i,
-        display: "inline-block",
-        ...a,
-        children: /* @__PURE__ */ s.jsx(
-          p,
-          {
-            className: "Icon",
-            "data-testid": "kibble-icon",
-            ref: e,
-            width: t,
-            height: t,
-            color: "currentColor"
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  j as I
-};
-//# sourceMappingURL=icon.component-CvxJYwSK.js.map

package/dist/chunks/icon.component-CvxJYwSK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.component-CvxJYwSK.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-ihI61XSA.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("./vendor-D9kXrowz.js"),r=require("react"),d=require("../cjs/components/Icon/generated/index.cjs"),u=require("./typography-CtiaGoJG.js"),x=require("./chakra-CecTEyCR.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],n=m[s]+"px",l=r.useMemo(()=>o?u.typographyVariantStyles[o].color:e,[o,e]);return c.jsxRuntimeExports.jsx(x.Box,{className:"Icon__Wrapper","data-testid":"kibble-icon-wrapper",color:l,display:"inline-block",...i,children:c.jsxRuntimeExports.jsx(p,{className:"Icon","data-testid":"kibble-icon",ref:a,width:n,height:n,color:"currentColor"})})});exports.Icon=h;
-//# sourceMappingURL=icon.component-ihI61XSA.js.map

package/dist/chunks/icon.component-ihI61XSA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.component-ihI61XSA.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":"wMAGaA,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/icon.types-2obj_NKG.js

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

package/dist/chunks/icon.types-2obj_NKG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.types-2obj_NKG.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,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK"}

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

@@ -1 +0,0 @@
-{"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/chunks/index-C1vJGMNi.js

@@ -1,38 +0,0 @@
-import { x as e } from "./vendor-Dap5yPke.js";
-import a from "react";
-import { a as s } from "./chakra-CWqbAp8a.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 {
-  l as a,
-  h as w
-};
-//# sourceMappingURL=index-C1vJGMNi.js.map

package/dist/chunks/index-C1vJGMNi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-C1vJGMNi.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-D2XU8gRz.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-D9kXrowz.js"),s=require("react"),i=require("./chakra-CecTEyCR.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-D2XU8gRz.js.map

package/dist/chunks/index-D2XU8gRz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-D2XU8gRz.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-Bf8rfKe4.js

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

package/dist/chunks/link.component-Bf8rfKe4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-Bf8rfKe4.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/link.component-CngALRBW.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-D9kXrowz.js"),d=require("react"),j=require("./text.component-DDKYg8fY.js"),k=require("./icon.component-ihI61XSA.js"),R=require("./useIconTextSizeMap-BXmABb54.js"),c=require("./chakra-CecTEyCR.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-CngALRBW.js.map

package/dist/chunks/link.component-CngALRBW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-CngALRBW.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/logo.types-Bac19OpM.js

@@ -1,74 +0,0 @@
-import { x as a } from "./vendor-Dap5yPke.js";
-import { F as i, a as c } from "./IconLogo-DZ_H_-Hf.js";
-import { aY as p, af as f, a as u } from "./chakra-CWqbAp8a.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-Bac19OpM.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"logo.types-Bac19OpM.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-aW1w8D8H.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("./vendor-D9kXrowz.js"),s=require("./IconLogo-B-ak4O7O.js"),o=require("./chakra-CecTEyCR.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-aW1w8D8H.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"logo.types-aW1w8D8H.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"}