@televet/kibble-ui 4.0.0-beta.9 → 4.0.0-beta.90

package/README.md

@@ -35,3 +35,43 @@ $ npm run build
 ```
 
 After the build finishes, look for the file named `stats.html` and open it in the browser of your choice.
+
+## Theme Token Autocompletion
+
+To enable theme token autocompletion in your application, you have two options:
+
+### Option 1: Automatic Generation (Recommended)
+
+Add the following to your package.json:
+
+```json
+{
+  "scripts": {
+    "postinstall": "kibble-postinstall"
+  }
+}
+```
+
+This will automatically generate theme types whenever you install or update `@televet/kibble-ui`.
+
+If you need to skip the automatic generation (e.g., in CI environments), you can set the `SKIP_KIBBLE_POSTINSTALL` environment variable:
+
+```bash
+SKIP_KIBBLE_POSTINSTALL=1 npm install
+```
+
+### Option 2: Manual Generation
+
+Run the following command after installing or updating `@televet/kibble-ui`:
+
+```bash
+npx kibble-generate-theme
+```
+
+Both options will enable autocompletion for all Kibble UI theme tokens in your components:
+
+```tsx
+// You'll get autocompletion for theme tokens like this:
+<Swatch bgColor="background.primary" />
+<Text fontSize="sm" />
+```

package/dist/chunks/IconLogo-C4aZqkn1.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("./jsx-runtime-BjDatQAs.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-C4aZqkn1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconLogo-C4aZqkn1.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  { color = 'currentColor', height = '100%', width = '100%', title, titleId }: 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  { color = 'currentColor', height = '100%', width = '100%', title, titleId }: 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":"6EASMA,EAAc,CAClB,CAAE,MAAAC,EAAQ,eAAgB,OAAAC,EAAS,OAAQ,MAAAC,EAAQ,OAAQ,MAAAC,EAAO,QAAAC,CAAQ,EAC1EC,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,ECpBnCW,EAAc,CAClB,CAAE,MAAAV,EAAQ,eAAgB,OAAAC,EAAS,OAAQ,MAAAC,EAAQ,OAAQ,MAAAC,EAAO,QAAAC,CAAQ,EAC1EC,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/IconLogo-UpYiHEKq.js

@@ -0,0 +1,50 @@
+import { j as c } from "./jsx-runtime-C5mzlN2N.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), t = ({ 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(t);
+export {
+  M as F,
+  d as a
+};
+//# sourceMappingURL=IconLogo-UpYiHEKq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconLogo-UpYiHEKq.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  { color = 'currentColor', height = '100%', width = '100%', title, titleId }: 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  { color = 'currentColor', height = '100%', width = '100%', title, titleId }: 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,EAAE,OAAAC,IAAQ,gBAAgB,QAAAC,IAAS,QAAQ,OAAAC,IAAQ,QAAQ,OAAAC,GAAO,SAAAC,EAAQ,GAC1EC,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,GCpBnCW,IAAc,CAClB,EAAE,OAAAV,IAAQ,gBAAgB,QAAAC,IAAS,QAAQ,OAAAC,IAAQ,QAAQ,OAAAC,GAAO,SAAAC,EAAQ,GAC1EC,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/alert.types-BWFvYNC_.js

@@ -0,0 +1,139 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import b, { forwardRef as v, Fragment as _ } from "react";
+import { W as k } from "./heading.component-BHha3j1I.js";
+import { I as y } from "./icon.component-CFqpWzmV.js";
+import { W as R } from "./text.component-DJW--Vty.js";
+import { B as j } from "./button.component-D7a32Wjq.js";
+import { B as C } from "./box-Ck9I7FYv.js";
+import { StatusIconMap as I, StatusTypographyMap as N } from "../esm/shared/records/index.js";
+import { F as w } from "./flex-smlF8uQG.js";
+import { c as B } from "./provider-ClCAdPxy.js";
+import { c as S } from "./create-slot-recipe-context-BJmsuxih.js";
+import { c as W } from "./factory-Ctbv0Ozn.js";
+import { I as h, W as u, a as T } from "./icons-BXxdrBrf.js";
+const [z, F] = B({
+  name: "AlertStatusContext",
+  hookName: "useAlertStatusContext",
+  providerName: "<Alert />"
+}), {
+  withProvider: L,
+  withContext: x,
+  useStyles: M
+} = S({ key: "alert" }), D = L(
+  "div",
+  "root",
+  {
+    forwardAsChild: !0,
+    wrapElement(e, s) {
+      return (
+        // @ts-ignore fix later
+        /* @__PURE__ */ t.jsx(z, { value: { status: s.status || "info" }, children: e })
+      );
+    }
+  }
+), E = x(
+  "div",
+  "title"
+), H = x("div", "description"), q = x(
+  "div",
+  "content"
+), G = {
+  info: h,
+  warning: u,
+  success: T,
+  error: u,
+  neutral: h
+}, J = v(
+  function(s, o) {
+    const i = F(), n = M(), l = typeof i.status == "string" ? G[i.status] : _, { children: c = /* @__PURE__ */ t.jsx(l, {}), ...a } = s;
+    return /* @__PURE__ */ t.jsx(W.span, { ref: o, ...a, css: [n.indicator, s.css], children: c });
+  }
+), f = ({
+  buttonPosition: e = "topRight",
+  buttonText: s,
+  status: o,
+  ...i
+}) => /* @__PURE__ */ t.jsx(
+  C,
+  {
+    className: "Alert__Button",
+    "data-testid": "kibble-alert-button",
+    ...e === "bottomLeft" && { pt: 2, pb: 1 },
+    children: /* @__PURE__ */ t.jsx(j, { size: "xs", variant: o === "default" ? "primary" : "secondary", w: "max-content", ...i, children: s })
+  }
+), at = ({
+  buttonProps: e,
+  description: s,
+  descriptionProps: o,
+  hideCloseButton: i = !1,
+  hideIcon: n = !1,
+  iconProps: l,
+  onClose: c,
+  onContrast: a = !1,
+  status: r = "success",
+  title: m,
+  titleProps: A,
+  ...g
+}) => {
+  e && !e.buttonPosition && (e.buttonPosition = "topRight");
+  const d = e && e.buttonPosition === "topRight", p = d ? w : b.Fragment;
+  return /* @__PURE__ */ t.jsxs(
+    D,
+    {
+      className: "Alert",
+      "data-testid": "kibble-alert",
+      ...g,
+      variant: r,
+      hideIcon: n,
+      onContrast: a,
+      children: [
+        !n && /* @__PURE__ */ t.jsx(J, { className: "Alert__Icon", "data-testid": "kibble-alert-icon", children: /* @__PURE__ */ t.jsx(
+          y,
+          {
+            variant: a ? "onContrast" : N[r],
+            name: l?.name || I[r],
+            size: "lg",
+            ...l
+          }
+        ) }),
+        /* @__PURE__ */ t.jsxs(q, { className: "Alert__Content", "data-testid": "kibble-alert-content", children: [
+          m && /* @__PURE__ */ t.jsxs(
+            p,
+            {
+              ...d && {
+                justifyContent: "space-between",
+                gap: 2
+              },
+              children: [
+                /* @__PURE__ */ t.jsx(E, { className: "Alert__Title", "data-testid": "kibble-alert-title", children: /* @__PURE__ */ t.jsx(k, { size: "sm", variant: a ? "onContrast" : "default", ...A, children: m }) }),
+                e && e.buttonPosition === "topRight" && /* @__PURE__ */ t.jsx(f, { status: r, onContrast: a, ...e })
+              ]
+            }
+          ),
+          s && /* @__PURE__ */ t.jsxs(p, { ...d && { justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ t.jsx(H, { className: "Alert__Description", "data-testid": "kibble-alert-description", children: typeof s == "string" ? /* @__PURE__ */ t.jsx(R, { size: "md", variant: a ? "onContrast" : "default", ...o, children: s }) : s }),
+            e && e.buttonPosition === "topRight" && !m && /* @__PURE__ */ t.jsx(f, { status: r, onContrast: a, ...e })
+          ] }),
+          e?.buttonPosition === "bottomLeft" && /* @__PURE__ */ t.jsx(f, { status: r, onContrast: a, ...e })
+        ] }),
+        !i && /* @__PURE__ */ t.jsx(
+          j,
+          {
+            className: "Alert__CloseTrigger",
+            "data-testid": "kibble-alert-close-trigger",
+            iconName: "close",
+            size: "xs",
+            variant: "ghostNeutral",
+            onContrast: a,
+            onClick: c
+          }
+        )
+      ]
+    }
+  );
+}, it = ["topRight", "bottomLeft"];
+export {
+  at as A,
+  it as a
+};
+//# sourceMappingURL=alert.types-BWFvYNC_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-BWFvYNC_.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\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 size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\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 { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\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 = 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 className=\"Alert__Icon\" data-testid=\"kibble-alert-icon\">\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid=\"kibble-alert-content\">\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid=\"kibble-alert-title\">\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid=\"kibble-alert-description\">\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid=\"kibble-alert-close-trigger\"\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),_=require("./heading.component-DNsKd4Gh.js"),E=require("./icon.component-C0e0UGBw.js"),b=require("./text.component-C501PJrN.js"),f=require("./button.component-Dd9AfGox.js"),v=require("./box-Baq7UBls.js"),h=require("../cjs/shared/records/index.cjs"),q=require("./flex-D14H6HbP.js"),y=require("./provider-NDo8kOkE.js"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),C=require("./factory-D6tdBUPG.js"),a=require("./icons-CTpAjbC-.js"),I=t=>t&&t.__esModule?t:{default:t},N=I(p),[S,w]=y.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:B,withContext:j,useStyles:T}=k.createSlotRecipeContext({key:"alert"}),W=B("div","root",{forwardAsChild:!0,wrapElement(t,s){return e.jsxRuntimeExports.jsx(S,{value:{status:s.status||"info"},children:t})}}),z=j("div","title"),M=j("div","description"),D=j("div","content"),F={info:a.InfoIcon,warning:a.WarningIcon,success:a.CheckCircleIcon,error:a.WarningIcon,neutral:a.InfoIcon},L=p.forwardRef(function(s,o){const i=w(),c=T(),l=typeof i.status=="string"?F[i.status]:p.Fragment,{children:x=e.jsxRuntimeExports.jsx(l,{}),...n}=s;return e.jsxRuntimeExports.jsx(C.chakra.span,{ref:o,...n,css:[c.indicator,s.css],children:x})}),m=({buttonPosition:t="topRight",buttonText:s,status:o,...i})=>e.jsxRuntimeExports.jsx(v.Box,{className:"Alert__Button","data-testid":"kibble-alert-button",...t==="bottomLeft"&&{pt:2,pb:1},children:e.jsxRuntimeExports.jsx(f.Button,{size:"xs",variant:o==="default"?"primary":"secondary",w:"max-content",...i,children:s})}),H=({buttonProps:t,description:s,descriptionProps:o,hideCloseButton:i=!1,hideIcon:c=!1,iconProps:l,onClose:x,onContrast:n=!1,status:r="success",title:u,titleProps:g,...A})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const d=t&&t.buttonPosition==="topRight",R=d?q.Flex:N.default.Fragment;return e.jsxRuntimeExports.jsxs(W,{className:"Alert","data-testid":"kibble-alert",...A,variant:r,hideIcon:c,onContrast:n,children:[!c&&e.jsxRuntimeExports.jsx(L,{className:"Alert__Icon","data-testid":"kibble-alert-icon",children:e.jsxRuntimeExports.jsx(E.Icon,{variant:n?"onContrast":h.StatusTypographyMap[r],name:l?.name||h.StatusIconMap[r],size:"lg",...l})}),e.jsxRuntimeExports.jsxs(D,{className:"Alert__Content","data-testid":"kibble-alert-content",children:[u&&e.jsxRuntimeExports.jsxs(R,{...d&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(z,{className:"Alert__Title","data-testid":"kibble-alert-title",children:e.jsxRuntimeExports.jsx(_.WrappedHeading,{size:"sm",variant:n?"onContrast":"default",...g,children:u})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),s&&e.jsxRuntimeExports.jsxs(R,{...d&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(M,{className:"Alert__Description","data-testid":"kibble-alert-description",children:typeof s=="string"?e.jsxRuntimeExports.jsx(b.WrappedText,{size:"md",variant:n?"onContrast":"default",...o,children:s}):s}),t&&t.buttonPosition==="topRight"&&!u&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),t?.buttonPosition==="bottomLeft"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),!i&&e.jsxRuntimeExports.jsx(f.Button,{className:"Alert__CloseTrigger","data-testid":"kibble-alert-close-trigger",iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:n,onClick:x})]})},G=["topRight","bottomLeft"];exports.Alert=H;exports.alertButtonPositions=G;
+//# sourceMappingURL=alert.types-DTNR8_C-.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types-DTNR8_C-.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\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 size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\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 { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\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 = 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 className=\"Alert__Icon\" data-testid=\"kibble-alert-icon\">\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid=\"kibble-alert-content\">\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid=\"kibble-alert-title\">\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid=\"kibble-alert-description\">\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid=\"kibble-alert-close-trigger\"\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/attr-BMs6szZx.js

@@ -0,0 +1,2 @@
+"use strict";const a=t=>t?"":void 0;exports.dataAttr=a;
+//# sourceMappingURL=attr-BMs6szZx.js.map

package/dist/chunks/attr-BMs6szZx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-BMs6szZx.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/utils/attr.js"],"sourcesContent":["\"use strict\";\nconst dataAttr = (condition) => condition ? \"\" : void 0;\n\nexport { dataAttr };\n"],"names":["dataAttr","condition"],"mappings":"aACK,MAACA,EAAYC,GAAcA,EAAY,GAAK","x_google_ignoreList":[0]}

package/dist/chunks/attr-sm10PXOd.js

@@ -0,0 +1,5 @@
+const a = (t) => t ? "" : void 0;
+export {
+  a as d
+};
+//# sourceMappingURL=attr-sm10PXOd.js.map

package/dist/chunks/attr-sm10PXOd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-sm10PXOd.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/utils/attr.js"],"sourcesContent":["\"use strict\";\nconst dataAttr = (condition) => condition ? \"\" : void 0;\n\nexport { dataAttr };\n"],"names":["dataAttr","condition"],"mappings":"AACK,MAACA,IAAW,CAACC,MAAcA,IAAY,KAAK;","x_google_ignoreList":[0]}