@televet/kibble-ui 4.0.0-beta.87 → 4.0.0-beta.89

package/dist/chunks/divider.types-0j5qRXed.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.types-0j5qRXed.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/separator/separator.js","../../src/components/Divider/divider.component.tsx","../../src/components/Divider/divider.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { isString } from '../../utils/is.js';\nimport { omit } from '../../utils/omit.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst { useRecipeResult, PropsProvider } = createRecipeContext({\n  key: \"separator\"\n});\nconst Separator = forwardRef(\n  function Separator2(props, ref) {\n    const { styles, className, props: otherProps } = useRecipeResult(props);\n    const orientation = props.orientation || \"horizontal\";\n    return /* @__PURE__ */ jsx(\n      chakra.span,\n      {\n        ref,\n        role: isString(orientation) ? \"separator\" : \"presentation\",\n        \"aria-orientation\": isString(orientation) ? orientation : void 0,\n        ...omit(otherProps, [\"orientation\"]),\n        className: cx(className, props.className),\n        css: [styles, props.css]\n      }\n    );\n  }\n);\nconst SeparatorPropsProvider = PropsProvider;\n\nexport { Separator, SeparatorPropsProvider };\n","import React from \"react\";\nimport { Separator, SeparatorProps } from \"@chakra-ui/react/separator\";\n\nexport type DividerProps = SeparatorProps;\n\nexport const Divider = ({\n  borderColor = \"border\",\n  orientation = \"horizontal\",\n  size = \"sm\",\n  variant = \"solid\",\n  ...rest\n}: DividerProps): React.JSX.Element => {\n  return (\n    <Separator\n      className=\"Divider\"\n      data-testid=\"kibble-divider\"\n      borderColor={borderColor}\n      orientation={orientation}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  );\n};\n","export const dividerOrientations = [\"horizontal\", \"vertical\"] as const;\nexport type DividerOrientations = (typeof dividerOrientations)[number];\n\nexport const dividerSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type DividerSizes = (typeof dividerSizes)[number];\n\nexport const dividerVariants = [\"solid\", \"dashed\", \"dotted\"] as const;\nexport type DividerVariants = (typeof dividerVariants)[number];\n"],"names":["useRecipeResult","createRecipeContext","Separator","forwardRef","props","ref","styles","className","otherProps","orientation","jsx","chakra","isString","omit","cx","Divider","borderColor","size","variant","rest","dividerOrientations","dividerSizes","dividerVariants"],"mappings":";;;;;AAUA,MAAM,EAAE,iBAAAA,EAA+B,IAAIC,EAAoB;AAAA,EAC7D,KAAK;AACP,CAAC,GACKC,IAAYC;AAAA,EAChB,SAAoBC,GAAOC,GAAK;AAC9B,UAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,OAAOC,EAAY,IAAGR,EAAgBI,CAAK,GAChEK,IAAcL,EAAM,eAAe;AACzC,WAAuBM,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAN;AAAA,QACA,MAAMO,EAASH,CAAW,IAAI,cAAc;AAAA,QAC5C,oBAAoBG,EAASH,CAAW,IAAIA,IAAc;AAAA,QAC1D,GAAGI,EAAKL,GAAY,CAAC,aAAa,CAAC;AAAA,QACnC,WAAWM,EAAGP,GAAWH,EAAM,SAAS;AAAA,QACxC,KAAK,CAACE,GAAQF,EAAM,GAAG;AAAA,MAC/B;AAAA,IACK;AAAA,EACL;AACA,GCxBaW,IAAU,CAAC;AAAA,EACtB,aAAAC,IAAc;AAAA,EACd,aAAAP,IAAc;AAAA,EACd,MAAAQ,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEIT,gBAAAA,EAAA;AAAA,EAACR;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,aAAAc;AAAA,IACA,aAAAP;AAAA,IACA,MAAAQ;AAAA,IACA,SAAAC;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,GCrBSC,IAAsB,CAAC,cAAc,UAAU,GAG/CC,IAAe,CAAC,MAAM,MAAM,MAAM,IAAI,GAGtCC,IAAkB,CAAC,SAAS,UAAU,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"divider.types-0j5qRXed.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/separator/separator.js","../../src/components/Divider/divider.component.tsx","../../src/components/Divider/divider.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { isString } from '../../utils/is.js';\nimport { omit } from '../../utils/omit.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst { useRecipeResult, PropsProvider } = createRecipeContext({\n  key: \"separator\"\n});\nconst Separator = forwardRef(\n  function Separator2(props, ref) {\n    const { styles, className, props: otherProps } = useRecipeResult(props);\n    const orientation = props.orientation || \"horizontal\";\n    return /* @__PURE__ */ jsx(\n      chakra.span,\n      {\n        ref,\n        role: isString(orientation) ? \"separator\" : \"presentation\",\n        \"aria-orientation\": isString(orientation) ? orientation : void 0,\n        ...omit(otherProps, [\"orientation\"]),\n        className: cx(className, props.className),\n        css: [styles, props.css]\n      }\n    );\n  }\n);\nconst SeparatorPropsProvider = PropsProvider;\n\nexport { Separator, SeparatorPropsProvider };\n","import React from 'react';\nimport { Separator, SeparatorProps } from '@chakra-ui/react/separator';\n\nexport type DividerProps = SeparatorProps;\n\nexport const Divider = ({\n  borderColor = 'border',\n  orientation = 'horizontal',\n  size = 'sm',\n  variant = 'solid',\n  ...rest\n}: DividerProps): React.JSX.Element => {\n  return (\n    <Separator\n      className=\"Divider\"\n      data-testid=\"kibble-divider\"\n      borderColor={borderColor}\n      orientation={orientation}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  );\n};\n","export const dividerOrientations = ['horizontal', 'vertical'] as const;\nexport type DividerOrientations = (typeof dividerOrientations)[number];\n\nexport const dividerSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type DividerSizes = (typeof dividerSizes)[number];\n\nexport const dividerVariants = ['solid', 'dashed', 'dotted'] as const;\nexport type DividerVariants = (typeof dividerVariants)[number];\n"],"names":["useRecipeResult","createRecipeContext","Separator","forwardRef","props","ref","styles","className","otherProps","orientation","jsx","chakra","isString","omit","cx","Divider","borderColor","size","variant","rest","dividerOrientations","dividerSizes","dividerVariants"],"mappings":";;;;;AAUA,MAAM,EAAE,iBAAAA,EAA+B,IAAIC,EAAoB;AAAA,EAC7D,KAAK;AACP,CAAC,GACKC,IAAYC;AAAA,EAChB,SAAoBC,GAAOC,GAAK;AAC9B,UAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,OAAOC,EAAY,IAAGR,EAAgBI,CAAK,GAChEK,IAAcL,EAAM,eAAe;AACzC,WAAuBM,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAN;AAAA,QACA,MAAMO,EAASH,CAAW,IAAI,cAAc;AAAA,QAC5C,oBAAoBG,EAASH,CAAW,IAAIA,IAAc;AAAA,QAC1D,GAAGI,EAAKL,GAAY,CAAC,aAAa,CAAC;AAAA,QACnC,WAAWM,EAAGP,GAAWH,EAAM,SAAS;AAAA,QACxC,KAAK,CAACE,GAAQF,EAAM,GAAG;AAAA,MAC/B;AAAA,IACK;AAAA,EACL;AACA,GCxBaW,IAAU,CAAC;AAAA,EACtB,aAAAC,IAAc;AAAA,EACd,aAAAP,IAAc;AAAA,EACd,MAAAQ,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEIT,gBAAAA,EAAA;AAAA,EAACR;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,aAAAc;AAAA,IACA,aAAAP;AAAA,IACA,MAAAQ;AAAA,IACA,SAAAC;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,GCrBSC,IAAsB,CAAC,cAAc,UAAU,GAG/CC,IAAe,CAAC,MAAM,MAAM,MAAM,IAAI,GAGtCC,IAAkB,CAAC,SAAS,UAAU,QAAQ;","x_google_ignoreList":[0]}

