@stokelp/ui 2.102.0 → 2.104.0

package/dist/components/select/Select.js

@@ -1,146 +1,199 @@
 "use client";
-import { jsxs as h, jsx as e, Fragment as I } from "react/jsx-runtime";
-import { createListCollection as R, Portal as N, Select as o, useSelectContext as T, useSelectItemContext as P } from "@ark-ui/react";
-import { useRef as Z } from "react";
-import { styled as c } from "@stokelp/styled-system/jsx";
-import { select as B } from "@stokelp/styled-system/recipes";
-import { createStyleContext as k } from "../../utils/slots.js";
-import { ConditionalWrapper as p } from "../../shared/ConditionalWrapper.js";
-import { Text as z } from "../text/Text.js";
-import { Tooltip as x } from "../tooltip/Tooltip.js";
-import { FixedSizeList as F } from "react-window";
-import { css as b } from "@stokelp/styled-system/css";
-const { withProvider: j, withContext: a } = k(B), A = j(c(o.Root), "root", {
-  defaultProps: {
-    loopFocus: !0
-  }
-}), O = a(c(o.ClearTrigger), "clearTrigger"), V = a(c(o.Content), "content"), W = a(c(o.Control), "control"), $ = a(c(o.Indicator), "indicator"), v = a(c(o.Item), "item"), D = a(c(o.ItemText), "itemText"), E = a(c(o.Positioner), "positioner"), U = a(c(o.Trigger), "trigger"), m = a(c(o.ValueText), "valueText"), q = () => /* @__PURE__ */ h("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ e("rect", { x: "0.5", y: "1", width: "15", height: "15", rx: "3.5", fill: "white" }),
-  /* @__PURE__ */ e("rect", { x: "0.5", y: "1", width: "15", height: "15", rx: "3.5", className: b({ stroke: "grey.100" }) })
-] }), G = () => /* @__PURE__ */ h("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ e("rect", { y: "0.5", width: "16", height: "16", rx: "4", className: b({ fill: "primary.500" }) }),
-  /* @__PURE__ */ e(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M11.958 4.81298C12.1303 4.92787 12.1769 5.16069 12.062 5.33301L7.56202 12.083C7.4997 12.1765 7.39875 12.2371 7.28695 12.2482C7.17515 12.2592 7.06428 12.2196 6.98483 12.1402L3.98483 9.14017C3.83839 8.99372 3.83839 8.75628 3.98483 8.60984C4.13128 8.46339 4.36872 8.46339 4.51517 8.60984L7.19172 11.2864L11.438 4.91699C11.5529 4.74467 11.7857 4.6981 11.958 4.81298Z",
-      fill: "white"
-    }
-  )
-] });
-function H({ placeholder: t, allSelectedLabel: i }) {
-  const r = T(), n = r.collection.items, d = r.selectedItems;
-  return r.multiple && d.filter((u) => !u.disabled).length >= n.filter((u) => !u.disabled).length && i ? /* @__PURE__ */ e(m, { className: "custom", truncate: !0, children: i }) : /* @__PURE__ */ e(m, { truncate: !0, placeholder: t });
+import { createStyleContext as e } from "../../utils/slots.js";
+import { Tooltip as t } from "../tooltip/Tooltip.js";
+import { Text as n } from "../text/Text.js";
+import { ConditionalWrapper as r } from "../../shared/ConditionalWrapper.js";
+import { Portal as i, Select as a, createListCollection as o, useSelectContext as s, useSelectItemContext as c } from "@ark-ui/react";
+import { styled as l } from "@stokelp/styled-system/jsx";
+import { select as u } from "@stokelp/styled-system/recipes";
+import { useRef as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { css as h } from "@stokelp/styled-system/css";
+import { FixedSizeList as g } from "react-window";
+//#region src/components/select/Select.tsx
+var { withProvider: _, withContext: v } = e(u), y = _(l(a.Root), "root", { defaultProps: { loopFocus: !0 } }), b = v(l(a.ClearTrigger), "clearTrigger"), x = v(l(a.Content), "content"), S = v(l(a.Control), "control"), C = v(l(a.Indicator), "indicator"), w = v(l(a.Item), "item"), T = v(l(a.ItemText), "itemText"), E = v(l(a.Positioner), "positioner"), D = v(l(a.Trigger), "trigger"), O = v(l(a.ValueText), "valueText"), k = () => /* @__PURE__ */ m("svg", {
+	width: "16",
+	height: "17",
+	viewBox: "0 0 16 17",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ p("rect", {
+		x: "0.5",
+		y: "1",
+		width: "15",
+		height: "15",
+		rx: "3.5",
+		fill: "white"
+	}), /* @__PURE__ */ p("rect", {
+		x: "0.5",
+		y: "1",
+		width: "15",
+		height: "15",
+		rx: "3.5",
+		className: h({ stroke: "grey.100" })
+	})]
+}), A = () => /* @__PURE__ */ m("svg", {
+	width: "16",
+	height: "17",
+	viewBox: "0 0 16 17",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ p("rect", {
+		y: "0.5",
+		width: "16",
+		height: "16",
+		rx: "4",
+		className: h({ fill: "primary.500" })
+	}), /* @__PURE__ */ p("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M11.958 4.81298C12.1303 4.92787 12.1769 5.16069 12.062 5.33301L7.56202 12.083C7.4997 12.1765 7.39875 12.2371 7.28695 12.2482C7.17515 12.2592 7.06428 12.2196 6.98483 12.1402L3.98483 9.14017C3.83839 8.99372 3.83839 8.75628 3.98483 8.60984C4.13128 8.46339 4.36872 8.46339 4.51517 8.60984L7.19172 11.2864L11.438 4.91699C11.5529 4.74467 11.7857 4.6981 11.958 4.81298Z",
+		fill: "white"
+	})]
+});
+function j({ placeholder: e, allSelectedLabel: t }) {
+	let n = s(), r = n.collection.items, i = n.selectedItems;
+	return n.multiple && i.filter((e) => !e.disabled).length >= r.filter((e) => !e.disabled).length && t ? /* @__PURE__ */ p(O, {
+		className: "custom",
+		truncate: !0,
+		children: t
+	}) : /* @__PURE__ */ p(O, {
+		truncate: !0,
+		placeholder: e
+	});
 }
