@stokelp/ui 2.96.6 → 2.98.0

package/dist/_virtual/_commonjsHelpers.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
+//# sourceMappingURL=_commonjsHelpers.cjs.map

package/dist/_virtual/_commonjsHelpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,10 @@
+"use client";
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
+};
+//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/_virtual/cjs.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/deepmerge/dist/cjs.cjs");var s=r.__require();const t=e.getDefaultExportFromCjs(s);module.exports=t;
+//# sourceMappingURL=cjs.cjs.map

package/dist/_virtual/cjs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cjs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/cjs.js

@@ -0,0 +1,9 @@
+"use client";
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/deepmerge/dist/cjs.js";
+var t = r();
+const m = /* @__PURE__ */ e(t);
+export {
+  m as default
+};
+//# sourceMappingURL=cjs.js.map

package/dist/_virtual/cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/_virtual/lodash.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/lodash/lodash.cjs");var r=e.__require();exports.lodashExports=r;
+//# sourceMappingURL=lodash.cjs.map

package/dist/_virtual/lodash.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodash.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/lodash.js

@@ -0,0 +1,7 @@
+"use client";
+import { __require as r } from "../node_modules/lodash/lodash.js";
+var o = r();
+export {
+  o as l
+};
+//# sourceMappingURL=lodash.js.map

package/dist/_virtual/lodash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodash.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/lodash2.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+//# sourceMappingURL=lodash2.cjs.map

package/dist/_virtual/lodash2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodash2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/lodash2.js

@@ -0,0 +1,6 @@
+"use client";
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=lodash2.js.map

