@stokelp/ui 2.96.6 → 2.97.0

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

@@ -0,0 +1,120 @@
+"use client";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { createListCollection as u, Portal as p, Select as t, useSelectContext as s } from "@ark-ui/react";
+import { styled as l, HStack as g } from "@stokelp/styled-system/jsx";
+import { appNavigationLanguageSelect as f } from "@stokelp/styled-system/recipes";
+import { createStyleContext as v } from "../../../../utils/slots.js";
+import { ConditionalWrapper as w } from "../../../../shared/ConditionalWrapper.js";
+const { withProvider: V, withContext: i } = v(f), H = V(l(t.Root), "root", {
+  defaultProps: {
+    loopFocus: !0
+  }
+}), m = i(l(t.Content), "content"), x = i(l(t.Control), "control"), L = i(l(t.Indicator), "indicator"), C = i(l(t.Item), "item"), R = i(l(t.ItemText), "itemText"), M = i(l(t.Positioner), "positioner"), P = i(l(t.Trigger), "trigger"), T = i(l(t.ValueText), "valueText"), c = [
+  {
+    value: "fr",
+    label: "Français",
+    flag: /* @__PURE__ */ n("svg", { width: "21", height: "15", viewBox: "0 0 21 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ n("g", { clipPath: "url(#clip0_1401_7428)", children: [
+        /* @__PURE__ */ e("rect", { width: "21", height: "15", rx: "3", fill: "white" }),
+        /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 0H21V15H14V0Z", fill: "#F93939" }),
+        /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0H7V15H0V0Z", fill: "#1A47B8" })
+      ] }),
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1401_7428", children: /* @__PURE__ */ e("rect", { width: "21", height: "15", rx: "3", fill: "white" }) }) })
+    ] })
+  },
+  {
+    value: "en",
+    label: "English",
+    flag: /* @__PURE__ */ n("svg", { width: "21", height: "15", viewBox: "0 0 21 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ n("g", { clipPath: "url(#clip0_1401_5918)", children: [
+        /* @__PURE__ */ e("rect", { width: "21", height: "15", fill: "#1A47B8" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M2.23397 0H0V2.5L18.7539 15L21 15V12.5L2.23397 0Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ e("path", { d: "M0.745098 0L21 13.5354V15H20.2724L0 1.45056V0H0.745098Z", fill: "#F93939" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M19 0H21V2.5C21 2.5 8.0098 10.8281 2 15H0V12.5L19 0Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ e("path", { d: "M21 0H20.3218L0 13.5471V15H0.745098L21 1.46151V0Z", fill: "#F93939" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.63708 0H13.3804V4.62682H21V10.3701H13.3804V15H7.63708V10.3701H0V4.62682H7.63708V0Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.8421 0H12.1579V5.76923H21V9.23077H12.1579V15H8.8421V9.23077H0V5.76923H8.8421V0Z",
+            fill: "#F93939"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1401_5918", children: /* @__PURE__ */ e("rect", { width: "21", height: "15", fill: "white" }) }) })
+    ] })
+  }
+], Z = () => {
+  const o = s(), d = o.value && o.value.length > 0 ? o.collection.find(o.value[0]) : null;
+  return /* @__PURE__ */ n(g, { gap: "space-8", width: "full", css: { "& > svg": { borderRadius: "3px" } }, children: [
+    d?.flag,
+    /* @__PURE__ */ e(T, { truncate: !0 })
+  ] });
+}, b = ({
+  usePortal: o = !0,
+  positioning: d,
+  ...h
+}) => {
+  const a = u({
+    items: c
+  });
+  return /* @__PURE__ */ n(
+    H,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      multiple: !1,
+      collection: a,
+      positioning: { sameWidth: !0, gutter: 0, ...d },
+      "data-recipe": "app-navigation-language-select",
+      defaultValue: ["en"],
+      ...h,
+      children: [
+        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ n(P, { children: [
+          /* @__PURE__ */ e(Z, {}),
+          /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+            "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"
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ e(w, { when: o, wrapper: (r) => /* @__PURE__ */ e(p, { children: r }), children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(m, { children: c.map((r) => /* @__PURE__ */ e(C, { item: r, children: /* @__PURE__ */ e(R, { truncate: !0, children: r.label }) }, r.value)) }) }) }),
+        /* @__PURE__ */ e(t.HiddenSelect, {})
+      ]
+    }
+  );
+};
+export {
+  b as AppNavigationLanguageSelect
+};
+//# sourceMappingURL=AppNavigationLanguageSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppNavigationLanguageSelect.js","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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"}

package/dist/components/app/price-tag/PriceTag.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@stokelp/styled-system/css"),t=require("@stokelp/styled-system/recipes"),T=require("@stokelp/styled-system/jsx"),j=require("react"),i=j.forwardRef((a,n)=>{const[o,p]=t.priceTag.splitVariantProps(a),[l,u]=T.splitCssProps(p),{className:P,unit:r,price:g,...d}=u,s=t.priceTag(o),m=!!r;return e.jsxs("span",{ref:n,className:c.cx("price-tag",s.root,c.css(l),P),...d,children:[e.jsx("span",{className:s.price,children:g}),m?e.jsxs("span",{className:s.unit,children:["/ ",r]}):null]})});i.displayName="PriceTag";exports.PriceTag=i;
+//# sourceMappingURL=PriceTag.cjs.map

package/dist/components/app/price-tag/PriceTag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.cjs","sources":["../../../../src/components/app/price-tag/PriceTag.tsx"],"sourcesContent":["import { type JsxStyleProps, type RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { priceTag } from '@stokelp/styled-system/recipes'\nimport { splitCssProps } from '@stokelp/styled-system/jsx'\nimport { type Assign, type HTMLProps } from '@ark-ui/react'\n\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\ntype PriceTagVariants = RecipeVariantProps<typeof priceTag>\n\nexport type PriceTagProps = Assign<JsxStyleProps, HTMLProps<'span'>> &\n  PriceTagVariants & {\n    price: ReactNode\n    unit?: ReactNode\n  }\n\nexport const PriceTag = forwardRef<HTMLSpanElement, PriceTagProps>((props, ref) => {\n  const [variantProps, priceTagProps] = priceTag.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(priceTagProps)\n  const { className, unit, price, ...rootProps } = localProps\n  const styles = priceTag(variantProps)\n\n  const hasUnit = !!unit\n\n  return (\n    <span ref={ref} className={cx('price-tag', styles.root, css(cssProps), className)} {...rootProps}>\n      <span className={styles.price}>{price}</span>\n      {hasUnit ? <span className={styles.unit}>/ {unit}</span> : null}\n    </span>\n  )\n})\n\nPriceTag.displayName = 'PriceTag'\n"],"names":["PriceTag","forwardRef","props","ref","variantProps","priceTagProps","priceTag","cssProps","localProps","splitCssProps","className","unit","price","rootProps","styles","hasUnit","jsxs","cx","css","jsx"],"mappings":"iRAiBaA,EAAWC,EAAAA,WAA2C,CAACC,EAAOC,IAAQ,CACjF,KAAM,CAACC,EAAcC,CAAa,EAAIC,EAAAA,SAAS,kBAAkBJ,CAAK,EAChE,CAACK,EAAUC,CAAU,EAAIC,EAAAA,cAAcJ,CAAa,EACpD,CAAE,UAAAK,EAAW,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAAcL,EAC3CM,EAASR,EAAAA,SAASF,CAAY,EAE9BW,EAAU,CAAC,CAACJ,EAElB,OACEK,EAAAA,KAAC,OAAA,CAAK,IAAAb,EAAU,UAAWc,EAAAA,GAAG,YAAaH,EAAO,KAAMI,EAAAA,IAAIX,CAAQ,EAAGG,CAAS,EAAI,GAAGG,EACrF,SAAA,CAAAM,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAO,MAAQ,SAAAF,EAAM,EACrCG,EAAUC,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAO,KAAM,SAAA,CAAA,KAAGH,CAAA,CAAA,CAAK,EAAU,IAAA,EAC7D,CAEJ,CAAC,EAEDX,EAAS,YAAc"}

package/dist/components/app/price-tag/PriceTag.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsxs as o, jsx as d } from "react/jsx-runtime";
+import { cx as g, css as u } from "@stokelp/styled-system/css";
+import { priceTag as a } from "@stokelp/styled-system/recipes";
+import { splitCssProps as N } from "@stokelp/styled-system/jsx";
+import { forwardRef as h } from "react";
+const x = h((c, t) => {
+  const [i, p] = a.splitVariantProps(c), [e, n] = N(p), { className: l, unit: r, price: m, ...P } = n, s = a(i), f = !!r;
+  return /* @__PURE__ */ o("span", { ref: t, className: g("price-tag", s.root, u(e), l), ...P, children: [
+    /* @__PURE__ */ d("span", { className: s.price, children: m }),
+    f ? /* @__PURE__ */ o("span", { className: s.unit, children: [
+      "/ ",
+      r
+    ] }) : null
+  ] });
+});
+x.displayName = "PriceTag";
+export {
+  x as PriceTag
+};
+//# sourceMappingURL=PriceTag.js.map

package/dist/components/app/price-tag/PriceTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.js","sources":["../../../../src/components/app/price-tag/PriceTag.tsx"],"sourcesContent":["import { type JsxStyleProps, type RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { priceTag } from '@stokelp/styled-system/recipes'\nimport { splitCssProps } from '@stokelp/styled-system/jsx'\nimport { type Assign, type HTMLProps } from '@ark-ui/react'\n\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\ntype PriceTagVariants = RecipeVariantProps<typeof priceTag>\n\nexport type PriceTagProps = Assign<JsxStyleProps, HTMLProps<'span'>> &\n  PriceTagVariants & {\n    price: ReactNode\n    unit?: ReactNode\n  }\n\nexport const PriceTag = forwardRef<HTMLSpanElement, PriceTagProps>((props, ref) => {\n  const [variantProps, priceTagProps] = priceTag.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(priceTagProps)\n  const { className, unit, price, ...rootProps } = localProps\n  const styles = priceTag(variantProps)\n\n  const hasUnit = !!unit\n\n  return (\n    <span ref={ref} className={cx('price-tag', styles.root, css(cssProps), className)} {...rootProps}>\n      <span className={styles.price}>{price}</span>\n      {hasUnit ? <span className={styles.unit}>/ {unit}</span> : null}\n    </span>\n  )\n})\n\nPriceTag.displayName = 'PriceTag'\n"],"names":["PriceTag","forwardRef","props","ref","variantProps","priceTagProps","priceTag","cssProps","localProps","splitCssProps","className","unit","price","rootProps","styles","hasUnit","jsxs","cx","css","jsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAWC,EAA2C,CAACC,GAAOC,MAAQ;AACjF,QAAM,CAACC,GAAcC,CAAa,IAAIC,EAAS,kBAAkBJ,CAAK,GAChE,CAACK,GAAUC,CAAU,IAAIC,EAAcJ,CAAa,GACpD,EAAE,WAAAK,GAAW,MAAAC,GAAM,OAAAC,GAAO,GAAGC,MAAcL,GAC3CM,IAASR,EAASF,CAAY,GAE9BW,IAAU,CAAC,CAACJ;AAElB,SACE,gBAAAK,EAAC,QAAA,EAAK,KAAAb,GAAU,WAAWc,EAAG,aAAaH,EAAO,MAAMI,EAAIX,CAAQ,GAAGG,CAAS,GAAI,GAAGG,GACrF,UAAA;AAAA,IAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWL,EAAO,OAAQ,UAAAF,GAAM;AAAA,IACrCG,IAAU,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAM,UAAA;AAAA,MAAA;AAAA,MAAGH;AAAA,IAAA,EAAA,CAAK,IAAU;AAAA,EAAA,GAC7D;AAEJ,CAAC;AAEDX,EAAS,cAAc;"}

package/dist/components/app/product-card-catalog/styled.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),o=require("../../../utils/slots.cjs"),{withProvider:i,withContext:a}=o.createStyleContext(s.productCardCatalog,{dataAttr:!0}),r=i(e.styled(t.ark.div),"root"),n=a(e.styled(t.ark.h3),"title"),d=a(e.styled(t.ark.img),"image"),g=a(e.styled(t.ark.div),"imageContainer"),c=a(e.styled(t.ark.div),"content"),l=a(e.styled(t.ark.p),"description"),y=a(e.styled(t.ark.span),"highlight"),h=a(e.styled(t.ark.span),"tag"),k=a(e.styled(t.ark.div),"badgeList"),p=a(e.styled(t.ark.span),"badge"),u=a(e.styled(t.ark.span),"shortLivedTag");exports.Badge=p;exports.BadgeList=k;exports.Content=c;exports.Description=l;exports.Highlight=y;exports.Image=d;exports.ImageContainer=g;exports.Root=r;exports.ShortLivedTag=u;exports.Tag=h;exports.Title=n;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/app/product-card-catalog/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/app/product-card-catalog/styled.ts"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { productCardCatalog } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(productCardCatalog, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled(ark.div), 'root')\nexport const Title = withContext(styled(ark.h3), 'title')\nexport const Image = withContext(styled(ark.img), 'image')\nexport const ImageContainer = withContext(styled(ark.div), 'imageContainer')\nexport const Content = withContext(styled(ark.div), 'content')\nexport const Description = withContext(styled(ark.p), 'description')\nexport const Highlight = withContext(styled(ark.span), 'highlight')\nexport const Tag = withContext(styled(ark.span), 'tag')\nexport const BadgeList = withContext(styled(ark.div), 'badgeList')\nexport const Badge = withContext(styled(ark.span), 'badge')\nexport const ShortLivedTag = withContext(styled(ark.span), 'shortLivedTag')\n\nexport interface ProductCardCatalogProps extends ComponentProps<typeof Root> {}\nexport interface ProductCardCatalogTitleProps extends ComponentProps<typeof Title> {}\nexport interface ProductCardCatalogImageProps extends ComponentProps<typeof Image> {}\nexport interface ProductCardCatalogImageContainerProps extends ComponentProps<typeof ImageContainer> {}\nexport interface ProductCardCatalogContentProps extends ComponentProps<typeof Content> {}\nexport interface ProductCardCatalogDescriptionProps extends ComponentProps<typeof Description> {}\nexport interface ProductCardCatalogHighlightProps extends ComponentProps<typeof Highlight> {}\nexport interface ProductCardCatalogTagProps extends ComponentProps<typeof Tag> {}\nexport interface ProductCardCatalogBadgeListProps extends ComponentProps<typeof BadgeList> {}\nexport interface ProductCardCatalogBadgeProps extends ComponentProps<typeof Badge> {}\nexport interface ProductCardCatalogShortLivedTagProps extends ComponentProps<typeof ShortLivedTag> {}\n"],"names":["withProvider","withContext","createStyleContext","productCardCatalog","Root","styled","ark","Title","Image","ImageContainer","Content","Description","Highlight","Tag","BadgeList","Badge","ShortLivedTag"],"mappings":"wPAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,mBAAoB,CAC3E,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,MAAM,EAC3CC,EAAQN,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,EAAE,EAAG,OAAO,EAC3CE,EAAQP,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,OAAO,EAC5CG,EAAiBR,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,gBAAgB,EAC9DI,EAAUT,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,SAAS,EAChDK,EAAcV,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,CAAC,EAAG,aAAa,EACtDM,EAAYX,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,IAAI,EAAG,WAAW,EACrDO,EAAMZ,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,IAAI,EAAG,KAAK,EACzCQ,EAAYb,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,WAAW,EACpDS,EAAQd,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,IAAI,EAAG,OAAO,EAC7CU,EAAgBf,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,IAAI,EAAG,eAAe"}

package/dist/components/app/product-card-catalog/styled.js

@@ -0,0 +1,22 @@
+"use client";
+import { ark as t } from "@ark-ui/react";
+import { styled as o } from "@stokelp/styled-system/jsx";
+import { productCardCatalog as e } from "@stokelp/styled-system/recipes";
+import { createStyleContext as n } from "../../../utils/slots.js";
+const { withProvider: a, withContext: i } = n(e, {
+  dataAttr: !0
+}), d = a(o(t.div), "root"), m = i(o(t.h3), "title"), p = i(o(t.img), "image"), h = i(o(t.div), "imageContainer"), l = i(o(t.div), "content"), v = i(o(t.p), "description"), C = i(o(t.span), "highlight"), f = i(o(t.span), "tag"), L = i(o(t.div), "badgeList"), T = i(o(t.span), "badge"), u = i(o(t.span), "shortLivedTag");
+export {
+  T as Badge,
+  L as BadgeList,
+  l as Content,
+  v as Description,
+  C as Highlight,
+  p as Image,
+  h as ImageContainer,
+  d as Root,
+  u as ShortLivedTag,
+  f as Tag,
+  m as Title
+};
+//# sourceMappingURL=styled.js.map

package/dist/components/app/product-card-catalog/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/app/product-card-catalog/styled.ts"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { productCardCatalog } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(productCardCatalog, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled(ark.div), 'root')\nexport const Title = withContext(styled(ark.h3), 'title')\nexport const Image = withContext(styled(ark.img), 'image')\nexport const ImageContainer = withContext(styled(ark.div), 'imageContainer')\nexport const Content = withContext(styled(ark.div), 'content')\nexport const Description = withContext(styled(ark.p), 'description')\nexport const Highlight = withContext(styled(ark.span), 'highlight')\nexport const Tag = withContext(styled(ark.span), 'tag')\nexport const BadgeList = withContext(styled(ark.div), 'badgeList')\nexport const Badge = withContext(styled(ark.span), 'badge')\nexport const ShortLivedTag = withContext(styled(ark.span), 'shortLivedTag')\n\nexport interface ProductCardCatalogProps extends ComponentProps<typeof Root> {}\nexport interface ProductCardCatalogTitleProps extends ComponentProps<typeof Title> {}\nexport interface ProductCardCatalogImageProps extends ComponentProps<typeof Image> {}\nexport interface ProductCardCatalogImageContainerProps extends ComponentProps<typeof ImageContainer> {}\nexport interface ProductCardCatalogContentProps extends ComponentProps<typeof Content> {}\nexport interface ProductCardCatalogDescriptionProps extends ComponentProps<typeof Description> {}\nexport interface ProductCardCatalogHighlightProps extends ComponentProps<typeof Highlight> {}\nexport interface ProductCardCatalogTagProps extends ComponentProps<typeof Tag> {}\nexport interface ProductCardCatalogBadgeListProps extends ComponentProps<typeof BadgeList> {}\nexport interface ProductCardCatalogBadgeProps extends ComponentProps<typeof Badge> {}\nexport interface ProductCardCatalogShortLivedTagProps extends ComponentProps<typeof ShortLivedTag> {}\n"],"names":["withProvider","withContext","createStyleContext","productCardCatalog","Root","styled","ark","Title","Image","ImageContainer","Content","Description","Highlight","Tag","BadgeList","Badge","ShortLivedTag"],"mappings":";;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAoB;AAAA,EAC3E,UAAU;AACZ,CAAC,GAEYC,IAAOJ,EAAaK,EAAOC,EAAI,GAAG,GAAG,MAAM,GAC3CC,IAAQN,EAAYI,EAAOC,EAAI,EAAE,GAAG,OAAO,GAC3CE,IAAQP,EAAYI,EAAOC,EAAI,GAAG,GAAG,OAAO,GAC5CG,IAAiBR,EAAYI,EAAOC,EAAI,GAAG,GAAG,gBAAgB,GAC9DI,IAAUT,EAAYI,EAAOC,EAAI,GAAG,GAAG,SAAS,GAChDK,IAAcV,EAAYI,EAAOC,EAAI,CAAC,GAAG,aAAa,GACtDM,IAAYX,EAAYI,EAAOC,EAAI,IAAI,GAAG,WAAW,GACrDO,IAAMZ,EAAYI,EAAOC,EAAI,IAAI,GAAG,KAAK,GACzCQ,IAAYb,EAAYI,EAAOC,EAAI,GAAG,GAAG,WAAW,GACpDS,IAAQd,EAAYI,EAAOC,EAAI,IAAI,GAAG,OAAO,GAC7CU,IAAgBf,EAAYI,EAAOC,EAAI,IAAI,GAAG,eAAe;"}

package/dist/components/avatar/styled.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("@ark-ui/react"),p=require("../../node_modules/@zag-js/utils/dist/index.cjs"),n=require("@stokelp/styled-system/jsx"),c=require("@stokelp/styled-system/recipes"),x=require("../../utils/slots.cjs"),e=require("react"),{withProvider:y,withContext:i}=x.createStyleContext(c.avatar),f=n.styled(r.ark.div,c.avatarGroup),q=(o,t)=>{const s=o.slice(0,t),a=o.slice(t);return[s,a]},b=e.forwardRef(({children:o,size:t,max:s=4,overflowContent:a,...u},d)=>{const[v,l]=q(e.Children.toArray(o),s);return m.jsxs(f,{ref:d,size:t,...u,children:[e.Children.map(v,g=>e.cloneElement(g,c.avatar.raw({size:t}))),a&&l.length>0?e.cloneElement(p.runIfFn(a,l.length),{"data-overflow":""}):null]})}),h=y(n.styled(r.Avatar.Root),"root"),C=i(n.styled(r.Avatar.Image),"image"),R=i(n.styled(r.Avatar.Fallback),"fallback"),k=r.Avatar.Context;exports.Context=k;exports.Fallback=R;exports.Group=b;exports.Image=C;exports.Root=h;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/avatar/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n  const first = children.slice(0, max)\n  const rest = children.slice(max)\n\n  return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n    const [avatars, overflow] = partition(Children.toArray(children), max)\n\n    return (\n      <InnerGroup ref={ref} size={size} {...props}>\n        {Children.map(avatars, a => {\n          return cloneElement(a as any, avatar.raw({ size }))\n        })}\n        {overflowContent && overflow.length > 0\n          ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n          : null}\n      </InnerGroup>\n    )\n  },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {\n  overflowContent?: ((count: number) => ReactNode) | ReactNode\n  max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"names":["withProvider","withContext","createStyleContext","avatar","InnerGroup","styled","ark","avatarGroup","partition","children","max","first","rest","Group","forwardRef","size","overflowContent","props","ref","avatars","overflow","Children","jsxs","a","cloneElement","runIfFn","Root","Avatar","Image","Fallback","Context"],"mappings":"oWAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,MAAM,EAEzDC,EAAaC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,WAAW,EAExCC,EAAY,CAACC,EAAuBC,IAAgB,CACxD,MAAMC,EAAQF,EAAS,MAAM,EAAGC,CAAG,EAC7BE,EAAOH,EAAS,MAAMC,CAAG,EAE/B,MAAO,CAACC,EAAOC,CAAI,CACrB,EAEaC,EAAQC,EAAAA,WACnB,CAAC,CAAE,SAAAL,EAAU,KAAAM,EAAM,IAAAL,EAAM,EAAG,gBAAAM,EAAiB,GAAGC,CAAA,EAASC,IAAQ,CAC/D,KAAM,CAACC,EAASC,CAAQ,EAAIZ,EAAUa,EAAAA,SAAS,QAAQZ,CAAQ,EAAGC,CAAG,EAErE,OACEY,EAAAA,KAAClB,EAAA,CAAW,IAAAc,EAAU,KAAAH,EAAa,GAAGE,EACnC,SAAA,CAAAI,EAAAA,SAAS,IAAIF,EAASI,GACdC,EAAAA,aAAaD,EAAUpB,EAAAA,OAAO,IAAI,CAAE,KAAAY,CAAA,CAAM,CAAC,CACnD,EACAC,GAAmBI,EAAS,OAAS,EAClCI,EAAAA,aAAaC,EAAAA,QAAQT,EAAiBI,EAAS,MAAM,EAAU,CAAE,gBAAiB,EAAA,CAAI,EACtF,IAAA,EACN,CAEJ,CACF,EAEaM,EAAO1B,EAAaK,EAAAA,OAAOsB,EAAAA,OAAO,IAAI,EAAG,MAAM,EAC/CC,EAAQ3B,EAAYI,EAAAA,OAAOsB,EAAAA,OAAO,KAAK,EAAG,OAAO,EACjDE,EAAW5B,EAAYI,EAAAA,OAAOsB,EAAAA,OAAO,QAAQ,EAAG,UAAU,EAC1DG,EAAUH,EAAAA,OAAO"}