package/dist/chunks/divider.types-CK5oFy-i.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.types-CK5oFy-i.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/separator/separator.js","../../src/components/Divider/divider.component.tsx","../../src/components/Divider/divider.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { isString } from '../../utils/is.js';\nimport { omit } from '../../utils/omit.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst { useRecipeResult, PropsProvider } = createRecipeContext({\n  key: \"separator\"\n});\nconst Separator = forwardRef(\n  function Separator2(props, ref) {\n    const { styles, className, props: otherProps } = useRecipeResult(props);\n    const orientation = props.orientation || \"horizontal\";\n    return /* @__PURE__ */ jsx(\n      chakra.span,\n      {\n        ref,\n        role: isString(orientation) ? \"separator\" : \"presentation\",\n        \"aria-orientation\": isString(orientation) ? orientation : void 0,\n        ...omit(otherProps, [\"orientation\"]),\n        className: cx(className, props.className),\n        css: [styles, props.css]\n      }\n    );\n  }\n);\nconst SeparatorPropsProvider = PropsProvider;\n\nexport { Separator, SeparatorPropsProvider };\n","import React from \"react\";\nimport { Separator, SeparatorProps } from \"@chakra-ui/react/separator\";\n\nexport type DividerProps = SeparatorProps;\n\nexport const Divider = ({\n  borderColor = \"border\",\n  orientation = \"horizontal\",\n  size = \"sm\",\n  variant = \"solid\",\n  ...rest\n}: DividerProps): React.JSX.Element => {\n  return (\n    <Separator\n      className=\"Divider\"\n      data-testid=\"kibble-divider\"\n      borderColor={borderColor}\n      orientation={orientation}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  );\n};\n","export const dividerOrientations = [\"horizontal\", \"vertical\"] as const;\nexport type DividerOrientations = (typeof dividerOrientations)[number];\n\nexport const dividerSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type DividerSizes = (typeof dividerSizes)[number];\n\nexport const dividerVariants = [\"solid\", \"dashed\", \"dotted\"] as const;\nexport type DividerVariants = (typeof dividerVariants)[number];\n"],"names":["useRecipeResult","createRecipeContext","Separator","forwardRef","props","ref","styles","className","otherProps","orientation","jsx","chakra","isString","omit","cx","Divider","borderColor","size","variant","rest","dividerOrientations","dividerSizes","dividerVariants"],"mappings":"iMAUM,CAAE,gBAAAA,CAA+B,EAAIC,sBAAoB,CAC7D,IAAK,WACP,CAAC,EACKC,EAAYC,EAAU,WAC1B,SAAoBC,EAAOC,EAAK,CAC9B,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,MAAOC,CAAY,EAAGR,EAAgBI,CAAK,EAChEK,EAAcL,EAAM,aAAe,aACzC,OAAuBM,EAAG,kBAAA,IACxBC,EAAAA,OAAO,KACP,CACE,IAAAN,EACA,KAAMO,EAAQ,SAACH,CAAW,EAAI,YAAc,eAC5C,mBAAoBG,EAAQ,SAACH,CAAW,EAAIA,EAAc,OAC1D,GAAGI,OAAKL,EAAY,CAAC,aAAa,CAAC,EACnC,UAAWM,EAAE,GAACP,EAAWH,EAAM,SAAS,EACxC,IAAK,CAACE,EAAQF,EAAM,GAAG,CAC/B,CACK,CACL,CACA,ECxBaW,EAAU,CAAC,CACtB,YAAAC,EAAc,SACd,YAAAP,EAAc,aACd,KAAAQ,EAAO,KACP,QAAAC,EAAU,QACV,GAAGC,CACL,IAEIT,EAAA,kBAAA,IAACR,EAAA,CACC,UAAU,UACV,cAAY,iBACZ,YAAAc,EACA,YAAAP,EACA,KAAAQ,EACA,QAAAC,EACC,GAAGC,CAAA,CACN,ECrBSC,EAAsB,CAAC,aAAc,UAAU,EAG/CC,EAAe,CAAC,KAAM,KAAM,KAAM,IAAI,EAGtCC,EAAkB,CAAC,QAAS,SAAU,QAAQ","x_google_ignoreList":[0]}
+{"version":3,"file":"divider.types-CK5oFy-i.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/separator/separator.js","../../src/components/Divider/divider.component.tsx","../../src/components/Divider/divider.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { isString } from '../../utils/is.js';\nimport { omit } from '../../utils/omit.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst { useRecipeResult, PropsProvider } = createRecipeContext({\n  key: \"separator\"\n});\nconst Separator = forwardRef(\n  function Separator2(props, ref) {\n    const { styles, className, props: otherProps } = useRecipeResult(props);\n    const orientation = props.orientation || \"horizontal\";\n    return /* @__PURE__ */ jsx(\n      chakra.span,\n      {\n        ref,\n        role: isString(orientation) ? \"separator\" : \"presentation\",\n        \"aria-orientation\": isString(orientation) ? orientation : void 0,\n        ...omit(otherProps, [\"orientation\"]),\n        className: cx(className, props.className),\n        css: [styles, props.css]\n      }\n    );\n  }\n);\nconst SeparatorPropsProvider = PropsProvider;\n\nexport { Separator, SeparatorPropsProvider };\n","import React from 'react';\nimport { Separator, SeparatorProps } from '@chakra-ui/react/separator';\n\nexport type DividerProps = SeparatorProps;\n\nexport const Divider = ({\n  borderColor = 'border',\n  orientation = 'horizontal',\n  size = 'sm',\n  variant = 'solid',\n  ...rest\n}: DividerProps): React.JSX.Element => {\n  return (\n    <Separator\n      className=\"Divider\"\n      data-testid=\"kibble-divider\"\n      borderColor={borderColor}\n      orientation={orientation}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  );\n};\n","export const dividerOrientations = ['horizontal', 'vertical'] as const;\nexport type DividerOrientations = (typeof dividerOrientations)[number];\n\nexport const dividerSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type DividerSizes = (typeof dividerSizes)[number];\n\nexport const dividerVariants = ['solid', 'dashed', 'dotted'] as const;\nexport type DividerVariants = (typeof dividerVariants)[number];\n"],"names":["useRecipeResult","createRecipeContext","Separator","forwardRef","props","ref","styles","className","otherProps","orientation","jsx","chakra","isString","omit","cx","Divider","borderColor","size","variant","rest","dividerOrientations","dividerSizes","dividerVariants"],"mappings":"iMAUM,CAAE,gBAAAA,CAA+B,EAAIC,sBAAoB,CAC7D,IAAK,WACP,CAAC,EACKC,EAAYC,EAAU,WAC1B,SAAoBC,EAAOC,EAAK,CAC9B,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,MAAOC,CAAY,EAAGR,EAAgBI,CAAK,EAChEK,EAAcL,EAAM,aAAe,aACzC,OAAuBM,EAAG,kBAAA,IACxBC,EAAAA,OAAO,KACP,CACE,IAAAN,EACA,KAAMO,EAAQ,SAACH,CAAW,EAAI,YAAc,eAC5C,mBAAoBG,EAAQ,SAACH,CAAW,EAAIA,EAAc,OAC1D,GAAGI,OAAKL,EAAY,CAAC,aAAa,CAAC,EACnC,UAAWM,EAAE,GAACP,EAAWH,EAAM,SAAS,EACxC,IAAK,CAACE,EAAQF,EAAM,GAAG,CAC/B,CACK,CACL,CACA,ECxBaW,EAAU,CAAC,CACtB,YAAAC,EAAc,SACd,YAAAP,EAAc,aACd,KAAAQ,EAAO,KACP,QAAAC,EAAU,QACV,GAAGC,CACL,IAEIT,EAAA,kBAAA,IAACR,EAAA,CACC,UAAU,UACV,cAAY,iBACZ,YAAAc,EACA,YAAAP,EACA,KAAAQ,EACA,QAAAC,EACC,GAAGC,CAAA,CACN,ECrBSC,EAAsB,CAAC,aAAc,UAAU,EAG/CC,EAAe,CAAC,KAAM,KAAM,KAAM,IAAI,EAGtCC,EAAkB,CAAC,QAAS,SAAU,QAAQ","x_google_ignoreList":[0]}