package/dist/_virtual/lodash2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodash2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/accordion/Accordion.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("@ark-ui/react"),o=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),n=require("../../utils/slots.cjs"),{withProvider:i,withContext:t}=n.createStyleContext(r.accordion),d=i(o.styled(e.Accordion.Root),"root"),s=t(o.styled(e.Accordion.Item),"item"),l=t(o.styled(e.Accordion.ItemContent),"itemContent"),m=t(o.styled(e.Accordion.ItemIndicator),"itemIndicator",{defaultProps:{children:c.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:c.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5303 16.2847C12.2374 16.5776 11.7626 16.5776 11.4697 16.2847L3.96967 8.78473C3.67678 8.49183 3.67678 8.01696 3.96967 7.72407C4.26256 7.43117 4.73744 7.43117 5.03033 7.72407L12 14.6937L18.9697 7.72406C19.2626 7.43117 19.7374 7.43117 20.0303 7.72406C20.3232 8.01696 20.3232 8.49183 20.0303 8.78472L12.5303 16.2847Z",fill:"currentColor"})})}}),u=t(o.styled(e.Accordion.ItemTrigger),"itemTrigger");Object.defineProperty(exports,"useAccordion",{enumerable:!0,get:()=>e.useAccordion});exports.Accordion=d;exports.AccordionItem=s;exports.AccordionItemContent=l;exports.AccordionItemIndicator=m;exports.AccordionItemTrigger=u;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/components/accordion/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport type { ComponentProps } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { accordion } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nexport type { UseAccordionProps, UseAccordionReturn } from '@ark-ui/react'\nexport { useAccordion } from '@ark-ui/react'\n\nconst { withProvider, withContext } = createStyleContext(accordion)\n\nexport const Accordion = withProvider(styled(ArkAccordion.Root), 'root')\nexport const AccordionItem = withContext(styled(ArkAccordion.Item), 'item')\nexport const AccordionItemContent = withContext(styled(ArkAccordion.ItemContent), 'itemContent')\nexport const AccordionItemIndicator = withContext(styled(ArkAccordion.ItemIndicator), 'itemIndicator', {\n  defaultProps: {\n    children: (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M12.5303 16.2847C12.2374 16.5776 11.7626 16.5776 11.4697 16.2847L3.96967 8.78473C3.67678 8.49183 3.67678 8.01696 3.96967 7.72407C4.26256 7.43117 4.73744 7.43117 5.03033 7.72407L12 14.6937L18.9697 7.72406C19.2626 7.43117 19.7374 7.43117 20.0303 7.72406C20.3232 8.01696 20.3232 8.49183 20.0303 8.78472L12.5303 16.2847Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    ),\n  },\n})\nexport const AccordionItemTrigger = withContext(styled(ArkAccordion.ItemTrigger), 'itemTrigger')\n\nexport interface AccordionProps extends ComponentProps<typeof Accordion> {}\nexport interface AccordionItemProps extends ComponentProps<typeof AccordionItem> {}\nexport interface AccordionItemContentProps extends ComponentProps<typeof AccordionItemContent> {}\nexport interface AccordionItemIndicatorProps extends ComponentProps<typeof AccordionItemIndicator> {}\nexport interface AccordionItemTriggerProps extends ComponentProps<typeof AccordionItemTrigger> {}\n"],"names":["withProvider","withContext","createStyleContext","accordion","Accordion","styled","ArkAccordion","AccordionItem","AccordionItemContent","AccordionItemIndicator","jsx","AccordionItemTrigger"],"mappings":"oRASM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,SAAS,EAErDC,EAAYJ,EAAaK,EAAAA,OAAOC,EAAAA,UAAa,IAAI,EAAG,MAAM,EAC1DC,EAAgBN,EAAYI,EAAAA,OAAOC,EAAAA,UAAa,IAAI,EAAG,MAAM,EAC7DE,EAAuBP,EAAYI,EAAAA,OAAOC,EAAAA,UAAa,WAAW,EAAG,aAAa,EAClFG,EAAyBR,EAAYI,EAAAA,OAAOC,EAAAA,UAAa,aAAa,EAAG,gBAAiB,CACrG,aAAc,CACZ,SACEI,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,+TACF,KAAK,cAAA,CAAA,CACP,CACF,CAAA,CAGN,CAAC,EACYC,EAAuBV,EAAYI,EAAAA,OAAOC,EAAAA,UAAa,WAAW,EAAG,aAAa"}

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Accordion as o } from "@ark-ui/react";
+import { useAccordion as A } from "@ark-ui/react";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { accordion as i } from "@stokelp/styled-system/recipes";
+import { createStyleContext as n } from "../../utils/slots.js";
+const { withProvider: c, withContext: e } = n(i), C = c(t(o.Root), "root"), I = e(t(o.Item), "item"), f = e(t(o.ItemContent), "itemContent"), g = e(t(o.ItemIndicator), "itemIndicator", {
+  defaultProps: {
+    children: /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12.5303 16.2847C12.2374 16.5776 11.7626 16.5776 11.4697 16.2847L3.96967 8.78473C3.67678 8.49183 3.67678 8.01696 3.96967 7.72407C4.26256 7.43117 4.73744 7.43117 5.03033 7.72407L12 14.6937L18.9697 7.72406C19.2626 7.43117 19.7374 7.43117 20.0303 7.72406C20.3232 8.01696 20.3232 8.49183 20.0303 8.78472L12.5303 16.2847Z",
+        fill: "currentColor"
+      }
+    ) })
+  }
+}), h = e(t(o.ItemTrigger), "itemTrigger");
+export {
+  C as Accordion,
+  I as AccordionItem,
+  f as AccordionItemContent,
+  g as AccordionItemIndicator,
+  h as AccordionItemTrigger,
+  A as useAccordion
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport type { ComponentProps } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { accordion } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nexport type { UseAccordionProps, UseAccordionReturn } from '@ark-ui/react'\nexport { useAccordion } from '@ark-ui/react'\n\nconst { withProvider, withContext } = createStyleContext(accordion)\n\nexport const Accordion = withProvider(styled(ArkAccordion.Root), 'root')\nexport const AccordionItem = withContext(styled(ArkAccordion.Item), 'item')\nexport const AccordionItemContent = withContext(styled(ArkAccordion.ItemContent), 'itemContent')\nexport const AccordionItemIndicator = withContext(styled(ArkAccordion.ItemIndicator), 'itemIndicator', {\n  defaultProps: {\n    children: (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M12.5303 16.2847C12.2374 16.5776 11.7626 16.5776 11.4697 16.2847L3.96967 8.78473C3.67678 8.49183 3.67678 8.01696 3.96967 7.72407C4.26256 7.43117 4.73744 7.43117 5.03033 7.72407L12 14.6937L18.9697 7.72406C19.2626 7.43117 19.7374 7.43117 20.0303 7.72406C20.3232 8.01696 20.3232 8.49183 20.0303 8.78472L12.5303 16.2847Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    ),\n  },\n})\nexport const AccordionItemTrigger = withContext(styled(ArkAccordion.ItemTrigger), 'itemTrigger')\n\nexport interface AccordionProps extends ComponentProps<typeof Accordion> {}\nexport interface AccordionItemProps extends ComponentProps<typeof AccordionItem> {}\nexport interface AccordionItemContentProps extends ComponentProps<typeof AccordionItemContent> {}\nexport interface AccordionItemIndicatorProps extends ComponentProps<typeof AccordionItemIndicator> {}\nexport interface AccordionItemTriggerProps extends ComponentProps<typeof AccordionItemTrigger> {}\n"],"names":["withProvider","withContext","createStyleContext","accordion","Accordion","styled","ArkAccordion","AccordionItem","AccordionItemContent","AccordionItemIndicator","jsx","AccordionItemTrigger"],"mappings":";;;;;;;AASA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAS,GAErDC,IAAYJ,EAAaK,EAAOC,EAAa,IAAI,GAAG,MAAM,GAC1DC,IAAgBN,EAAYI,EAAOC,EAAa,IAAI,GAAG,MAAM,GAC7DE,IAAuBP,EAAYI,EAAOC,EAAa,WAAW,GAAG,aAAa,GAClFG,IAAyBR,EAAYI,EAAOC,EAAa,aAAa,GAAG,iBAAiB;AAAA,EACrG,cAAc;AAAA,IACZ,UACE,gBAAAI,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA,EACP,CACF;AAAA,EAAA;AAGN,CAAC,GACYC,IAAuBV,EAAYI,EAAOC,EAAa,WAAW,GAAG,aAAa;"}

package/dist/components/action-card/ActionCard.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),n=require("../../utils/slots.cjs"),{withProvider:c,withContext:r}=n.createStyleContext(i.actionCard,{dataAttr:!0}),s=r(e.styled(t.ark.svg),"icon"),l=c(e.styled(t.ark.button),"root",{defaultProps:{role:"group"},afterSlot:o.jsx(s,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z",fill:"currentColor"})})}),d=r(e.styled(t.ark.h3),"title"),a=r(e.styled(t.ark.p),"description");exports.ActionCard=l;exports.ActionCardDescription=a;exports.ActionCardTitle=d;
+//# sourceMappingURL=ActionCard.cjs.map

package/dist/components/action-card/ActionCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionCard.cjs","sources":["../../../src/components/action-card/ActionCard.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { actionCard } from '@stokelp/styled-system/recipes'\nimport { ComponentProps } from 'react'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(actionCard, {\n  dataAttr: true,\n})\n\nconst ActionCardChevron = withContext(styled(ark.svg), 'icon')\n\nexport const ActionCard = withProvider(styled(ark.button), 'root', {\n  defaultProps: {\n    role: 'group',\n  },\n  afterSlot: (\n    <ActionCardChevron viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z\"\n        fill=\"currentColor\"\n      />\n    </ActionCardChevron>\n  ),\n})\nexport const ActionCardTitle = withContext(styled(ark.h3), 'title')\nexport const ActionCardDescription = withContext(styled(ark.p), 'description')\n\nexport interface ActionCardProps extends ComponentProps<typeof ActionCard> {}\nexport interface ActionCardTitleProps extends ComponentProps<typeof ActionCardTitle> {}\nexport interface ActionCardDescriptionProps extends ComponentProps<typeof ActionCardDescription> {}\n"],"names":["withProvider","withContext","createStyleContext","actionCard","ActionCardChevron","styled","ark","ActionCard","jsx","ActionCardTitle","ActionCardDescription"],"mappings":"oRAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,WAAY,CACnE,SAAU,EACZ,CAAC,EAEKC,EAAoBH,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,MAAM,EAEhDC,EAAaP,EAAaK,EAAAA,OAAOC,EAAAA,IAAI,MAAM,EAAG,OAAQ,CACjE,aAAc,CACZ,KAAM,OAAA,EAER,gBACGF,EAAA,CAAkB,QAAQ,YAAY,KAAK,OAAO,MAAM,6BACvD,SAAAI,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,kUACF,KAAK,cAAA,CAAA,CACP,CACF,CAEJ,CAAC,EACYC,EAAkBR,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,EAAE,EAAG,OAAO,EACrDI,EAAwBT,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,CAAC,EAAG,aAAa"}

package/dist/components/action-card/ActionCard.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { ark as t } from "@ark-ui/react";
+import { styled as o } from "@stokelp/styled-system/jsx";
+import { actionCard as i } from "@stokelp/styled-system/recipes";
+import { createStyleContext as n } from "../../utils/slots.js";
+const { withProvider: l, withContext: r } = n(i, {
+  dataAttr: !0
+}), c = r(o(t.svg), "icon"), m = l(o(t.button), "root", {
+  defaultProps: {
+    role: "group"
+  },
+  afterSlot: /* @__PURE__ */ e(c, { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z",
+      fill: "currentColor"
+    }
+  ) })
+}), f = r(o(t.h3), "title"), u = r(o(t.p), "description");
+export {
+  m as ActionCard,
+  u as ActionCardDescription,
+  f as ActionCardTitle
+};
+//# sourceMappingURL=ActionCard.js.map

package/dist/components/action-card/ActionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionCard.js","sources":["../../../src/components/action-card/ActionCard.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { actionCard } from '@stokelp/styled-system/recipes'\nimport { ComponentProps } from 'react'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(actionCard, {\n  dataAttr: true,\n})\n\nconst ActionCardChevron = withContext(styled(ark.svg), 'icon')\n\nexport const ActionCard = withProvider(styled(ark.button), 'root', {\n  defaultProps: {\n    role: 'group',\n  },\n  afterSlot: (\n    <ActionCardChevron viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z\"\n        fill=\"currentColor\"\n      />\n    </ActionCardChevron>\n  ),\n})\nexport const ActionCardTitle = withContext(styled(ark.h3), 'title')\nexport const ActionCardDescription = withContext(styled(ark.p), 'description')\n\nexport interface ActionCardProps extends ComponentProps<typeof ActionCard> {}\nexport interface ActionCardTitleProps extends ComponentProps<typeof ActionCardTitle> {}\nexport interface ActionCardDescriptionProps extends ComponentProps<typeof ActionCardDescription> {}\n"],"names":["withProvider","withContext","createStyleContext","actionCard","ActionCardChevron","styled","ark","ActionCard","jsx","ActionCardTitle","ActionCardDescription"],"mappings":";;;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAY;AAAA,EACnE,UAAU;AACZ,CAAC,GAEKC,IAAoBH,EAAYI,EAAOC,EAAI,GAAG,GAAG,MAAM,GAEhDC,IAAaP,EAAaK,EAAOC,EAAI,MAAM,GAAG,QAAQ;AAAA,EACjE,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAAA,EAER,6BACGF,GAAA,EAAkB,SAAQ,aAAY,MAAK,QAAO,OAAM,8BACvD,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA,EACP,CACF;AAEJ,CAAC,GACYC,IAAkBR,EAAYI,EAAOC,EAAI,EAAE,GAAG,OAAO,GACrDI,IAAwBT,EAAYI,EAAOC,EAAI,CAAC,GAAG,aAAa;"}

package/dist/components/alert/Alert.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@ark-ui/react"),t=require("@stokelp/styled-system/jsx"),v=require("@stokelp/styled-system/recipes"),x=require("../../utils/slots.cjs"),a=require("react"),g=require("../icon-button/IconButton.cjs"),f=require("../icon/Icon.cjs"),{withProvider:L,withContext:r}=x.createStyleContext(v.alert),j=L(t.styled(l.ark.div),"root"),p=r(t.styled(l.ark.svg),"icon"),M=r(t.styled(l.ark.h3),"title"),Z=r(t.styled(l.ark.div),"description"),R=C=>{switch(C){default:case"neutral":return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM10.2208 6.06246C9.55415 5.47918 8.44619 5.47918 7.77959 6.06246C7.54579 6.26703 7.19043 6.24334 6.98586 6.00954C6.78128 5.77575 6.80498 5.42038 7.03877 5.21581C8.12953 4.2614 9.87081 4.2614 10.9616 5.21581C12.0964 6.20876 12.0964 7.85374 10.9616 8.84669C10.7691 9.01512 10.5571 9.15309 10.3335 9.26127C9.82633 9.50673 9.56267 9.84163 9.56267 10.125V10.6875C9.56267 10.9982 9.31083 11.25 9.00017 11.25C8.68951 11.25 8.43767 10.9982 8.43767 10.6875V10.125C8.43767 9.16573 9.23213 8.54448 9.84346 8.24862C9.98044 8.18233 10.1074 8.09925 10.2208 8.00004C10.8433 7.4553 10.8433 6.6072 10.2208 6.06246ZM8.4375 12.9375C8.4375 12.6268 8.68934 12.375 9 12.375H9.00562C9.31629 12.375 9.56812 12.6268 9.56812 12.9375V12.9431C9.56812 13.2538 9.31629 13.5056 9.00562 13.5056H9C8.68934 13.5056 8.4375 13.2538 8.4375 12.9431V12.9375Z",fill:"currentColor"})});case"info":return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM8.4375 6.1875C8.4375 5.87684 8.68934 5.625 9 5.625H9.00562C9.31629 5.625 9.56812 5.87684 9.56812 6.1875V6.19313C9.56812 6.50379 9.31629 6.75563 9.00562 6.75563H9C8.68934 6.75563 8.4375 6.50379 8.4375 6.19313V6.1875ZM8.21706 7.91883C9.07674 7.48899 10.0447 8.26546 9.81158 9.19791L9.27983 11.3249L9.31094 11.3094C9.5888 11.1705 9.92668 11.2831 10.0656 11.5609C10.2045 11.8388 10.0919 12.1767 9.81406 12.3156L9.78295 12.3312C8.92327 12.761 7.9553 11.9845 8.18842 11.0521L8.72017 8.92506L8.68906 8.94062C8.41119 9.07955 8.07332 8.96692 7.93438 8.68906C7.79545 8.41119 7.90808 8.07332 8.18594 7.93438L8.21706 7.91883Z",fill:"currentColor"})});case"success":return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM11.5769 6.85477C11.8297 7.03534 11.8883 7.38665 11.7077 7.63945L8.89523 11.5769C8.79912 11.7115 8.64868 11.7969 8.4839 11.8106C8.31911 11.8242 8.15667 11.7647 8.03975 11.6477L6.35225 9.96025C6.13258 9.74058 6.13258 9.38442 6.35225 9.16475C6.57192 8.94508 6.92808 8.94508 7.14775 9.16475L8.36572 10.3827L10.7923 6.98555C10.9728 6.73276 11.3242 6.67421 11.5769 6.85477Z",fill:"currentColor"})});case"warning":return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.97427 2.81473C9.54134 2.06432 8.45829 2.06432 8.02535 2.81473L2.50961 12.3754C2.07692 13.1254 2.6182 14.0625 3.48407 14.0625H14.5156C15.3814 14.0625 15.9227 13.1254 15.49 12.3754L9.97427 2.81473ZM7.0509 2.25255C7.91676 0.751715 10.0829 0.751714 10.9487 2.25255L16.4645 11.8132C17.3299 13.3132 16.2473 15.1875 14.5156 15.1875H3.48407C1.75234 15.1875 0.669765 13.3132 1.53515 11.8132L7.0509 2.25255ZM8.99981 6.18755C9.31047 6.18755 9.56231 6.43939 9.56231 6.75005V9.56255C9.56231 9.87321 9.31047 10.125 8.99981 10.125C8.68915 10.125 8.43731 9.87321 8.43731 9.56255V6.75005C8.43731 6.43939 8.68915 6.18755 8.99981 6.18755ZM8.43731 11.8125C8.43731 11.5019 8.68915 11.25 8.99981 11.25H9.00544C9.3161 11.25 9.56794 11.5019 9.56794 11.8125V11.8182C9.56794 12.1288 9.3161 12.3807 9.00544 12.3807H8.99981C8.68915 12.3807 8.43731 12.1288 8.43731 11.8182V11.8125Z",fill:"currentColor"})});case"error":return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM9 6.1875C9.31066 6.1875 9.5625 6.43934 9.5625 6.75V9.5625C9.5625 9.87316 9.31066 10.125 9 10.125C8.68934 10.125 8.4375 9.87316 8.4375 9.5625V6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875ZM8.4375 11.8125C8.4375 11.5018 8.68934 11.25 9 11.25H9.00562C9.31629 11.25 9.56812 11.5018 9.56812 11.8125V11.8181C9.56812 12.1288 9.31629 12.3806 9.00562 12.3806H9C8.68934 12.3806 8.4375 12.1288 8.4375 11.8181V11.8125Z",fill:"currentColor"})})}},V=a.forwardRef(({title:C,description:n,showDismissTrigger:s,onDismiss:d,severity:i,showIcon:c=!0,icon:o,iconProps:u,...h},w)=>e.jsxs(j,{ref:w,severity:i,...h,children:[e.jsxs(M,{children:[c?e.jsx(p,{asChild:!0,children:e.jsx(f.Icon,{...u,children:o||R(i)})}):null,C,s?e.jsx(g.IconButton,{ml:"auto",onClick:d,size:"sm",variant:"tertiary","aria-label":"dismiss",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z",fill:"currentColor"})})}):null]}),n?e.jsx(Z,{children:n}):null]}));exports.Alert=V;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { alert } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { type ComponentProps, forwardRef, ReactNode } from 'react'\nimport { IconButton, type IconButtonProps } from '~/components/icon-button/IconButton'\nimport { Icon, IconProps } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(alert)\n\nconst StyledAlert = withProvider(styled(ark.div), 'root')\nconst StyledAlertIcon = withContext(styled(ark.svg), 'icon')\nconst StyledAlertTitle = withContext(styled(ark.h3), 'title')\nconst StyledAlertDescription = withContext(styled(ark.div), 'description')\n\nexport interface AlertProps extends Omit<ComponentProps<typeof StyledAlert>, 'children' | 'title'> {\n  title: ReactNode\n  description?: ReactNode\n  onDismiss?: IconButtonProps['onClick']\n  showDismissTrigger?: boolean\n  showIcon?: boolean\n  icon?: ReactNode\n  iconProps?: IconProps\n}\n\nconst getIcon = (severity: AlertProps['severity']) => {\n  switch (severity) {\n    default:\n    case 'neutral':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM10.2208 6.06246C9.55415 5.47918 8.44619 5.47918 7.77959 6.06246C7.54579 6.26703 7.19043 6.24334 6.98586 6.00954C6.78128 5.77575 6.80498 5.42038 7.03877 5.21581C8.12953 4.2614 9.87081 4.2614 10.9616 5.21581C12.0964 6.20876 12.0964 7.85374 10.9616 8.84669C10.7691 9.01512 10.5571 9.15309 10.3335 9.26127C9.82633 9.50673 9.56267 9.84163 9.56267 10.125V10.6875C9.56267 10.9982 9.31083 11.25 9.00017 11.25C8.68951 11.25 8.43767 10.9982 8.43767 10.6875V10.125C8.43767 9.16573 9.23213 8.54448 9.84346 8.24862C9.98044 8.18233 10.1074 8.09925 10.2208 8.00004C10.8433 7.4553 10.8433 6.6072 10.2208 6.06246ZM8.4375 12.9375C8.4375 12.6268 8.68934 12.375 9 12.375H9.00562C9.31629 12.375 9.56812 12.6268 9.56812 12.9375V12.9431C9.56812 13.2538 9.31629 13.5056 9.00562 13.5056H9C8.68934 13.5056 8.4375 13.2538 8.4375 12.9431V12.9375Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'info':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM8.4375 6.1875C8.4375 5.87684 8.68934 5.625 9 5.625H9.00562C9.31629 5.625 9.56812 5.87684 9.56812 6.1875V6.19313C9.56812 6.50379 9.31629 6.75563 9.00562 6.75563H9C8.68934 6.75563 8.4375 6.50379 8.4375 6.19313V6.1875ZM8.21706 7.91883C9.07674 7.48899 10.0447 8.26546 9.81158 9.19791L9.27983 11.3249L9.31094 11.3094C9.5888 11.1705 9.92668 11.2831 10.0656 11.5609C10.2045 11.8388 10.0919 12.1767 9.81406 12.3156L9.78295 12.3312C8.92327 12.761 7.9553 11.9845 8.18842 11.0521L8.72017 8.92506L8.68906 8.94062C8.41119 9.07955 8.07332 8.96692 7.93438 8.68906C7.79545 8.41119 7.90808 8.07332 8.18594 7.93438L8.21706 7.91883Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'success':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM11.5769 6.85477C11.8297 7.03534 11.8883 7.38665 11.7077 7.63945L8.89523 11.5769C8.79912 11.7115 8.64868 11.7969 8.4839 11.8106C8.31911 11.8242 8.15667 11.7647 8.03975 11.6477L6.35225 9.96025C6.13258 9.74058 6.13258 9.38442 6.35225 9.16475C6.57192 8.94508 6.92808 8.94508 7.14775 9.16475L8.36572 10.3827L10.7923 6.98555C10.9728 6.73276 11.3242 6.67421 11.5769 6.85477Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'warning':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9.97427 2.81473C9.54134 2.06432 8.45829 2.06432 8.02535 2.81473L2.50961 12.3754C2.07692 13.1254 2.6182 14.0625 3.48407 14.0625H14.5156C15.3814 14.0625 15.9227 13.1254 15.49 12.3754L9.97427 2.81473ZM7.0509 2.25255C7.91676 0.751715 10.0829 0.751714 10.9487 2.25255L16.4645 11.8132C17.3299 13.3132 16.2473 15.1875 14.5156 15.1875H3.48407C1.75234 15.1875 0.669765 13.3132 1.53515 11.8132L7.0509 2.25255ZM8.99981 6.18755C9.31047 6.18755 9.56231 6.43939 9.56231 6.75005V9.56255C9.56231 9.87321 9.31047 10.125 8.99981 10.125C8.68915 10.125 8.43731 9.87321 8.43731 9.56255V6.75005C8.43731 6.43939 8.68915 6.18755 8.99981 6.18755ZM8.43731 11.8125C8.43731 11.5019 8.68915 11.25 8.99981 11.25H9.00544C9.3161 11.25 9.56794 11.5019 9.56794 11.8125V11.8182C9.56794 12.1288 9.3161 12.3807 9.00544 12.3807H8.99981C8.68915 12.3807 8.43731 12.1288 8.43731 11.8182V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'error':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM9 6.1875C9.31066 6.1875 9.5625 6.43934 9.5625 6.75V9.5625C9.5625 9.87316 9.31066 10.125 9 10.125C8.68934 10.125 8.4375 9.87316 8.4375 9.5625V6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875ZM8.4375 11.8125C8.4375 11.5018 8.68934 11.25 9 11.25H9.00562C9.31629 11.25 9.56812 11.5018 9.56812 11.8125V11.8181C9.56812 12.1288 9.31629 12.3806 9.00562 12.3806H9C8.68934 12.3806 8.4375 12.1288 8.4375 11.8181V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n  }\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    { title, description, showDismissTrigger, onDismiss, severity, showIcon = true, icon, iconProps, ...props },\n    ref,\n  ) => {\n    return (\n      <StyledAlert ref={ref} severity={severity} {...props}>\n        <StyledAlertTitle>\n          {showIcon ? (\n            <StyledAlertIcon asChild>\n              <Icon {...iconProps}>{icon ? icon : getIcon(severity)}</Icon>\n            </StyledAlertIcon>\n          ) : null}\n          {title}\n          {showDismissTrigger ? (\n            <IconButton ml=\"auto\" onClick={onDismiss} size=\"sm\" variant=\"tertiary\" aria-label=\"dismiss\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  fillRule=\"evenodd\"\n                  clipRule=\"evenodd\"\n                  d=\"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </IconButton>\n          ) : null}\n        </StyledAlertTitle>\n        {description ? <StyledAlertDescription>{description}</StyledAlertDescription> : null}\n      </StyledAlert>\n    )\n  },\n)\n"],"names":["withProvider","withContext","createStyleContext","alert","StyledAlert","styled","ark","StyledAlertIcon","StyledAlertTitle","StyledAlertDescription","getIcon","severity","jsx","Alert","forwardRef","title","description","showDismissTrigger","onDismiss","showIcon","icon","iconProps","props","ref","jsxs","Icon","IconButton"],"mappings":"gXAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,KAAK,EAExDC,EAAcJ,EAAaK,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,MAAM,EAClDC,EAAkBN,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,MAAM,EACrDE,EAAmBP,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,EAAE,EAAG,OAAO,EACtDG,EAAyBR,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,aAAa,EAYnEI,EAAWC,GAAqC,CACpD,OAAQA,EAAA,CACN,QACA,IAAK,UACH,OACEC,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,8oCACF,KAAK,cAAA,CAAA,EAET,EAEJ,IAAK,OACH,OACEA,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,i8BACF,KAAK,cAAA,CAAA,EAET,EAEJ,IAAK,UACH,OACEA,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,2sBACF,KAAK,cAAA,CAAA,EAET,EAEJ,IAAK,UACH,OACEA,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,01BACF,KAAK,cAAA,CAAA,EAET,EAEJ,IAAK,QACH,OACEA,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,gvBACF,KAAK,cAAA,CAAA,EAET,CAAA,CAGR,EAEaC,EAAQC,EAAAA,WACnB,CACE,CAAE,MAAAC,EAAO,YAAAC,EAAa,mBAAAC,EAAoB,UAAAC,EAAW,SAAAP,EAAU,SAAAQ,EAAW,GAAM,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAA,EACpGC,IAGEC,EAAAA,KAACpB,EAAA,CAAY,IAAAmB,EAAU,SAAAZ,EAAqB,GAAGW,EAC7C,SAAA,CAAAE,OAAChB,EAAA,CACE,SAAA,CAAAW,EACCP,EAAAA,IAACL,EAAA,CAAgB,QAAO,GACtB,eAACkB,OAAA,CAAM,GAAGJ,EAAY,SAAAD,GAAcV,EAAQC,CAAQ,CAAA,CAAE,EACxD,EACE,KACHI,EACAE,EACCL,EAAAA,IAACc,EAAAA,WAAA,CAAW,GAAG,OAAO,QAASR,EAAW,KAAK,KAAK,QAAQ,WAAW,aAAW,UAChF,SAAAN,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,4fACF,KAAK,cAAA,CAAA,CACP,CACF,EACF,EACE,IAAA,EACN,EACCI,EAAcJ,EAAAA,IAACH,EAAA,CAAwB,SAAAO,CAAA,CAAY,EAA4B,IAAA,EAClF,CAGN"}

package/dist/components/alert/Alert.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { ark as l } from "@ark-ui/react";
+import { styled as C } from "@stokelp/styled-system/jsx";
+import { alert as f } from "@stokelp/styled-system/recipes";
+import { createStyleContext as p } from "../../utils/slots.js";
+import { forwardRef as g } from "react";
+import { IconButton as a } from "../icon-button/IconButton.js";
+import { Icon as m } from "../icon/Icon.js";
+const { withProvider: L, withContext: r } = p(f), M = L(C(l.div), "root"), Z = r(C(l.svg), "icon"), x = r(C(l.h3), "title"), V = r(C(l.div), "description"), R = (t) => {
+  switch (t) {
+    default:
+    case "neutral":
+      return /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM10.2208 6.06246C9.55415 5.47918 8.44619 5.47918 7.77959 6.06246C7.54579 6.26703 7.19043 6.24334 6.98586 6.00954C6.78128 5.77575 6.80498 5.42038 7.03877 5.21581C8.12953 4.2614 9.87081 4.2614 10.9616 5.21581C12.0964 6.20876 12.0964 7.85374 10.9616 8.84669C10.7691 9.01512 10.5571 9.15309 10.3335 9.26127C9.82633 9.50673 9.56267 9.84163 9.56267 10.125V10.6875C9.56267 10.9982 9.31083 11.25 9.00017 11.25C8.68951 11.25 8.43767 10.9982 8.43767 10.6875V10.125C8.43767 9.16573 9.23213 8.54448 9.84346 8.24862C9.98044 8.18233 10.1074 8.09925 10.2208 8.00004C10.8433 7.4553 10.8433 6.6072 10.2208 6.06246ZM8.4375 12.9375C8.4375 12.6268 8.68934 12.375 9 12.375H9.00562C9.31629 12.375 9.56812 12.6268 9.56812 12.9375V12.9431C9.56812 13.2538 9.31629 13.5056 9.00562 13.5056H9C8.68934 13.5056 8.4375 13.2538 8.4375 12.9431V12.9375Z",
+          fill: "currentColor"
+        }
+      ) });
+    case "info":
+      return /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM8.4375 6.1875C8.4375 5.87684 8.68934 5.625 9 5.625H9.00562C9.31629 5.625 9.56812 5.87684 9.56812 6.1875V6.19313C9.56812 6.50379 9.31629 6.75563 9.00562 6.75563H9C8.68934 6.75563 8.4375 6.50379 8.4375 6.19313V6.1875ZM8.21706 7.91883C9.07674 7.48899 10.0447 8.26546 9.81158 9.19791L9.27983 11.3249L9.31094 11.3094C9.5888 11.1705 9.92668 11.2831 10.0656 11.5609C10.2045 11.8388 10.0919 12.1767 9.81406 12.3156L9.78295 12.3312C8.92327 12.761 7.9553 11.9845 8.18842 11.0521L8.72017 8.92506L8.68906 8.94062C8.41119 9.07955 8.07332 8.96692 7.93438 8.68906C7.79545 8.41119 7.90808 8.07332 8.18594 7.93438L8.21706 7.91883Z",
+          fill: "currentColor"
+        }
+      ) });
+    case "success":
+      return /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM11.5769 6.85477C11.8297 7.03534 11.8883 7.38665 11.7077 7.63945L8.89523 11.5769C8.79912 11.7115 8.64868 11.7969 8.4839 11.8106C8.31911 11.8242 8.15667 11.7647 8.03975 11.6477L6.35225 9.96025C6.13258 9.74058 6.13258 9.38442 6.35225 9.16475C6.57192 8.94508 6.92808 8.94508 7.14775 9.16475L8.36572 10.3827L10.7923 6.98555C10.9728 6.73276 11.3242 6.67421 11.5769 6.85477Z",
+          fill: "currentColor"
+        }
+      ) });
+    case "warning":
+      return /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9.97427 2.81473C9.54134 2.06432 8.45829 2.06432 8.02535 2.81473L2.50961 12.3754C2.07692 13.1254 2.6182 14.0625 3.48407 14.0625H14.5156C15.3814 14.0625 15.9227 13.1254 15.49 12.3754L9.97427 2.81473ZM7.0509 2.25255C7.91676 0.751715 10.0829 0.751714 10.9487 2.25255L16.4645 11.8132C17.3299 13.3132 16.2473 15.1875 14.5156 15.1875H3.48407C1.75234 15.1875 0.669765 13.3132 1.53515 11.8132L7.0509 2.25255ZM8.99981 6.18755C9.31047 6.18755 9.56231 6.43939 9.56231 6.75005V9.56255C9.56231 9.87321 9.31047 10.125 8.99981 10.125C8.68915 10.125 8.43731 9.87321 8.43731 9.56255V6.75005C8.43731 6.43939 8.68915 6.18755 8.99981 6.18755ZM8.43731 11.8125C8.43731 11.5019 8.68915 11.25 8.99981 11.25H9.00544C9.3161 11.25 9.56794 11.5019 9.56794 11.8125V11.8182C9.56794 12.1288 9.3161 12.3807 9.00544 12.3807H8.99981C8.68915 12.3807 8.43731 12.1288 8.43731 11.8182V11.8125Z",
+          fill: "currentColor"
+        }
+      ) });
+    case "error":
+      return /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM9 6.1875C9.31066 6.1875 9.5625 6.43934 9.5625 6.75V9.5625C9.5625 9.87316 9.31066 10.125 9 10.125C8.68934 10.125 8.4375 9.87316 8.4375 9.5625V6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875ZM8.4375 11.8125C8.4375 11.5018 8.68934 11.25 9 11.25H9.00562C9.31629 11.25 9.56812 11.5018 9.56812 11.8125V11.8181C9.56812 12.1288 9.31629 12.3806 9.00562 12.3806H9C8.68934 12.3806 8.4375 12.1288 8.4375 11.8181V11.8125Z",
+          fill: "currentColor"
+        }
+      ) });
+  }
+}, b = g(
+  ({ title: t, description: i, showDismissTrigger: c, onDismiss: h, severity: o, showIcon: s = !0, icon: n, iconProps: w, ...u }, v) => /* @__PURE__ */ d(M, { ref: v, severity: o, ...u, children: [
+    /* @__PURE__ */ d(x, { children: [
+      s ? /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(m, { ...w, children: n || R(o) }) }) : null,
+      t,
+      c ? /* @__PURE__ */ e(a, { ml: "auto", onClick: h, size: "sm", variant: "tertiary", "aria-label": "dismiss", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z",
+          fill: "currentColor"
+        }
+      ) }) }) : null
+    ] }),
+    i ? /* @__PURE__ */ e(V, { children: i }) : null
+  ] })
+);
+export {
+  b as Alert
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { alert } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { type ComponentProps, forwardRef, ReactNode } from 'react'\nimport { IconButton, type IconButtonProps } from '~/components/icon-button/IconButton'\nimport { Icon, IconProps } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(alert)\n\nconst StyledAlert = withProvider(styled(ark.div), 'root')\nconst StyledAlertIcon = withContext(styled(ark.svg), 'icon')\nconst StyledAlertTitle = withContext(styled(ark.h3), 'title')\nconst StyledAlertDescription = withContext(styled(ark.div), 'description')\n\nexport interface AlertProps extends Omit<ComponentProps<typeof StyledAlert>, 'children' | 'title'> {\n  title: ReactNode\n  description?: ReactNode\n  onDismiss?: IconButtonProps['onClick']\n  showDismissTrigger?: boolean\n  showIcon?: boolean\n  icon?: ReactNode\n  iconProps?: IconProps\n}\n\nconst getIcon = (severity: AlertProps['severity']) => {\n  switch (severity) {\n    default:\n    case 'neutral':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM10.2208 6.06246C9.55415 5.47918 8.44619 5.47918 7.77959 6.06246C7.54579 6.26703 7.19043 6.24334 6.98586 6.00954C6.78128 5.77575 6.80498 5.42038 7.03877 5.21581C8.12953 4.2614 9.87081 4.2614 10.9616 5.21581C12.0964 6.20876 12.0964 7.85374 10.9616 8.84669C10.7691 9.01512 10.5571 9.15309 10.3335 9.26127C9.82633 9.50673 9.56267 9.84163 9.56267 10.125V10.6875C9.56267 10.9982 9.31083 11.25 9.00017 11.25C8.68951 11.25 8.43767 10.9982 8.43767 10.6875V10.125C8.43767 9.16573 9.23213 8.54448 9.84346 8.24862C9.98044 8.18233 10.1074 8.09925 10.2208 8.00004C10.8433 7.4553 10.8433 6.6072 10.2208 6.06246ZM8.4375 12.9375C8.4375 12.6268 8.68934 12.375 9 12.375H9.00562C9.31629 12.375 9.56812 12.6268 9.56812 12.9375V12.9431C9.56812 13.2538 9.31629 13.5056 9.00562 13.5056H9C8.68934 13.5056 8.4375 13.2538 8.4375 12.9431V12.9375Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'info':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM8.4375 6.1875C8.4375 5.87684 8.68934 5.625 9 5.625H9.00562C9.31629 5.625 9.56812 5.87684 9.56812 6.1875V6.19313C9.56812 6.50379 9.31629 6.75563 9.00562 6.75563H9C8.68934 6.75563 8.4375 6.50379 8.4375 6.19313V6.1875ZM8.21706 7.91883C9.07674 7.48899 10.0447 8.26546 9.81158 9.19791L9.27983 11.3249L9.31094 11.3094C9.5888 11.1705 9.92668 11.2831 10.0656 11.5609C10.2045 11.8388 10.0919 12.1767 9.81406 12.3156L9.78295 12.3312C8.92327 12.761 7.9553 11.9845 8.18842 11.0521L8.72017 8.92506L8.68906 8.94062C8.41119 9.07955 8.07332 8.96692 7.93438 8.68906C7.79545 8.41119 7.90808 8.07332 8.18594 7.93438L8.21706 7.91883Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'success':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM11.5769 6.85477C11.8297 7.03534 11.8883 7.38665 11.7077 7.63945L8.89523 11.5769C8.79912 11.7115 8.64868 11.7969 8.4839 11.8106C8.31911 11.8242 8.15667 11.7647 8.03975 11.6477L6.35225 9.96025C6.13258 9.74058 6.13258 9.38442 6.35225 9.16475C6.57192 8.94508 6.92808 8.94508 7.14775 9.16475L8.36572 10.3827L10.7923 6.98555C10.9728 6.73276 11.3242 6.67421 11.5769 6.85477Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'warning':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9.97427 2.81473C9.54134 2.06432 8.45829 2.06432 8.02535 2.81473L2.50961 12.3754C2.07692 13.1254 2.6182 14.0625 3.48407 14.0625H14.5156C15.3814 14.0625 15.9227 13.1254 15.49 12.3754L9.97427 2.81473ZM7.0509 2.25255C7.91676 0.751715 10.0829 0.751714 10.9487 2.25255L16.4645 11.8132C17.3299 13.3132 16.2473 15.1875 14.5156 15.1875H3.48407C1.75234 15.1875 0.669765 13.3132 1.53515 11.8132L7.0509 2.25255ZM8.99981 6.18755C9.31047 6.18755 9.56231 6.43939 9.56231 6.75005V9.56255C9.56231 9.87321 9.31047 10.125 8.99981 10.125C8.68915 10.125 8.43731 9.87321 8.43731 9.56255V6.75005C8.43731 6.43939 8.68915 6.18755 8.99981 6.18755ZM8.43731 11.8125C8.43731 11.5019 8.68915 11.25 8.99981 11.25H9.00544C9.3161 11.25 9.56794 11.5019 9.56794 11.8125V11.8182C9.56794 12.1288 9.3161 12.3807 9.00544 12.3807H8.99981C8.68915 12.3807 8.43731 12.1288 8.43731 11.8182V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'error':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM9 6.1875C9.31066 6.1875 9.5625 6.43934 9.5625 6.75V9.5625C9.5625 9.87316 9.31066 10.125 9 10.125C8.68934 10.125 8.4375 9.87316 8.4375 9.5625V6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875ZM8.4375 11.8125C8.4375 11.5018 8.68934 11.25 9 11.25H9.00562C9.31629 11.25 9.56812 11.5018 9.56812 11.8125V11.8181C9.56812 12.1288 9.31629 12.3806 9.00562 12.3806H9C8.68934 12.3806 8.4375 12.1288 8.4375 11.8181V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n  }\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    { title, description, showDismissTrigger, onDismiss, severity, showIcon = true, icon, iconProps, ...props },\n    ref,\n  ) => {\n    return (\n      <StyledAlert ref={ref} severity={severity} {...props}>\n        <StyledAlertTitle>\n          {showIcon ? (\n            <StyledAlertIcon asChild>\n              <Icon {...iconProps}>{icon ? icon : getIcon(severity)}</Icon>\n            </StyledAlertIcon>\n          ) : null}\n          {title}\n          {showDismissTrigger ? (\n            <IconButton ml=\"auto\" onClick={onDismiss} size=\"sm\" variant=\"tertiary\" aria-label=\"dismiss\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  fillRule=\"evenodd\"\n                  clipRule=\"evenodd\"\n                  d=\"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </IconButton>\n          ) : null}\n        </StyledAlertTitle>\n        {description ? <StyledAlertDescription>{description}</StyledAlertDescription> : null}\n      </StyledAlert>\n    )\n  },\n)\n"],"names":["withProvider","withContext","createStyleContext","alert","StyledAlert","styled","ark","StyledAlertIcon","StyledAlertTitle","StyledAlertDescription","getIcon","severity","jsx","Alert","forwardRef","title","description","showDismissTrigger","onDismiss","showIcon","icon","iconProps","props","ref","jsxs","Icon","IconButton"],"mappings":"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"}

package/dist/components/app/navigation/AppNavigation.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),a=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs"),c=require("../../tag/Tag.cjs"),l=require("../../../node_modules/@heroicons/react/24/outline/esm/ArrowLeftCircleIcon.cjs"),{withProvider:d,withContext:e}=a.createStyleContext(s.appNavigation,{dataAttr:!0}),u=d(t.styled("nav"),"root",{defaultProps:{}}),m=e(t.styled("header"),"header"),I=e(t.styled("main"),"body"),g=e(t.styled("div"),"item"),p=e(t.styled("div"),"itemSubItems"),y=e(t.styled("div"),"itemContent"),v=e(t.styled("p"),"itemLabel"),S=e(n.Icon,"itemIcon",{defaultProps:{size:"sm"}}),f=e(c.Tag,"itemAlpha",{defaultProps:{severity:"success"}}),b=e(t.styled("footer"),"footer"),h=e(t.styled("div"),"miniaturizeTrigger",{defaultProps:{onClick:o=>{o.preventDefault();const r=localStorage.getItem("isMiniaturizeNav")==="closed"?"open":"closed";localStorage.setItem("isMiniaturizeNav",r),o.currentTarget.setAttribute("data-state",r),window.dispatchEvent(new Event("storage"))},className:"app-navigation__miniaturizeTrigger","data-state":typeof localStorage<"u"&&localStorage.getItem("isMiniaturizeNav")||"open",children:i.jsx(n.Icon,{children:i.jsx(l,{})})}});exports.Body=I;exports.Footer=b;exports.Header=m;exports.Item=g;exports.ItemAlpha=f;exports.ItemContent=y;exports.ItemIcon=S;exports.ItemLabel=v;exports.ItemSubItems=p;exports.MiniaturizeTrigger=h;exports.Root=u;
+//# sourceMappingURL=AppNavigation.cjs.map

package/dist/components/app/navigation/AppNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppNavigation.cjs","sources":["../../../../src/components/app/navigation/AppNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { appNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\nimport { ArrowLeftCircleIcon } from '@heroicons/react/24/outline'\nimport { Tag } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(appNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root', {\n  defaultProps: {\n    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',\n  },\n})\nexport const Header = withContext(styled('header'), 'header')\nexport const Body = withContext(styled('main'), 'body')\n\nexport const Item = withContext(styled('div'), 'item')\nexport const ItemSubItems = withContext(styled('div'), 'itemSubItems')\nexport const ItemContent = withContext(styled('div'), 'itemContent')\nexport const ItemLabel = withContext(styled('p'), 'itemLabel')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemAlpha = withContext(Tag, 'itemAlpha', {\n  defaultProps: {\n    severity: 'success',\n  },\n})\n\nexport const Footer = withContext(styled('footer'), 'footer')\n\nexport const MiniaturizeTrigger = withContext(styled('div'), 'miniaturizeTrigger', {\n  defaultProps: {\n    onClick: e => {\n      e.preventDefault()\n      const currentState = localStorage.getItem('isMiniaturizeNav')\n      const newState = currentState === 'closed' ? 'open' : 'closed'\n      localStorage.setItem('isMiniaturizeNav', newState)\n      e.currentTarget.setAttribute('data-state', newState)\n      window.dispatchEvent(new Event('storage'))\n    },\n    className: 'app-navigation__miniaturizeTrigger',\n    ...{\n      'data-state': typeof localStorage !== 'undefined' ? localStorage.getItem('isMiniaturizeNav') || 'open' : 'open',\n    },\n    children: (\n      <Icon>\n        <ArrowLeftCircleIcon />\n      </Icon>\n    ),\n  },\n})\n\nexport interface AppNavigationProps extends ComponentProps<typeof Root> {}\nexport interface AppNavigationHeaderProps extends ComponentProps<typeof Header> {}\nexport interface AppNavigationBodyProps extends ComponentProps<typeof Body> {}\nexport interface AppNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface AppNavigationItemSubItemsProps extends ComponentProps<typeof ItemSubItems> {}\nexport interface AppNavigationItemContentProps extends ComponentProps<typeof ItemContent> {}\nexport type AppNavigationItemLabelProps = ComponentProps<typeof ItemLabel>\nexport interface AppNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface AppNavigationFooterProps extends ComponentProps<typeof Footer> {}\nexport interface AppNavigationMiniaturizeTriggerProps extends ComponentProps<typeof MiniaturizeTrigger> {}\n"],"names":["withProvider","withContext","createStyleContext","appNavigation","Root","styled","Header","Body","Item","ItemSubItems","ItemContent","ItemLabel","ItemIcon","Icon","ItemAlpha","Tag","Footer","MiniaturizeTrigger","e","newState","jsx","ArrowLeftCircleIcon"],"mappings":"uZAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,cAAe,CACtE,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,EAAAA,OAAO,KAAK,EAAG,OAAQ,CACtD,aAAc,CAAA,CAGhB,CAAC,EACYC,EAASL,EAAYI,SAAO,QAAQ,EAAG,QAAQ,EAC/CE,EAAON,EAAYI,SAAO,MAAM,EAAG,MAAM,EAEzCG,EAAOP,EAAYI,SAAO,KAAK,EAAG,MAAM,EACxCI,EAAeR,EAAYI,SAAO,KAAK,EAAG,cAAc,EACxDK,EAAcT,EAAYI,SAAO,KAAK,EAAG,aAAa,EACtDM,EAAYV,EAAYI,SAAO,GAAG,EAAG,WAAW,EAChDO,EAAWX,EAAYY,EAAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IAAA,CAEV,CAAC,EACYC,EAAYb,EAAYc,EAAAA,IAAK,YAAa,CACrD,aAAc,CACZ,SAAU,SAAA,CAEd,CAAC,EAEYC,EAASf,EAAYI,SAAO,QAAQ,EAAG,QAAQ,EAE/CY,EAAqBhB,EAAYI,EAAAA,OAAO,KAAK,EAAG,qBAAsB,CACjF,aAAc,CACZ,QAASa,GAAK,CACZA,EAAE,eAAA,EAEF,MAAMC,EADe,aAAa,QAAQ,kBAAkB,IAC1B,SAAW,OAAS,SACtD,aAAa,QAAQ,mBAAoBA,CAAQ,EACjDD,EAAE,cAAc,aAAa,aAAcC,CAAQ,EACnD,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC,CAC3C,EACA,UAAW,qCAET,aAAc,OAAO,aAAiB,KAAc,aAAa,QAAQ,kBAAkB,GAAK,OAElG,SACEC,EAAAA,IAACP,OAAA,CACC,SAAAO,MAACC,IAAoB,CAAA,CACvB,CAAA,CAGN,CAAC"}

package/dist/components/app/navigation/AppNavigation.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { styled as e } from "@stokelp/styled-system/jsx";
+import { appNavigation as n } from "@stokelp/styled-system/recipes";
+import { createStyleContext as s } from "../../../utils/slots.js";
+import { Icon as a } from "../../icon/Icon.js";
+import { Tag as m } from "../../tag/Tag.js";
+import c from "../../../node_modules/@heroicons/react/24/outline/esm/ArrowLeftCircleIcon.js";
+const { withProvider: d, withContext: t } = s(n, {
+  dataAttr: !0
+}), h = d(e("nav"), "root", {
+  defaultProps: {
+    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',
+  }
+}), w = t(e("header"), "header"), z = t(e("main"), "body"), b = t(e("div"), "item"), y = t(e("div"), "itemSubItems"), C = t(e("div"), "itemContent"), N = t(e("p"), "itemLabel"), P = t(a, "itemIcon", {
+  defaultProps: {
+    size: "sm"
+  }
+}), T = t(m, "itemAlpha", {
+  defaultProps: {
+    severity: "success"
+  }
+}), x = t(e("footer"), "footer"), A = t(e("div"), "miniaturizeTrigger", {
+  defaultProps: {
+    onClick: (o) => {
+      o.preventDefault();
+      const r = localStorage.getItem("isMiniaturizeNav") === "closed" ? "open" : "closed";
+      localStorage.setItem("isMiniaturizeNav", r), o.currentTarget.setAttribute("data-state", r), window.dispatchEvent(new Event("storage"));
+    },
+    className: "app-navigation__miniaturizeTrigger",
+    "data-state": typeof localStorage < "u" && localStorage.getItem("isMiniaturizeNav") || "open",
+    children: /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(c, {}) })
+  }
+});
+export {
+  z as Body,
+  x as Footer,
+  w as Header,
+  b as Item,
+  T as ItemAlpha,
+  C as ItemContent,
+  P as ItemIcon,
+  N as ItemLabel,
+  y as ItemSubItems,
+  A as MiniaturizeTrigger,
+  h as Root
+};
+//# sourceMappingURL=AppNavigation.js.map