package/dist/components/avatar/styled.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsxs as d } from "react/jsx-runtime";
+import { Avatar as a, ark as g } from "@ark-ui/react";
+import { runIfFn as h } from "../../node_modules/@zag-js/utils/dist/index.js";
+import { styled as e } from "@stokelp/styled-system/jsx";
+import { avatar as i, avatarGroup as w } from "@stokelp/styled-system/recipes";
+import { createStyleContext as x } from "../../utils/slots.js";
+import { forwardRef as k, Children as l, cloneElement as s } from "react";
+const { withProvider: C, withContext: m } = x(i), I = e(g.div, w), b = (o, t) => {
+  const n = o.slice(0, t), r = o.slice(t);
+  return [n, r];
+}, P = k(
+  ({ children: o, size: t, max: n = 4, overflowContent: r, ...f }, p) => {
+    const [u, c] = b(l.toArray(o), n);
+    return /* @__PURE__ */ d(I, { ref: p, size: t, ...f, children: [
+      l.map(u, (v) => s(v, i.raw({ size: t }))),
+      r && c.length > 0 ? s(h(r, c.length), { "data-overflow": "" }) : null
+    ] });
+  }
+), S = C(e(a.Root), "root"), q = m(e(a.Image), "image"), B = m(e(a.Fallback), "fallback"), D = a.Context;
+export {
+  D as Context,
+  B as Fallback,
+  P as Group,
+  q as Image,
+  S as Root
+};
+//# sourceMappingURL=styled.js.map