package/dist/chunks/{heading.component-Cf58bZa1.js → heading.component-BHha3j1I.js}

@@ -1,5 +1,5 @@
 import { j as i } from "./jsx-runtime-C5mzlN2N.js";
-import { w as n } from "./withTruncation-C7AAl87b.js";
+import { w as n } from "./withTruncation-CQ7mmyn9.js";
 import { c as o } from "./create-recipe-context-D7FewUR4.js";
 const { withContext: s } = o({
   key: "heading"
@@ -9,4 +9,4 @@ const p = n(e);
 export {
   p as W
 };
-//# sourceMappingURL=heading.component-Cf58bZa1.js.map
+//# sourceMappingURL=heading.component-BHha3j1I.js.map

package/dist/chunks/heading.component-BHha3j1I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.component-BHha3j1I.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/typography/heading.js","../../src/components/Heading/heading.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"heading\"\n});\nconst Heading = withContext(\"h2\");\nconst HeadingPropsProvider = PropsProvider;\n\nexport { Heading, HeadingPropsProvider };\n","import React from 'react';\nimport { Heading as CHeading, HeadingProps as CHeadingProps } 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 HeadingProps extends WithTruncationProps, CHeadingProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\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":["withContext","createRecipeContext","Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":";;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAUF,EAAY,IAAI,GCI1BE,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;","x_google_ignoreList":[0]}

package/dist/chunks/heading.component-DNsKd4Gh.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.component-DNsKd4Gh.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/typography/heading.js","../../src/components/Heading/heading.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"heading\"\n});\nconst Heading = withContext(\"h2\");\nconst HeadingPropsProvider = PropsProvider;\n\nexport { Heading, HeadingPropsProvider };\n","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 HeadingProps extends WithTruncationProps, CHeadingProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\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":["withContext","createRecipeContext","Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":"qJAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,SACP,CAAC,EACKC,EAAUF,EAAY,IAAI,ECO1BE,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAE5BC,EAAA,kBAAA,IAACC,GAAS,UAAU,UAAU,cAAY,iBAAkB,GAAGF,EAC5D,SAAAD,EACH,EAIJD,EAAQ,YAAc,UAEhB,MAAAK,EAAiBC,iBAAeN,CAAO","x_google_ignoreList":[0]}
+{"version":3,"file":"heading.component-DNsKd4Gh.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/typography/heading.js","../../src/components/Heading/heading.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"heading\"\n});\nconst Heading = withContext(\"h2\");\nconst HeadingPropsProvider = PropsProvider;\n\nexport { Heading, HeadingPropsProvider };\n","import React from 'react';\nimport { Heading as CHeading, HeadingProps as CHeadingProps } 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 HeadingProps extends WithTruncationProps, CHeadingProps {\n  size?: HeadingSize;\n  variant?: TypographyVariant;\n}\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":["withContext","createRecipeContext","Heading","children","rest","jsx","CHeading","WrappedHeading","withTruncation"],"mappings":"qJAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,SACP,CAAC,EACKC,EAAUF,EAAY,IAAI,ECI1BE,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAE5BC,EAAA,kBAAA,IAACC,GAAS,UAAU,UAAU,cAAY,iBAAkB,GAAGF,EAC5D,SAAAD,EACH,EAIJD,EAAQ,YAAc,UAEhB,MAAAK,EAAiBC,iBAAeN,CAAO","x_google_ignoreList":[0]}

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

@@ -1 +1 @@
-{"version":3,"file":"icon.component-C0e0UGBw.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 IconProps extends BoxProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\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":"0MAGaA,EAAUC,EAAA,QAEVC,EAAwC,CACnD,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,EACT,ECCaC,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-C0e0UGBw.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 IconProps extends BoxProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\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 className=\"Icon\" data-testid=\"kibble-icon\" ref={ref} width={d} height={d} color=\"currentColor\" />\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":"0MAGaA,EAAUC,EAAA,QAEVC,EAAwC,CACnD,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,EACT,ECCaC,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,SAACO,EAAA,kBAAA,IAAAL,EAAA,CAAW,UAAU,OAAO,cAAY,cAAc,IAAAD,EAAU,MAAOE,EAAG,OAAQA,EAAG,MAAM,cAAe,CAAA,CAAA,CAC7G,CAAA,CAGN"}

package/dist/chunks/{icon.component-DGNCL1Yc.js → icon.component-CFqpWzmV.js}

@@ -21,17 +21,7 @@ const f = d, M = {
         color: i,
         display: "inline-block",
         ...e,
-        children: /* @__PURE__ */ s.jsx(
-          p,
-          {
-            className: "Icon",
-            "data-testid": "kibble-icon",
-            ref: a,
-            width: t,
-            height: t,
-            color: "currentColor"
-          }
-        )
+        children: /* @__PURE__ */ s.jsx(p, { className: "Icon", "data-testid": "kibble-icon", ref: a, width: t, height: t, color: "currentColor" })
       }
     );
   }
