@stokelp/ui 2.103.0 → 2.104.0

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

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

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

@@ -1 +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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"}
+{"version":3,"file":"AppNavigationLanguageSelect.js","names":[],"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  {\n    value: 'es',\n    label: 'Español',\n    flag: (\n      <svg width=\"21\" height=\"15\" viewBox=\"0 0 21 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"21\" height=\"15\" rx=\"3\" fill=\"#AA151B\" />\n        <rect y=\"4\" width=\"21\" height=\"7\" fill=\"#F1BF00\" />\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"],"mappings":"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"}

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

@@ -1,2 +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
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("@stokelp/styled-system/recipes"),n=require("react"),r=require("react/jsx-runtime"),i=require("@stokelp/styled-system/css");var a=(0,n.forwardRef)((n,a)=>{let[o,s]=t.priceTag.splitVariantProps(n),[c,l]=(0,e.splitCssProps)(s),{className:u,unit:d,price:f,...p}=l,m=(0,t.priceTag)(o),h=!!d;return(0,r.jsxs)(`span`,{ref:a,className:(0,i.cx)(`price-tag`,m.root,(0,i.css)(c),u),...p,children:[(0,r.jsx)(`span`,{className:m.price,children:f}),h?(0,r.jsxs)(`span`,{className:m.unit,children:[`/ `,d]}):null]})});a.displayName=`PriceTag`,exports.PriceTag=a;
+//# sourceMappingURL=PriceTag.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"PriceTag.cjs","names":[],"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"],"mappings":"+LAiBA,IAAa,GAAA,EAAA,EAAA,aAAuD,EAAO,IAAQ,CACjF,GAAM,CAAC,EAAc,GAAiB,EAAA,SAAS,kBAAkB,CAAK,EAChE,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAa,EACpD,CAAE,YAAW,OAAM,QAAO,GAAG,GAAc,EAC3C,GAAA,EAAA,EAAA,UAAkB,CAAY,EAE9B,EAAU,CAAC,CAAC,EAElB,OACE,EAAA,EAAA,MAAC,OAAD,CAAW,MAAK,WAAA,EAAA,EAAA,IAAc,YAAa,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EAAG,GAAI,WAAvF,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAO,eAAQ,CAAY,CAAA,EAC3C,GAAU,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAO,cAAxB,CAA8B,KAAG,CAAW,IAAI,IACvD,GAEV,CAAC,EAED,EAAS,YAAc"}

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

@@ -1,21 +1,27 @@
 "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
-  ] });
+import { splitCssProps as e } from "@stokelp/styled-system/jsx";
+import { priceTag as t } from "@stokelp/styled-system/recipes";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { css as a, cx as o } from "@stokelp/styled-system/css";
+//#region src/components/app/price-tag/PriceTag.tsx
+var s = n((n, s) => {
+	let [c, l] = t.splitVariantProps(n), [u, d] = e(l), { className: f, unit: p, price: m, ...h } = d, g = t(c), _ = !!p;
+	return /* @__PURE__ */ i("span", {
+		ref: s,
+		className: o("price-tag", g.root, a(u), f),
+		...h,
+		children: [/* @__PURE__ */ r("span", {
+			className: g.price,
+			children: m
+		}), _ ? /* @__PURE__ */ i("span", {
+			className: g.unit,
+			children: ["/ ", p]
+		}) : null]
+	});
 });
-x.displayName = "PriceTag";
-export {
-  x as PriceTag
-};
-//# sourceMappingURL=PriceTag.js.map
+s.displayName = "PriceTag";
+//#endregion
+export { s as PriceTag };
+
+//# sourceMappingURL=PriceTag.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"PriceTag.js","names":[],"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"],"mappings":";;;;;;;AAiBA,IAAa,IAAW,GAA4C,GAAO,MAAQ;CACjF,IAAM,CAAC,GAAc,KAAiB,EAAS,kBAAkB,CAAK,GAChE,CAAC,GAAU,KAAc,EAAc,CAAa,GACpD,EAAE,cAAW,SAAM,UAAO,GAAG,MAAc,GAC3C,IAAS,EAAS,CAAY,GAE9B,IAAU,CAAC,CAAC;CAElB,OACE,kBAAC,QAAD;EAAW;EAAK,WAAW,EAAG,aAAa,EAAO,MAAM,EAAI,CAAQ,GAAG,CAAS;EAAG,GAAI;YAAvF,CACE,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;EAAY,CAAA,GAC3C,IAAU,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAxB,CAA8B,MAAG,CAAW;OAAI,IACvD;;AAEV,CAAC;AAED,EAAS,cAAc"}

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