package/dist/components/avatar/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n  const first = children.slice(0, max)\n  const rest = children.slice(max)\n\n  return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n    const [avatars, overflow] = partition(Children.toArray(children), max)\n\n    return (\n      <InnerGroup ref={ref} size={size} {...props}>\n        {Children.map(avatars, a => {\n          return cloneElement(a as any, avatar.raw({ size }))\n        })}\n        {overflowContent && overflow.length > 0\n          ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n          : null}\n      </InnerGroup>\n    )\n  },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {\n  overflowContent?: ((count: number) => ReactNode) | ReactNode\n  max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"names":["withProvider","withContext","createStyleContext","avatar","InnerGroup","styled","ark","avatarGroup","partition","children","max","first","rest","Group","forwardRef","size","overflowContent","props","ref","avatars","overflow","Children","jsxs","a","cloneElement","runIfFn","Root","Avatar","Image","Fallback","Context"],"mappings":";;;;;;;;AAQA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAM,GAEzDC,IAAaC,EAAOC,EAAI,KAAKC,CAAW,GAExCC,IAAY,CAACC,GAAuBC,MAAgB;AACxD,QAAMC,IAAQF,EAAS,MAAM,GAAGC,CAAG,GAC7BE,IAAOH,EAAS,MAAMC,CAAG;AAE/B,SAAO,CAACC,GAAOC,CAAI;AACrB,GAEaC,IAAQC;AAAA,EACnB,CAAC,EAAE,UAAAL,GAAU,MAAAM,GAAM,KAAAL,IAAM,GAAG,iBAAAM,GAAiB,GAAGC,EAAA,GAASC,MAAQ;AAC/D,UAAM,CAACC,GAASC,CAAQ,IAAIZ,EAAUa,EAAS,QAAQZ,CAAQ,GAAGC,CAAG;AAErE,WACE,gBAAAY,EAAClB,GAAA,EAAW,KAAAc,GAAU,MAAAH,GAAa,GAAGE,GACnC,UAAA;AAAA,MAAAI,EAAS,IAAIF,GAAS,CAAAI,MACdC,EAAaD,GAAUpB,EAAO,IAAI,EAAE,MAAAY,EAAA,CAAM,CAAC,CACnD;AAAA,MACAC,KAAmBI,EAAS,SAAS,IAClCI,EAAaC,EAAQT,GAAiBI,EAAS,MAAM,GAAU,EAAE,iBAAiB,GAAA,CAAI,IACtF;AAAA,IAAA,GACN;AAAA,EAEJ;AACF,GAEaM,IAAO1B,EAAaK,EAAOsB,EAAO,IAAI,GAAG,MAAM,GAC/CC,IAAQ3B,EAAYI,EAAOsB,EAAO,KAAK,GAAG,OAAO,GACjDE,IAAW5B,EAAYI,EAAOsB,EAAO,QAAQ,GAAG,UAAU,GAC1DG,IAAUH,EAAO;"}