@@ -39,4 +29,4 @@ const f = d, M = {
 export {
   y as I
 };
-//# sourceMappingURL=icon.component-DGNCL1Yc.js.map
+//# sourceMappingURL=icon.component-CFqpWzmV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component-CFqpWzmV.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 IconProps extends BoxProps {\n  name: IconName;\n  size?: IconSize;\n  variant?: TypographyVariant;\n}\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 className=\"Icon\" data-testid=\"kibble-icon\" ref={ref} width={d} height={d} color=\"currentColor\" />\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,GCCaC,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,UAACO,gBAAAA,EAAA,IAAAL,GAAA,EAAW,WAAU,QAAO,eAAY,eAAc,KAAAD,GAAU,OAAOE,GAAG,QAAQA,GAAG,OAAM,eAAe,CAAA;AAAA,MAAA;AAAA,IAC7G;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"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"}
+{"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 +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;"}
+{"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/link.component-BlCMfkSE.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.component-BlCMfkSE.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","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 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 {\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 = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\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          {children}\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":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","React","children","external","iconProps","size","ref","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":"mSAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECEfG,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECO/CH,EAAOK,EAAM,QAAA,WACxB,CACE,CACE,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAP,EAAU,cACV,GAAGC,GAELO,IACsB,CAChB,MAAAC,EAAcC,qBAAmBH,CAAI,EACrCI,EAAeL,GAAW,UAAY,QAG1C,OAAAM,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAb,EACA,QAAQ,eACR,KAAAO,EACA,IAAAC,EACC,GAAIH,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGJ,EAEJ,SAACa,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAT,GAAaK,IAAiB,SAC7BC,EAAA,kBAAA,IAACb,EAAA,CACC,KAAMO,EAAU,KAChB,QAAAN,EACA,KAAMS,CAAA,CACR,EAEDL,EACAE,GAAaK,IAAiB,OAC7BC,EAAA,kBAAA,IAACb,EAAA,CACC,KAAMO,EAAU,KAChB,QAAAN,EACA,KAAMS,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAX,EAAK,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"link.component-BlCMfkSE.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","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 = ({ variant, ...rest }: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || 'interactive'} {...rest} />;\n};\n","import React 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 { LinkIcon, LinkIconProps } 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 = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ children, external, iconProps, size = 'md', variant = 'interactive', ...rest }, ref): React.JSX.Element => {\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 name={iconProps.name} variant={variant} size={mapIconSize} />\n          )}\n          {children}\n          {iconProps && iconPosition === 'end' && (\n            <LinkIcon name={iconProps.name} variant={variant} size={mapIconSize} />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = 'Link';\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","React","children","external","iconProps","size","ref","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":"mSAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECEfG,EAAW,CAAC,CAAE,QAAAC,EAAS,GAAGC,6BAC7BC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECO/CH,EAAOK,EAAM,QAAA,WACxB,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAO,KAAM,QAAAP,EAAU,cAAe,GAAGC,CAAK,EAAGO,IAA2B,CACtG,MAAAC,EAAcC,qBAAmBH,CAAI,EACrCI,EAAeL,GAAW,UAAY,QAG1C,OAAAM,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAb,EACA,QAAQ,eACR,KAAAO,EACA,IAAAC,EACC,GAAIH,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGJ,EAEJ,SAACa,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAaT,GAAAK,IAAiB,SAC5BC,EAAAA,kBAAAA,IAAAb,EAAA,CAAS,KAAMO,EAAU,KAAM,QAAAN,EAAkB,KAAMS,CAAa,CAAA,EAEtEL,EACAE,GAAaK,IAAiB,OAC5BC,EAAAA,kBAAAA,IAAAb,EAAA,CAAS,KAAMO,EAAU,KAAM,QAAAN,EAAkB,KAAMS,CAAa,CAAA,CAAA,CAEzE,CAAA,CAAA,CACF,CAAA,CAGN,EAEAX,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/{link.component-Dk9j8As1.js → link.component-DxZHLE-2.js}

@@ -1,23 +1,13 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import k from "react";
-import { I as p } from "./icon.component-DGNCL1Yc.js";
+import { I as p } from "./icon.component-CFqpWzmV.js";
 import { u as x } from "./useIconTextSizeMap-BK-pUrQv.js";
 import { c as d } from "./create-recipe-context-D7FewUR4.js";
 import { H as f } from "./h-stack-Ce6JSBK2.js";
 const { withContext: j } = d({
   key: "link"
-}), u = j("a"), m = ({
-  variant: n,
-  ...i
-}) => /* @__PURE__ */ t.jsx(p, { variant: n || "interactive", ...i }), L = k.forwardRef(
-  ({
-    children: n,
-    external: i,
-    iconProps: e,
-    size: r = "md",
-    variant: a = "interactive",
-    ...c
-  }, l) => {
+}), u = j("a"), m = ({ variant: n, ...i }) => /* @__PURE__ */ t.jsx(p, { variant: n || "interactive", ...i }), L = k.forwardRef(
+  ({ children: n, external: i, iconProps: e, size: r = "md", variant: a = "interactive", ...c }, l) => {
     const o = x(r), s = e?.position || "start";
     return /* @__PURE__ */ t.jsx(
       u,
@@ -31,23 +21,9 @@ const { withContext: j } = d({
         ...i && { target: "_blank", rel: "noopener noreferrer" },
         ...c,
         children: /* @__PURE__ */ t.jsxs(f, { gap: 1, align: "center", children: [
-          e && s === "start" && /* @__PURE__ */ t.jsx(
-            m,
-            {
-              name: e.name,
-              variant: a,
-              size: o
-            }
-          ),
+          e && s === "start" && /* @__PURE__ */ t.jsx(m, { name: e.name, variant: a, size: o }),
           n,
-          e && s === "end" && /* @__PURE__ */ t.jsx(
-            m,
-            {
-              name: e.name,
-              variant: a,
-              size: o
-            }
-          )
+          e && s === "end" && /* @__PURE__ */ t.jsx(m, { name: e.name, variant: a, size: o })
         ] })
       }
     );
@@ -57,4 +33,4 @@ L.displayName = "Link";
 export {
   L
 };
-//# sourceMappingURL=link.component-Dk9j8As1.js.map
+//# sourceMappingURL=link.component-DxZHLE-2.js.map

package/dist/chunks/link.component-DxZHLE-2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.component-DxZHLE-2.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","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 = ({ variant, ...rest }: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || 'interactive'} {...rest} />;\n};\n","import React 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 { LinkIcon, LinkIconProps } 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 = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ children, external, iconProps, size = 'md', variant = 'interactive', ...rest }, ref): React.JSX.Element => {\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 name={iconProps.name} variant={variant} size={mapIconSize} />\n          )}\n          {children}\n          {iconProps && iconPosition === 'end' && (\n            <LinkIcon name={iconProps.name} variant={variant} size={mapIconSize} />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = 'Link';\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","React","children","external","iconProps","size","ref","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":";;;;;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCEfG,IAAW,CAAC,EAAE,SAAAC,GAAS,GAAGC,8BAC7BC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCO/CH,IAAOK,EAAM;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,MAAAC,IAAO,MAAM,SAAAP,IAAU,eAAe,GAAGC,EAAK,GAAGO,MAA2B;AACtG,UAAAC,IAAcC,EAAmBH,CAAI,GACrCI,IAAeL,GAAW,YAAY;AAG1C,WAAAM,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAb;AAAA,QACA,SAAQ;AAAA,QACR,MAAAO;AAAA,QACA,KAAAC;AAAA,QACC,GAAIH,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGJ;AAAA,QAEJ,UAACa,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAaT,KAAAK,MAAiB,WAC5BC,gBAAAA,EAAAA,IAAAb,GAAA,EAAS,MAAMO,EAAU,MAAM,SAAAN,GAAkB,MAAMS,EAAa,CAAA;AAAA,UAEtEL;AAAA,UACAE,KAAaK,MAAiB,SAC5BC,gBAAAA,EAAAA,IAAAb,GAAA,EAAS,MAAMO,EAAU,MAAM,SAAAN,GAAkB,MAAMS,EAAa,CAAA;AAAA,QAAA,EAEzE,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAX,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/{logo.types-By8TqyNf.js → logo.types-BbSodfBq.js}

@@ -1,5 +1,5 @@
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { F as i, a as c } from "./IconLogo-D8EHZ4Is.js";
+import { F as i, a as c } from "./IconLogo-UpYiHEKq.js";
 import { b as p } from "./config-DlTdf-Yt.js";
 import { u as f } from "./use-recipe-d63ABaZ3.js";
 import { B as u } from "./box-Ck9I7FYv.js";
@@ -73,4 +73,4 @@ export {
   j as a,
   b as l
 };
-//# sourceMappingURL=logo.types-By8TqyNf.js.map
+//# sourceMappingURL=logo.types-BbSodfBq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo.types-BbSodfBq.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } 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":";;;;;AAGA,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,GCtCYG,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-CA_5hGAi.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo.types-CA_5hGAi.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":"qMAMMA,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"}
+{"version":3,"file":"logo.types-CA_5hGAi.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } 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":"qMAGMA,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,ECtCYG,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"}