package/dist/components/app/navigation/AppNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppNavigation.js","sources":["../../../../src/components/app/navigation/AppNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { appNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\nimport { ArrowLeftCircleIcon } from '@heroicons/react/24/outline'\nimport { Tag } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(appNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root', {\n  defaultProps: {\n    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',\n  },\n})\nexport const Header = withContext(styled('header'), 'header')\nexport const Body = withContext(styled('main'), 'body')\n\nexport const Item = withContext(styled('div'), 'item')\nexport const ItemSubItems = withContext(styled('div'), 'itemSubItems')\nexport const ItemContent = withContext(styled('div'), 'itemContent')\nexport const ItemLabel = withContext(styled('p'), 'itemLabel')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemAlpha = withContext(Tag, 'itemAlpha', {\n  defaultProps: {\n    severity: 'success',\n  },\n})\n\nexport const Footer = withContext(styled('footer'), 'footer')\n\nexport const MiniaturizeTrigger = withContext(styled('div'), 'miniaturizeTrigger', {\n  defaultProps: {\n    onClick: e => {\n      e.preventDefault()\n      const currentState = localStorage.getItem('isMiniaturizeNav')\n      const newState = currentState === 'closed' ? 'open' : 'closed'\n      localStorage.setItem('isMiniaturizeNav', newState)\n      e.currentTarget.setAttribute('data-state', newState)\n      window.dispatchEvent(new Event('storage'))\n    },\n    className: 'app-navigation__miniaturizeTrigger',\n    ...{\n      'data-state': typeof localStorage !== 'undefined' ? localStorage.getItem('isMiniaturizeNav') || 'open' : 'open',\n    },\n    children: (\n      <Icon>\n        <ArrowLeftCircleIcon />\n      </Icon>\n    ),\n  },\n})\n\nexport interface AppNavigationProps extends ComponentProps<typeof Root> {}\nexport interface AppNavigationHeaderProps extends ComponentProps<typeof Header> {}\nexport interface AppNavigationBodyProps extends ComponentProps<typeof Body> {}\nexport interface AppNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface AppNavigationItemSubItemsProps extends ComponentProps<typeof ItemSubItems> {}\nexport interface AppNavigationItemContentProps extends ComponentProps<typeof ItemContent> {}\nexport type AppNavigationItemLabelProps = ComponentProps<typeof ItemLabel>\nexport interface AppNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface AppNavigationFooterProps extends ComponentProps<typeof Footer> {}\nexport interface AppNavigationMiniaturizeTriggerProps extends ComponentProps<typeof MiniaturizeTrigger> {}\n"],"names":["withProvider","withContext","createStyleContext","appNavigation","Root","styled","Header","Body","Item","ItemSubItems","ItemContent","ItemLabel","ItemIcon","Icon","ItemAlpha","Tag","Footer","MiniaturizeTrigger","e","newState","jsx","ArrowLeftCircleIcon"],"mappings":";;;;;;;;AAQA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAe;AAAA,EACtE,UAAU;AACZ,CAAC,GAEYC,IAAOJ,EAAaK,EAAO,KAAK,GAAG,QAAQ;AAAA,EACtD,cAAc;AAAA;AAAA,EAAA;AAGhB,CAAC,GACYC,IAASL,EAAYI,EAAO,QAAQ,GAAG,QAAQ,GAC/CE,IAAON,EAAYI,EAAO,MAAM,GAAG,MAAM,GAEzCG,IAAOP,EAAYI,EAAO,KAAK,GAAG,MAAM,GACxCI,IAAeR,EAAYI,EAAO,KAAK,GAAG,cAAc,GACxDK,IAAcT,EAAYI,EAAO,KAAK,GAAG,aAAa,GACtDM,IAAYV,EAAYI,EAAO,GAAG,GAAG,WAAW,GAChDO,IAAWX,EAAYY,GAAM,YAAY;AAAA,EACpD,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAEV,CAAC,GACYC,IAAYb,EAAYc,GAAK,aAAa;AAAA,EACrD,cAAc;AAAA,IACZ,UAAU;AAAA,EAAA;AAEd,CAAC,GAEYC,IAASf,EAAYI,EAAO,QAAQ,GAAG,QAAQ,GAE/CY,IAAqBhB,EAAYI,EAAO,KAAK,GAAG,sBAAsB;AAAA,EACjF,cAAc;AAAA,IACZ,SAAS,CAAAa,MAAK;AACZ,MAAAA,EAAE,eAAA;AAEF,YAAMC,IADe,aAAa,QAAQ,kBAAkB,MAC1B,WAAW,SAAS;AACtD,mBAAa,QAAQ,oBAAoBA,CAAQ,GACjDD,EAAE,cAAc,aAAa,cAAcC,CAAQ,GACnD,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC;AAAA,IAC3C;AAAA,IACA,WAAW;AAAA,IAET,cAAc,OAAO,eAAiB,OAAc,aAAa,QAAQ,kBAAkB,KAAK;AAAA,IAElG,UACE,gBAAAC,EAACP,GAAA,EACC,UAAA,gBAAAO,EAACC,KAAoB,EAAA,CACvB;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/app/navigation/language-select/AppNavigationLanguageSelect.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),l=require("@stokelp/styled-system/jsx"),a=require("@stokelp/styled-system/recipes"),h=require("../../../../utils/slots.cjs"),u=require("../../../../shared/ConditionalWrapper.cjs"),{withProvider:x,withContext:i}=h.createStyleContext(a.appNavigationLanguageSelect),p=x(l.styled(t.Select.Root),"root",{defaultProps:{loopFocus:!0}}),g=i(l.styled(t.Select.Content),"content"),j=i(l.styled(t.Select.Control),"control"),v=i(l.styled(t.Select.Indicator),"indicator"),f=i(l.styled(t.Select.Item),"item"),w=i(l.styled(t.Select.ItemText),"itemText"),V=i(l.styled(t.Select.Positioner),"positioner"),H=i(l.styled(t.Select.Trigger),"trigger"),S=i(l.styled(t.Select.ValueText),"valueText"),c=[{value:"fr",label:"Français",flag:e.jsxs("svg",{width:"21",height:"15",viewBox:"0 0 21 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_1401_7428)",children:[e.jsx("rect",{width:"21",height:"15",rx:"3",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 0H21V15H14V0Z",fill:"#F93939"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 0H7V15H0V0Z",fill:"#1A47B8"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_1401_7428",children:e.jsx("rect",{width:"21",height:"15",rx:"3",fill:"white"})})})]})},{value:"en",label:"English",flag:e.jsxs("svg",{width:"21",height:"15",viewBox:"0 0 21 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_1401_5918)",children:[e.jsx("rect",{width:"21",height:"15",fill:"#1A47B8"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.23397 0H0V2.5L18.7539 15L21 15V12.5L2.23397 0Z",fill:"white"}),e.jsx("path",{d:"M0.745098 0L21 13.5354V15H20.2724L0 1.45056V0H0.745098Z",fill:"#F93939"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 0H21V2.5C21 2.5 8.0098 10.8281 2 15H0V12.5L19 0Z",fill:"white"}),e.jsx("path",{d:"M21 0H20.3218L0 13.5471V15H0.745098L21 1.46151V0Z",fill:"#F93939"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.63708 0H13.3804V4.62682H21V10.3701H13.3804V15H7.63708V10.3701H0V4.62682H7.63708V0Z",fill:"white"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.8421 0H12.1579V5.76923H21V9.23077H12.1579V15H8.8421V9.23077H0V5.76923H8.8421V0Z",fill:"#F93939"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_1401_5918",children:e.jsx("rect",{width:"21",height:"15",fill:"white"})})})]})}],L=()=>{const n=t.useSelectContext(),o=n.value&&n.value.length>0?n.collection.find(n.value[0]):null;return e.jsxs(l.HStack,{gap:"space-8",width:"full",css:{"& > svg":{borderRadius:"3px"}},children:[o?.flag,e.jsx(S,{truncate:!0})]})},C=({usePortal:n=!0,positioning:o,...r})=>{const d=t.createListCollection({items:c});return e.jsxs(p,{lazyMount:!0,unmountOnExit:!0,multiple:!1,collection:d,positioning:{sameWidth:!0,gutter:0,...o},"data-recipe":"app-navigation-language-select",defaultValue:["en"],...r,children:[e.jsx(j,{children:e.jsxs(H,{children:[e.jsx(L,{}),e.jsx(v,{asChild:!0,children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z",fill:"currentColor"})})})]})}),e.jsx(u.ConditionalWrapper,{when:n,wrapper:s=>e.jsx(t.Portal,{children:s}),children:e.jsx(V,{children:e.jsx(g,{children:c.map(s=>e.jsx(f,{item:s,children:e.jsx(w,{truncate:!0,children:s.label})},s.value))})})}),e.jsx(t.Select.HiddenSelect,{})]})};exports.AppNavigationLanguageSelect=C;
+//# sourceMappingURL=AppNavigationLanguageSelect.cjs.map

package/dist/components/app/navigation/language-select/AppNavigationLanguageSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppNavigationLanguageSelect.cjs","sources":["../../../../../src/components/app/navigation/language-select/AppNavigationLanguageSelect.tsx"],"sourcesContent":["import {\n  createListCollection,\n  Portal,\n  Select as ArkSelect,\n  type SelectRootProps,\n  useSelectContext,\n} from '@ark-ui/react'\nimport type { FC, ReactNode } from 'react'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\n\nimport { appNavigationLanguageSelect } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\n\nconst { withProvider, withContext } = createStyleContext(appNavigationLanguageSelect)\n\nconst Root = withProvider(styled(ArkSelect.Root<SelectItem>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst Content = withContext(styled(ArkSelect.Content), 'content')\nconst Control = withContext(styled(ArkSelect.Control), 'control')\nconst Indicator = withContext(styled(ArkSelect.Indicator), 'indicator')\nconst Item = withContext(styled(ArkSelect.Item), 'item')\nconst ItemText = withContext(styled(ArkSelect.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkSelect.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkSelect.Trigger), 'trigger')\nconst ValueText = withContext(styled(ArkSelect.ValueText), 'valueText')\n\ntype SelectItem = { value: string | number; label: string; disabled?: boolean; flag: ReactNode }\n\nexport type AppNavigationLanguageSelectProps = Omit<SelectRootProps<SelectItem>, 'collection' | 'multiple'> & {\n  usePortal?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof appNavigationLanguageSelect>\n\nconst AVAILABLE_LANGUAGES = [\n  {\n    value: 'fr',\n    label: 'Français',\n    flag: (\n      <svg width=\"21\" height=\"15\" viewBox=\"0 0 21 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clipPath=\"url(#clip0_1401_7428)\">\n          <rect width=\"21\" height=\"15\" rx=\"3\" fill=\"white\" />\n          <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M14 0H21V15H14V0Z\" fill=\"#F93939\" />\n          <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M0 0H7V15H0V0Z\" fill=\"#1A47B8\" />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_1401_7428\">\n            <rect width=\"21\" height=\"15\" rx=\"3\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    ),\n  },\n  {\n    value: 'en',\n    label: 'English',\n    flag: (\n      <svg width=\"21\" height=\"15\" viewBox=\"0 0 21 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clipPath=\"url(#clip0_1401_5918)\">\n          <rect width=\"21\" height=\"15\" fill=\"#1A47B8\" />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M2.23397 0H0V2.5L18.7539 15L21 15V12.5L2.23397 0Z\"\n            fill=\"white\"\n          />\n          <path d=\"M0.745098 0L21 13.5354V15H20.2724L0 1.45056V0H0.745098Z\" fill=\"#F93939\" />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M19 0H21V2.5C21 2.5 8.0098 10.8281 2 15H0V12.5L19 0Z\"\n            fill=\"white\"\n          />\n          <path d=\"M21 0H20.3218L0 13.5471V15H0.745098L21 1.46151V0Z\" fill=\"#F93939\" />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M7.63708 0H13.3804V4.62682H21V10.3701H13.3804V15H7.63708V10.3701H0V4.62682H7.63708V0Z\"\n            fill=\"white\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.8421 0H12.1579V5.76923H21V9.23077H12.1579V15H8.8421V9.23077H0V5.76923H8.8421V0Z\"\n            fill=\"#F93939\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_1401_5918\">\n            <rect width=\"21\" height=\"15\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    ),\n  },\n] satisfies SelectItem[]\n\nconst InnerTrigger: FC = () => {\n  const context = useSelectContext()\n  const selected = context.value && context.value.length > 0 ? context.collection.find(context.value[0]) : null\n\n  return (\n    <HStack gap=\"space-8\" width=\"full\" css={{ '& > svg': { borderRadius: '3px' } }}>\n      {selected?.flag}\n      <ValueText truncate />\n    </HStack>\n  )\n}\n\nexport const AppNavigationLanguageSelect: FC<AppNavigationLanguageSelectProps> = ({\n  usePortal = true,\n  positioning,\n  ...props\n}) => {\n  const collection = createListCollection<SelectItem>({\n    items: AVAILABLE_LANGUAGES,\n  })\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      multiple={false}\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"app-navigation-language-select\"\n      defaultValue={['en']}\n      {...props}\n    >\n      <Control>\n        <Trigger>\n          <InnerTrigger />\n          <Indicator asChild>\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </Indicator>\n        </Trigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {AVAILABLE_LANGUAGES.map(item => (\n              <Item key={item.value} item={item}>\n                <ItemText truncate>{item.label}</ItemText>\n              </Item>\n            ))}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","appNavigationLanguageSelect","Root","styled","ArkSelect","Content","Control","Indicator","Item","ItemText","Positioner","Trigger","ValueText","AVAILABLE_LANGUAGES","jsxs","jsx","InnerTrigger","context","useSelectContext","selected","HStack","AppNavigationLanguageSelect","usePortal","positioning","props","collection","createListCollection","ConditionalWrapper","children","Portal","item"],"mappings":"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"}