package/dist/components/box/Box.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),c=require("@stokelp/styled-system/jsx"),u=t=>{const{as:e="div",...o}=t,s=r.useMemo(()=>c.styled(e),[e]);return n.jsx(s,{...o})};exports.Box=u;
+//# sourceMappingURL=Box.cjs.map

package/dist/components/box/Box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.cjs","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { type HTMLStyledProps, type StyledComponent } from '@stokelp/styled-system/types'\n\ntype As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer'\n\nexport type BoxProps = {\n  as?: As\n} & HTMLStyledProps<As>\n\nexport const Box = (props: BoxProps) => {\n  const { as = 'div', ...localProps } = props\n  const Component = useMemo(() => styled(as) as StyledComponent<As>, [as])\n\n  return <Component {...localProps} />\n}\n"],"names":["Box","props","as","localProps","Component","useMemo","styled","jsx"],"mappings":"6LAWaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,GAAAC,EAAK,MAAO,GAAGC,GAAeF,EAChCG,EAAYC,EAAAA,QAAQ,IAAMC,EAAAA,OAAOJ,CAAE,EAA0B,CAACA,CAAE,CAAC,EAEvE,OAAOK,MAACH,EAAA,CAAW,GAAGD,CAAA,CAAY,CACpC"}

package/dist/components/box/Box.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { styled as n } from "@stokelp/styled-system/jsx";
+const l = (t) => {
+  const { as: o = "div", ...r } = t, s = m(() => n(o), [o]);
+  return /* @__PURE__ */ e(s, { ...r });
+};
+export {
+  l as Box
+};
+//# sourceMappingURL=Box.js.map

package/dist/components/box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { type HTMLStyledProps, type StyledComponent } from '@stokelp/styled-system/types'\n\ntype As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer'\n\nexport type BoxProps = {\n  as?: As\n} & HTMLStyledProps<As>\n\nexport const Box = (props: BoxProps) => {\n  const { as = 'div', ...localProps } = props\n  const Component = useMemo(() => styled(as) as StyledComponent<As>, [as])\n\n  return <Component {...localProps} />\n}\n"],"names":["Box","props","as","localProps","Component","useMemo","styled","jsx"],"mappings":";;;;AAWO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,IAAAC,IAAK,OAAO,GAAGC,MAAeF,GAChCG,IAAYC,EAAQ,MAAMC,EAAOJ,CAAE,GAA0B,CAACA,CAAE,CAAC;AAEvE,SAAO,gBAAAK,EAACH,GAAA,EAAW,GAAGD,EAAA,CAAY;AACpC;"}

