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

package/README.md

@@ -75,33 +75,3 @@ Both options will enable autocompletion for all Kibble UI theme tokens in your c
 <Swatch bgColor="background.primary" />
 <Text fontSize="sm" />
 ```
-
-## TypeScript Path Configuration
-
-TypeScript paths for component imports are automatically configured during installation. This enables convenient imports like:
-
-```tsx
-// Import from main package
-import { Button } from "@televet/kibble-ui";
-
-// Import specific component
-import { Button } from "@televet/kibble-ui/Button";
-
-// Import from theme
-import { system } from "@televet/kibble-ui/theme";
-
-// Import hooks
-import { useDebounce } from "@televet/kibble-ui/hooks/useDebounce";
-```
-
-If you need to manually configure the paths, you can run:
-
-```bash
-npx kibble-configure-paths
-```
-
-To skip the automatic configuration in CI environments, set the `SKIP_KIBBLE_POSTINSTALL` environment variable:
-
-```bash
-SKIP_KIBBLE_POSTINSTALL=1 npm install
-```

package/dist/chunks/IconLogo-BurrDDT6.js

@@ -0,0 +1,62 @@
+import { x as c } from "./vendor-CRIhG-7s.js";
+import { forwardRef as a } from "react";
+const i = ({
+  color: l = "currentColor",
+  height: r = "100%",
+  width: n = "100%",
+  title: o,
+  titleId: s
+}, e) => /* @__PURE__ */ c.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 200 71",
+    height: r,
+    width: n,
+    ref: e,
+    "aria-labelledby": s,
+    children: [
+      o ? /* @__PURE__ */ c.jsx("title", { id: s, children: o }) : null,
+      /* @__PURE__ */ c.jsx(
+        "path",
+        {
+          fill: l,
+          d: "M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566"
+        }
+      )
+    ]
+  }
+), M = a(i), x = ({
+  color: l = "currentColor",
+  height: r = "100%",
+  width: n = "100%",
+  title: o,
+  titleId: s
+}, e) => /* @__PURE__ */ c.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 59 60",
+    height: r,
+    width: n,
+    ref: e,
+    "aria-labelledby": s,
+    children: [
+      o ? /* @__PURE__ */ c.jsx("title", { id: s, children: o }) : null,
+      /* @__PURE__ */ c.jsx(
+        "path",
+        {
+          fill: l,
+          d: "M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49"
+        }
+      )
+    ]
+  }
+), d = a(x);
+export {
+  M as F,
+  d as a
+};
+//# sourceMappingURL=IconLogo-BurrDDT6.js.map

package/dist/chunks/IconLogo-BurrDDT6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLogo-BurrDDT6.js","sources":["../../src/components/Logo/generated/FullLogo.tsx","../../src/components/Logo/generated/IconLogo.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgFullLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 200 71\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgFullLogo);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgIconLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 59 60\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgIconLogo);\nexport default ForwardRef;\n"],"names":["SvgFullLogo","color","height","width","title","titleId","ref","jsxs","jsx","ForwardRef","forwardRef","SvgIconLogo"],"mappings":";;AASA,MAAMA,IAAc,CAClB;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,SAAAC;AACF,GACAC,MAEAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAAC;AAAA,IACA,KAAAG;AAAA,IACA,mBAAiBD;AAAA,IAEhB,UAAA;AAAA,MAAAD,IAASI,gBAAAA,EAAAA,IAAA,SAAA,EAAM,IAAIH,GAAU,YAAM,CAAA,IAAW;AAAA,MAC/CG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMP;AAAA,UACN,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACF,GAEIQ,IAAaC,EAAWV,CAAW,GC1BnCW,IAAc,CAClB;AAAA,EACE,OAAAV,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,SAAAC;AACF,GACAC,MAEAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAAC;AAAA,IACA,KAAAG;AAAA,IACA,mBAAiBD;AAAA,IAEhB,UAAA;AAAA,MAAAD,IAASI,gBAAAA,EAAAA,IAAA,SAAA,EAAM,IAAIH,GAAU,YAAM,CAAA,IAAW;AAAA,MAC/CG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMP;AAAA,UACN,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACF,GAEIQ,IAAaC,EAAWC,CAAW;"}

package/dist/chunks/IconLogo-Dd5mp5A_.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("./vendor-DcKGwQlH.js"),t=require("react"),x=({color:o="currentColor",height:e="100%",width:n="100%",title:s,titleId:r},l)=>c.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 200 71",height:e,width:n,ref:l,"aria-labelledby":r,children:[s?c.jsxRuntimeExports.jsx("title",{id:r,children:s}):null,c.jsxRuntimeExports.jsx("path",{fill:o,d:"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566"})]}),i=t.forwardRef(x),w=({color:o="currentColor",height:e="100%",width:n="100%",title:s,titleId:r},l)=>c.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 59 60",height:e,width:n,ref:l,"aria-labelledby":r,children:[s?c.jsxRuntimeExports.jsx("title",{id:r,children:s}):null,c.jsxRuntimeExports.jsx("path",{fill:o,d:"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49"})]}),a=t.forwardRef(w);exports.ForwardRef=i;exports.ForwardRef$1=a;
+//# sourceMappingURL=IconLogo-Dd5mp5A_.js.map

package/dist/chunks/IconLogo-Dd5mp5A_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLogo-Dd5mp5A_.js","sources":["../../src/components/Logo/generated/FullLogo.tsx","../../src/components/Logo/generated/IconLogo.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgFullLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 200 71\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgFullLogo);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgIconLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 59 60\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgIconLogo);\nexport default ForwardRef;\n"],"names":["SvgFullLogo","color","height","width","title","titleId","ref","jsxs","jsx","ForwardRef","forwardRef","SvgIconLogo"],"mappings":"wEASMA,EAAc,CAClB,CACE,MAAAC,EAAQ,eACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,MAAAC,EACA,QAAAC,CACF,EACAC,IAEAC,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,aACR,OAAAL,EACA,MAAAC,EACA,IAAAG,EACA,kBAAiBD,EAEhB,SAAA,CAAAD,EAASI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,GAAIH,EAAU,UAAM,CAAA,EAAW,KAC/CG,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMP,EACN,EAAE,wsEAAA,CAAA,CACJ,CAAA,CACF,EAEIQ,EAAaC,aAAWV,CAAW,EC1BnCW,EAAc,CAClB,CACE,MAAAV,EAAQ,eACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,MAAAC,EACA,QAAAC,CACF,EACAC,IAEAC,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,OAAAL,EACA,MAAAC,EACA,IAAAG,EACA,kBAAiBD,EAEhB,SAAA,CAAAD,EAASI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,GAAIH,EAAU,UAAM,CAAA,EAAW,KAC/CG,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMP,EACN,EAAE,g+BAAA,CAAA,CACJ,CAAA,CACF,EAEIQ,EAAaC,aAAWC,CAAW"}

package/dist/chunks/alert.component-BSUteYep.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-DcKGwQlH.js"),f=require("react"),g=require("./heading.component-C92ZA4Md.js"),A=require("./icon.component-Drw3LiG5.js"),E=require("./text.component-MDGpqA76.js"),j=require("./button.component-DnWrqGc4.js"),n=require("./chakra-BHjfByoV.js"),_={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},b={default:"default",error:"danger",info:"info",success:"success",warning:"warning"},x=({buttonPosition:e="topRight",buttonText:s,status:a,...o})=>t.jsxRuntimeExports.jsx(n.Box,{className:"Alert__Button","data-testid":"kibble-alert-button",...e==="bottomLeft"&&{pt:2,pb:1},children:t.jsxRuntimeExports.jsx(j.Button,{size:"xs",variant:a==="default"?"primary":"secondary",w:"max-content",...o,children:s})}),k=({buttonProps:e,description:s,descriptionProps:a,hideCloseButton:o=!1,hideIcon:u=!1,iconProps:m,onClose:p,onContrast:i=!1,status:r="success",title:c,titleProps:R,...h})=>{e&&!e.buttonPosition&&(e.buttonPosition="topRight");const l=e&&e.buttonPosition==="topRight",d=l?n.Flex:f.Fragment;return t.jsxRuntimeExports.jsxs(n.AlertRoot,{className:"Alert","data-testid":"kibble-alert",...h,variant:r,hideIcon:u,onContrast:i,children:[!u&&t.jsxRuntimeExports.jsx(n.AlertIndicator,{className:"Alert__Icon","data-testid":"kibble-alert-icon",children:t.jsxRuntimeExports.jsx(A.Icon,{variant:i?"onContrast":b[r],name:m?.name||_[r],size:"lg",...m})}),t.jsxRuntimeExports.jsxs(n.AlertContent,{className:"Alert__Content","data-testid":"kibble-alert-content",children:[c&&t.jsxRuntimeExports.jsxs(d,{...l&&{justifyContent:"space-between"},children:[t.jsxRuntimeExports.jsx(n.AlertTitle,{className:"Alert__Title","data-testid":"kibble-alert-title",children:t.jsxRuntimeExports.jsx(g.WrappedHeading,{size:"sm",variant:i?"onContrast":"default",...R,children:c})}),e&&e.buttonPosition==="topRight"&&t.jsxRuntimeExports.jsx(x,{status:r,onContrast:i,...e})]}),s&&t.jsxRuntimeExports.jsxs(d,{...l&&{justifyContent:"space-between"},children:[t.jsxRuntimeExports.jsx(n.AlertDescription,{className:"Alert__Description","data-testid":"kibble-alert-description",children:typeof s=="string"?t.jsxRuntimeExports.jsx(E.WrappedText,{size:"md",variant:i?"onContrast":"default",...a,children:s}):s}),e&&e.buttonPosition==="topRight"&&!c&&t.jsxRuntimeExports.jsx(x,{status:r,onContrast:i,...e})]}),e?.buttonPosition==="bottomLeft"&&t.jsxRuntimeExports.jsx(x,{status:r,onContrast:i,...e})]}),!o&&t.jsxRuntimeExports.jsx(j.Button,{iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:i,onClick:p})]})};exports.Alert=k;
+//# sourceMappingURL=alert.component-BSUteYep.js.map

package/dist/chunks/alert.component-BSUteYep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.component-BSUteYep.js","sources":["../../src/components/Alert/alert.records.ts","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"sourcesContent":["import { IconName } from \"components/Icon/icon.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { Status } from \"shared/types/status\";\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: \"warningSign\",\n  warning: \"warningSign\",\n  success: \"checkmark\",\n  info: \"infoCircle\",\n  default: \"infoCircle\",\n};\n\nexport const AlertStatusToIconVariant: Record<Status, TypographyVariant> = {\n  default: \"default\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n","import React from \"react\";\nimport { AlertButtonPosition } from \"components/Alert/alert.types\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Status } from \"shared/types/status\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface AlertButtonProps extends Omit<ButtonProps, \"children\"> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = \"topRight\",\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === \"bottomLeft\" && { pt: 2, pb: 1 })}\n    >\n      <Button\n        size=\"xs\"\n        variant={status === \"default\" ? \"primary\" : \"secondary\"}\n        w=\"max-content\"\n        {...rest}\n      >\n        {buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport { Alert as CAlert } from \"@chakra-ui/react/alert\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Status } from \"shared/types/status\";\nimport { Button } from \"components/Button/button.component\";\nimport { AlertStatusIcon, AlertStatusToIconVariant } from \"./alert.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\n\nexport interface AlertProps\n  extends Omit<\n    CAlert.RootProps,\n    \"title\" | \"status\" | \"children\" | \"variant\" | \"size\"\n  > {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = \"success\",\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = \"topRight\";\n  }\n  const isTopRightButton =\n    buttonProps && buttonProps.buttonPosition === \"topRight\";\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator\n          className=\"Alert__Icon\"\n          data-testid=\"kibble-alert-icon\"\n        >\n          <Icon\n            variant={\n              onContrast ? \"onContrast\" : AlertStatusToIconVariant[status]\n            }\n            name={iconProps?.name || AlertStatusIcon[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content\n        className=\"Alert__Content\"\n        data-testid=\"kibble-alert-content\"\n      >\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Title\n              className=\"Alert__Title\"\n              data-testid=\"kibble-alert-title\"\n            >\n              <Heading\n                size=\"sm\"\n                variant={onContrast ? \"onContrast\" : \"default\"}\n                {...titleProps}\n              >\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === \"topRight\" && (\n              <AlertButton\n                status={status}\n                onContrast={onContrast}\n                {...buttonProps}\n              />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Description\n              className=\"Alert__Description\"\n              data-testid=\"kibble-alert-description\"\n            >\n              {typeof description === \"string\" ? (\n                <Text\n                  size=\"md\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                  {...descriptionProps}\n                >\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps &&\n              buttonProps.buttonPosition === \"topRight\" &&\n              !title && (\n                <AlertButton\n                  status={status}\n                  onContrast={onContrast}\n                  {...buttonProps}\n                />\n              )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === \"bottomLeft\" && (\n          <AlertButton\n            status={status}\n            onContrast={onContrast}\n            {...buttonProps}\n          />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n"],"names":["AlertStatusIcon","AlertStatusToIconVariant","AlertButton","buttonPosition","buttonText","status","rest","jsx","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","Icon","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"uRAIaA,EAA4C,CACvD,MAAO,cACP,QAAS,cACT,QAAS,YACT,KAAM,aACN,QAAS,YACX,EAEaC,EAA8D,CACzE,QAAS,UACT,MAAO,SACP,KAAM,OACN,QAAS,UACT,QAAS,SACX,ECHaC,EAAc,CAAC,CAC1B,eAAAC,EAAiB,WACjB,WAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,gBACV,cAAY,sBACX,GAAIL,IAAmB,cAAgB,CAAE,GAAI,EAAG,GAAI,CAAE,EAEvD,SAAAI,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,KAAK,KACL,QAASJ,IAAW,UAAY,UAAY,YAC5C,EAAE,cACD,GAAGC,EAEH,SAAAF,CAAA,CAAA,CACH,CACF,ECHSM,EAAQ,CAAC,CACpB,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,gBAAAC,EAAkB,GAClB,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,GACb,OAAAb,EAAS,UACT,MAAAc,EACA,WAAAC,EACA,GAAGd,CACL,IAAqC,CAC/BK,GAAe,CAACA,EAAY,iBAC9BA,EAAY,eAAiB,YAEzB,MAAAU,EACJV,GAAeA,EAAY,iBAAmB,WAC1CW,EAAoBD,EAAmBE,EAAA,KAAOC,EAAM,SAGxD,OAAAC,EAAA,kBAAA,KAACC,EAAO,UAAP,CACC,UAAU,QACV,cAAY,eACX,GAAGpB,EACJ,QAASD,EACT,SAAAU,EACA,WAAAG,EAEC,SAAA,CAAA,CAACH,GACAR,EAAA,kBAAA,IAACoB,EAAO,eAAP,CACC,UAAU,cACV,cAAY,oBAEZ,SAAApB,EAAA,kBAAA,IAACqB,EAAA,KAAA,CACC,QACEV,EAAa,aAAejB,EAAyBI,CAAM,EAE7D,KAAMW,GAAW,MAAQhB,EAAgBK,CAAM,EAC/C,KAAK,KACJ,GAAGW,CAAA,CAAA,CACN,CACF,EAEFS,EAAA,kBAAA,KAACI,EAAO,aAAP,CACC,UAAU,iBACV,cAAY,uBAEX,SAAA,CACCV,GAAAM,EAAA,kBAAA,KAACH,EAAA,CACE,GAAID,GAAoB,CAAE,eAAgB,eAAgB,EAE3D,SAAA,CAAAd,EAAA,kBAAA,IAACuB,EAAO,WAAP,CACC,UAAU,eACV,cAAY,qBAEZ,SAAAvB,EAAA,kBAAA,IAACwB,EAAA,eAAA,CACC,KAAK,KACL,QAASb,EAAa,aAAe,UACpC,GAAGE,EAEH,SAAAD,CAAA,CAAA,CACH,CACF,EACCR,GAAeA,EAAY,iBAAmB,YAC7CJ,EAAA,kBAAA,IAACL,EAAA,CACC,OAAAG,EACA,WAAAa,EACC,GAAGP,CAAA,CAAA,CACN,CAAA,CAEJ,EAEDC,GACCa,EAAA,kBAAA,KAACH,EAAA,CACE,GAAID,GAAoB,CAAE,eAAgB,eAAgB,EAE3D,SAAA,CAAAd,EAAA,kBAAA,IAACyB,EAAO,iBAAP,CACC,UAAU,qBACV,cAAY,2BAEX,SAAA,OAAOpB,GAAgB,SACtBL,EAAA,kBAAA,IAAC0B,EAAA,YAAA,CACC,KAAK,KACL,QAASf,EAAa,aAAe,UACpC,GAAGL,EAEH,SAAAD,CAAA,CAAA,EAGHA,CAAA,CAEJ,EACCD,GACCA,EAAY,iBAAmB,YAC/B,CAACQ,GACCZ,EAAA,kBAAA,IAACL,EAAA,CACC,OAAAG,EACA,WAAAa,EACC,GAAGP,CAAA,CAAA,CACN,CAAA,CAEN,EAEDA,GAAa,iBAAmB,cAC/BJ,EAAA,kBAAA,IAACL,EAAA,CACC,OAAAG,EACA,WAAAa,EACC,GAAGP,CAAA,CAAA,CACN,CAAA,CAEJ,EACC,CAACG,GACAP,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,SAAS,QACT,KAAK,KACL,QAAQ,eACR,WAAAS,EACA,QAASD,CAAA,CAAA,CACX,CAAA,CAEJ,CAEJ"}

package/dist/chunks/alert.component-CJmYmkOs.js

@@ -0,0 +1,182 @@
+import { x as e } from "./vendor-CRIhG-7s.js";
+import A from "react";
+import { W as p } from "./heading.component-BrXfTzEU.js";
+import { I as u } from "./icon.component-DOan8Ddb.js";
+import { W as b } from "./text.component-B1g7jaUt.js";
+import { B as x } from "./button.component-BZEZZa7D.js";
+import { a as _, F as k, aY as R, aZ as w, a_ as N, a$ as B, b0 as v } from "./chakra-DEgvQPwa.js";
+const W = {
+  error: "warningSign",
+  warning: "warningSign",
+  success: "checkmark",
+  info: "infoCircle",
+  default: "infoCircle"
+}, y = {
+  default: "default",
+  error: "danger",
+  info: "info",
+  success: "success",
+  warning: "warning"
+}, c = ({
+  buttonPosition: t = "topRight",
+  buttonText: i,
+  status: n,
+  ...r
+}) => /* @__PURE__ */ e.jsx(
+  _,
+  {
+    className: "Alert__Button",
+    "data-testid": "kibble-alert-button",
+    ...t === "bottomLeft" && { pt: 2, pb: 1 },
+    children: /* @__PURE__ */ e.jsx(
+      x,
+      {
+        size: "xs",
+        variant: n === "default" ? "primary" : "secondary",
+        w: "max-content",
+        ...r,
+        children: i
+      }
+    )
+  }
+), L = ({
+  buttonProps: t,
+  description: i,
+  descriptionProps: n,
+  hideCloseButton: r = !1,
+  hideIcon: d = !1,
+  iconProps: m,
+  onClose: g,
+  onContrast: a = !1,
+  status: s = "success",
+  title: l,
+  titleProps: h,
+  ...j
+}) => {
+  t && !t.buttonPosition && (t.buttonPosition = "topRight");
+  const o = t && t.buttonPosition === "topRight", f = o ? k : A.Fragment;
+  return /* @__PURE__ */ e.jsxs(
+    R,
+    {
+      className: "Alert",
+      "data-testid": "kibble-alert",
+      ...j,
+      variant: s,
+      hideIcon: d,
+      onContrast: a,
+      children: [
+        !d && /* @__PURE__ */ e.jsx(
+          w,
+          {
+            className: "Alert__Icon",
+            "data-testid": "kibble-alert-icon",
+            children: /* @__PURE__ */ e.jsx(
+              u,
+              {
+                variant: a ? "onContrast" : y[s],
+                name: m?.name || W[s],
+                size: "lg",
+                ...m
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          N,
+          {
+            className: "Alert__Content",
+            "data-testid": "kibble-alert-content",
+            children: [
+              l && /* @__PURE__ */ e.jsxs(
+                f,
+                {
+                  ...o && { justifyContent: "space-between" },
+                  children: [
+                    /* @__PURE__ */ e.jsx(
+                      B,
+                      {
+                        className: "Alert__Title",
+                        "data-testid": "kibble-alert-title",
+                        children: /* @__PURE__ */ e.jsx(
+                          p,
+                          {
+                            size: "sm",
+                            variant: a ? "onContrast" : "default",
+                            ...h,
+                            children: l
+                          }
+                        )
+                      }
+                    ),
+                    t && t.buttonPosition === "topRight" && /* @__PURE__ */ e.jsx(
+                      c,
+                      {
+                        status: s,
+                        onContrast: a,
+                        ...t
+                      }
+                    )
+                  ]
+                }
+              ),
+              i && /* @__PURE__ */ e.jsxs(
+                f,
+                {
+                  ...o && { justifyContent: "space-between" },
+                  children: [
+                    /* @__PURE__ */ e.jsx(
+                      v,
+                      {
+                        className: "Alert__Description",
+                        "data-testid": "kibble-alert-description",
+                        children: typeof i == "string" ? /* @__PURE__ */ e.jsx(
+                          b,
+                          {
+                            size: "md",
+                            variant: a ? "onContrast" : "default",
+                            ...n,
+                            children: i
+                          }
+                        ) : i
+                      }
+                    ),
+                    t && t.buttonPosition === "topRight" && !l && /* @__PURE__ */ e.jsx(
+                      c,
+                      {
+                        status: s,
+                        onContrast: a,
+                        ...t
+                      }
+                    )
+                  ]
+                }
+              ),
+              t?.buttonPosition === "bottomLeft" && /* @__PURE__ */ e.jsx(
+                c,
+                {
+                  status: s,
+                  onContrast: a,
+                  ...t
+                }
+              )
+            ]
+          }
+        ),
+        !r && /* @__PURE__ */ e.jsx(
+          x,
+          {
+            iconName: "close",
+            size: "xs",
+            variant: "ghostNeutral",
+            onContrast: a,
+            onClick: g
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as A
+};
+//# sourceMappingURL=alert.component-CJmYmkOs.js.map

package/dist/chunks/alert.component-CJmYmkOs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.component-CJmYmkOs.js","sources":["../../src/components/Alert/alert.records.ts","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"sourcesContent":["import { IconName } from \"components/Icon/icon.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { Status } from \"shared/types/status\";\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: \"warningSign\",\n  warning: \"warningSign\",\n  success: \"checkmark\",\n  info: \"infoCircle\",\n  default: \"infoCircle\",\n};\n\nexport const AlertStatusToIconVariant: Record<Status, TypographyVariant> = {\n  default: \"default\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n","import React from \"react\";\nimport { AlertButtonPosition } from \"components/Alert/alert.types\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Status } from \"shared/types/status\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface AlertButtonProps extends Omit<ButtonProps, \"children\"> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = \"topRight\",\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === \"bottomLeft\" && { pt: 2, pb: 1 })}\n    >\n      <Button\n        size=\"xs\"\n        variant={status === \"default\" ? \"primary\" : \"secondary\"}\n        w=\"max-content\"\n        {...rest}\n      >\n        {buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport { Alert as CAlert } from \"@chakra-ui/react/alert\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Status } from \"shared/types/status\";\nimport { Button } from \"components/Button/button.component\";\nimport { AlertStatusIcon, AlertStatusToIconVariant } from \"./alert.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\n\nexport interface AlertProps\n  extends Omit<\n    CAlert.RootProps,\n    \"title\" | \"status\" | \"children\" | \"variant\" | \"size\"\n  > {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = \"success\",\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = \"topRight\";\n  }\n  const isTopRightButton =\n    buttonProps && buttonProps.buttonPosition === \"topRight\";\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator\n          className=\"Alert__Icon\"\n          data-testid=\"kibble-alert-icon\"\n        >\n          <Icon\n            variant={\n              onContrast ? \"onContrast\" : AlertStatusToIconVariant[status]\n            }\n            name={iconProps?.name || AlertStatusIcon[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content\n        className=\"Alert__Content\"\n        data-testid=\"kibble-alert-content\"\n      >\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Title\n              className=\"Alert__Title\"\n              data-testid=\"kibble-alert-title\"\n            >\n              <Heading\n                size=\"sm\"\n                variant={onContrast ? \"onContrast\" : \"default\"}\n                {...titleProps}\n              >\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === \"topRight\" && (\n              <AlertButton\n                status={status}\n                onContrast={onContrast}\n                {...buttonProps}\n              />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Description\n              className=\"Alert__Description\"\n              data-testid=\"kibble-alert-description\"\n            >\n              {typeof description === \"string\" ? (\n                <Text\n                  size=\"md\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                  {...descriptionProps}\n                >\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps &&\n              buttonProps.buttonPosition === \"topRight\" &&\n              !title && (\n                <AlertButton\n                  status={status}\n                  onContrast={onContrast}\n                  {...buttonProps}\n                />\n              )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === \"bottomLeft\" && (\n          <AlertButton\n            status={status}\n            onContrast={onContrast}\n            {...buttonProps}\n          />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n"],"names":["AlertStatusIcon","AlertStatusToIconVariant","AlertButton","buttonPosition","buttonText","status","rest","jsx","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","Icon","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"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"}

package/dist/chunks/alert.types-JdzSuSVO.js

@@ -0,0 +1,5 @@
+const t = ["topRight", "bottomLeft"];
+export {
+  t as a
+};
+//# sourceMappingURL=alert.types-JdzSuSVO.js.map

package/dist/chunks/alert.types-JdzSuSVO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-JdzSuSVO.js","sources":["../../src/components/Alert/alert.types.ts"],"sourcesContent":["export const alertButtonPositions = [\"topRight\", \"bottomLeft\"] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["alertButtonPositions"],"mappings":"AAAa,MAAAA,IAAuB,CAAC,YAAY,YAAY;"}

package/dist/chunks/alert.types-R_9yno9e.js

@@ -0,0 +1,2 @@
+"use strict";const t=["topRight","bottomLeft"];exports.alertButtonPositions=t;
+//# sourceMappingURL=alert.types-R_9yno9e.js.map

package/dist/chunks/alert.types-R_9yno9e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-R_9yno9e.js","sources":["../../src/components/Alert/alert.types.ts"],"sourcesContent":["export const alertButtonPositions = [\"topRight\", \"bottomLeft\"] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["alertButtonPositions"],"mappings":"aAAa,MAAAA,EAAuB,CAAC,WAAY,YAAY"}

package/dist/chunks/{avatar.component-DLqm7tQt.js → avatar.component-Bq-iwROm.js}

@@ -1,9 +1,9 @@
-import { x as s } from "./vendor-BBfll6i3.js";
+import { x as s } from "./vendor-CRIhG-7s.js";
 import I, { useCallback as w, useMemo as m, useState as S } from "react";
-import { T as z } from "./tooltip.component-C3v2m2T2.js";
-import { I as u } from "./icon.component-w5bWbfVU.js";
-import { aE as p, ad as A, u as R, F as _, B as y, aF as F, aG as H, aH as M } from "./chakra-BqBkjpvZ.js";
-const W = ({
+import { T as z } from "./tooltip.component-ZBmhLLNH.js";
+import { I as u } from "./icon.component-DOan8Ddb.js";
+import { c as p, b1 as A, af as R, F as _, a as y, bB as F, bC as M, bD as W } from "./chakra-DEgvQPwa.js";
+const H = ({
   avatarSize: t,
   onRemove: a,
   isBeingHovered: o,
@@ -188,14 +188,14 @@ const W = ({
   md: 0.5,
   lg: 0.5,
   xl: 2
-}, G = {
+}, D = {
   xs: 0.5,
   sm: 0.5,
   md: 1,
   lg: 1,
   xl: 2
 }, L = ({
-  avatarSize: t,
+  avatarSize: t = "md",
   iconName: a,
   position: o = "bottom-end",
   status: e = "info",
@@ -205,7 +205,7 @@ const W = ({
     () => t === "xs" || !a,
     [a, t]
   ), b = m(
-    () => c ? G : V,
+    () => c ? D : V,
     [c]
   );
   return /* @__PURE__ */ s.jsx(
@@ -251,7 +251,7 @@ const W = ({
   webpSrc: g,
   ...h
 }) => {
-  const [f, j] = S(!1), B = b && !f ? ({ children: C }) => /* @__PURE__ */ s.jsx(
+  const [f, C] = S(!1), j = b && !f ? ({ children: B }) => /* @__PURE__ */ s.jsx(
     z,
     {
       "data-testid": "kibble-avatar-tooltip",
@@ -259,10 +259,10 @@ const W = ({
       label: i?.label || e,
       disabled: !e && !i?.label,
       placement: i?.placement || "bottom",
-      children: /* @__PURE__ */ s.jsx(y, { children: C })
+      children: /* @__PURE__ */ s.jsx(y, { children: B })
     }
   ) : I.Fragment;
-  return /* @__PURE__ */ s.jsx(B, { children: /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ s.jsx(j, { children: /* @__PURE__ */ s.jsxs(
     F,
     {
       className: "Avatar group",
@@ -274,7 +274,7 @@ const W = ({
       onClick: r,
       ...h,
       children: [
-        /* @__PURE__ */ s.jsx(H, { name: e, children: o && /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(M, { name: e, children: o && /* @__PURE__ */ s.jsx(
           u,
           {
             name: o,
@@ -287,14 +287,14 @@ const W = ({
           }
         ) }),
         d && /* @__PURE__ */ s.jsx(L, { avatarSize: n, ...t }),
-        (g || x) && /* @__PURE__ */ s.jsx(M, { src: x, srcSet: g }),
+        (g || x) && /* @__PURE__ */ s.jsx(W, { src: x, srcSet: g }),
         c && n !== "xs" && /* @__PURE__ */ s.jsx(
-          W,
+          H,
           {
             avatarSize: n,
             onRemove: l,
             isBeingHovered: f,
-            setIsBeingHovered: j
+            setIsBeingHovered: C
           }
         )
       ]
@@ -304,4 +304,4 @@ const W = ({
 export {
   Q as A
 };
-//# sourceMappingURL=avatar.component-DLqm7tQt.js.map
+//# sourceMappingURL=avatar.component-Bq-iwROm.js.map

package/dist/chunks/avatar.component-Bq-iwROm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-Bq-iwROm.js","sources":["../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  MouseEvent,\n  Dispatch,\n  SetStateAction,\n} from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface AvatarRemoveButtonProps {\n  onRemove?: React.MouseEventHandler<HTMLDivElement>;\n  isBeingHovered: boolean;\n  setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n  avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n  avatarSize,\n  onRemove,\n  isBeingHovered,\n  setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (onRemove) {\n        onRemove(e);\n      }\n    },\n    [onRemove],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__RemoveButton\"\n      data-testid=\"kibble-avatar-remove-button\"\n      backgroundColor=\"background\"\n      borderRadius=\"full\"\n      cursor=\"pointer\"\n      display=\"none\"\n      h={4}\n      onClick={onRemoveButtonClick}\n      onMouseEnter={(): void => setIsBeingHovered(true)}\n      onMouseLeave={(): void => setIsBeingHovered(false)}\n      w={4}\n      zIndex=\"tooltip\"\n      offset={avatarSize === \"xl\" ? 2 : 0.5}\n      _groupHover={{\n        display: \"flex\",\n      }}\n    >\n      <Icon\n        variant=\"default\"\n        name=\"closeCircleSolid\"\n        size={isBeingHovered ? \"sm\" : \"xs\"}\n      />\n    </Float>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { IconSize } from \"components/Icon/icon.types\";\n\ninterface GetNextIconSizeProps {\n  currentSize: IconSize | AvatarSize;\n  larger: boolean;\n  delta: number;\n}\n\nexport const getNextIconSize = ({\n  currentSize,\n  larger = true,\n  delta = 1,\n}: GetNextIconSizeProps): IconSize => {\n  let nextSize: IconSize;\n  switch (currentSize) {\n    case \"xs\":\n      nextSize = larger ? \"sm\" : \"xs\";\n      break;\n    case \"sm\":\n      nextSize = larger ? \"md\" : \"xs\";\n      break;\n    case \"md\":\n      nextSize = larger ? \"lg\" : \"sm\";\n      break;\n    case \"lg\":\n      nextSize = larger ? \"xl\" : \"md\";\n      break;\n    case \"xl\":\n      nextSize = larger ? \"2xl\" : \"lg\";\n      break;\n    case \"2xl\":\n      nextSize = larger ? \"2xl\" : \"xl\";\n      break;\n    default:\n      nextSize = currentSize as IconSize;\n      break;\n  }\n\n  if (delta > 1) {\n    nextSize = getNextIconSize({\n      currentSize: nextSize,\n      larger,\n      delta: delta - 1,\n    });\n  }\n\n  return nextSize;\n};\n","import {\n  defineRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { Status } from \"shared/types/status\";\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n  info: {\n    bgColor: \"background.info\",\n  },\n  default: {\n    bgColor: \"background.subtle.less\",\n  },\n  error: {\n    bgColor: \"background.danger\",\n  },\n  success: {\n    bgColor: \"background.success\",\n  },\n  warning: {\n    bgColor: \"background.warning\",\n  },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n  xs: {\n    boxSize: \"10px\",\n  },\n  sm: {\n    boxSize: \"18px\",\n  },\n  md: {\n    boxSize: \"18px\",\n  },\n  lg: {\n    boxSize: \"18px\",\n  },\n  xl: {\n    borderWidth: \"2px\",\n    boxSize: \"24px\",\n  },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    borderColor: \"border.strong.contrast\",\n    borderRadius: \"full\",\n    borderWidth: \"1px\",\n    justifyContent: \"center\",\n  },\n  variants: {\n    size: avatarBadgeSizeStyles,\n    status: avatarBadgeStatusStyles,\n    withIcon: {\n      true: {},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    status: \"info\",\n  },\n  compoundVariants: [\n    {\n      withIcon: false,\n      status: \"info\",\n      css: {\n        bgColor: \"background.secondary\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"default\",\n      css: {\n        bgColor: \"background.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"error\",\n      css: {\n        bgColor: \"background.destructive\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"success\",\n      css: {\n        bgColor: \"background.success.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"warning\",\n      css: {\n        bgColor: \"background.warning.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      size: [\"sm\", \"md\", \"lg\"],\n      css: {\n        boxSize: \"12px\",\n      },\n    },\n    {\n      withIcon: false,\n      size: \"xl\",\n      css: {\n        borderWidth: \"2px\",\n        boxSize: \"16px\",\n      },\n    },\n  ],\n});\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n  xs: 0.5,\n  sm: 0.5,\n  md: 0.5,\n  lg: 0.5,\n  xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n  xs: 0.5,\n  sm: 0.5,\n  md: 1,\n  lg: 1,\n  xl: 2,\n};\n","import React, { useMemo } from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon, IconName } from \"components/Icon\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { ConditionalValue, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { AvatarBadgePosition } from \"./avatarBadge.types\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { avatarBadgeRecipe } from \"./avatarBadge.recipe\";\nimport { Status } from \"shared/types/status\";\nimport { badgeOffsetMap, iconBadgeOffsetMap } from \"./avatarBadge.records\";\n\nexport interface AvatarBadgeProps extends FlexProps {\n  iconName?: IconName;\n  position?: ConditionalValue<AvatarBadgePosition>;\n  status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n  avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize = \"md\",\n  iconName,\n  position = \"bottom-end\",\n  status = \"info\",\n  ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n  const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n  const useSmallBadge = useMemo(\n    () => avatarSize === \"xs\" || !iconName,\n    [iconName, avatarSize],\n  );\n  const offsetRecord = useMemo(\n    () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n    [useSmallBadge],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__BadgeWrapper\"\n      data-testid=\"kibble-avatar-badge-wrapper\"\n      offset={offsetRecord[avatarSize]}\n      placement={position}\n    >\n      <Flex\n        className=\"Avatar__Badge\"\n        data-testid=\"kibble-avatar-badge\"\n        css={styles}\n        {...rest}\n      >\n        {!useSmallBadge && iconName && (\n          <Icon\n            name={iconName}\n            variant={\n              status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n            }\n            size={avatarSize === \"xl\" ? \"sm\" : \"xs\"}\n          />\n        )}\n      </Flex>\n    </Float>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Avatar as CAvatar } from \"@chakra-ui/react/avatar\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip/tooltip.component\";\nimport { Icon, IconName } from \"components/Icon\";\nimport AvatarRemoveButton from \"./components/AvatarRemoveButton/avatarRemoveButton.component\";\nimport { AvatarSize, AvatarVariant } from \"./avatar.types\";\nimport { getNextIconSize } from \"shared/utils/sizes\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  AvatarBadge,\n  AvatarBadgeProps,\n} from \"./components/AvatarBadge/avatarBadge.component\";\n\nexport interface AvatarProps extends CAvatar.RootProps {\n  badgeProps?: AvatarBadgeProps;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipProps?: TooltipProps;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nexport const Avatar = ({\n  badgeProps,\n  hideBorder,\n  iconName,\n  name = \"\",\n  onClick,\n  onRemove,\n  showBadge,\n  showRemoveButton,\n  showTooltip = true,\n  size = \"md\",\n  src,\n  tooltipProps,\n  variant = \"default\",\n  webpSrc,\n  ...rest\n}: AvatarProps): React.JSX.Element => {\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const AvatarWrapper: React.FC<AvatarProps> =\n    showTooltip && !isHoveringRemoveButton\n      ? ({ children }): React.JSX.Element => {\n          return (\n            <Tooltip\n              data-testid=\"kibble-avatar-tooltip\"\n              {...tooltipProps}\n              label={tooltipProps?.label || name}\n              disabled={!name && !tooltipProps?.label}\n              placement={tooltipProps?.placement || \"bottom\"}\n            >\n              <Box>{children}</Box>\n            </Tooltip>\n          );\n        }\n      : React.Fragment;\n\n  return (\n    <AvatarWrapper>\n      <CAvatar.Root\n        className=\"Avatar group\"\n        data-testid=\"kibble-avatar\"\n        variant={variant}\n        size={size}\n        interactive={!!onClick}\n        hideBorder={hideBorder}\n        onClick={onClick}\n        {...rest}\n      >\n        <CAvatar.Fallback name={name}>\n          {iconName && (\n            <Icon\n              name={iconName}\n              pt=\"-1px\"\n              size={\n                size === \"lg\"\n                  ? \"lg\"\n                  : getNextIconSize({\n                      currentSize: size,\n                      larger: true,\n                      delta: 1,\n                    })\n              }\n            />\n          )}\n        </CAvatar.Fallback>\n        {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n        {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n        {showRemoveButton && size !== \"xs\" && (\n          <AvatarRemoveButton\n            avatarSize={size}\n            onRemove={onRemove}\n            isBeingHovered={isHoveringRemoveButton}\n            setIsBeingHovered={setIsHoveringRemoveButton}\n          />\n        )}\n      </CAvatar.Root>\n    </AvatarWrapper>\n  );\n};\n"],"names":["AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","jsx","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","rest","styles","useRecipe","useSmallBadge","useMemo","offsetRecord","Flex","Avatar","badgeProps","hideBorder","name","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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"}

package/dist/chunks/{avatar.component-B14bRpeL.js → avatar.component-DVcDtvDR.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("./vendor-D-x6W6ez.js"),x=require("react"),C=require("./tooltip.component-qWFa28S5.js"),g=require("./icon.component-CzjzLiO_.js"),r=require("./chakra-DmF8Cxqs.js"),w=({avatarSize:a,onRemove:t,isBeingHovered:o,setIsBeingHovered:e})=>{const n=x.useCallback(i=>{i.stopPropagation(),t&&t(i)},[t]);return s.jsxRuntimeExports.jsx(r.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:n,onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),w:4,zIndex:"tooltip",offset:a==="xl"?2:.5,_groupHover:{display:"flex"},children:s.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:o?"sm":"xs"})})},v=({currentSize:a,larger:t=!0,delta:o=1})=>{let e;switch(a){case"xs":e=t?"sm":"xs";break;case"sm":e=t?"md":"xs";break;case"md":e=t?"lg":"sm";break;case"lg":e=t?"xl":"md";break;case"xl":e=t?"2xl":"lg";break;case"2xl":e=t?"2xl":"xl";break;default:e=a;break}return o>1&&(e=v({currentSize:e,larger:t,delta:o-1})),e},B={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},E={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},S=r.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:E,status:B,withIcon:{true:{},false:{}}},defaultVariants:{status:"info"},compoundVariants:[{withIcon:!1,status:"info",css:{bgColor:"background.secondary"}},{withIcon:!1,status:"default",css:{bgColor:"background.contrast"}},{withIcon:!1,status:"error",css:{bgColor:"background.destructive"}},{withIcon:!1,status:"success",css:{bgColor:"background.success.contrast"}},{withIcon:!1,status:"warning",css:{bgColor:"background.warning.contrast"}},{withIcon:!1,size:["sm","md","lg"],css:{boxSize:"12px"}},{withIcon:!1,size:"xl",css:{borderWidth:"2px",boxSize:"16px"}}]}),z={xs:.5,sm:.5,md:.5,lg:.5,xl:2},A={xs:.5,sm:.5,md:1,lg:1,xl:2},_=({avatarSize:a,iconName:t,position:o="bottom-end",status:e="info",...n})=>{const d=r.useRecipe({recipe:S})({status:e,size:a,withIcon:!!t}),l=x.useMemo(()=>a==="xs"||!t,[t,a]),b=x.useMemo(()=>l?A:z,[l]);return s.jsxRuntimeExports.jsx(r.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:b[a],placement:o,children:s.jsxRuntimeExports.jsx(r.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:d,...n,children:!l&&t&&s.jsxRuntimeExports.jsx(g.Icon,{name:t,variant:e!=="error"?e:"danger",size:a==="xl"?"sm":"xs"})})})},y=({badgeProps:a,hideBorder:t,iconName:o,name:e="",onClick:n,onRemove:i,showBadge:d,showRemoveButton:l,showTooltip:b=!0,size:c="md",src:p,tooltipProps:u,variant:j="default",webpSrc:m,...k})=>{const[f,R]=x.useState(!1),h=b&&!f?({children:I})=>s.jsxRuntimeExports.jsx(C.Tooltip,{"data-testid":"kibble-avatar-tooltip",...u,label:u?.label||e,disabled:!e&&!u?.label,placement:u?.placement||"bottom",children:s.jsxRuntimeExports.jsx(r.Box,{children:I})}):x.Fragment;return s.jsxRuntimeExports.jsx(h,{children:s.jsxRuntimeExports.jsxs(r.AvatarRoot,{className:"Avatar group","data-testid":"kibble-avatar",variant:j,size:c,interactive:!!n,hideBorder:t,onClick:n,...k,children:[s.jsxRuntimeExports.jsx(r.AvatarFallback,{name:e,children:o&&s.jsxRuntimeExports.jsx(g.Icon,{name:o,pt:"-1px",size:c==="lg"?"lg":v({currentSize:c,larger:!0,delta:1})})}),d&&s.jsxRuntimeExports.jsx(_,{avatarSize:c,...a}),(m||p)&&s.jsxRuntimeExports.jsx(r.AvatarImage,{src:p,srcSet:m}),l&&c!=="xs"&&s.jsxRuntimeExports.jsx(w,{avatarSize:c,onRemove:i,isBeingHovered:f,setIsBeingHovered:R})]})})};exports.Avatar=y;
-//# sourceMappingURL=avatar.component-B14bRpeL.js.map
+"use strict";const s=require("./vendor-DcKGwQlH.js"),x=require("react"),C=require("./tooltip.component-BoZP4UV7.js"),g=require("./icon.component-Drw3LiG5.js"),r=require("./chakra-BHjfByoV.js"),w=({avatarSize:a,onRemove:t,isBeingHovered:o,setIsBeingHovered:e})=>{const n=x.useCallback(i=>{i.stopPropagation(),t&&t(i)},[t]);return s.jsxRuntimeExports.jsx(r.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:n,onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),w:4,zIndex:"tooltip",offset:a==="xl"?2:.5,_groupHover:{display:"flex"},children:s.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:o?"sm":"xs"})})},v=({currentSize:a,larger:t=!0,delta:o=1})=>{let e;switch(a){case"xs":e=t?"sm":"xs";break;case"sm":e=t?"md":"xs";break;case"md":e=t?"lg":"sm";break;case"lg":e=t?"xl":"md";break;case"xl":e=t?"2xl":"lg";break;case"2xl":e=t?"2xl":"xl";break;default:e=a;break}return o>1&&(e=v({currentSize:e,larger:t,delta:o-1})),e},B={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},E={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},S=r.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:E,status:B,withIcon:{true:{},false:{}}},defaultVariants:{status:"info"},compoundVariants:[{withIcon:!1,status:"info",css:{bgColor:"background.secondary"}},{withIcon:!1,status:"default",css:{bgColor:"background.contrast"}},{withIcon:!1,status:"error",css:{bgColor:"background.destructive"}},{withIcon:!1,status:"success",css:{bgColor:"background.success.contrast"}},{withIcon:!1,status:"warning",css:{bgColor:"background.warning.contrast"}},{withIcon:!1,size:["sm","md","lg"],css:{boxSize:"12px"}},{withIcon:!1,size:"xl",css:{borderWidth:"2px",boxSize:"16px"}}]}),z={xs:.5,sm:.5,md:.5,lg:.5,xl:2},A={xs:.5,sm:.5,md:1,lg:1,xl:2},_=({avatarSize:a="md",iconName:t,position:o="bottom-end",status:e="info",...n})=>{const u=r.useRecipe({recipe:S})({status:e,size:a,withIcon:!!t}),l=x.useMemo(()=>a==="xs"||!t,[t,a]),b=x.useMemo(()=>l?A:z,[l]);return s.jsxRuntimeExports.jsx(r.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:b[a],placement:o,children:s.jsxRuntimeExports.jsx(r.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:u,...n,children:!l&&t&&s.jsxRuntimeExports.jsx(g.Icon,{name:t,variant:e!=="error"?e:"danger",size:a==="xl"?"sm":"xs"})})})},y=({badgeProps:a,hideBorder:t,iconName:o,name:e="",onClick:n,onRemove:i,showBadge:u,showRemoveButton:l,showTooltip:b=!0,size:c="md",src:m,tooltipProps:d,variant:j="default",webpSrc:p,...k})=>{const[f,R]=x.useState(!1),h=b&&!f?({children:I})=>s.jsxRuntimeExports.jsx(C.Tooltip,{"data-testid":"kibble-avatar-tooltip",...d,label:d?.label||e,disabled:!e&&!d?.label,placement:d?.placement||"bottom",children:s.jsxRuntimeExports.jsx(r.Box,{children:I})}):x.Fragment;return s.jsxRuntimeExports.jsx(h,{children:s.jsxRuntimeExports.jsxs(r.AvatarRoot,{className:"Avatar group","data-testid":"kibble-avatar",variant:j,size:c,interactive:!!n,hideBorder:t,onClick:n,...k,children:[s.jsxRuntimeExports.jsx(r.AvatarFallback,{name:e,children:o&&s.jsxRuntimeExports.jsx(g.Icon,{name:o,pt:"-1px",size:c==="lg"?"lg":v({currentSize:c,larger:!0,delta:1})})}),u&&s.jsxRuntimeExports.jsx(_,{avatarSize:c,...a}),(p||m)&&s.jsxRuntimeExports.jsx(r.AvatarImage,{src:m,srcSet:p}),l&&c!=="xs"&&s.jsxRuntimeExports.jsx(w,{avatarSize:c,onRemove:i,isBeingHovered:f,setIsBeingHovered:R})]})})};exports.Avatar=y;
+//# sourceMappingURL=avatar.component-DVcDtvDR.js.map

package/dist/chunks/avatar.component-DVcDtvDR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-DVcDtvDR.js","sources":["../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  MouseEvent,\n  Dispatch,\n  SetStateAction,\n} from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface AvatarRemoveButtonProps {\n  onRemove?: React.MouseEventHandler<HTMLDivElement>;\n  isBeingHovered: boolean;\n  setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n  avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n  avatarSize,\n  onRemove,\n  isBeingHovered,\n  setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (onRemove) {\n        onRemove(e);\n      }\n    },\n    [onRemove],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__RemoveButton\"\n      data-testid=\"kibble-avatar-remove-button\"\n      backgroundColor=\"background\"\n      borderRadius=\"full\"\n      cursor=\"pointer\"\n      display=\"none\"\n      h={4}\n      onClick={onRemoveButtonClick}\n      onMouseEnter={(): void => setIsBeingHovered(true)}\n      onMouseLeave={(): void => setIsBeingHovered(false)}\n      w={4}\n      zIndex=\"tooltip\"\n      offset={avatarSize === \"xl\" ? 2 : 0.5}\n      _groupHover={{\n        display: \"flex\",\n      }}\n    >\n      <Icon\n        variant=\"default\"\n        name=\"closeCircleSolid\"\n        size={isBeingHovered ? \"sm\" : \"xs\"}\n      />\n    </Float>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { IconSize } from \"components/Icon/icon.types\";\n\ninterface GetNextIconSizeProps {\n  currentSize: IconSize | AvatarSize;\n  larger: boolean;\n  delta: number;\n}\n\nexport const getNextIconSize = ({\n  currentSize,\n  larger = true,\n  delta = 1,\n}: GetNextIconSizeProps): IconSize => {\n  let nextSize: IconSize;\n  switch (currentSize) {\n    case \"xs\":\n      nextSize = larger ? \"sm\" : \"xs\";\n      break;\n    case \"sm\":\n      nextSize = larger ? \"md\" : \"xs\";\n      break;\n    case \"md\":\n      nextSize = larger ? \"lg\" : \"sm\";\n      break;\n    case \"lg\":\n      nextSize = larger ? \"xl\" : \"md\";\n      break;\n    case \"xl\":\n      nextSize = larger ? \"2xl\" : \"lg\";\n      break;\n    case \"2xl\":\n      nextSize = larger ? \"2xl\" : \"xl\";\n      break;\n    default:\n      nextSize = currentSize as IconSize;\n      break;\n  }\n\n  if (delta > 1) {\n    nextSize = getNextIconSize({\n      currentSize: nextSize,\n      larger,\n      delta: delta - 1,\n    });\n  }\n\n  return nextSize;\n};\n","import {\n  defineRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { Status } from \"shared/types/status\";\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n  info: {\n    bgColor: \"background.info\",\n  },\n  default: {\n    bgColor: \"background.subtle.less\",\n  },\n  error: {\n    bgColor: \"background.danger\",\n  },\n  success: {\n    bgColor: \"background.success\",\n  },\n  warning: {\n    bgColor: \"background.warning\",\n  },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n  xs: {\n    boxSize: \"10px\",\n  },\n  sm: {\n    boxSize: \"18px\",\n  },\n  md: {\n    boxSize: \"18px\",\n  },\n  lg: {\n    boxSize: \"18px\",\n  },\n  xl: {\n    borderWidth: \"2px\",\n    boxSize: \"24px\",\n  },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    borderColor: \"border.strong.contrast\",\n    borderRadius: \"full\",\n    borderWidth: \"1px\",\n    justifyContent: \"center\",\n  },\n  variants: {\n    size: avatarBadgeSizeStyles,\n    status: avatarBadgeStatusStyles,\n    withIcon: {\n      true: {},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    status: \"info\",\n  },\n  compoundVariants: [\n    {\n      withIcon: false,\n      status: \"info\",\n      css: {\n        bgColor: \"background.secondary\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"default\",\n      css: {\n        bgColor: \"background.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"error\",\n      css: {\n        bgColor: \"background.destructive\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"success\",\n      css: {\n        bgColor: \"background.success.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"warning\",\n      css: {\n        bgColor: \"background.warning.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      size: [\"sm\", \"md\", \"lg\"],\n      css: {\n        boxSize: \"12px\",\n      },\n    },\n    {\n      withIcon: false,\n      size: \"xl\",\n      css: {\n        borderWidth: \"2px\",\n        boxSize: \"16px\",\n      },\n    },\n  ],\n});\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n  xs: 0.5,\n  sm: 0.5,\n  md: 0.5,\n  lg: 0.5,\n  xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n  xs: 0.5,\n  sm: 0.5,\n  md: 1,\n  lg: 1,\n  xl: 2,\n};\n","import React, { useMemo } from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon, IconName } from \"components/Icon\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { ConditionalValue, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { AvatarBadgePosition } from \"./avatarBadge.types\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { avatarBadgeRecipe } from \"./avatarBadge.recipe\";\nimport { Status } from \"shared/types/status\";\nimport { badgeOffsetMap, iconBadgeOffsetMap } from \"./avatarBadge.records\";\n\nexport interface AvatarBadgeProps extends FlexProps {\n  iconName?: IconName;\n  position?: ConditionalValue<AvatarBadgePosition>;\n  status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n  avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize = \"md\",\n  iconName,\n  position = \"bottom-end\",\n  status = \"info\",\n  ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n  const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n  const useSmallBadge = useMemo(\n    () => avatarSize === \"xs\" || !iconName,\n    [iconName, avatarSize],\n  );\n  const offsetRecord = useMemo(\n    () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n    [useSmallBadge],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__BadgeWrapper\"\n      data-testid=\"kibble-avatar-badge-wrapper\"\n      offset={offsetRecord[avatarSize]}\n      placement={position}\n    >\n      <Flex\n        className=\"Avatar__Badge\"\n        data-testid=\"kibble-avatar-badge\"\n        css={styles}\n        {...rest}\n      >\n        {!useSmallBadge && iconName && (\n          <Icon\n            name={iconName}\n            variant={\n              status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n            }\n            size={avatarSize === \"xl\" ? \"sm\" : \"xs\"}\n          />\n        )}\n      </Flex>\n    </Float>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Avatar as CAvatar } from \"@chakra-ui/react/avatar\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip/tooltip.component\";\nimport { Icon, IconName } from \"components/Icon\";\nimport AvatarRemoveButton from \"./components/AvatarRemoveButton/avatarRemoveButton.component\";\nimport { AvatarSize, AvatarVariant } from \"./avatar.types\";\nimport { getNextIconSize } from \"shared/utils/sizes\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  AvatarBadge,\n  AvatarBadgeProps,\n} from \"./components/AvatarBadge/avatarBadge.component\";\n\nexport interface AvatarProps extends CAvatar.RootProps {\n  badgeProps?: AvatarBadgeProps;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipProps?: TooltipProps;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nexport const Avatar = ({\n  badgeProps,\n  hideBorder,\n  iconName,\n  name = \"\",\n  onClick,\n  onRemove,\n  showBadge,\n  showRemoveButton,\n  showTooltip = true,\n  size = \"md\",\n  src,\n  tooltipProps,\n  variant = \"default\",\n  webpSrc,\n  ...rest\n}: AvatarProps): React.JSX.Element => {\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const AvatarWrapper: React.FC<AvatarProps> =\n    showTooltip && !isHoveringRemoveButton\n      ? ({ children }): React.JSX.Element => {\n          return (\n            <Tooltip\n              data-testid=\"kibble-avatar-tooltip\"\n              {...tooltipProps}\n              label={tooltipProps?.label || name}\n              disabled={!name && !tooltipProps?.label}\n              placement={tooltipProps?.placement || \"bottom\"}\n            >\n              <Box>{children}</Box>\n            </Tooltip>\n          );\n        }\n      : React.Fragment;\n\n  return (\n    <AvatarWrapper>\n      <CAvatar.Root\n        className=\"Avatar group\"\n        data-testid=\"kibble-avatar\"\n        variant={variant}\n        size={size}\n        interactive={!!onClick}\n        hideBorder={hideBorder}\n        onClick={onClick}\n        {...rest}\n      >\n        <CAvatar.Fallback name={name}>\n          {iconName && (\n            <Icon\n              name={iconName}\n              pt=\"-1px\"\n              size={\n                size === \"lg\"\n                  ? \"lg\"\n                  : getNextIconSize({\n                      currentSize: size,\n                      larger: true,\n                      delta: 1,\n                    })\n              }\n            />\n          )}\n        </CAvatar.Fallback>\n        {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n        {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n        {showRemoveButton && size !== \"xs\" && (\n          <AvatarRemoveButton\n            avatarSize={size}\n            onRemove={onRemove}\n            isBeingHovered={isHoveringRemoveButton}\n            setIsBeingHovered={setIsHoveringRemoveButton}\n          />\n        )}\n      </CAvatar.Root>\n    </AvatarWrapper>\n  );\n};\n"],"names":["AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","jsx","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","rest","styles","useRecipe","useSmallBadge","useMemo","offsetRecord","Flex","Avatar","badgeProps","hideBorder","name","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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"}