@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

package/dist/chunks/group-DPCVolOl.js

@@ -0,0 +1,139 @@
+import { j as g } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as h, forwardRef as b, useMemo as v, Children as y, isValidElement as R, cloneElement as w } from "react";
+import { d as n } from "./attr-sm10PXOd.js";
+import { c as z, a as E } from "./factory-Ctbv0Ozn.js";
+const j = z("div", {
+  base: {
+    display: "inline-flex",
+    gap: "0.5rem",
+    isolation: "isolate",
+    position: "relative",
+    "& [data-group-item]": {
+      _focusVisible: {
+        zIndex: 1
+      }
+    }
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row"
+      },
+      vertical: {
+        flexDirection: "column"
+      }
+    },
+    attached: {
+      true: {
+        gap: "0!"
+      }
+    },
+    grow: {
+      true: {
+        display: "flex",
+        "& > *": {
+          flex: 1
+        }
+      }
+    },
+    stacking: {
+      "first-on-top": {
+        "& > [data-group-item]": {
+          zIndex: "calc(var(--group-count) - var(--group-index))"
+        }
+      },
+      "last-on-top": {
+        "& > [data-group-item]": {
+          zIndex: "var(--group-index)"
+        }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      attached: !0,
+      css: {
+        "& > *[data-first]": {
+          borderEndRadius: "0!",
+          marginEnd: "-1px"
+        },
+        "& > *[data-between]": {
+          borderRadius: "0!",
+          marginEnd: "-1px"
+        },
+        "& > *[data-last]": {
+          borderStartRadius: "0!"
+        }
+      }
+    },
+    {
+      orientation: "vertical",
+      attached: !0,
+      css: {
+        "& > *[data-first]": {
+          borderBottomRadius: "0!",
+          marginBottom: "-1px"
+        },
+        "& > *[data-between]": {
+          borderRadius: "0!",
+          marginBottom: "-1px"
+        },
+        "& > *[data-last]": {
+          borderTopRadius: "0!"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), V = h(
+  b(function(s, u) {
+    const {
+      align: p = "center",
+      justify: c = "flex-start",
+      children: d,
+      wrap: m,
+      skip: e,
+      ...f
+    } = s, x = v(() => {
+      let a = y.toArray(d).filter(R);
+      if (a.length === 1) return a;
+      const o = a.filter((t) => !e?.(t)), i = o.length;
+      return o.length === 1 ? a : a.map((t) => {
+        const l = t.props;
+        if (e?.(t)) return t;
+        const r = o.indexOf(t);
+        return w(t, {
+          ...l,
+          "data-group-item": "",
+          "data-first": n(r === 0),
+          "data-last": n(r === i - 1),
+          "data-between": n(r > 0 && r < i - 1),
+          style: {
+            "--group-count": i,
+            "--group-index": r,
+            ...l?.style ?? {}
+          }
+        });
+      });
+    }, [d, e]);
+    return /* @__PURE__ */ g.jsx(
+      j,
+      {
+        ref: u,
+        alignItems: p,
+        justifyContent: c,
+        flexWrap: m,
+        ...f,
+        className: E("chakra-group", s.className),
+        children: x
+      }
+    );
+  })
+);
+export {
+  V as G
+};
+//# sourceMappingURL=group-DPCVolOl.js.map

package/dist/chunks/group-DPCVolOl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-DPCVolOl.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/group/group.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { memo, forwardRef, useMemo, Children, isValidElement, cloneElement } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst StyledGroup = chakra(\"div\", {\n  base: {\n    display: \"inline-flex\",\n    gap: \"0.5rem\",\n    isolation: \"isolate\",\n    position: \"relative\",\n    \"& [data-group-item]\": {\n      _focusVisible: {\n        zIndex: 1\n      }\n    }\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        flexDirection: \"row\"\n      },\n      vertical: {\n        flexDirection: \"column\"\n      }\n    },\n    attached: {\n      true: {\n        gap: \"0!\"\n      }\n    },\n    grow: {\n      true: {\n        display: \"flex\",\n        \"& > *\": {\n          flex: 1\n        }\n      }\n    },\n    stacking: {\n      \"first-on-top\": {\n        \"& > [data-group-item]\": {\n          zIndex: \"calc(var(--group-count) - var(--group-index))\"\n        }\n      },\n      \"last-on-top\": {\n        \"& > [data-group-item]\": {\n          zIndex: \"var(--group-index)\"\n        }\n      }\n    }\n  },\n  compoundVariants: [\n    {\n      orientation: \"horizontal\",\n      attached: true,\n      css: {\n        \"& > *[data-first]\": {\n          borderEndRadius: \"0!\",\n          marginEnd: \"-1px\"\n        },\n        \"& > *[data-between]\": {\n          borderRadius: \"0!\",\n          marginEnd: \"-1px\"\n        },\n        \"& > *[data-last]\": {\n          borderStartRadius: \"0!\"\n        }\n      }\n    },\n    {\n      orientation: \"vertical\",\n      attached: true,\n      css: {\n        \"& > *[data-first]\": {\n          borderBottomRadius: \"0!\",\n          marginBottom: \"-1px\"\n        },\n        \"& > *[data-between]\": {\n          borderRadius: \"0!\",\n          marginBottom: \"-1px\"\n        },\n        \"& > *[data-last]\": {\n          borderTopRadius: \"0!\"\n        }\n      }\n    }\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\"\n  }\n});\nconst Group = memo(\n  forwardRef(function Group2(props, ref) {\n    const {\n      align = \"center\",\n      justify = \"flex-start\",\n      children,\n      wrap,\n      skip,\n      ...rest\n    } = props;\n    const _children = useMemo(() => {\n      let childArray = Children.toArray(children).filter(isValidElement);\n      if (childArray.length === 1) return childArray;\n      const validChildArray = childArray.filter((child) => !skip?.(child));\n      const validChildCount = validChildArray.length;\n      if (validChildArray.length === 1) return childArray;\n      return childArray.map((child) => {\n        const childProps = child.props;\n        if (skip?.(child)) return child;\n        const index = validChildArray.indexOf(child);\n        return cloneElement(child, {\n          ...childProps,\n          \"data-group-item\": \"\",\n          \"data-first\": dataAttr(index === 0),\n          \"data-last\": dataAttr(index === validChildCount - 1),\n          \"data-between\": dataAttr(index > 0 && index < validChildCount - 1),\n          style: {\n            \"--group-count\": validChildCount,\n            \"--group-index\": index,\n            ...childProps?.style ?? {}\n          }\n        });\n      });\n    }, [children, skip]);\n    return /* @__PURE__ */ jsx(\n      StyledGroup,\n      {\n        ref,\n        alignItems: align,\n        justifyContent: justify,\n        flexWrap: wrap,\n        ...rest,\n        className: cx(\"chakra-group\", props.className),\n        children: _children\n      }\n    );\n  })\n);\n\nexport { Group };\n"],"names":["StyledGroup","chakra","Group","memo","forwardRef","props","ref","align","justify","children","wrap","skip","rest","_children","useMemo","childArray","Children","isValidElement","validChildArray","child","validChildCount","childProps","index","cloneElement","dataAttr","jsx","cx"],"mappings":";;;;AAQA,MAAMA,IAAcC,EAAO,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,uBAAuB;AAAA,MACrB,eAAe;AAAA,QACb,QAAQ;AAAA,MAChB;AAAA,IACA;AAAA,EACG;AAAA,EACD,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,MAChB;AAAA,MACD,UAAU;AAAA,QACR,eAAe;AAAA,MACvB;AAAA,IACK;AAAA,IACD,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,MACb;AAAA,IACK;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,UACP,MAAM;AAAA,QAChB;AAAA,MACA;AAAA,IACK;AAAA,IACD,UAAU;AAAA,MACR,gBAAgB;AAAA,QACd,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QAClB;AAAA,MACO;AAAA,MACD,eAAe;AAAA,QACb,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QAClB;AAAA,MACA;AAAA,IACA;AAAA,EACG;AAAA,EACD,kBAAkB;AAAA,IAChB;AAAA,MACE,aAAa;AAAA,MACb,UAAU;AAAA,MACV,KAAK;AAAA,QACH,qBAAqB;AAAA,UACnB,iBAAiB;AAAA,UACjB,WAAW;AAAA,QACZ;AAAA,QACD,uBAAuB;AAAA,UACrB,cAAc;AAAA,UACd,WAAW;AAAA,QACZ;AAAA,QACD,oBAAoB;AAAA,UAClB,mBAAmB;AAAA,QAC7B;AAAA,MACA;AAAA,IACK;AAAA,IACD;AAAA,MACE,aAAa;AAAA,MACb,UAAU;AAAA,MACV,KAAK;AAAA,QACH,qBAAqB;AAAA,UACnB,oBAAoB;AAAA,UACpB,cAAc;AAAA,QACf;AAAA,QACD,uBAAuB;AAAA,UACrB,cAAc;AAAA,UACd,cAAc;AAAA,QACf;AAAA,QACD,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,QAC3B;AAAA,MACA;AAAA,IACA;AAAA,EACG;AAAA,EACD,iBAAiB;AAAA,IACf,aAAa;AAAA,EACjB;AACA,CAAC,GACKC,IAAQC;AAAA,EACZC,EAAW,SAAgBC,GAAOC,GAAK;AACrC,UAAM;AAAA,MACJ,OAAAC,IAAQ;AAAA,MACR,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,MAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQP,GACEQ,IAAYC,EAAQ,MAAM;AAC9B,UAAIC,IAAaC,EAAS,QAAQP,CAAQ,EAAE,OAAOQ,CAAc;AACjE,UAAIF,EAAW,WAAW,EAAG,QAAOA;AACpC,YAAMG,IAAkBH,EAAW,OAAO,CAACI,MAAU,CAACR,IAAOQ,CAAK,CAAC,GAC7DC,IAAkBF,EAAgB;AACxC,aAAIA,EAAgB,WAAW,IAAUH,IAClCA,EAAW,IAAI,CAACI,MAAU;AAC/B,cAAME,IAAaF,EAAM;AACzB,YAAIR,IAAOQ,CAAK,EAAG,QAAOA;AAC1B,cAAMG,IAAQJ,EAAgB,QAAQC,CAAK;AAC3C,eAAOI,EAAaJ,GAAO;AAAA,UACzB,GAAGE;AAAA,UACH,mBAAmB;AAAA,UACnB,cAAcG,EAASF,MAAU,CAAC;AAAA,UAClC,aAAaE,EAASF,MAAUF,IAAkB,CAAC;AAAA,UACnD,gBAAgBI,EAASF,IAAQ,KAAKA,IAAQF,IAAkB,CAAC;AAAA,UACjE,OAAO;AAAA,YACL,iBAAiBA;AAAA,YACjB,iBAAiBE;AAAA,YACjB,GAAGD,GAAY,SAAS,CAAA;AAAA,UACpC;AAAA,QACA,CAAS;AAAA,MACT,CAAO;AAAA,IACP,GAAO,CAACZ,GAAUE,CAAI,CAAC;AACnB,WAAuBc,gBAAAA,EAAG;AAAA,MACxBzB;AAAA,MACA;AAAA,QACE,KAAAM;AAAA,QACA,YAAYC;AAAA,QACZ,gBAAgBC;AAAA,QAChB,UAAUE;AAAA,QACV,GAAGE;AAAA,QACH,WAAWc,EAAG,gBAAgBrB,EAAM,SAAS;AAAA,QAC7C,UAAUQ;AAAA,MAClB;AAAA,IACK;AAAA,EACF,CAAA;AACH;","x_google_ignoreList":[0]}

package/dist/chunks/h-stack-Bjx9hlJo.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),n=require("./stack-BKu3hWEQ.js"),s=c.forwardRef(function(t,e){return r.jsxRuntimeExports.jsx(n.Stack,{align:"center",...t,direction:"row",ref:e})});exports.HStack=s;
+//# sourceMappingURL=h-stack-Bjx9hlJo.js.map

package/dist/chunks/h-stack-Bjx9hlJo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-stack-Bjx9hlJo.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/stack/h-stack.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { Stack } from './stack.js';\n\nconst HStack = forwardRef(\n  function HStack2(props, ref) {\n    return /* @__PURE__ */ jsx(Stack, { align: \"center\", ...props, direction: \"row\", ref });\n  }\n);\n\nexport { HStack };\n"],"names":["HStack","forwardRef","props","ref","jsx","Stack"],"mappings":"8GAMMA,EAASC,EAAU,WACvB,SAAiBC,EAAOC,EAAK,CAC3B,OAAuBC,EAAG,kBAAA,IAACC,QAAO,CAAE,MAAO,SAAU,GAAGH,EAAO,UAAW,MAAO,IAAAC,EAAK,CAC1F,CACA","x_google_ignoreList":[0]}

package/dist/chunks/h-stack-Ce6JSBK2.js

@@ -0,0 +1,12 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as a } from "react";
+import { S as i } from "./stack-Dnuh5Zgf.js";
+const s = a(
+  function(r, t) {
+    return /* @__PURE__ */ o.jsx(i, { align: "center", ...r, direction: "row", ref: t });
+  }
+);
+export {
+  s as H
+};
+//# sourceMappingURL=h-stack-Ce6JSBK2.js.map

package/dist/chunks/h-stack-Ce6JSBK2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-stack-Ce6JSBK2.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/stack/h-stack.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { Stack } from './stack.js';\n\nconst HStack = forwardRef(\n  function HStack2(props, ref) {\n    return /* @__PURE__ */ jsx(Stack, { align: \"center\", ...props, direction: \"row\", ref });\n  }\n);\n\nexport { HStack };\n"],"names":["HStack","forwardRef","props","ref","jsx","Stack"],"mappings":";;;AAMK,MAACA,IAASC;AAAA,EACb,SAAiBC,GAAOC,GAAK;AAC3B,WAAuBC,gBAAAA,EAAG,IAACC,GAAO,EAAE,OAAO,UAAU,GAAGH,GAAO,WAAW,OAAO,KAAAC,GAAK;AAAA,EAC1F;AACA;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,12 @@
+import { j as i } from "./jsx-runtime-C5mzlN2N.js";
+import { w as n } from "./withTruncation-D4DrwvZ2.js";
+import { c as o } from "./create-recipe-context-D7FewUR4.js";
+const { withContext: s } = o({
+  key: "heading"
+}), r = s("h2"), e = ({ children: t, ...a }) => /* @__PURE__ */ i.jsx(r, { className: "Heading", "data-testid": "kibble-heading", ...a, children: t });
+e.displayName = "Heading";
+const p = n(e);
+export {
+  p as W
+};
+//# sourceMappingURL=heading.component-D4rtbYK8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.component-D4rtbYK8.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":";;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAUF,EAAY,IAAI,GCO1BE,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-uv536wYF.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),a=require("./withTruncation-DH07KRFn.js"),s=require("./create-recipe-context-sESms8Eo.js"),{withContext:r}=s.createRecipeContext({key:"heading"}),c=r("h2"),e=({children:t,...n})=>i.jsxRuntimeExports.jsx(c,{className:"Heading","data-testid":"kibble-heading",...n,children:t});e.displayName="Heading";const d=a.withTruncation(e);exports.WrappedHeading=d;
+//# sourceMappingURL=heading.component-uv536wYF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.component-uv536wYF.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]}

package/dist/chunks/icon-button-DTZOklQ9.js

@@ -0,0 +1,119 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import * as b from "react";
+import { forwardRef as m, useMemo as y } from "react";
+import { c as p, m as j, a as v } from "./factory-Ctbv0Ozn.js";
+import { d as C } from "./attr-sm10PXOd.js";
+import { c as P } from "./create-recipe-context-D7FewUR4.js";
+import { S as R } from "./spinner-BWqSIW6m.js";
+const c = p("span"), x = p("div", {
+  base: {
+    position: "absolute",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  variants: {
+    axis: {
+      horizontal: {
+        insetStart: "50%",
+        translate: "-50%",
+        _rtl: {
+          translate: "50%"
+        }
+      },
+      vertical: {
+        top: "50%",
+        translate: "0 -50%"
+      },
+      both: {
+        insetStart: "50%",
+        top: "50%",
+        translate: "-50% -50%",
+        _rtl: {
+          translate: "50% -50%"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    axis: "both"
+  }
+});
+x.displayName = "AbsoluteCenter";
+const S = b.forwardRef(
+  function(o, s) {
+    const {
+      spinner: e = /* @__PURE__ */ t.jsx(R, { size: "inherit", borderWidth: "0.125em", color: "inherit" }),
+      spinnerPlacement: n = "start",
+      children: r,
+      text: a,
+      visible: l = !0,
+      ...i
+    } = o;
+    return l ? a ? /* @__PURE__ */ t.jsxs(c, { ref: s, display: "contents", ...i, children: [
+      n === "start" && e,
+      a,
+      n === "end" && e
+    ] }) : e ? /* @__PURE__ */ t.jsxs(c, { ref: s, display: "contents", ...i, children: [
+      /* @__PURE__ */ t.jsx(x, { display: "inline-flex", children: e }),
+      /* @__PURE__ */ t.jsx(c, { visibility: "hidden", display: "contents", children: r })
+    ] }) : /* @__PURE__ */ t.jsx(c, { ref: s, display: "contents", ...i, children: r }) : r;
+  }
+), { useRecipeResult: B, PropsProvider: g, usePropsContext: I } = P(
+  { key: "button" }
+), N = m(
+  function(o, s) {
+    const e = I(), n = y(
+      () => j(e, o),
+      [e, o]
+    ), r = B(n), {
+      loading: a,
+      loadingText: l,
+      children: i,
+      spinner: f,
+      spinnerPlacement: h,
+      ...u
+    } = r.props;
+    return /* @__PURE__ */ t.jsx(
+      p.button,
+      {
+        type: "button",
+        ref: s,
+        ...u,
+        "data-loading": C(a),
+        disabled: a || u.disabled,
+        className: v(r.className, n.className),
+        css: [r.styles, n.css],
+        children: !n.asChild && a ? /* @__PURE__ */ t.jsx(
+          S,
+          {
+            spinner: f,
+            text: l,
+            spinnerPlacement: h,
+            children: i
+          }
+        ) : i
+      }
+    );
+  }
+), E = g, M = m(
+  function(o, s) {
+    return /* @__PURE__ */ t.jsx(
+      N,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref: s,
+        ...o
+      }
+    );
+  }
+);
+export {
+  N as B,
+  M as I,
+  c as S,
+  E as a
+};
+//# sourceMappingURL=icon-button-DTZOklQ9.js.map

package/dist/chunks/icon-button-DTZOklQ9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-DTZOklQ9.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/span.js","../../node_modules/@chakra-ui/react/dist/esm/components/center/absolute-center.js","../../node_modules/@chakra-ui/react/dist/esm/components/loader/loader.js","../../node_modules/@chakra-ui/react/dist/esm/components/button/button.js","../../node_modules/@chakra-ui/react/dist/esm/components/button/icon-button.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Span = chakra(\"span\");\n\nexport { Span };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst AbsoluteCenter = chakra(\"div\", {\n  base: {\n    position: \"absolute\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  variants: {\n    axis: {\n      horizontal: {\n        insetStart: \"50%\",\n        translate: \"-50%\",\n        _rtl: {\n          translate: \"50%\"\n        }\n      },\n      vertical: {\n        top: \"50%\",\n        translate: \"0 -50%\"\n      },\n      both: {\n        insetStart: \"50%\",\n        top: \"50%\",\n        translate: \"-50% -50%\",\n        _rtl: {\n          translate: \"50% -50%\"\n        }\n      }\n    }\n  },\n  defaultVariants: {\n    axis: \"both\"\n  }\n});\nAbsoluteCenter.displayName = \"AbsoluteCenter\";\n\nexport { AbsoluteCenter };\n","\"use strict\";\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { Spinner } from '../spinner/spinner.js';\nimport { Span } from '../box/span.js';\nimport { AbsoluteCenter } from '../center/absolute-center.js';\n\nconst Loader = React.forwardRef(\n  function Loader2(props, ref) {\n    const {\n      spinner = /* @__PURE__ */ jsx(Spinner, { size: \"inherit\", borderWidth: \"0.125em\", color: \"inherit\" }),\n      spinnerPlacement = \"start\",\n      children,\n      text,\n      visible = true,\n      ...rest\n    } = props;\n    if (!visible) return children;\n    if (text) {\n      return /* @__PURE__ */ jsxs(Span, { ref, display: \"contents\", ...rest, children: [\n        spinnerPlacement === \"start\" && spinner,\n        text,\n        spinnerPlacement === \"end\" && spinner\n      ] });\n    }\n    if (spinner) {\n      return /* @__PURE__ */ jsxs(Span, { ref, display: \"contents\", ...rest, children: [\n        /* @__PURE__ */ jsx(AbsoluteCenter, { display: \"inline-flex\", children: spinner }),\n        /* @__PURE__ */ jsx(Span, { visibility: \"hidden\", display: \"contents\", children })\n      ] });\n    }\n    return /* @__PURE__ */ jsx(Span, { ref, display: \"contents\", ...rest, children });\n  }\n);\n\nexport { Loader };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { mergeProps } from '../../merge-props.js';\nimport { dataAttr } from '../../utils/attr.js';\nimport { cx } from '../../utils/cx.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Loader } from '../loader/loader.js';\n\nconst { useRecipeResult, PropsProvider, usePropsContext } = createRecipeContext(\n  { key: \"button\" }\n);\nconst Button = forwardRef(\n  function Button2(inProps, ref) {\n    const propsContext = usePropsContext();\n    const props = useMemo(\n      () => mergeProps(propsContext, inProps),\n      [propsContext, inProps]\n    );\n    const result = useRecipeResult(props);\n    const {\n      loading,\n      loadingText,\n      children,\n      spinner,\n      spinnerPlacement,\n      ...rest\n    } = result.props;\n    return /* @__PURE__ */ jsx(\n      chakra.button,\n      {\n        type: \"button\",\n        ref,\n        ...rest,\n        \"data-loading\": dataAttr(loading),\n        disabled: loading || rest.disabled,\n        className: cx(result.className, props.className),\n        css: [result.styles, props.css],\n        children: !props.asChild && loading ? /* @__PURE__ */ jsx(\n          Loader,\n          {\n            spinner,\n            text: loadingText,\n            spinnerPlacement,\n            children\n          }\n        ) : children\n      }\n    );\n  }\n);\nconst ButtonPropsProvider = PropsProvider;\n\nexport { Button, ButtonPropsProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { Button } from './button.js';\n\nconst IconButton = forwardRef(\n  function IconButton2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      Button,\n      {\n        px: \"0\",\n        py: \"0\",\n        _icon: { fontSize: \"1.2em\" },\n        ref,\n        ...props\n      }\n    );\n  }\n);\n\nexport { IconButton };\n"],"names":["Span","chakra","AbsoluteCenter","Loader","React","props","ref","spinner","jsx","Spinner","spinnerPlacement","children","text","visible","rest","jsxs","useRecipeResult","PropsProvider","usePropsContext","createRecipeContext","Button","forwardRef","inProps","propsContext","useMemo","mergeProps","result","loading","loadingText","dataAttr","cx","ButtonPropsProvider","IconButton"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/chunks/icon-button-DtjZ-SdQ.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),l=require("./factory-D6tdBUPG.js"),R=require("./attr-BMs6szZx.js"),h=require("./create-recipe-context-sESms8Eo.js"),y=require("./spinner-BnpL14kK.js");function P(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const g=P(p),u=l.chakra("span"),f=l.chakra("div",{base:{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center"},variants:{axis:{horizontal:{insetStart:"50%",translate:"-50%",_rtl:{translate:"50%"}},vertical:{top:"50%",translate:"0 -50%"},both:{insetStart:"50%",top:"50%",translate:"-50% -50%",_rtl:{translate:"50% -50%"}}}},defaultVariants:{axis:"both"}});f.displayName="AbsoluteCenter";const v=g.forwardRef(function(n,t){const{spinner:s=r.jsxRuntimeExports.jsx(y.Spinner,{size:"inherit",borderWidth:"0.125em",color:"inherit"}),spinnerPlacement:o="start",children:i,text:a,visible:d=!0,...c}=n;return d?a?r.jsxRuntimeExports.jsxs(u,{ref:t,display:"contents",...c,children:[o==="start"&&s,a,o==="end"&&s]}):s?r.jsxRuntimeExports.jsxs(u,{ref:t,display:"contents",...c,children:[r.jsxRuntimeExports.jsx(f,{display:"inline-flex",children:s}),r.jsxRuntimeExports.jsx(u,{visibility:"hidden",display:"contents",children:i})]}):r.jsxRuntimeExports.jsx(u,{ref:t,display:"contents",...c,children:i}):i}),{useRecipeResult:E,PropsProvider:B,usePropsContext:C}=h.createRecipeContext({key:"button"}),m=p.forwardRef(function(n,t){const s=C(),o=p.useMemo(()=>l.mergeProps(s,n),[s,n]),i=E(o),{loading:a,loadingText:d,children:c,spinner:j,spinnerPlacement:b,...x}=i.props;return r.jsxRuntimeExports.jsx(l.chakra.button,{type:"button",ref:t,...x,"data-loading":R.dataAttr(a),disabled:a||x.disabled,className:l.cx(i.className,o.className),css:[i.styles,o.css],children:!o.asChild&&a?r.jsxRuntimeExports.jsx(v,{spinner:j,text:d,spinnerPlacement:b,children:c}):c})}),S=B,_=p.forwardRef(function(n,t){return r.jsxRuntimeExports.jsx(m,{px:"0",py:"0",_icon:{fontSize:"1.2em"},ref:t,...n})});exports.Button=m;exports.ButtonPropsProvider=S;exports.IconButton=_;exports.Span=u;
+//# sourceMappingURL=icon-button-DtjZ-SdQ.js.map

package/dist/chunks/icon-button-DtjZ-SdQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-DtjZ-SdQ.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/span.js","../../node_modules/@chakra-ui/react/dist/esm/components/center/absolute-center.js","../../node_modules/@chakra-ui/react/dist/esm/components/loader/loader.js","../../node_modules/@chakra-ui/react/dist/esm/components/button/button.js","../../node_modules/@chakra-ui/react/dist/esm/components/button/icon-button.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Span = chakra(\"span\");\n\nexport { Span };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst AbsoluteCenter = chakra(\"div\", {\n  base: {\n    position: \"absolute\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  variants: {\n    axis: {\n      horizontal: {\n        insetStart: \"50%\",\n        translate: \"-50%\",\n        _rtl: {\n          translate: \"50%\"\n        }\n      },\n      vertical: {\n        top: \"50%\",\n        translate: \"0 -50%\"\n      },\n      both: {\n        insetStart: \"50%\",\n        top: \"50%\",\n        translate: \"-50% -50%\",\n        _rtl: {\n          translate: \"50% -50%\"\n        }\n      }\n    }\n  },\n  defaultVariants: {\n    axis: \"both\"\n  }\n});\nAbsoluteCenter.displayName = \"AbsoluteCenter\";\n\nexport { AbsoluteCenter };\n","\"use strict\";\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { Spinner } from '../spinner/spinner.js';\nimport { Span } from '../box/span.js';\nimport { AbsoluteCenter } from '../center/absolute-center.js';\n\nconst Loader = React.forwardRef(\n  function Loader2(props, ref) {\n    const {\n      spinner = /* @__PURE__ */ jsx(Spinner, { size: \"inherit\", borderWidth: \"0.125em\", color: \"inherit\" }),\n      spinnerPlacement = \"start\",\n      children,\n      text,\n      visible = true,\n      ...rest\n    } = props;\n    if (!visible) return children;\n    if (text) {\n      return /* @__PURE__ */ jsxs(Span, { ref, display: \"contents\", ...rest, children: [\n        spinnerPlacement === \"start\" && spinner,\n        text,\n        spinnerPlacement === \"end\" && spinner\n      ] });\n    }\n    if (spinner) {\n      return /* @__PURE__ */ jsxs(Span, { ref, display: \"contents\", ...rest, children: [\n        /* @__PURE__ */ jsx(AbsoluteCenter, { display: \"inline-flex\", children: spinner }),\n        /* @__PURE__ */ jsx(Span, { visibility: \"hidden\", display: \"contents\", children })\n      ] });\n    }\n    return /* @__PURE__ */ jsx(Span, { ref, display: \"contents\", ...rest, children });\n  }\n);\n\nexport { Loader };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { mergeProps } from '../../merge-props.js';\nimport { dataAttr } from '../../utils/attr.js';\nimport { cx } from '../../utils/cx.js';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Loader } from '../loader/loader.js';\n\nconst { useRecipeResult, PropsProvider, usePropsContext } = createRecipeContext(\n  { key: \"button\" }\n);\nconst Button = forwardRef(\n  function Button2(inProps, ref) {\n    const propsContext = usePropsContext();\n    const props = useMemo(\n      () => mergeProps(propsContext, inProps),\n      [propsContext, inProps]\n    );\n    const result = useRecipeResult(props);\n    const {\n      loading,\n      loadingText,\n      children,\n      spinner,\n      spinnerPlacement,\n      ...rest\n    } = result.props;\n    return /* @__PURE__ */ jsx(\n      chakra.button,\n      {\n        type: \"button\",\n        ref,\n        ...rest,\n        \"data-loading\": dataAttr(loading),\n        disabled: loading || rest.disabled,\n        className: cx(result.className, props.className),\n        css: [result.styles, props.css],\n        children: !props.asChild && loading ? /* @__PURE__ */ jsx(\n          Loader,\n          {\n            spinner,\n            text: loadingText,\n            spinnerPlacement,\n            children\n          }\n        ) : children\n      }\n    );\n  }\n);\nconst ButtonPropsProvider = PropsProvider;\n\nexport { Button, ButtonPropsProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { Button } from './button.js';\n\nconst IconButton = forwardRef(\n  function IconButton2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      Button,\n      {\n        px: \"0\",\n        py: \"0\",\n        _icon: { fontSize: \"1.2em\" },\n        ref,\n        ...props\n      }\n    );\n  }\n);\n\nexport { IconButton };\n"],"names":["Span","chakra","AbsoluteCenter","Loader","React","props","ref","spinner","jsx","Spinner","spinnerPlacement","children","text","visible","rest","jsxs","useRecipeResult","PropsProvider","usePropsContext","createRecipeContext","Button","forwardRef","inProps","propsContext","useMemo","mergeProps","result","loading","loadingText","dataAttr","cx","ButtonPropsProvider","IconButton"],"mappings":"0hBAIMA,EAAOC,EAAM,OAAC,MAAM,ECApBC,EAAiBD,EAAM,OAAC,MAAO,CACnC,KAAM,CACJ,SAAU,WACV,QAAS,OACT,WAAY,SACZ,eAAgB,QACjB,EACD,SAAU,CACR,KAAM,CACJ,WAAY,CACV,WAAY,MACZ,UAAW,OACX,KAAM,CACJ,UAAW,KACrB,CACO,EACD,SAAU,CACR,IAAK,MACL,UAAW,QACZ,EACD,KAAM,CACJ,WAAY,MACZ,IAAK,MACL,UAAW,YACX,KAAM,CACJ,UAAW,UACrB,CACA,CACA,CACG,EACD,gBAAiB,CACf,KAAM,MACV,CACA,CAAC,EACDC,EAAe,YAAc,iBC/B7B,MAAMC,EAASC,EAAM,WACnB,SAAiBC,EAAOC,EAAK,CAC3B,KAAM,CACV,QAAMC,EAA0BC,EAAAA,kBAAAA,IAAIC,EAAO,QAAE,CAAE,KAAM,UAAW,YAAa,UAAW,MAAO,UAAW,EACpG,iBAAAC,EAAmB,QACnB,SAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACT,EAAQT,EACJ,OAAKQ,EACDD,EACqBG,EAAI,kBAAA,KAACf,EAAM,CAAE,IAAAM,EAAK,QAAS,WAAY,GAAGQ,EAAM,SAAU,CAC/EJ,IAAqB,SAAWH,EAChCK,EACAF,IAAqB,OAASH,CACtC,EAAS,EAEDA,EACqBQ,EAAI,kBAAA,KAACf,EAAM,CAAE,IAAAM,EAAK,QAAS,WAAY,GAAGQ,EAAM,SAAU,CAC/DN,EAAG,kBAAA,IAACN,EAAgB,CAAE,QAAS,cAAe,SAAUK,EAAS,EACjEC,EAAG,kBAAA,IAACR,EAAM,CAAE,WAAY,SAAU,QAAS,WAAY,SAAAW,CAAU,CAAA,CACzF,EAAS,EAEkBH,EAAG,kBAAA,IAACR,EAAM,CAAE,IAAAM,EAAK,QAAS,WAAY,GAAGQ,EAAM,SAAAH,EAAU,EAd3DA,CAezB,CACA,ECtBM,CAAE,gBAAAK,EAAiB,cAAAC,EAAe,gBAAAC,CAAe,EAAKC,EAAmB,oBAC7E,CAAE,IAAK,QAAQ,CACjB,EACMC,EAASC,EAAU,WACvB,SAAiBC,EAAShB,EAAK,CAC7B,MAAMiB,EAAeL,EAAiB,EAChCb,EAAQmB,EAAO,QACnB,IAAMC,EAAU,WAACF,EAAcD,CAAO,EACtC,CAACC,EAAcD,CAAO,CACvB,EACKI,EAASV,EAAgBX,CAAK,EAC9B,CACJ,QAAAsB,EACA,YAAAC,EACA,SAAAjB,EACA,QAAAJ,EACA,iBAAAG,EACA,GAAGI,CACJ,EAAGY,EAAO,MACX,OAAuBlB,EAAG,kBAAA,IACxBP,EAAAA,OAAO,OACP,CACE,KAAM,SACN,IAAAK,EACA,GAAGQ,EACH,eAAgBe,EAAQ,SAACF,CAAO,EAChC,SAAUA,GAAWb,EAAK,SAC1B,UAAWgB,EAAAA,GAAGJ,EAAO,UAAWrB,EAAM,SAAS,EAC/C,IAAK,CAACqB,EAAO,OAAQrB,EAAM,GAAG,EAC9B,SAAU,CAACA,EAAM,SAAWsB,EAA0BnB,EAAG,kBAAA,IACvDL,EACA,CACE,QAAAI,EACA,KAAMqB,EACN,iBAAAlB,EACA,SAAAC,CACZ,CACA,EAAYA,CACZ,CACK,CACL,CACA,EACMoB,EAAsBd,EC/CtBe,EAAaX,EAAU,WAC3B,SAAqBhB,EAAOC,EAAK,CAC/B,OAAuBE,EAAG,kBAAA,IACxBY,EACA,CACE,GAAI,IACJ,GAAI,IACJ,MAAO,CAAE,SAAU,OAAS,EAC5B,IAAAd,EACA,GAAGD,CACX,CACK,CACL,CACA","x_google_ignoreList":[0,1,2,3,4]}

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

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

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

@@ -0,0 +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"}

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

@@ -1,34 +1,34 @@
-import { x as t } from "./vendor-BBfll6i3.js";
+import { j as s } from "./jsx-runtime-C5mzlN2N.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 { B as I } from "./chakra-BqBkjpvZ.js";
-const f = d, b = {
+import { B as I } from "./box-Ck9I7FYv.js";
+const f = d, M = {
   xs: 14,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 32,
   "2xl": 38
-}, j = l(
-  ({ name: a, size: c = "lg", color: r, variant: o, ...n }, e) => {
-    const p = f[a], s = b[c] + "px", i = m(() => o ? x[o].color : r, [o, r]);
-    return /* @__PURE__ */ t.jsx(
+}, y = l(
+  ({ name: c, size: n = "lg", color: r, variant: o, ...e }, a) => {
+    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",
-        ...n,
-        children: /* @__PURE__ */ t.jsx(
+        ...e,
+        children: /* @__PURE__ */ s.jsx(
           p,
           {
             className: "Icon",
             "data-testid": "kibble-icon",
-            ref: e,
-            width: s,
-            height: s,
+            ref: a,
+            width: t,
+            height: t,
             color: "currentColor"
           }
         )
@@ -37,8 +37,6 @@ const f = d, b = {
   }
 );
 export {
-  j as I,
-  f as a,
-  b
+  y as I
 };
-//# sourceMappingURL=icon.component-DjNY589M.js.map
+//# sourceMappingURL=icon.component-DGNCL1Yc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component-DGNCL1Yc.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":";;;;;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,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;"}