package/dist/components/breadcrumb/Breadcrumb.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@stokelp/styled-system/jsx"),u=require("@stokelp/styled-system/recipes"),m=require("../../utils/slots.cjs"),b=require("@ark-ui/react"),h=require("react-is"),l=require("react");function f(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const g=f(h),{withProvider:p,withContext:a}=m.createStyleContext(u.breadcrumb),j=p(o.styled("nav"),"root"),y=a(o.styled("ol"),"list"),x=a(o.styled("li"),"item"),v=a(o.styled(b.ark.a),"link"),w=e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.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:"#1E3A76"})}),B=l.forwardRef(({children:t,separator:r=w,...n},c)=>{const i=l.Children.toArray(g.isFragment(t)?void 0:t);return e.jsx(j,{...n,"aria-label":n["aria-label"]??"breadcrumb",ref:c,children:e.jsx(y,{children:i.map((s,d)=>l.cloneElement(s,{"aria-current":d===i.length-1?"page":void 0,children:d===i.length-1?s.props.children:e.jsxs(e.Fragment,{children:[s.props.children,r?e.jsx(e.Fragment,{children:typeof r=="object"?l.cloneElement(r):e.jsx("span",{role:"presentation",children:r})}):null]})}))})})});exports.Breadcrumb=B;exports.BreadcrumbItem=x;exports.BreadcrumbLink=v;
+//# sourceMappingURL=Breadcrumb.cjs.map

package/dist/components/breadcrumb/Breadcrumb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.cjs","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { breadcrumb } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\nconst StyledBreadcrumb = withProvider(styled('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styled('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styled('li'), 'item')\nexport const BreadcrumbLink = withContext(styled(ark.a), 'link')\n\nconst DefaultSeparator = (\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=\"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=\"#1E3A76\"\n    />\n  </svg>\n)\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ children, separator = DefaultSeparator, ...props }, ref) => {\n    const child = Children.toArray(\n      ReactIs.isFragment(children) ? undefined : children,\n    ) as ReactElement<BreadcrumbItemProps>[]\n\n    return (\n      <StyledBreadcrumb {...props} aria-label={props['aria-label'] ?? 'breadcrumb'} ref={ref}>\n        <StyledBreadcrumbList>\n          {child.map((item, index) => {\n            return cloneElement<BreadcrumbItemProps>(item, {\n              'aria-current': index === child.length - 1 ? 'page' : undefined,\n              children:\n                index === child.length - 1 ? (\n                  item.props.children\n                ) : (\n                  <>\n                    {item.props.children}\n                    {separator ? (\n                      <>\n                        {typeof separator === 'object' ? (\n                          cloneElement(separator as ReactElement)\n                        ) : (\n                          <span role=\"presentation\">{separator}</span>\n                        )}\n                      </>\n                    ) : null}\n                  </>\n                ),\n            })\n          })}\n        </StyledBreadcrumbList>\n      </StyledBreadcrumb>\n    )\n  },\n) as FC<BreadcrumbProps>\n\nexport interface BreadcrumbLinkProps extends ComponentProps<typeof BreadcrumbLink> {}\nexport interface BreadcrumbItemProps extends ComponentProps<typeof BreadcrumbItem> {}\nexport interface BreadcrumbProps extends ComponentProps<typeof StyledBreadcrumb> {\n  separator?: ReactNode\n}\n"],"names":["withProvider","withContext","createStyleContext","breadcrumb","StyledBreadcrumb","styled","StyledBreadcrumbList","BreadcrumbItem","BreadcrumbLink","ark","DefaultSeparator","jsx","Breadcrumb","forwardRef","children","separator","props","ref","child","Children","ReactIs","item","index","cloneElement","jsxs","Fragment"],"mappings":"ulBAOM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,UAAU,EAE7DC,EAAmBJ,EAAaK,EAAAA,OAAO,KAAK,EAAG,MAAM,EACrDC,EAAuBL,EAAYI,EAAAA,OAAO,IAAI,EAAG,MAAM,EAEhDE,EAAiBN,EAAYI,SAAO,IAAI,EAAG,MAAM,EACjDG,EAAiBP,EAAYI,EAAAA,OAAOI,EAAAA,IAAI,CAAC,EAAG,MAAM,EAEzDC,EACJC,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,kUACF,KAAK,SAAA,CACP,EACF,EAGWC,EAAaC,EAAAA,WACxB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAYL,EAAkB,GAAGM,CAAA,EAASC,IAAQ,CAC7D,MAAMC,EAAQC,EAAAA,SAAS,QACrBC,EAAQ,WAAWN,CAAQ,EAAI,OAAYA,CAAA,EAG7C,aACGV,EAAA,CAAkB,GAAGY,EAAO,aAAYA,EAAM,YAAY,GAAK,aAAc,IAAAC,EAC5E,eAACX,EAAA,CACE,SAAAY,EAAM,IAAI,CAACG,EAAMC,IACTC,EAAAA,aAAkCF,EAAM,CAC7C,eAAgBC,IAAUJ,EAAM,OAAS,EAAI,OAAS,OACtD,SACEI,IAAUJ,EAAM,OAAS,EACvBG,EAAK,MAAM,SAEXG,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAJ,EAAK,MAAM,SACXN,EACCJ,EAAAA,IAAAc,WAAA,CACG,SAAA,OAAOV,GAAc,SACpBQ,eAAaR,CAAyB,EAEtCJ,MAAC,OAAA,CAAK,KAAK,eAAgB,SAAAI,CAAA,CAAU,EAEzC,EACE,IAAA,CAAA,CACN,CAAA,CAEL,CACF,EACH,EACF,CAEJ,CACF"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as r, jsxs as h, Fragment as a } from "react/jsx-runtime";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { breadcrumb as p } from "@stokelp/styled-system/recipes";
+import { createStyleContext as u } from "../../utils/slots.js";
+import { ark as f } from "@ark-ui/react";
+import * as b from "react-is";
+import { forwardRef as g, Children as v, cloneElement as m } from "react";
+const { withProvider: w, withContext: n } = u(p), C = w(t("nav"), "root"), x = n(t("ol"), "list"), A = n(t("li"), "item"), E = n(t(f.a), "link"), y = /* @__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: "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: "#1E3A76"
+  }
+) }), F = g(
+  ({ children: i, separator: e = y, ...c }, s) => {
+    const o = v.toArray(
+      b.isFragment(i) ? void 0 : i
+    );
+    return /* @__PURE__ */ r(C, { ...c, "aria-label": c["aria-label"] ?? "breadcrumb", ref: s, children: /* @__PURE__ */ r(x, { children: o.map((l, d) => m(l, {
+      "aria-current": d === o.length - 1 ? "page" : void 0,
+      children: d === o.length - 1 ? l.props.children : /* @__PURE__ */ h(a, { children: [
+        l.props.children,
+        e ? /* @__PURE__ */ r(a, { children: typeof e == "object" ? m(e) : /* @__PURE__ */ r("span", { role: "presentation", children: e }) }) : null
+      ] })
+    })) }) });
+  }
+);
+export {
+  F as Breadcrumb,
+  A as BreadcrumbItem,
+  E as BreadcrumbLink
+};
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { breadcrumb } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\nconst StyledBreadcrumb = withProvider(styled('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styled('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styled('li'), 'item')\nexport const BreadcrumbLink = withContext(styled(ark.a), 'link')\n\nconst DefaultSeparator = (\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=\"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=\"#1E3A76\"\n    />\n  </svg>\n)\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ children, separator = DefaultSeparator, ...props }, ref) => {\n    const child = Children.toArray(\n      ReactIs.isFragment(children) ? undefined : children,\n    ) as ReactElement<BreadcrumbItemProps>[]\n\n    return (\n      <StyledBreadcrumb {...props} aria-label={props['aria-label'] ?? 'breadcrumb'} ref={ref}>\n        <StyledBreadcrumbList>\n          {child.map((item, index) => {\n            return cloneElement<BreadcrumbItemProps>(item, {\n              'aria-current': index === child.length - 1 ? 'page' : undefined,\n              children:\n                index === child.length - 1 ? (\n                  item.props.children\n                ) : (\n                  <>\n                    {item.props.children}\n                    {separator ? (\n                      <>\n                        {typeof separator === 'object' ? (\n                          cloneElement(separator as ReactElement)\n                        ) : (\n                          <span role=\"presentation\">{separator}</span>\n                        )}\n                      </>\n                    ) : null}\n                  </>\n                ),\n            })\n          })}\n        </StyledBreadcrumbList>\n      </StyledBreadcrumb>\n    )\n  },\n) as FC<BreadcrumbProps>\n\nexport interface BreadcrumbLinkProps extends ComponentProps<typeof BreadcrumbLink> {}\nexport interface BreadcrumbItemProps extends ComponentProps<typeof BreadcrumbItem> {}\nexport interface BreadcrumbProps extends ComponentProps<typeof StyledBreadcrumb> {\n  separator?: ReactNode\n}\n"],"names":["withProvider","withContext","createStyleContext","breadcrumb","StyledBreadcrumb","styled","StyledBreadcrumbList","BreadcrumbItem","BreadcrumbLink","ark","DefaultSeparator","jsx","Breadcrumb","forwardRef","children","separator","props","ref","child","Children","ReactIs","item","index","cloneElement","jsxs","Fragment"],"mappings":";;;;;;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAU,GAE7DC,IAAmBJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GACrDC,IAAuBL,EAAYI,EAAO,IAAI,GAAG,MAAM,GAEhDE,IAAiBN,EAAYI,EAAO,IAAI,GAAG,MAAM,GACjDG,IAAiBP,EAAYI,EAAOI,EAAI,CAAC,GAAG,MAAM,GAEzDC,IACJ,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA,EAAA;AACP,GACF,GAGWC,IAAaC;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAYL,GAAkB,GAAGM,EAAA,GAASC,MAAQ;AAC7D,UAAMC,IAAQC,EAAS;AAAA,MACrBC,EAAQ,WAAWN,CAAQ,IAAI,SAAYA;AAAA,IAAA;AAG7C,6BACGV,GAAA,EAAkB,GAAGY,GAAO,cAAYA,EAAM,YAAY,KAAK,cAAc,KAAAC,GAC5E,4BAACX,GAAA,EACE,UAAAY,EAAM,IAAI,CAACG,GAAMC,MACTC,EAAkCF,GAAM;AAAA,MAC7C,gBAAgBC,MAAUJ,EAAM,SAAS,IAAI,SAAS;AAAA,MACtD,UACEI,MAAUJ,EAAM,SAAS,IACvBG,EAAK,MAAM,WAEX,gBAAAG,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAJ,EAAK,MAAM;AAAA,QACXN,IACC,gBAAAJ,EAAAc,GAAA,EACG,UAAA,OAAOV,KAAc,WACpBQ,EAAaR,CAAyB,IAEtC,gBAAAJ,EAAC,QAAA,EAAK,MAAK,gBAAgB,UAAAI,EAAA,CAAU,GAEzC,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA,CAEL,CACF,GACH,GACF;AAAA,EAEJ;AACF;"}