-function J({
-  renderTrigger: t,
-  placeholder: i,
-  allSelectedLabel: r
-}) {
-  const n = T(), d = n.value && n.value.length > 0 ? n.collection.findMany(n.value) : [];
-  if (d.length === 0)
-    return /* @__PURE__ */ e(m, { className: "custom", truncate: !0, placeholder: i });
-  const u = n.selectedItems;
-  return n.multiple && u.filter((s) => !s.disabled).length >= n.collection.items.filter((s) => !s.disabled).length && r ? /* @__PURE__ */ e(m, { className: "custom", truncate: !0, children: r }) : /* @__PURE__ */ e(m, { className: "custom", placeholder: i, children: d.map((s) => /* @__PURE__ */ e("span", { children: t(s) }, s.value)) });
+function M({ renderTrigger: e, placeholder: t, allSelectedLabel: n }) {
+	let r = s(), i = r.value && r.value.length > 0 ? r.collection.findMany(r.value) : [];
+	if (i.length === 0) return /* @__PURE__ */ p(O, {
+		className: "custom",
+		truncate: !0,
+		placeholder: t
+	});
+	let a = r.selectedItems;
+	return r.multiple && a.filter((e) => !e.disabled).length >= r.collection.items.filter((e) => !e.disabled).length && n ? /* @__PURE__ */ p(O, {
+		className: "custom",
+		truncate: !0,
+		children: n
+	}) : /* @__PURE__ */ p(O, {
+		className: "custom",
+		placeholder: t,
+		children: i.map((t) => /* @__PURE__ */ p("span", { children: e(t) }, t.value))
+	});
 }
-function L({ item: t, isMultiple: i, renderItem: r }) {
-  const n = P();
-  return /* @__PURE__ */ h(I, { children: [
-    i ? n.selected ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(q, {}) : null,
-    r ? r(t) : /* @__PURE__ */ e(D, { truncate: !0, children: t.label })
-  ] });
+function N({ item: e, isMultiple: t, renderItem: n }) {
+	let r = c();
+	return /* @__PURE__ */ m(f, { children: [t ? r.selected ? /* @__PURE__ */ p(A, {}) : /* @__PURE__ */ p(k, {}) : null, n ? n(e) : /* @__PURE__ */ p(T, {
+		truncate: !0,
+		children: e.label
+	})] });
 }
-function ie({
-  items: t,
-  placeholder: i,
-  emptyLabel: r,
-  usePortal: n = !0,
-  positioning: d,
-  renderItem: u,
-  renderTrigger: s,
-  virtualized: M,
-  rowHeight: f = 34,
-  ...g
-}) {
-  const S = R({
-    items: t
-  }), w = Z(null);
-  return /* @__PURE__ */ h(
-    A,
-    {
-      lazyMount: !0,
-      unmountOnExit: !0,
-      collection: S,
-      positioning: { sameWidth: !0, gutter: 0, ...d },
-      "data-recipe": "select",
-      ...g,
-      ref: (l) => {
-        l && (w.current = l.closest('[role="dialog"]'));
-      },
-      children: [
-        /* @__PURE__ */ h(W, { children: [
-          /* @__PURE__ */ h(U, { children: [
-            s ? /* @__PURE__ */ e(
-              J,
-              {
-                renderTrigger: s,
-                placeholder: i,
-                allSelectedLabel: g.allSelectedLabel
-              }
-            ) : /* @__PURE__ */ e(H, { placeholder: i, allSelectedLabel: g.allSelectedLabel }),
-            /* @__PURE__ */ e($, { 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(O, { disabled: g.readOnly, asChild: !0, children: /* @__PURE__ */ e("button", { children: /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z",
-              fill: "currentColor"
-            }
-          ) }) }) })
-        ] }),
-        /* @__PURE__ */ e(p, { when: n, wrapper: (l) => /* @__PURE__ */ e(N, { container: w, children: l }), children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(V, { children: t.length === 0 ? /* @__PURE__ */ e(z, { px: "space-8", textAlign: "center", children: r ?? "Aucun résultat" }) : M ? /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
-          F,
-          {
-            height: Math.min(f * t.length, 180),
-            itemCount: t.length,
-            itemSize: f,
-            width: "100%",
-            children: ({ index: l, style: C }) => /* @__PURE__ */ e(
-              p,
-              {
-                when: !!t[l].tooltip,
-                wrapper: (y) => /* @__PURE__ */ e(x, { label: t[l].tooltip, children: y }),
-                children: /* @__PURE__ */ e(v, { item: t[l], style: C, children: /* @__PURE__ */ e(L, { renderItem: u, item: t[l] }) }, t[l].value)
-              },
-              t[l].value
-            )
-          }
-        ) }) : t.map((l) => /* @__PURE__ */ e(
-          p,
-          {
-            when: !!l.tooltip,
-            wrapper: (C) => /* @__PURE__ */ e(x, { label: l.tooltip, children: C }),
-            children: /* @__PURE__ */ e(v, { item: l, children: /* @__PURE__ */ e(L, { renderItem: u, item: l, isMultiple: g.multiple }) }, l.value)
-          },
-          l.value
-        )) }) }) }),
-        /* @__PURE__ */ e(o.HiddenSelect, {})
-      ]
-    }
-  );
+function P({ items: e, placeholder: s, emptyLabel: c, usePortal: l = !0, positioning: u, renderItem: h, renderTrigger: _, virtualized: v, rowHeight: T = 34, ...O }) {
+	let k = o({ items: e }), A = d(null);
+	return /* @__PURE__ */ m(y, {
+		lazyMount: !0,
+		unmountOnExit: !0,
+		collection: k,
+		positioning: {
+			sameWidth: !0,
+			gutter: 0,
+			...u
+		},
+		"data-recipe": "select",
+		...O,
+		ref: (e) => {
+			e && (A.current = e.closest("[role=\"dialog\"]"));
+		},
+		children: [
+			/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ m(D, { children: [_ ? /* @__PURE__ */ p(M, {
+				renderTrigger: _,
+				placeholder: s,
+				allSelectedLabel: O.allSelectedLabel
+			}) : /* @__PURE__ */ p(j, {
+				placeholder: s,
+				allSelectedLabel: O.allSelectedLabel
+			}), /* @__PURE__ */ p(C, {
+				asChild: !0,
+				children: /* @__PURE__ */ p("svg", {
+					width: "24",
+					height: "24",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ p("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__ */ p(b, {
+				disabled: O.readOnly,
+				asChild: !0,
+				children: /* @__PURE__ */ p("button", { children: /* @__PURE__ */ p("svg", {
+					width: "20",
+					height: "20",
+					viewBox: "0 0 20 20",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ p("path", {
+						fillRule: "evenodd",
+						clipRule: "evenodd",
+						d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z",
+						fill: "currentColor"
+					})
+				}) })
+			})] }),
+			/* @__PURE__ */ p(r, {
+				when: l,
+				wrapper: (e) => /* @__PURE__ */ p(i, {
+					container: A,
+					children: e
+				}),
+				children: /* @__PURE__ */ p(E, { children: /* @__PURE__ */ p(x, { children: e.length === 0 ? /* @__PURE__ */ p(n, {
+					px: "space-8",
+					textAlign: "center",
+					children: c ?? "Aucun résultat"
+				}) : v ? /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p(g, {
+					height: Math.min(T * e.length, 180),
+					itemCount: e.length,
+					itemSize: T,
+					width: "100%",
+					children: ({ index: n, style: i }) => /* @__PURE__ */ p(r, {
+						when: !!e[n].tooltip,
+						wrapper: (r) => /* @__PURE__ */ p(t, {
+							label: e[n].tooltip,
+							children: r
+						}),
+						children: /* @__PURE__ */ p(w, {
+							item: e[n],
+							style: i,
+							children: /* @__PURE__ */ p(N, {
+								renderItem: h,
+								item: e[n]
+							})
+						}, e[n].value)
+					}, e[n].value)
+				}) }) : e.map((e) => /* @__PURE__ */ p(r, {
+					when: !!e.tooltip,
+					wrapper: (n) => /* @__PURE__ */ p(t, {
+						label: e.tooltip,
+						children: n
+					}),
+					children: /* @__PURE__ */ p(w, {
+						item: e,
+						children: /* @__PURE__ */ p(N, {
+							renderItem: h,
+							item: e,
+							isMultiple: O.multiple
+						})
+					}, e.value)
+				}, e.value)) }) })
+			}),
+			/* @__PURE__ */ p(a.HiddenSelect, {})
+		]
+	});
 }
-export {
-  ie as Select
-};
-//# sourceMappingURL=Select.js.map
+//#endregion
+export { P as Select };
+
+//# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import {\n  createListCollection,\n  Portal,\n  Select as ArkSelect,\n  type SelectRootProps,\n  useSelectItemContext,\n  useSelectContext,\n} from '@ark-ui/react'\nimport { FC, ReactNode, useRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\n\nimport { select } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { Text } from '~/components/text/Text'\nimport { Tooltip } from '~/components/tooltip/Tooltip'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { FixedSizeList } from 'react-window'\nimport { css } from '@stokelp/styled-system/css'\n\nconst { withProvider, withContext } = createStyleContext(select)\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Root = withProvider(styled(ArkSelect.Root<any>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst ClearTrigger = withContext(styled(ArkSelect.ClearTrigger), 'clearTrigger')\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\nexport interface SelectItem {\n  value: string | number\n  label: string\n  tooltip?: ReactNode\n  disabled?: boolean\n}\n\nexport type SelectProps<Item extends SelectItem> = Omit<SelectRootProps<Item>, 'collection'> & {\n  items: Item[] | readonly Item[]\n  renderItem?: (item: Item) => ReactNode\n  renderTrigger?: (item: Item) => ReactNode\n  emptyLabel?: string\n  placeholder?: string\n  allSelectedLabel?: string\n  usePortal?: boolean\n  virtualized?: boolean\n  rowHeight?: number\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof select>\n\nconst MultipleUncheckedIndicator: FC = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"0.5\" y=\"1\" width=\"15\" height=\"15\" rx=\"3.5\" fill=\"white\" />\n    <rect x=\"0.5\" y=\"1\" width=\"15\" height=\"15\" rx=\"3.5\" className={css({ stroke: 'grey.100' })} />\n  </svg>\n)\n\nconst MultipleCheckedIndicator: FC = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect y=\"0.5\" width=\"16\" height=\"16\" rx=\"4\" className={css({ fill: 'primary.500' })} />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.958 4.81298C12.1303 4.92787 12.1769 5.16069 12.062 5.33301L7.56202 12.083C7.4997 12.1765 7.39875 12.2371 7.28695 12.2482C7.17515 12.2592 7.06428 12.2196 6.98483 12.1402L3.98483 9.14017C3.83839 8.99372 3.83839 8.75628 3.98483 8.60984C4.13128 8.46339 4.36872 8.46339 4.51517 8.60984L7.19172 11.2864L11.438 4.91699C11.5529 4.74467 11.7857 4.6981 11.958 4.81298Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\ninterface InnerItemProps<Item extends SelectItem> {\n  item: Item\n  isMultiple?: boolean\n  renderItem?: (item: Item) => ReactNode\n}\n\ninterface InnerTriggerProps<Item extends SelectItem> {\n  renderTrigger: (item: Item) => ReactNode\n  placeholder?: string\n  allSelectedLabel?: string\n}\n\ninterface DefaultInnerTriggerProps {\n  placeholder?: string\n  allSelectedLabel?: string\n}\n\nfunction DefaultInnerTrigger({ placeholder, allSelectedLabel }: DefaultInnerTriggerProps) {\n  const context = useSelectContext()\n  const items = context.collection.items\n  const selectedItems = context.selectedItems\n\n  if (\n    context.multiple &&\n    selectedItems.filter(item => !item.disabled).length >= items.filter(item => !item.disabled).length &&\n    allSelectedLabel\n  ) {\n    return (\n      <ValueText className=\"custom\" truncate>\n        {allSelectedLabel}\n      </ValueText>\n    )\n  }\n\n  return <ValueText truncate placeholder={placeholder} />\n}\n\nfunction CustomInnerTrigger<Item extends SelectItem>({\n  renderTrigger,\n  placeholder,\n  allSelectedLabel,\n}: InnerTriggerProps<Item>) {\n  const context = useSelectContext()\n  const items = context.value && context.value.length > 0 ? context.collection.findMany(context.value) : []\n\n  if (items.length === 0) {\n    return <ValueText className=\"custom\" truncate placeholder={placeholder} />\n  }\n\n  const selectedItems = context.selectedItems\n\n  if (\n    context.multiple &&\n    selectedItems.filter(item => !item.disabled).length >=\n      context.collection.items.filter(item => !item.disabled).length &&\n    allSelectedLabel\n  ) {\n    return (\n      <ValueText className=\"custom\" truncate>\n        {allSelectedLabel}\n      </ValueText>\n    )\n  }\n\n  return (\n    <ValueText className=\"custom\" placeholder={placeholder}>\n      {items.map(item => (\n        <span key={item.value}>{renderTrigger(item)}</span>\n      ))}\n    </ValueText>\n  )\n}\n\nfunction CustomInnerItem<Item extends SelectItem>({ item, isMultiple, renderItem }: InnerItemProps<Item>) {\n  const context = useSelectItemContext()\n\n  return (\n    <>\n      {isMultiple ? context.selected ? <MultipleCheckedIndicator /> : <MultipleUncheckedIndicator /> : null}\n      {renderItem ? renderItem(item) : <ItemText truncate>{item.label}</ItemText>}\n    </>\n  )\n}\n\nexport function Select<Item extends SelectItem>({\n  items,\n  placeholder,\n  emptyLabel,\n  usePortal = true,\n  positioning,\n  renderItem,\n  renderTrigger,\n  virtualized,\n  rowHeight = 34,\n  ...props\n}: SelectProps<Item>) {\n  const collection = createListCollection({\n    items,\n  })\n  const $dialogContent = useRef<HTMLDivElement | null>(null)\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"select\"\n      {...props}\n      ref={node => {\n        if (node) {\n          $dialogContent.current = node.closest('[role=\"dialog\"]') as HTMLDivElement | null\n        }\n      }}\n    >\n      <Control>\n        <Trigger>\n          {renderTrigger ? (\n            <CustomInnerTrigger\n              renderTrigger={renderTrigger}\n              placeholder={placeholder}\n              allSelectedLabel={props.allSelectedLabel}\n            />\n          ) : (\n            <DefaultInnerTrigger placeholder={placeholder} allSelectedLabel={props.allSelectedLabel} />\n          )}\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        <ClearTrigger disabled={props.readOnly} asChild>\n          <button>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </button>\n        </ClearTrigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal container={$dialogContent}>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {items.length === 0 ? (\n              <Text px=\"space-8\" textAlign=\"center\">\n                {emptyLabel ?? 'Aucun résultat'}\n              </Text>\n            ) : virtualized ? (\n              <>\n                <FixedSizeList\n                  height={Math.min(rowHeight * items.length, 180)}\n                  itemCount={items.length}\n                  itemSize={rowHeight}\n                  width=\"100%\"\n                >\n                  {({ index, style }) => (\n                    <ConditionalWrapper\n                      key={items[index].value}\n                      when={!!items[index].tooltip}\n                      wrapper={children => <Tooltip label={items[index].tooltip}>{children}</Tooltip>}\n                    >\n                      <Item key={items[index].value} item={items[index]} style={style}>\n                        <CustomInnerItem renderItem={renderItem} item={items[index]} />\n                      </Item>\n                    </ConditionalWrapper>\n                  )}\n                </FixedSizeList>\n              </>\n            ) : (\n              items.map(item => (\n                <ConditionalWrapper\n                  key={item.value}\n                  when={!!item.tooltip}\n                  wrapper={children => <Tooltip label={item.tooltip}>{children}</Tooltip>}\n                >\n                  <Item key={item.value} item={item}>\n                    <CustomInnerItem renderItem={renderItem} item={item} isMultiple={props.multiple} />\n                  </Item>\n                </ConditionalWrapper>\n              ))\n            )}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","select","Root","styled","ArkSelect","ClearTrigger","Content","Control","Indicator","Item","ItemText","Positioner","Trigger","ValueText","MultipleUncheckedIndicator","jsxs","jsx","css","MultipleCheckedIndicator","DefaultInnerTrigger","placeholder","allSelectedLabel","context","useSelectContext","items","selectedItems","item","CustomInnerTrigger","renderTrigger","CustomInnerItem","isMultiple","renderItem","useSelectItemContext","Fragment","Select","emptyLabel","usePortal","positioning","virtualized","rowHeight","props","collection","createListCollection","$dialogContent","useRef","node","ConditionalWrapper","children","Portal","Text","FixedSizeList","index","style","Tooltip"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import {\n  createListCollection,\n  Portal,\n  Select as ArkSelect,\n  type SelectRootProps,\n  useSelectItemContext,\n  useSelectContext,\n} from '@ark-ui/react'\nimport { FC, ReactNode, useRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\n\nimport { select } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { Text } from '~/components/text/Text'\nimport { Tooltip } from '~/components/tooltip/Tooltip'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { FixedSizeList } from 'react-window'\nimport { css } from '@stokelp/styled-system/css'\n\nconst { withProvider, withContext } = createStyleContext(select)\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Root = withProvider(styled(ArkSelect.Root<any>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst ClearTrigger = withContext(styled(ArkSelect.ClearTrigger), 'clearTrigger')\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\nexport interface SelectItem {\n  value: string | number\n  label: string\n  tooltip?: ReactNode\n  disabled?: boolean\n}\n\nexport type SelectProps<Item extends SelectItem> = Omit<SelectRootProps<Item>, 'collection'> & {\n  items: Item[] | readonly Item[]\n  renderItem?: (item: Item) => ReactNode\n  renderTrigger?: (item: Item) => ReactNode\n  emptyLabel?: string\n  placeholder?: string\n  allSelectedLabel?: string\n  usePortal?: boolean\n  virtualized?: boolean\n  rowHeight?: number\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof select>\n\nconst MultipleUncheckedIndicator: FC = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"0.5\" y=\"1\" width=\"15\" height=\"15\" rx=\"3.5\" fill=\"white\" />\n    <rect x=\"0.5\" y=\"1\" width=\"15\" height=\"15\" rx=\"3.5\" className={css({ stroke: 'grey.100' })} />\n  </svg>\n)\n\nconst MultipleCheckedIndicator: FC = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect y=\"0.5\" width=\"16\" height=\"16\" rx=\"4\" className={css({ fill: 'primary.500' })} />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.958 4.81298C12.1303 4.92787 12.1769 5.16069 12.062 5.33301L7.56202 12.083C7.4997 12.1765 7.39875 12.2371 7.28695 12.2482C7.17515 12.2592 7.06428 12.2196 6.98483 12.1402L3.98483 9.14017C3.83839 8.99372 3.83839 8.75628 3.98483 8.60984C4.13128 8.46339 4.36872 8.46339 4.51517 8.60984L7.19172 11.2864L11.438 4.91699C11.5529 4.74467 11.7857 4.6981 11.958 4.81298Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\ninterface InnerItemProps<Item extends SelectItem> {\n  item: Item\n  isMultiple?: boolean\n  renderItem?: (item: Item) => ReactNode\n}\n\ninterface InnerTriggerProps<Item extends SelectItem> {\n  renderTrigger: (item: Item) => ReactNode\n  placeholder?: string\n  allSelectedLabel?: string\n}\n\ninterface DefaultInnerTriggerProps {\n  placeholder?: string\n  allSelectedLabel?: string\n}\n\nfunction DefaultInnerTrigger({ placeholder, allSelectedLabel }: DefaultInnerTriggerProps) {\n  const context = useSelectContext()\n  const items = context.collection.items\n  const selectedItems = context.selectedItems\n\n  if (\n    context.multiple &&\n    selectedItems.filter(item => !item.disabled).length >= items.filter(item => !item.disabled).length &&\n    allSelectedLabel\n  ) {\n    return (\n      <ValueText className=\"custom\" truncate>\n        {allSelectedLabel}\n      </ValueText>\n    )\n  }\n\n  return <ValueText truncate placeholder={placeholder} />\n}\n\nfunction CustomInnerTrigger<Item extends SelectItem>({\n  renderTrigger,\n  placeholder,\n  allSelectedLabel,\n}: InnerTriggerProps<Item>) {\n  const context = useSelectContext()\n  const items = context.value && context.value.length > 0 ? context.collection.findMany(context.value) : []\n\n  if (items.length === 0) {\n    return <ValueText className=\"custom\" truncate placeholder={placeholder} />\n  }\n\n  const selectedItems = context.selectedItems\n\n  if (\n    context.multiple &&\n    selectedItems.filter(item => !item.disabled).length >=\n      context.collection.items.filter(item => !item.disabled).length &&\n    allSelectedLabel\n  ) {\n    return (\n      <ValueText className=\"custom\" truncate>\n        {allSelectedLabel}\n      </ValueText>\n    )\n  }\n\n  return (\n    <ValueText className=\"custom\" placeholder={placeholder}>\n      {items.map(item => (\n        <span key={item.value}>{renderTrigger(item)}</span>\n      ))}\n    </ValueText>\n  )\n}\n\nfunction CustomInnerItem<Item extends SelectItem>({ item, isMultiple, renderItem }: InnerItemProps<Item>) {\n  const context = useSelectItemContext()\n\n  return (\n    <>\n      {isMultiple ? context.selected ? <MultipleCheckedIndicator /> : <MultipleUncheckedIndicator /> : null}\n      {renderItem ? renderItem(item) : <ItemText truncate>{item.label}</ItemText>}\n    </>\n  )\n}\n\nexport function Select<Item extends SelectItem>({\n  items,\n  placeholder,\n  emptyLabel,\n  usePortal = true,\n  positioning,\n  renderItem,\n  renderTrigger,\n  virtualized,\n  rowHeight = 34,\n  ...props\n}: SelectProps<Item>) {\n  const collection = createListCollection({\n    items,\n  })\n  const $dialogContent = useRef<HTMLDivElement | null>(null)\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"select\"\n      {...props}\n      ref={(node: HTMLDivElement | null) => {\n        if (node) {\n          $dialogContent.current = node.closest('[role=\"dialog\"]') as HTMLDivElement | null\n        }\n      }}\n    >\n      <Control>\n        <Trigger>\n          {renderTrigger ? (\n            <CustomInnerTrigger\n              renderTrigger={renderTrigger}\n              placeholder={placeholder}\n              allSelectedLabel={props.allSelectedLabel}\n            />\n          ) : (\n            <DefaultInnerTrigger placeholder={placeholder} allSelectedLabel={props.allSelectedLabel} />\n          )}\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        <ClearTrigger disabled={props.readOnly} asChild>\n          <button>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </button>\n        </ClearTrigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal container={$dialogContent}>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {items.length === 0 ? (\n              <Text px=\"space-8\" textAlign=\"center\">\n                {emptyLabel ?? 'Aucun résultat'}\n              </Text>\n            ) : virtualized ? (\n              <>\n                <FixedSizeList\n                  height={Math.min(rowHeight * items.length, 180)}\n                  itemCount={items.length}\n                  itemSize={rowHeight}\n                  width=\"100%\"\n                >\n                  {({ index, style }) => (\n                    <ConditionalWrapper\n                      key={items[index].value}\n                      when={!!items[index].tooltip}\n                      wrapper={children => <Tooltip label={items[index].tooltip}>{children}</Tooltip>}\n                    >\n                      <Item key={items[index].value} item={items[index]} style={style}>\n                        <CustomInnerItem renderItem={renderItem} item={items[index]} />\n                      </Item>\n                    </ConditionalWrapper>\n                  )}\n                </FixedSizeList>\n              </>\n            ) : (\n              items.map((item: Item) => (\n                <ConditionalWrapper\n                  key={item.value}\n                  when={!!item.tooltip}\n                  wrapper={children => <Tooltip label={item.tooltip}>{children}</Tooltip>}\n                >\n                  <Item key={item.value} item={item}>\n                    <CustomInnerItem renderItem={renderItem} item={item} isMultiple={props.multiple} />\n                  </Item>\n                </ConditionalWrapper>\n              ))\n            )}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"mappings":"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"}

package/dist/components/select-language/SelectLanguage.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),l=require("@stokelp/styled-system/jsx"),u=require("@stokelp/styled-system/recipes"),x=require("../../utils/slots.cjs"),h=require("../../shared/ConditionalWrapper.cjs"),{withProvider:g,withContext:s}=x.createStyleContext(u.selectLanguage),p=g(l.styled(t.Select.Root),"root",{defaultProps:{loopFocus:!0}}),f=s(l.styled(t.Select.Content),"content"),v=s(l.styled(t.Select.Control),"control"),j=s(l.styled(t.Select.Item),"item"),w=s(l.styled(t.Select.ItemText),"itemText"),S=s(l.styled(t.Select.Positioner),"positioner"),m=s(l.styled(t.Select.Trigger),"trigger"),L=s(l.styled(t.Select.ValueText),"valueText"),i=[{value:"fr",label:"FRA",flag:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-fr",viewBox:"0 0 640 480",children:[e.jsx("path",{fill:"#fff",d:"M0 0h640v480H0z"}),e.jsx("path",{fill:"#000091",d:"M0 0h213.3v480H0z"}),e.jsx("path",{fill:"#e1000f",d:"M426.7 0H640v480H426.7z"})]})},{value:"en",label:"ENG",flag:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-gb",viewBox:"0 0 640 480",children:[e.jsx("path",{fill:"#012169",d:"M0 0h640v480H0z"}),e.jsx("path",{fill:"#FFF",d:"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"}),e.jsx("path",{fill:"#C8102E",d:"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"}),e.jsx("path",{fill:"#FFF",d:"M241 0v480h160V0zM0 160v160h640V160z"}),e.jsx("path",{fill:"#C8102E",d:"M0 193v96h640v-96zM273 0v480h96V0z"})]})}],z=({variant:c})=>{const n=t.useSelectContext(),r=n.value&&n.value.length>0?n.collection.find(n.value[0]):null;return e.jsxs(l.HStack,{gap:"space-8",width:"full",css:{"& > svg":{width:"21px",height:"15px",borderRadius:"3px"}},children:[r?.flag,c==="default"&&e.jsx(L,{truncate:!0})]})},y=({usePortal:c=!0,positioning:n,variant:r="default",...a})=>{const d=t.createListCollection({items:i});return e.jsxs(p,{lazyMount:!0,unmountOnExit:!0,multiple:!1,collection:d,positioning:{sameWidth:!0,gutter:0,...n},"data-recipe":"select-language",defaultValue:["en"],...a,children:[e.jsx(v,{children:e.jsx(m,{children:e.jsx(z,{variant:r})})}),e.jsx(h.ConditionalWrapper,{when:c,wrapper:o=>e.jsx(t.Portal,{children:o}),children:e.jsx(S,{width:r==="compact"?"fit-content !important":"",children:e.jsx(f,{children:i.map(o=>e.jsxs(j,{item:o,gap:"space-8",width:"full",css:{"& > svg":{width:"21px",height:"15px",borderRadius:"3px"}},children:[o.flag,e.jsx(w,{truncate:!0,children:o.label})]},o.value))})})}),e.jsx(t.Select.HiddenSelect,{})]})};exports.SelectLanguage=y;
-//# sourceMappingURL=SelectLanguage.cjs.map
+"use client";const e=require("../../utils/slots.cjs"),t=require("../../shared/ConditionalWrapper.cjs");let n=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),a=require("react/jsx-runtime");var{withProvider:o,withContext:s}=e.createStyleContext(i.selectLanguage),c=o((0,r.styled)(n.Select.Root),`root`,{defaultProps:{loopFocus:!0}}),l=s((0,r.styled)(n.Select.Content),`content`),u=s((0,r.styled)(n.Select.Control),`control`),d=s((0,r.styled)(n.Select.Item),`item`),f=s((0,r.styled)(n.Select.ItemText),`itemText`),p=s((0,r.styled)(n.Select.Positioner),`positioner`),m=s((0,r.styled)(n.Select.Trigger),`trigger`),h=s((0,r.styled)(n.Select.ValueText),`valueText`),g=[{value:`fr`,label:`FRA`,flag:(0,a.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,id:`flag-icons-fr`,viewBox:`0 0 640 480`,children:[(0,a.jsx)(`path`,{fill:`#fff`,d:`M0 0h640v480H0z`}),(0,a.jsx)(`path`,{fill:`#000091`,d:`M0 0h213.3v480H0z`}),(0,a.jsx)(`path`,{fill:`#e1000f`,d:`M426.7 0H640v480H426.7z`})]})},{value:`en`,label:`ENG`,flag:(0,a.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,id:`flag-icons-gb`,viewBox:`0 0 640 480`,children:[(0,a.jsx)(`path`,{fill:`#012169`,d:`M0 0h640v480H0z`}),(0,a.jsx)(`path`,{fill:`#FFF`,d:`m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z`}),(0,a.jsx)(`path`,{fill:`#C8102E`,d:`m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z`}),(0,a.jsx)(`path`,{fill:`#FFF`,d:`M241 0v480h160V0zM0 160v160h640V160z`}),(0,a.jsx)(`path`,{fill:`#C8102E`,d:`M0 193v96h640v-96zM273 0v480h96V0z`})]})}],_=({variant:e})=>{let t=(0,n.useSelectContext)();return(0,a.jsxs)(r.HStack,{gap:`space-8`,width:`full`,css:{"& > svg":{width:`21px`,height:`15px`,borderRadius:`3px`}},children:[(t.value&&t.value.length>0?t.collection.find(t.value[0]):null)?.flag,e===`default`&&(0,a.jsx)(h,{truncate:!0})]})},v=({usePortal:e=!0,positioning:r,variant:i=`default`,...o})=>(0,a.jsxs)(c,{lazyMount:!0,unmountOnExit:!0,multiple:!1,collection:(0,n.createListCollection)({items:g}),positioning:{sameWidth:!0,gutter:0,...r},"data-recipe":`select-language`,defaultValue:[`en`],...o,children:[(0,a.jsx)(u,{children:(0,a.jsx)(m,{children:(0,a.jsx)(_,{variant:i})})}),(0,a.jsx)(t.ConditionalWrapper,{when:e,wrapper:e=>(0,a.jsx)(n.Portal,{children:e}),children:(0,a.jsx)(p,{width:i===`compact`?`fit-content !important`:``,children:(0,a.jsx)(l,{children:g.map(e=>(0,a.jsxs)(d,{item:e,gap:`space-8`,width:`full`,css:{"& > svg":{width:`21px`,height:`15px`,borderRadius:`3px`}},children:[e.flag,(0,a.jsx)(f,{truncate:!0,children:e.label})]},e.value))})})}),(0,a.jsx)(n.Select.HiddenSelect,{})]});exports.SelectLanguage=v;
+//# sourceMappingURL=SelectLanguage.cjs.map