@@ -1,2 +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
+"use client";const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/slots.cjs");let n=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes");var a=e.__exportAll({Badge:()=>_,BadgeList:()=>g,Content:()=>f,Description:()=>p,Highlight:()=>m,Image:()=>u,ImageContainer:()=>d,Root:()=>c,ShortLivedTag:()=>v,Tag:()=>h,Title:()=>l}),{withProvider:o,withContext:s}=t.createStyleContext(i.productCardCatalog,{dataAttr:!0}),c=o((0,r.styled)(n.ark.div),`root`),l=s((0,r.styled)(n.ark.h3),`title`),u=s((0,r.styled)(n.ark.img),`image`),d=s((0,r.styled)(n.ark.div),`imageContainer`),f=s((0,r.styled)(n.ark.div),`content`),p=s((0,r.styled)(n.ark.p),`description`),m=s((0,r.styled)(n.ark.span),`highlight`),h=s((0,r.styled)(n.ark.span),`tag`),g=s((0,r.styled)(n.ark.div),`badgeList`),_=s((0,r.styled)(n.ark.span),`badge`),v=s((0,r.styled)(n.ark.span),`shortLivedTag`);Object.defineProperty(exports,"styled_exports",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=styled.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"styled.cjs","names":[],"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"],"mappings":"0ZAMM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,mBAAoB,CAC3E,SAAU,EACZ,CAAC,EAEY,EAAO,GAAA,EAAA,EAAA,QAAoB,EAAA,IAAI,GAAG,EAAG,MAAM,EAC3C,EAAQ,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,EAAE,EAAG,OAAO,EAC3C,EAAQ,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,OAAO,EAC5C,EAAiB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,gBAAgB,EAC9D,EAAU,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,SAAS,EAChD,EAAc,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,CAAC,EAAG,aAAa,EACtD,EAAY,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,IAAI,EAAG,WAAW,EACrD,EAAM,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,IAAI,EAAG,KAAK,EACzC,EAAY,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,WAAW,EACpD,EAAQ,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,IAAI,EAAG,OAAO,EAC7C,EAAgB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,IAAI,EAAG,eAAe"}

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

@@ -1,22 +1,24 @@
 "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
+import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.js";
+import { createStyleContext as t } from "../../../utils/slots.js";
+import { ark as n } from "@ark-ui/react";
+import { styled as r } from "@stokelp/styled-system/jsx";
+import { productCardCatalog as i } from "@stokelp/styled-system/recipes";
+//#region src/components/app/product-card-catalog/styled.ts
+var a = /* @__PURE__ */ e({
+	Badge: () => _,
+	BadgeList: () => g,
+	Content: () => f,
+	Description: () => p,
+	Highlight: () => m,
+	Image: () => u,
+	ImageContainer: () => d,
+	Root: () => c,
+	ShortLivedTag: () => v,
+	Tag: () => h,
+	Title: () => l
+}), { withProvider: o, withContext: s } = t(i, { dataAttr: !0 }), c = o(r(n.div), "root"), l = s(r(n.h3), "title"), u = s(r(n.img), "image"), d = s(r(n.div), "imageContainer"), f = s(r(n.div), "content"), p = s(r(n.p), "description"), m = s(r(n.span), "highlight"), h = s(r(n.span), "tag"), g = s(r(n.div), "badgeList"), _ = s(r(n.span), "badge"), v = s(r(n.span), "shortLivedTag");
+//#endregion
+export { a as styled_exports };
+
+//# sourceMappingURL=styled.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"styled.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;;;IAMM,EAAE,iBAAc,mBAAgB,EAAmB,GAAoB,EAC3E,UAAU,GACZ,CAAC,GAEY,IAAO,EAAa,EAAO,EAAI,GAAG,GAAG,MAAM,GAC3C,IAAQ,EAAY,EAAO,EAAI,EAAE,GAAG,OAAO,GAC3C,IAAQ,EAAY,EAAO,EAAI,GAAG,GAAG,OAAO,GAC5C,IAAiB,EAAY,EAAO,EAAI,GAAG,GAAG,gBAAgB,GAC9D,IAAU,EAAY,EAAO,EAAI,GAAG,GAAG,SAAS,GAChD,IAAc,EAAY,EAAO,EAAI,CAAC,GAAG,aAAa,GACtD,IAAY,EAAY,EAAO,EAAI,IAAI,GAAG,WAAW,GACrD,IAAM,EAAY,EAAO,EAAI,IAAI,GAAG,KAAK,GACzC,IAAY,EAAY,EAAO,EAAI,GAAG,GAAG,WAAW,GACpD,IAAQ,EAAY,EAAO,EAAI,IAAI,GAAG,OAAO,GAC7C,IAAgB,EAAY,EAAO,EAAI,IAAI,GAAG,eAAe"}

package/dist/components/avatar/styled.cjs

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