package/dist/components/button/Button.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),o=e.styled(t.ark.button,r.button);exports.Button=o;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const Button = styled(ark.button, button)\nexport interface ButtonProps extends ComponentProps<typeof Button> {}\n"],"names":["Button","styled","ark","button"],"mappings":"kNAKaA,EAASC,EAAAA,OAAOC,MAAI,OAAQC,EAAAA,MAAM"}

package/dist/components/button/Button.js

@@ -0,0 +1,9 @@
+"use client";
+import { ark as t } from "@ark-ui/react";
+import { styled as o } from "@stokelp/styled-system/jsx";
+import { button as r } from "@stokelp/styled-system/recipes";
+const i = o(t.button, r);
+export {
+  i as Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const Button = styled(ark.button, button)\nexport interface ButtonProps extends ComponentProps<typeof Button> {}\n"],"names":["Button","styled","ark","button"],"mappings":";;;;AAKO,MAAMA,IAASC,EAAOC,EAAI,QAAQC,CAAM;"}

package/dist/components/button-filter/ButtonFilter.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),o=e.styled(t.ark.button,r.buttonFilter);exports.ButtonFilter=o;
+//# sourceMappingURL=ButtonFilter.cjs.map

package/dist/components/button-filter/ButtonFilter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.cjs","sources":["../../../src/components/button-filter/ButtonFilter.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { buttonFilter } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const ButtonFilter = styled(ark.button, buttonFilter)\nexport interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {}\n"],"names":["ButtonFilter","styled","ark","buttonFilter"],"mappings":"kNAKaA,EAAeC,EAAAA,OAAOC,MAAI,OAAQC,EAAAA,YAAY"}

package/dist/components/button-filter/ButtonFilter.js

@@ -0,0 +1,9 @@
+"use client";
+import { ark as t } from "@ark-ui/react";
+import { styled as o } from "@stokelp/styled-system/jsx";
+import { buttonFilter as r } from "@stokelp/styled-system/recipes";
+const n = o(t.button, r);
+export {
+  n as ButtonFilter
+};
+//# sourceMappingURL=ButtonFilter.js.map

package/dist/components/button-filter/ButtonFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.js","sources":["../../../src/components/button-filter/ButtonFilter.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { buttonFilter } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const ButtonFilter = styled(ark.button, buttonFilter)\nexport interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {}\n"],"names":["ButtonFilter","styled","ark","buttonFilter"],"mappings":";;;;AAKO,MAAMA,IAAeC,EAAOC,EAAI,QAAQC,CAAY;"}

package/dist/components/chat/Chat.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@stokelp/styled-system/recipes"),l=require("../../utils/slots.cjs"),g=require("./ChatMessage.cjs"),m=require("./ChatDocumentMessage.cjs"),r=require("@ark-ui/react"),a=require("@stokelp/styled-system/jsx"),h=require("./ChatProfileAvatar.cjs"),{withProvider:t}=l.createStyleContext(u.chat),d=t(a.styled(r.ark.div),"root"),o=t(r.ark.div,"message-container"),M=t(g.ChatMessage,"message"),x=t(m.ChatDocumentMessage,"document-message"),j=t(h.ChatProfileAvatar,"document-message"),q=({messages:n=[],...c})=>e.jsx(e.Fragment,{children:e.jsx(d,{...c,children:e.jsxs(e.Fragment,{children:[n.map((s,i)=>e.jsx(o,{className:`chat-message-container-${s.side}`,children:s.children},i)),e.jsx(a.Box,{id:"chat-anchor"})]})})});exports.DocumentMessage=x;exports.Message=M;exports.MessageContainer=o;exports.ProfileAvatar=j;exports.Root=q;
+//# sourceMappingURL=Chat.cjs.map