package/dist/components/select-language/SelectLanguage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLanguage.cjs","sources":["../../../src/components/select-language/SelectLanguage.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 { selectLanguage } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { ConditionalValue, HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\n\nconst { withProvider, withContext } = createStyleContext(selectLanguage)\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 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 SelectLanguageProps = Omit<SelectRootProps<SelectItem>, 'collection' | 'multiple'> & {\n  usePortal?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof selectLanguage>\n\nconst AVAILABLE_LANGUAGES = [\n  {\n    value: 'fr',\n    label: 'FRA',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-fr\" viewBox=\"0 0 640 480\">\n        <path fill=\"#fff\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#000091\" d=\"M0 0h213.3v480H0z\" />\n        <path fill=\"#e1000f\" d=\"M426.7 0H640v480H426.7z\" />\n      </svg>\n    ),\n  },\n  {\n    value: 'en',\n    label: 'ENG',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-gb\" viewBox=\"0 0 640 480\">\n        <path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#FFF\" d=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\" />\n        <path\n          fill=\"#C8102E\"\n          d=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n        />\n        <path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n        <path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n      </svg>\n    ),\n  },\n] satisfies SelectItem[]\n\nconst InnerTrigger: FC<{ variant: ConditionalValue<'default' | 'compact'> }> = ({ variant }) => {\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': { width: '21px', height: '15px', borderRadius: '3px' } }}>\n      {selected?.flag}\n      {variant === 'default' && <ValueText truncate />}\n    </HStack>\n  )\n}\n\nexport const SelectLanguage: FC<SelectLanguageProps> = ({\n  usePortal = true,\n  positioning,\n  variant = 'default',\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=\"select-language\"\n      defaultValue={['en']}\n      {...props}\n    >\n      <Control>\n        <Trigger>\n          <InnerTrigger variant={variant} />\n        </Trigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner width={variant === 'compact' ? 'fit-content !important' : ''}>\n          <Content>\n            {AVAILABLE_LANGUAGES.map(item => (\n              <Item\n                key={item.value}\n                item={item}\n                gap=\"space-8\"\n                width=\"full\"\n                css={{ '& > svg': { width: '21px', height: '15px', borderRadius: '3px' } }}\n              >\n                {item.flag}\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","selectLanguage","Root","styled","ArkSelect","Content","Control","Item","ItemText","Positioner","Trigger","ValueText","AVAILABLE_LANGUAGES","jsx","InnerTrigger","variant","context","useSelectContext","selected","HStack","SelectLanguage","usePortal","positioning","props","collection","createListCollection","jsxs","ConditionalWrapper","children","Portal","item"],"mappings":"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"}
+{"version":3,"file":"SelectLanguage.cjs","names":[],"sources":["../../../src/components/select-language/SelectLanguage.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 { selectLanguage } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { ConditionalValue, HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\n\nconst { withProvider, withContext } = createStyleContext(selectLanguage)\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 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 SelectLanguageProps = Omit<SelectRootProps<SelectItem>, 'collection' | 'multiple'> & {\n  usePortal?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof selectLanguage>\n\nconst AVAILABLE_LANGUAGES = [\n  {\n    value: 'fr',\n    label: 'FRA',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-fr\" viewBox=\"0 0 640 480\">\n        <path fill=\"#fff\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#000091\" d=\"M0 0h213.3v480H0z\" />\n        <path fill=\"#e1000f\" d=\"M426.7 0H640v480H426.7z\" />\n      </svg>\n    ),\n  },\n  {\n    value: 'en',\n    label: 'ENG',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-gb\" viewBox=\"0 0 640 480\">\n        <path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#FFF\" d=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\" />\n        <path\n          fill=\"#C8102E\"\n          d=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n        />\n        <path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n        <path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n      </svg>\n    ),\n  },\n] satisfies SelectItem[]\n\nconst InnerTrigger: FC<{ variant: ConditionalValue<'default' | 'compact'> }> = ({ variant }) => {\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': { width: '21px', height: '15px', borderRadius: '3px' } }}>\n      {selected?.flag}\n      {variant === 'default' && <ValueText truncate />}\n    </HStack>\n  )\n}\n\nexport const SelectLanguage: FC<SelectLanguageProps> = ({\n  usePortal = true,\n  positioning,\n  variant = 'default',\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=\"select-language\"\n      defaultValue={['en']}\n      {...props}\n    >\n      <Control>\n        <Trigger>\n          <InnerTrigger variant={variant} />\n        </Trigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner width={variant === 'compact' ? 'fit-content !important' : ''}>\n          <Content>\n            {AVAILABLE_LANGUAGES.map(item => (\n              <Item\n                key={item.value}\n                item={item}\n                gap=\"space-8\"\n                width=\"full\"\n                css={{ '& > svg': { width: '21px', height: '15px', borderRadius: '3px' } }}\n              >\n                {item.flag}\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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"}