package/dist/components/chat/Chat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.cjs","sources":["../../../src/components/chat/Chat.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react'\nimport { chat } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\nimport { ChatMessage, ChatMessageProps } from '~/components/chat/ChatMessage.tsx'\nimport { ChatDocumentMessage, ChatDocumentMessageProps } from '~/components/chat/ChatDocumentMessage.tsx'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { ark } from '@ark-ui/react'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { ChatProfileAvatar, ChatProfileAvatarProps } from '~/components/chat/ChatProfileAvatar.tsx'\n\nconst { withProvider } = createStyleContext(chat)\n\nconst RootStyleElement = withProvider(styled(ark.div), 'root')\nexport const MessageContainer = withProvider(ark.div, 'message-container')\nexport const Message = withProvider(ChatMessage, 'message')\nexport const DocumentMessage = withProvider(ChatDocumentMessage, 'document-message')\nexport const ProfileAvatar = withProvider(ChatProfileAvatar, 'document-message')\n\nexport type RootProps = {\n  messages?: {\n    side?: 'left' | 'right' | 'center'\n    children: ReactElement\n  }[]\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chat>\n\nexport interface MessageProps extends ChatMessageProps {}\nexport interface DocumentMessageProps extends ChatDocumentMessageProps {}\nexport interface ProfileAvatarProps extends ChatProfileAvatarProps {}\n\nexport const Root: FC<RootProps> = ({ messages = [], ...props }) => {\n  return (\n    <>\n      {\n        <RootStyleElement\n          {...props}\n          children={\n            <>\n              {messages.map((MessageComponent, index) => (\n                <MessageContainer key={index} className={`chat-message-container-${MessageComponent.side}`}>\n                  {MessageComponent.children}\n                </MessageContainer>\n              ))}\n              <Box id=\"chat-anchor\" />\n            </>\n          }\n        />\n      }\n    </>\n  )\n}\n"],"names":["withProvider","createStyleContext","chat","RootStyleElement","styled","ark","MessageContainer","Message","ChatMessage","DocumentMessage","ChatDocumentMessage","ProfileAvatar","ChatProfileAvatar","Root","messages","props","jsx","Fragment","jsxs","MessageComponent","index","Box"],"mappings":"+XAUM,CAAE,aAAAA,CAAA,EAAiBC,EAAAA,mBAAmBC,MAAI,EAE1CC,EAAmBH,EAAaI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,MAAM,EAChDC,EAAmBN,EAAaK,MAAI,IAAK,mBAAmB,EAC5DE,EAAUP,EAAaQ,EAAAA,YAAa,SAAS,EAC7CC,EAAkBT,EAAaU,EAAAA,oBAAqB,kBAAkB,EACtEC,EAAgBX,EAAaY,EAAAA,kBAAmB,kBAAkB,EAclEC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,GAAGC,KAEpDC,MAAAC,EAAAA,SAAA,CAEI,SAAAD,EAAAA,IAACb,EAAA,CACE,GAAGY,EACJ,SACEG,EAAAA,KAAAD,WAAA,CACG,SAAA,CAAAH,EAAS,IAAI,CAACK,EAAkBC,UAC9Bd,EAAA,CAA6B,UAAW,0BAA0Ba,EAAiB,IAAI,GACrF,SAAAA,EAAiB,QAAA,EADGC,CAEvB,CACD,EACDJ,EAAAA,IAACK,EAAAA,IAAA,CAAI,GAAG,aAAA,CAAc,CAAA,CAAA,CACxB,CAAA,CAAA,EAIR"}

package/dist/components/chat/Chat.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as t, Fragment as r, jsxs as c } from "react/jsx-runtime";
+import { chat as i } from "@stokelp/styled-system/recipes";
+import { createStyleContext as d } from "../../utils/slots.js";
+import { ChatMessage as h } from "./ChatMessage.js";
+import { ChatDocumentMessage as l } from "./ChatDocumentMessage.js";
+import { ark as s } from "@ark-ui/react";
+import { Box as f, styled as g } from "@stokelp/styled-system/jsx";
+import { ChatProfileAvatar as p } from "./ChatProfileAvatar.js";
+const { withProvider: e } = d(i), u = e(g(s.div), "root"), v = e(s.div, "message-container"), R = e(h, "message"), S = e(l, "document-message"), k = e(p, "document-message"), w = ({ messages: a = [], ...m }) => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+  u,
+  {
+    ...m,
+    children: /* @__PURE__ */ c(r, { children: [
+      a.map((o, n) => /* @__PURE__ */ t(v, { className: `chat-message-container-${o.side}`, children: o.children }, n)),
+      /* @__PURE__ */ t(f, { id: "chat-anchor" })
+    ] })
+  }
+) });
+export {
+  S as DocumentMessage,
+  R as Message,
+  v as MessageContainer,
+  k as ProfileAvatar,
+  w as Root
+};
+//# sourceMappingURL=Chat.js.map

package/dist/components/chat/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sources":["../../../src/components/chat/Chat.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react'\nimport { chat } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\nimport { ChatMessage, ChatMessageProps } from '~/components/chat/ChatMessage.tsx'\nimport { ChatDocumentMessage, ChatDocumentMessageProps } from '~/components/chat/ChatDocumentMessage.tsx'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { ark } from '@ark-ui/react'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { ChatProfileAvatar, ChatProfileAvatarProps } from '~/components/chat/ChatProfileAvatar.tsx'\n\nconst { withProvider } = createStyleContext(chat)\n\nconst RootStyleElement = withProvider(styled(ark.div), 'root')\nexport const MessageContainer = withProvider(ark.div, 'message-container')\nexport const Message = withProvider(ChatMessage, 'message')\nexport const DocumentMessage = withProvider(ChatDocumentMessage, 'document-message')\nexport const ProfileAvatar = withProvider(ChatProfileAvatar, 'document-message')\n\nexport type RootProps = {\n  messages?: {\n    side?: 'left' | 'right' | 'center'\n    children: ReactElement\n  }[]\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chat>\n\nexport interface MessageProps extends ChatMessageProps {}\nexport interface DocumentMessageProps extends ChatDocumentMessageProps {}\nexport interface ProfileAvatarProps extends ChatProfileAvatarProps {}\n\nexport const Root: FC<RootProps> = ({ messages = [], ...props }) => {\n  return (\n    <>\n      {\n        <RootStyleElement\n          {...props}\n          children={\n            <>\n              {messages.map((MessageComponent, index) => (\n                <MessageContainer key={index} className={`chat-message-container-${MessageComponent.side}`}>\n                  {MessageComponent.children}\n                </MessageContainer>\n              ))}\n              <Box id=\"chat-anchor\" />\n            </>\n          }\n        />\n      }\n    </>\n  )\n}\n"],"names":["withProvider","createStyleContext","chat","RootStyleElement","styled","ark","MessageContainer","Message","ChatMessage","DocumentMessage","ChatDocumentMessage","ProfileAvatar","ChatProfileAvatar","Root","messages","props","jsx","Fragment","jsxs","MessageComponent","index","Box"],"mappings":";;;;;;;;;AAUA,MAAM,EAAE,cAAAA,EAAA,IAAiBC,EAAmBC,CAAI,GAE1CC,IAAmBH,EAAaI,EAAOC,EAAI,GAAG,GAAG,MAAM,GAChDC,IAAmBN,EAAaK,EAAI,KAAK,mBAAmB,GAC5DE,IAAUP,EAAaQ,GAAa,SAAS,GAC7CC,IAAkBT,EAAaU,GAAqB,kBAAkB,GACtEC,IAAgBX,EAAaY,GAAmB,kBAAkB,GAclEC,IAAsB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,GAAGC,QAEpD,gBAAAC,EAAAC,GAAA,EAEI,UAAA,gBAAAD;AAAA,EAACb;AAAA,EAAA;AAAA,IACE,GAAGY;AAAA,IACJ,UACE,gBAAAG,EAAAD,GAAA,EACG,UAAA;AAAA,MAAAH,EAAS,IAAI,CAACK,GAAkBC,wBAC9Bd,GAAA,EAA6B,WAAW,0BAA0Ba,EAAiB,IAAI,IACrF,UAAAA,EAAiB,SAAA,GADGC,CAEvB,CACD;AAAA,MACD,gBAAAJ,EAACK,GAAA,EAAI,IAAG,cAAA,CAAc;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA;AAAA,GAIR;"}

package/dist/components/chat/ChatDocumentMessage.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@stokelp/styled-system/recipes"),s=require("@stokelp/styled-system/jsx"),a=require("../../node_modules/@heroicons/react/24/outline/esm/DocumentTextIcon.cjs"),l=require("../text/Text.cjs"),x=require("../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.cjs"),c=require("../icon/Icon.cjs"),j=s.styled(s.HStack,u.chatDocumentMessage),d=({documentID:t,documentName:n,onCardClick:r,...o})=>e.jsxs(j,{onClick:i=>{r&&r(i,t)},...o,children:[e.jsxs(s.HStack,{gap:"space-8",children:[e.jsx(c.Icon,{size:"xs",color:"primary.900",children:e.jsx(a,{})}),e.jsx(l.Text,{bold:!0,children:n})]}),e.jsx(c.Icon,{size:"xs",color:"primary.500",children:e.jsx(x,{})})]});exports.ChatDocumentMessage=d;
+//# sourceMappingURL=ChatDocumentMessage.cjs.map

package/dist/components/chat/ChatDocumentMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDocumentMessage.cjs","sources":["../../../src/components/chat/ChatDocumentMessage.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { chatDocumentMessage } from '@stokelp/styled-system/recipes'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\nimport { Icon, Text } from '~/components'\nimport { DocumentTextIcon, ArrowDownTrayIcon } from '@heroicons/react/24/outline'\n\nexport type ChatDocumentMessageProps = {\n  documentID: number | string\n  documentName: string\n  documentUrl?: string\n  onCardClick?: (event: React.MouseEvent<HTMLDivElement>, documentID: number | string) => void\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatDocumentMessage>\n\nconst StyledHStack = styled(HStack, chatDocumentMessage)\n\nexport const ChatDocumentMessage: FC<ChatDocumentMessageProps> = ({\n  documentID,\n  documentName,\n  onCardClick,\n  ...props\n}) => {\n  return (\n    <StyledHStack\n      onClick={event => {\n        if (onCardClick) {\n          onCardClick(event, documentID)\n        }\n      }}\n      {...props}\n    >\n      <HStack gap=\"space-8\">\n        <Icon size=\"xs\" color=\"primary.900\">\n          <DocumentTextIcon />\n        </Icon>\n        <Text bold>{documentName}</Text>\n      </HStack>\n      <Icon size=\"xs\" color=\"primary.500\">\n        <ArrowDownTrayIcon />\n      </Icon>\n    </StyledHStack>\n  )\n}\n"],"names":["StyledHStack","styled","HStack","chatDocumentMessage","ChatDocumentMessage","documentID","documentName","onCardClick","props","jsxs","event","jsx","Icon","DocumentTextIcon","Text","ArrowDownTrayIcon"],"mappings":"6bAeMA,EAAeC,EAAAA,OAAOC,EAAAA,OAAQC,qBAAmB,EAE1CC,EAAoD,CAAC,CAChE,WAAAC,EACA,aAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACT,EAAA,CACC,QAASU,GAAS,CACZH,GACFA,EAAYG,EAAOL,CAAU,CAEjC,EACC,GAAGG,EAEJ,SAAA,CAAAC,EAAAA,KAACP,EAAAA,OAAA,CAAO,IAAI,UACV,SAAA,CAAAS,EAAAA,IAACC,EAAAA,MAAK,KAAK,KAAK,MAAM,cACpB,SAAAD,EAAAA,IAACE,IAAiB,CAAA,CACpB,EACAF,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAI,GAAE,SAAAR,CAAA,CAAa,CAAA,EAC3B,EACAK,EAAAA,IAACC,EAAAA,MAAK,KAAK,KAAK,MAAM,cACpB,SAAAD,EAAAA,IAACI,IAAkB,CAAA,CACrB,CAAA,CAAA,CAAA"}

package/dist/components/chat/ChatDocumentMessage.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { chatDocumentMessage as p } from "@stokelp/styled-system/recipes";
+import { styled as a, HStack as i } from "@stokelp/styled-system/jsx";
+import l from "../../node_modules/@heroicons/react/24/outline/esm/DocumentTextIcon.js";
+import { Text as f } from "../text/Text.js";
+import d from "../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.js";
+import { Icon as t } from "../icon/Icon.js";
+const h = a(i, p), w = ({
+  documentID: m,
+  documentName: c,
+  onCardClick: o,
+  ...s
+}) => /* @__PURE__ */ e(
+  h,
+  {
+    onClick: (n) => {
+      o && o(n, m);
+    },
+    ...s,
+    children: [
+      /* @__PURE__ */ e(i, { gap: "space-8", children: [
+        /* @__PURE__ */ r(t, { size: "xs", color: "primary.900", children: /* @__PURE__ */ r(l, {}) }),
+        /* @__PURE__ */ r(f, { bold: !0, children: c })
+      ] }),
+      /* @__PURE__ */ r(t, { size: "xs", color: "primary.500", children: /* @__PURE__ */ r(d, {}) })
+    ]
+  }
+);
+export {
+  w as ChatDocumentMessage
+};
+//# sourceMappingURL=ChatDocumentMessage.js.map

package/dist/components/chat/ChatDocumentMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDocumentMessage.js","sources":["../../../src/components/chat/ChatDocumentMessage.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { chatDocumentMessage } from '@stokelp/styled-system/recipes'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\nimport { Icon, Text } from '~/components'\nimport { DocumentTextIcon, ArrowDownTrayIcon } from '@heroicons/react/24/outline'\n\nexport type ChatDocumentMessageProps = {\n  documentID: number | string\n  documentName: string\n  documentUrl?: string\n  onCardClick?: (event: React.MouseEvent<HTMLDivElement>, documentID: number | string) => void\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatDocumentMessage>\n\nconst StyledHStack = styled(HStack, chatDocumentMessage)\n\nexport const ChatDocumentMessage: FC<ChatDocumentMessageProps> = ({\n  documentID,\n  documentName,\n  onCardClick,\n  ...props\n}) => {\n  return (\n    <StyledHStack\n      onClick={event => {\n        if (onCardClick) {\n          onCardClick(event, documentID)\n        }\n      }}\n      {...props}\n    >\n      <HStack gap=\"space-8\">\n        <Icon size=\"xs\" color=\"primary.900\">\n          <DocumentTextIcon />\n        </Icon>\n        <Text bold>{documentName}</Text>\n      </HStack>\n      <Icon size=\"xs\" color=\"primary.500\">\n        <ArrowDownTrayIcon />\n      </Icon>\n    </StyledHStack>\n  )\n}\n"],"names":["StyledHStack","styled","HStack","chatDocumentMessage","ChatDocumentMessage","documentID","documentName","onCardClick","props","jsxs","event","jsx","Icon","DocumentTextIcon","Text","ArrowDownTrayIcon"],"mappings":";;;;;;;;AAeA,MAAMA,IAAeC,EAAOC,GAAQC,CAAmB,GAE1CC,IAAoD,CAAC;AAAA,EAChE,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACT;AAAA,EAAA;AAAA,IACC,SAAS,CAAAU,MAAS;AAChB,MAAIH,KACFA,EAAYG,GAAOL,CAAU;AAAA,IAEjC;AAAA,IACC,GAAGG;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACP,GAAA,EAAO,KAAI,WACV,UAAA;AAAA,QAAA,gBAAAS,EAACC,KAAK,MAAK,MAAK,OAAM,eACpB,UAAA,gBAAAD,EAACE,KAAiB,EAAA,CACpB;AAAA,QACA,gBAAAF,EAACG,GAAA,EAAK,MAAI,IAAE,UAAAR,EAAA,CAAa;AAAA,MAAA,GAC3B;AAAA,MACA,gBAAAK,EAACC,KAAK,MAAK,MAAK,OAAM,eACpB,UAAA,gBAAAD,EAACI,KAAkB,EAAA,CACrB;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/chat/ChatMessage.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),t=require("@ark-ui/react"),r=e.styled(t.ark.div,s.chatMessage);exports.ChatMessage=r;
+//# sourceMappingURL=ChatMessage.cjs.map

package/dist/components/chat/ChatMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.cjs","sources":["../../../src/components/chat/ChatMessage.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { chatMessage } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\nimport { ark } from '@ark-ui/react'\n\nexport const ChatMessage = styled(ark.div, chatMessage)\nexport interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {}\n"],"names":["ChatMessage","styled","ark","chatMessage"],"mappings":"kNAKaA,EAAcC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,WAAW"}

package/dist/components/chat/ChatMessage.js

@@ -0,0 +1,9 @@
+"use client";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { chatMessage as e } from "@stokelp/styled-system/recipes";
+import { ark as o } from "@ark-ui/react";
+const a = t(o.div, e);
+export {
+  a as ChatMessage
+};
+//# sourceMappingURL=ChatMessage.js.map

package/dist/components/chat/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sources":["../../../src/components/chat/ChatMessage.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { chatMessage } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\nimport { ark } from '@ark-ui/react'\n\nexport const ChatMessage = styled(ark.div, chatMessage)\nexport interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {}\n"],"names":["ChatMessage","styled","ark","chatMessage"],"mappings":";;;;AAKO,MAAMA,IAAcC,EAAOC,EAAI,KAAKC,CAAW;"}