@stokelp/ui 2.96.6 → 2.97.0

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsxs as p, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { createListCollection as U, Combobox as r, Portal as e1, useComboboxItemContext as t1 } from "@ark-ui/react";
+import { useState as x, useMemo as P, useCallback as o1, useEffect as n1 } from "react";
+import { styled as i } from "@stokelp/styled-system/jsx";
+import { l as l1 } from "../../_virtual/lodash.js";
+import { combobox as r1 } from "@stokelp/styled-system/recipes";
+import { createStyleContext as i1 } from "../../utils/slots.js";
+import { ConditionalWrapper as v } from "../../shared/ConditionalWrapper.js";
+import { Text as Z } from "../text/Text.js";
+import { Tooltip as B } from "../tooltip/Tooltip.js";
+import { FixedSizeList as c1 } from "react-window";
+import { css as z } from "@stokelp/styled-system/css";
+import { Input as s1 } from "../input/Input.js";
+const { withProvider: h1, withContext: h } = i1(r1), u1 = h1(i(r.Root), "root", {
+  defaultProps: {
+    loopFocus: !0
+  }
+}), a1 = h(i(r.ClearTrigger), "clearTrigger"), d1 = h(i(r.Content), "content"), p1 = h(i(r.Input), "input"), C1 = h(i(r.Control), "control"), S = h(i(r.Item), "item"), g1 = h(i(r.ItemText), "itemText"), f1 = h(i(r.Positioner), "positioner"), m1 = h(i(r.Trigger), "trigger"), w1 = () => /* @__PURE__ */ p("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: z({ stroke: "grey.100" }) })
+] }), x1 = () => /* @__PURE__ */ p("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: z({ 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 V({ item: l, isMultiple: c, renderItem: u }) {
+  const f = t1();
+  return /* @__PURE__ */ p(L, { children: [
+    c ? f.selected ? /* @__PURE__ */ e(x1, {}) : /* @__PURE__ */ e(w1, {}) : null,
+    u ? u(l) : /* @__PURE__ */ e(g1, { truncate: !0, children: l.label })
+  ] });
+}
+const V1 = ({
+  items: l = [],
+  initialItems: c,
+  debounceMs: u = 0,
+  placeholder: f,
+  emptyLabel: E,
+  loadingLabel: O,
+  usePortal: j = !0,
+  withAutoFilter: C = !0,
+  positioning: N,
+  loadItems: g,
+  renderItem: b,
+  onResetInitialItems: y,
+  isLoading: Q,
+  value: W,
+  openDropdownOnFocus: $ = !0,
+  clearValueWhenEmpty: q = !0,
+  virtualized: A,
+  rowHeight: T = 34,
+  returnItemsOnEmpty: D,
+  ...M
+}) => {
+  const [G, a] = x(() => l), [J, I] = x(!1), [K, X] = x(!1), m = typeof g == "function", d = P(
+    () => g ? l1.debounce(async (t) => {
+      try {
+        X(!0), I(!0);
+        const o = await g(t);
+        a(o);
+      } catch (o) {
+        console.error(o), a([]);
+      } finally {
+        I(!1);
+      }
+    }, u) : null,
+    [g, u]
+  ), n = [...G, ...c ?? []], Y = o1(
+    async (t) => {
+      c && c.length > 0 && !c.find((s) => s.label === t.inputValue) && y?.();
+      const { inputValue: o } = t;
+      if (d)
+        d(o);
+      else {
+        const s = C && o !== "" ? l.filter((F) => F.label.toLowerCase().includes(o.toLowerCase())) : l;
+        if (s.length === 0 && D)
+          return a(l);
+        a(s);
+      }
+    },
+    [d, l, C]
+  );
+  n1(() => {
+    !C && !d && a(l);
+  }, [l, C, d]);
+  const _ = P(() => U({ items: n }), [n]), H = Q ?? J, R = O ?? /* @__PURE__ */ e(Z, { p: "space-8", textAlign: "center", children: "Chargement..." }), k = E ?? /* @__PURE__ */ e(Z, { p: "space-8", textAlign: "center", children: "Aucun résultat" }), w = !1;
+  return /* @__PURE__ */ p(
+    u1,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      collection: _,
+      positioning: { sameWidth: !0, gutter: 0, ...N },
+      "data-recipe": "combobox",
+      onInputValueChange: Y,
+      value: W,
+      ...M,
+      multiple: w,
+      children: [
+        /* @__PURE__ */ p(C1, { children: [
+          /* @__PURE__ */ e(r.Context, { children: (t) => /* @__PURE__ */ e(
+            p1,
+            {
+              asChild: !0,
+              placeholder: f,
+              onInput: (o) => {
+                const s = o.currentTarget.value;
+                q && s === "" && t.clearValue();
+              },
+              onFocus: () => {
+                !$ || m || t.setOpen(!0);
+              },
+              children: /* @__PURE__ */ e(s1, {})
+            }
+          ) }),
+          /* @__PURE__ */ e(m1, { asChild: !0, hidden: m && (!c || c.length === 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(a1, { disabled: M.readOnly, onClick: y, 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(v, { when: j, wrapper: (t) => /* @__PURE__ */ e(e1, { children: t }), children: /* @__PURE__ */ e(f1, { children: /* @__PURE__ */ e(d1, { children: H ? R : n.length === 0 ? /* @__PURE__ */ e(L, { children: m ? K ? k : R : k }) : A ? /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+          c1,
+          {
+            height: Math.min(T * n.length, 180),
+            itemCount: n.length,
+            itemSize: T,
+            width: "100%",
+            children: ({ index: t, style: o }) => /* @__PURE__ */ e(
+              v,
+              {
+                when: !!n[t].tooltip,
+                wrapper: (s) => /* @__PURE__ */ e(B, { label: n[t].tooltip, children: s }),
+                children: /* @__PURE__ */ e(S, { item: n[t], style: o, children: /* @__PURE__ */ e(V, { renderItem: b, item: n[t], isMultiple: w }) }, n[t].value)
+              },
+              n[t].value
+            )
+          }
+        ) }) : n.map((t) => /* @__PURE__ */ e(
+          v,
+          {
+            when: !!t.tooltip,
+            wrapper: (o) => /* @__PURE__ */ e(B, { label: t.tooltip, children: o }),
+            children: /* @__PURE__ */ e(S, { item: t, children: /* @__PURE__ */ e(V, { renderItem: b, item: t, isMultiple: w }) }, t.value)
+          },
+          t.value
+        )) }) }) })
+      ]
+    }
+  );
+};
+export {
+  V1 as Combobox
+};
+//# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import {\n  Combobox as ArkCombobox,\n  type ComboboxRootProps,\n  createListCollection,\n  Portal,\n  useComboboxItemContext,\n} from '@ark-ui/react'\nimport { FC, ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { debounce } from 'lodash'\n\nimport { combobox } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Input as UIInput } from '~/components/input'\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(combobox)\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Root = withProvider(styled(ArkCombobox.Root<any>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst ClearTrigger = withContext(styled(ArkCombobox.ClearTrigger), 'clearTrigger')\nconst Content = withContext(styled(ArkCombobox.Content), 'content')\nconst Input = withContext(styled(ArkCombobox.Input), 'input')\nconst Control = withContext(styled(ArkCombobox.Control), 'control')\nconst Item = withContext(styled(ArkCombobox.Item), 'item')\nconst ItemText = withContext(styled(ArkCombobox.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkCombobox.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkCombobox.Trigger), 'trigger')\n\nexport type ComboboxItem = {\n  value: string | number\n  label: string\n  disabled?: boolean\n  tooltip?: ReactNode\n}\n\nexport type ComboboxProps<T extends ComboboxItem> = Omit<ComboboxRootProps<T>, 'collection' | 'value'> & {\n  value?: Array<string | number>\n  items?: T[]\n  initialItems?: T[]\n  renderItem?: (item: T) => ReactNode\n  loadItems?: (inputValue: string) => Promise<T[]>\n  debounceMs?: number\n  emptyLabel?: ReactNode\n  loadingLabel?: ReactNode\n  placeholder?: string\n  usePortal?: boolean\n  isLoading?: boolean\n  withAutoFilter?: boolean\n  onResetInitialItems?: () => void\n  openDropdownOnFocus?: boolean\n  clearValueWhenEmpty?: boolean\n  virtualized?: boolean\n  rowHeight?: number\n  returnItemsOnEmpty?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof combobox>\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 ComboboxItem> {\n  item: Item\n  isMultiple?: boolean\n  renderItem?: (item: Item) => ReactNode\n}\n\nfunction CustomInnerItem<Item extends ComboboxItem>({ item, isMultiple, renderItem }: InnerItemProps<Item>) {\n  const context = useComboboxItemContext()\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 const Combobox = <T extends ComboboxItem>({\n  items: itemsFromUsers = [],\n  initialItems,\n  debounceMs = 0,\n  placeholder,\n  emptyLabel,\n  loadingLabel,\n  usePortal = true,\n  withAutoFilter = true,\n  positioning,\n  loadItems,\n  renderItem,\n  onResetInitialItems,\n  isLoading: controlledIsLoading,\n  value,\n  openDropdownOnFocus = true,\n  clearValueWhenEmpty = true,\n  virtualized,\n  rowHeight = 34,\n  returnItemsOnEmpty,\n  ...props\n}: ComboboxProps<T>) => {\n  const [items, setItems] = useState(() => itemsFromUsers)\n  const [isLoading, setIsLoading] = useState(false)\n  const [firstQueryTriggered, setFirstQueryTriggered] = useState(false)\n  const asyncMode = typeof loadItems === 'function'\n\n  const debouncedLoadItems = useMemo(\n    () =>\n      loadItems\n        ? debounce(async (value: string) => {\n            try {\n              setFirstQueryTriggered(true)\n              setIsLoading(true)\n              const newItems = await loadItems(value)\n              setItems(newItems)\n            } catch (error) {\n              console.error(error)\n              setItems([])\n            } finally {\n              setIsLoading(false)\n            }\n          }, debounceMs)\n        : null,\n    [loadItems, debounceMs],\n  )\n\n  const allItems = [...items, ...(initialItems ?? [])]\n\n  const handleInputChange = useCallback(\n    async (details: ArkCombobox.InputValueChangeDetails) => {\n      if (initialItems && initialItems.length > 0 && !initialItems.find(item => item.label === details.inputValue)) {\n        onResetInitialItems?.()\n      }\n      const { inputValue } = details\n\n      if (debouncedLoadItems) {\n        debouncedLoadItems(inputValue)\n      } else {\n        const items =\n          withAutoFilter && inputValue !== ''\n            ? itemsFromUsers.filter(item => item.label.toLowerCase().includes(inputValue.toLowerCase()))\n            : itemsFromUsers\n\n        if (items.length === 0 && returnItemsOnEmpty) {\n          return setItems(itemsFromUsers)\n        }\n        setItems(items)\n      }\n    },\n    [debouncedLoadItems, itemsFromUsers, withAutoFilter],\n  )\n\n  useEffect(() => {\n    if (!withAutoFilter && !debouncedLoadItems) {\n      setItems(itemsFromUsers)\n    }\n  }, [itemsFromUsers, withAutoFilter, debouncedLoadItems])\n\n  const collection = useMemo(() => createListCollection({ items: allItems }), [allItems])\n\n  const effectiveIsLoading = controlledIsLoading ?? isLoading\n\n  const loadingContent = loadingLabel ?? (\n    <Text p=\"space-8\" textAlign=\"center\">\n      Chargement...\n    </Text>\n  )\n  const emptyContent = emptyLabel ?? (\n    <Text p=\"space-8\" textAlign=\"center\">\n      Aucun résultat\n    </Text>\n  )\n  // TODO: const multiple = props.multiple\n  // TODO: multiple design, using input chips https://ark-ui.com/reat/examples/combobox-with-tags-input\n  const multiple = false\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"combobox\"\n      onInputValueChange={handleInputChange}\n      value={value as string[] | undefined}\n      {...props}\n      // TODO: multiple design\n      multiple={multiple}\n    >\n      <Control>\n        <ArkCombobox.Context>\n          {api => (\n            <Input\n              asChild\n              placeholder={placeholder}\n              onInput={e => {\n                const value = e.currentTarget.value\n\n                if (clearValueWhenEmpty && value === '') {\n                  api.clearValue()\n                }\n              }}\n              onFocus={() => {\n                if (!openDropdownOnFocus || asyncMode) return\n                api.setOpen(true)\n              }}\n            >\n              <UIInput />\n            </Input>\n          )}\n        </ArkCombobox.Context>\n        <Trigger asChild hidden={asyncMode && (!initialItems || initialItems.length === 0)}>\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        </Trigger>\n        <ClearTrigger disabled={props.readOnly} onClick={onResetInitialItems} 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>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {effectiveIsLoading ? (\n              loadingContent\n            ) : allItems.length === 0 ? (\n              <>{asyncMode ? (firstQueryTriggered ? emptyContent : loadingContent) : emptyContent}</>\n            ) : virtualized ? (\n              <>\n                <FixedSizeList\n                  height={Math.min(rowHeight * allItems.length, 180)}\n                  itemCount={allItems.length}\n                  itemSize={rowHeight}\n                  width=\"100%\"\n                >\n                  {({ index, style }) => (\n                    <ConditionalWrapper\n                      key={allItems[index].value}\n                      when={!!allItems[index].tooltip}\n                      wrapper={children => <Tooltip label={allItems[index].tooltip}>{children}</Tooltip>}\n                    >\n                      <Item key={allItems[index].value} item={allItems[index]} style={style}>\n                        <CustomInnerItem renderItem={renderItem} item={allItems[index]} isMultiple={multiple} />\n                      </Item>\n                    </ConditionalWrapper>\n                  )}\n                </FixedSizeList>\n              </>\n            ) : (\n              allItems.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={multiple} />\n                  </Item>\n                </ConditionalWrapper>\n              ))\n            )}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","combobox","Root","styled","ArkCombobox","ClearTrigger","Content","Input","Control","Item","ItemText","Positioner","Trigger","MultipleUncheckedIndicator","jsxs","jsx","css","MultipleCheckedIndicator","CustomInnerItem","item","isMultiple","renderItem","context","useComboboxItemContext","Fragment","Combobox","itemsFromUsers","initialItems","debounceMs","placeholder","emptyLabel","loadingLabel","usePortal","withAutoFilter","positioning","loadItems","onResetInitialItems","controlledIsLoading","value","openDropdownOnFocus","clearValueWhenEmpty","virtualized","rowHeight","returnItemsOnEmpty","props","items","setItems","useState","isLoading","setIsLoading","firstQueryTriggered","setFirstQueryTriggered","asyncMode","debouncedLoadItems","useMemo","debounce","newItems","error","allItems","handleInputChange","useCallback","details","inputValue","useEffect","collection","createListCollection","effectiveIsLoading","loadingContent","Text","emptyContent","multiple","api","e","UIInput","ConditionalWrapper","children","Portal","FixedSizeList","index","style","Tooltip"],"mappings":"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"}

package/dist/components/date-picker/DatePicker.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@stokelp/styled-system/recipes"),t=require("@ark-ui/react"),H=require("../../utils/slots.cjs"),T=require("@stokelp/styled-system/jsx"),d=require("../input/InputGroup.cjs"),h=require("../input/InputAddon.cjs"),u=require("../input/Input.cjs"),x=require("../icon-button/IconButton.cjs"),{withProvider:b,withContext:r}=H.createStyleContext(p.datepicker),M=b(t.DatePicker.Root,"root",{defaultProps:{positioning:{placement:"bottom-start"},view:"day",locale:"fr",unmountOnExit:!0,lazyMount:!0,startOfWeek:6}}),L=r(t.DatePicker.Content,"content"),f=r(t.DatePicker.Control,"control"),g=r(t.DatePicker.Input,"input"),Z=r(t.DatePicker.MonthSelect,"monthSelect"),I=r(t.DatePicker.NextTrigger,"nextTrigger"),R=r(t.DatePicker.Positioner,"positioner"),m=r(t.DatePicker.PrevTrigger,"prevTrigger"),y=r(t.DatePicker.TableBody,"tableBody"),B=r(t.DatePicker.TableCell,"tableCell"),S=r(t.DatePicker.TableCellTrigger,"tableCellTrigger"),q=r(t.DatePicker.TableHead,"tableHead"),A=r(t.DatePicker.TableHeader,"tableHeader"),O=r(t.DatePicker.Table,"table"),j=r(t.DatePicker.TableRow,"tableRow"),P=r(t.DatePicker.Trigger,"trigger"),z=r(t.DatePicker.ViewControl,"viewControl"),G=r(t.DatePicker.View,"view"),N=r(t.DatePicker.YearSelect,"yearSelect"),k=r(T.styled(t.DatePicker.ClearTrigger),"clearTrigger"),v=()=>e.jsx("svg",{width:"23",height:"24",viewBox:"0 0 23 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.46875 2.25C6.8657 2.25 7.1875 2.58579 7.1875 3V4.5H15.8125V3C15.8125 2.58579 16.1343 2.25 16.5312 2.25C16.9282 2.25 17.25 2.58579 17.25 3V4.5H17.9688C19.5566 4.5 20.8438 5.84315 20.8438 7.5V18.75C20.8438 20.4069 19.5566 21.75 17.9688 21.75H5.03125C3.44343 21.75 2.15625 20.4069 2.15625 18.75V7.5C2.15625 5.84315 3.44343 4.5 5.03125 4.5H5.75V3C5.75 2.58579 6.0718 2.25 6.46875 2.25ZM5.03125 6C4.23734 6 3.59375 6.67157 3.59375 7.5V8.65135C4.01662 8.39609 4.50759 8.25 5.03125 8.25H17.9688C18.4924 8.25 18.9834 8.39609 19.4062 8.65135V7.5C19.4062 6.67157 18.7627 6 17.9688 6H5.03125ZM19.4062 11.25C19.4062 10.4216 18.7627 9.75 17.9688 9.75H5.03125C4.23734 9.75 3.59375 10.4216 3.59375 11.25V18.75C3.59375 19.5784 4.23734 20.25 5.03125 20.25H17.9688C18.7627 20.25 19.4062 19.5784 19.4062 18.75V11.25ZM10.7812 12.75C10.7812 12.3358 11.103 12 11.5 12H11.5072C11.9041 12 12.2259 12.3358 12.2259 12.75V12.7575C12.2259 13.1717 11.9041 13.5075 11.5072 13.5075H11.5C11.103 13.5075 10.7812 13.1717 10.7812 12.7575V12.75ZM12.9375 12.75C12.9375 12.3358 13.2593 12 13.6562 12H13.6634C14.0604 12 14.3822 12.3358 14.3822 12.75V12.7575C14.3822 13.1717 14.0604 13.5075 13.6634 13.5075H13.6562C13.2593 13.5075 12.9375 13.1717 12.9375 12.7575V12.75ZM15.0938 12.75C15.0938 12.3358 15.4155 12 15.8125 12H15.8197C16.2166 12 16.5384 12.3358 16.5384 12.75V12.7575C16.5384 13.1717 16.2166 13.5075 15.8197 13.5075H15.8125C15.4155 13.5075 15.0938 13.1717 15.0938 12.7575V12.75ZM6.46875 15C6.46875 14.5858 6.79054 14.25 7.1875 14.25H7.19469C7.59164 14.25 7.91344 14.5858 7.91344 15V15.0075C7.91344 15.4217 7.59164 15.7575 7.19469 15.7575H7.1875C6.79054 15.7575 6.46875 15.4217 6.46875 15.0075V15ZM8.625 15C8.625 14.5858 8.94679 14.25 9.34375 14.25H9.35094C9.74789 14.25 10.0697 14.5858 10.0697 15V15.0075C10.0697 15.4217 9.74789 15.7575 9.35094 15.7575H9.34375C8.94679 15.7575 8.625 15.4217 8.625 15.0075V15ZM10.7812 15C10.7812 14.5858 11.103 14.25 11.5 14.25H11.5072C11.9041 14.25 12.2259 14.5858 12.2259 15V15.0075C12.2259 15.4217 11.9041 15.7575 11.5072 15.7575H11.5C11.103 15.7575 10.7812 15.4217 10.7812 15.0075V15ZM12.9375 15C12.9375 14.5858 13.2593 14.25 13.6562 14.25H13.6634C14.0604 14.25 14.3822 14.5858 14.3822 15V15.0075C14.3822 15.4217 14.0604 15.7575 13.6634 15.7575H13.6562C13.2593 15.7575 12.9375 15.4217 12.9375 15.0075V15ZM15.0938 15C15.0938 14.5858 15.4155 14.25 15.8125 14.25H15.8197C16.2166 14.25 16.5384 14.5858 16.5384 15V15.0075C16.5384 15.4217 16.2166 15.7575 15.8197 15.7575H15.8125C15.4155 15.7575 15.0938 15.4217 15.0938 15.0075V15ZM6.46875 17.25C6.46875 16.8358 6.79054 16.5 7.1875 16.5H7.19469C7.59164 16.5 7.91344 16.8358 7.91344 17.25V17.2575C7.91344 17.6717 7.59164 18.0075 7.19469 18.0075H7.1875C6.79054 18.0075 6.46875 17.6717 6.46875 17.2575V17.25ZM8.625 17.25C8.625 16.8358 8.94679 16.5 9.34375 16.5H9.35094C9.74789 16.5 10.0697 16.8358 10.0697 17.25V17.2575C10.0697 17.6717 9.74789 18.0075 9.35094 18.0075H9.34375C8.94679 18.0075 8.625 17.6717 8.625 17.2575V17.25ZM10.7812 17.25C10.7812 16.8358 11.103 16.5 11.5 16.5H11.5072C11.9041 16.5 12.2259 16.8358 12.2259 17.25V17.2575C12.2259 17.6717 11.9041 18.0075 11.5072 18.0075H11.5C11.103 18.0075 10.7812 17.6717 10.7812 17.2575V17.25ZM12.9375 17.25C12.9375 16.8358 13.2593 16.5 13.6562 16.5H13.6634C14.0604 16.5 14.3822 16.8358 14.3822 17.25V17.2575C14.3822 17.6717 14.0604 18.0075 13.6634 18.0075H13.6562C13.2593 18.0075 12.9375 17.6717 12.9375 17.2575V17.25Z",fill:"currentColor"})}),Y=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z",fill:"currentColor"})}),F=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z",fill:"currentColor"})}),W=({placeholder:c,preflightClassName:w,selectionMode:o,clearValueWhenEmpty:s=!0,...C})=>{const D=o==="range";return e.jsxs(M,{startOfWeek:1,...C,selectionMode:o,onValueChange:n=>C.onValueChange?.({...n,valueAsString:n.value.length?[n.value.toString()]:[]}),children:[e.jsx(t.DatePicker.Context,{children:n=>e.jsxs(f,{children:[e.jsxs(d.InputGroup,{children:[e.jsx(g,{asChild:!0,index:0,placeholder:c,children:e.jsx(u.Input,{onInput:i=>{const l=i.currentTarget.value;s&&l===""&&n.clearValue()}})}),e.jsxs(h.InputAddon,{children:[e.jsx(k,{asChild:!0,children:e.jsx("button",{children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})})})}),e.jsx(P,{style:{cursor:"pointer"},children:e.jsx(v,{})})]})]}),D?e.jsxs(d.InputGroup,{children:[e.jsx(g,{asChild:!0,index:1,placeholder:c,children:e.jsx(u.Input,{onInput:i=>{const l=i.currentTarget.value;s&&l===""&&n.clearValue()}})}),e.jsxs(h.InputAddon,{children:[n.value.length===2?e.jsx(k,{asChild:!0,children:e.jsx("button",{children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})})})}):null,e.jsx(P,{children:e.jsx(v,{})})]})]}):null]})}),e.jsx(t.Portal,{children:e.jsx(R,{className:w,children:e.jsx(L,{children:e.jsx(G,{view:"day",children:e.jsx(t.DatePicker.Context,{children:n=>e.jsxs(e.Fragment,{children:[e.jsxs(z,{children:[e.jsx(m,{asChild:!0,children:e.jsx(x.IconButton,{"aria-label":"prev",variant:"secondary",size:"md",children:e.jsx(Y,{})})}),e.jsx(Z,{}),e.jsx(N,{}),e.jsx(I,{asChild:!0,children:e.jsx(x.IconButton,{"aria-label":"next",variant:"secondary",size:"md",children:e.jsx(F,{})})})]}),e.jsxs(O,{children:[e.jsx(q,{children:e.jsx(j,{children:n.weekDays.map((i,l)=>e.jsx(A,{children:i.short},l))})}),e.jsx(y,{children:n.weeks.map((i,l)=>e.jsx(j,{children:i.map((a,V)=>e.jsx(B,{value:a,children:e.jsx(S,{asChild:!0,children:e.jsx("button",{children:a.day})})},V))},l))})]})]})})})})})})]})};exports.DatePicker=W;
+//# sourceMappingURL=DatePicker.cjs.map

package/dist/components/date-picker/DatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import { datepicker } from '@stokelp/styled-system/recipes'\nimport { DatePicker as ArkDatePicker, Portal } from '@ark-ui/react'\nimport { createStyleContext } from '~/utils/slots'\nimport { ComponentProps, FC } from 'react'\nimport { IconButton, Input, InputAddon, InputGroup } from '~/components'\nimport { styled } from '@stokelp/styled-system/jsx'\n\nconst { withProvider, withContext } = createStyleContext(datepicker)\n\nconst DatePickerRoot = withProvider(ArkDatePicker.Root, 'root', {\n  defaultProps: {\n    positioning: {\n      placement: 'bottom-start',\n    },\n    view: 'day',\n    locale: 'fr',\n    unmountOnExit: true,\n    lazyMount: true,\n    startOfWeek: 6,\n  },\n})\nconst DatePickerContent = withContext(ArkDatePicker.Content, 'content')\nconst DatePickerControl = withContext(ArkDatePicker.Control, 'control')\nconst DatePickerInput = withContext(ArkDatePicker.Input, 'input')\nconst DatePickerMonthSelect = withContext(ArkDatePicker.MonthSelect, 'monthSelect')\nconst DatePickerNextTrigger = withContext(ArkDatePicker.NextTrigger, 'nextTrigger')\nconst DatePickerPositioner = withContext(ArkDatePicker.Positioner, 'positioner')\nconst DatePickerPrevTrigger = withContext(ArkDatePicker.PrevTrigger, 'prevTrigger')\nconst DatePickerTableBody = withContext(ArkDatePicker.TableBody, 'tableBody')\nconst DatePickerTableCell = withContext(ArkDatePicker.TableCell, 'tableCell')\nconst DatePickerTableCellTrigger = withContext(ArkDatePicker.TableCellTrigger, 'tableCellTrigger')\nconst DatePickerTableHead = withContext(ArkDatePicker.TableHead, 'tableHead')\nconst DatePickerTableHeader = withContext(ArkDatePicker.TableHeader, 'tableHeader')\nconst DatePickerTable = withContext(ArkDatePicker.Table, 'table')\nconst DatePickerTableRow = withContext(ArkDatePicker.TableRow, 'tableRow')\nconst DatePickerTrigger = withContext(ArkDatePicker.Trigger, 'trigger')\nconst DatePickerViewControl = withContext(ArkDatePicker.ViewControl, 'viewControl')\nconst DatePickerView = withContext(ArkDatePicker.View, 'view')\nconst DatePickerYearSelect = withContext(ArkDatePicker.YearSelect, 'yearSelect')\nconst ClearTrigger = withContext(styled(ArkDatePicker.ClearTrigger), 'clearTrigger')\n\nexport interface DatePickerProps extends ComponentProps<typeof DatePickerRoot> {\n  placeholder?: string\n  clearValueWhenEmpty?: boolean\n  preflightClassName?: string\n}\n\nconst DateIcon = () => (\n  <svg width=\"23\" height=\"24\" viewBox=\"0 0 23 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M6.46875 2.25C6.8657 2.25 7.1875 2.58579 7.1875 3V4.5H15.8125V3C15.8125 2.58579 16.1343 2.25 16.5312 2.25C16.9282 2.25 17.25 2.58579 17.25 3V4.5H17.9688C19.5566 4.5 20.8438 5.84315 20.8438 7.5V18.75C20.8438 20.4069 19.5566 21.75 17.9688 21.75H5.03125C3.44343 21.75 2.15625 20.4069 2.15625 18.75V7.5C2.15625 5.84315 3.44343 4.5 5.03125 4.5H5.75V3C5.75 2.58579 6.0718 2.25 6.46875 2.25ZM5.03125 6C4.23734 6 3.59375 6.67157 3.59375 7.5V8.65135C4.01662 8.39609 4.50759 8.25 5.03125 8.25H17.9688C18.4924 8.25 18.9834 8.39609 19.4062 8.65135V7.5C19.4062 6.67157 18.7627 6 17.9688 6H5.03125ZM19.4062 11.25C19.4062 10.4216 18.7627 9.75 17.9688 9.75H5.03125C4.23734 9.75 3.59375 10.4216 3.59375 11.25V18.75C3.59375 19.5784 4.23734 20.25 5.03125 20.25H17.9688C18.7627 20.25 19.4062 19.5784 19.4062 18.75V11.25ZM10.7812 12.75C10.7812 12.3358 11.103 12 11.5 12H11.5072C11.9041 12 12.2259 12.3358 12.2259 12.75V12.7575C12.2259 13.1717 11.9041 13.5075 11.5072 13.5075H11.5C11.103 13.5075 10.7812 13.1717 10.7812 12.7575V12.75ZM12.9375 12.75C12.9375 12.3358 13.2593 12 13.6562 12H13.6634C14.0604 12 14.3822 12.3358 14.3822 12.75V12.7575C14.3822 13.1717 14.0604 13.5075 13.6634 13.5075H13.6562C13.2593 13.5075 12.9375 13.1717 12.9375 12.7575V12.75ZM15.0938 12.75C15.0938 12.3358 15.4155 12 15.8125 12H15.8197C16.2166 12 16.5384 12.3358 16.5384 12.75V12.7575C16.5384 13.1717 16.2166 13.5075 15.8197 13.5075H15.8125C15.4155 13.5075 15.0938 13.1717 15.0938 12.7575V12.75ZM6.46875 15C6.46875 14.5858 6.79054 14.25 7.1875 14.25H7.19469C7.59164 14.25 7.91344 14.5858 7.91344 15V15.0075C7.91344 15.4217 7.59164 15.7575 7.19469 15.7575H7.1875C6.79054 15.7575 6.46875 15.4217 6.46875 15.0075V15ZM8.625 15C8.625 14.5858 8.94679 14.25 9.34375 14.25H9.35094C9.74789 14.25 10.0697 14.5858 10.0697 15V15.0075C10.0697 15.4217 9.74789 15.7575 9.35094 15.7575H9.34375C8.94679 15.7575 8.625 15.4217 8.625 15.0075V15ZM10.7812 15C10.7812 14.5858 11.103 14.25 11.5 14.25H11.5072C11.9041 14.25 12.2259 14.5858 12.2259 15V15.0075C12.2259 15.4217 11.9041 15.7575 11.5072 15.7575H11.5C11.103 15.7575 10.7812 15.4217 10.7812 15.0075V15ZM12.9375 15C12.9375 14.5858 13.2593 14.25 13.6562 14.25H13.6634C14.0604 14.25 14.3822 14.5858 14.3822 15V15.0075C14.3822 15.4217 14.0604 15.7575 13.6634 15.7575H13.6562C13.2593 15.7575 12.9375 15.4217 12.9375 15.0075V15ZM15.0938 15C15.0938 14.5858 15.4155 14.25 15.8125 14.25H15.8197C16.2166 14.25 16.5384 14.5858 16.5384 15V15.0075C16.5384 15.4217 16.2166 15.7575 15.8197 15.7575H15.8125C15.4155 15.7575 15.0938 15.4217 15.0938 15.0075V15ZM6.46875 17.25C6.46875 16.8358 6.79054 16.5 7.1875 16.5H7.19469C7.59164 16.5 7.91344 16.8358 7.91344 17.25V17.2575C7.91344 17.6717 7.59164 18.0075 7.19469 18.0075H7.1875C6.79054 18.0075 6.46875 17.6717 6.46875 17.2575V17.25ZM8.625 17.25C8.625 16.8358 8.94679 16.5 9.34375 16.5H9.35094C9.74789 16.5 10.0697 16.8358 10.0697 17.25V17.2575C10.0697 17.6717 9.74789 18.0075 9.35094 18.0075H9.34375C8.94679 18.0075 8.625 17.6717 8.625 17.2575V17.25ZM10.7812 17.25C10.7812 16.8358 11.103 16.5 11.5 16.5H11.5072C11.9041 16.5 12.2259 16.8358 12.2259 17.25V17.2575C12.2259 17.6717 11.9041 18.0075 11.5072 18.0075H11.5C11.103 18.0075 10.7812 17.6717 10.7812 17.2575V17.25ZM12.9375 17.25C12.9375 16.8358 13.2593 16.5 13.6562 16.5H13.6634C14.0604 16.5 14.3822 16.8358 14.3822 17.25V17.2575C14.3822 17.6717 14.0604 18.0075 13.6634 18.0075H13.6562C13.2593 18.0075 12.9375 17.6717 12.9375 17.2575V17.25Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nconst ChevronLeftIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nconst ChevronRightIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nexport const DatePicker: FC<DatePickerProps> = ({\n  placeholder,\n  preflightClassName,\n  selectionMode,\n  clearValueWhenEmpty = true,\n  ...props\n}) => {\n  const isRange = selectionMode === 'range'\n\n  return (\n    <DatePickerRoot\n      startOfWeek={1}\n      {...props}\n      selectionMode={selectionMode}\n      onValueChange={value =>\n        props.onValueChange?.({ ...value, valueAsString: value.value.length ? [value.value.toString()] : [] })\n      }\n    >\n      <ArkDatePicker.Context>\n        {api => (\n          <DatePickerControl>\n            <InputGroup>\n              <DatePickerInput asChild index={0} placeholder={placeholder}>\n                <Input\n                  onInput={e => {\n                    const value = e.currentTarget.value\n\n                    if (clearValueWhenEmpty && value === '') {\n                      api.clearValue()\n                    }\n                  }}\n                />\n              </DatePickerInput>\n              <InputAddon>\n                <ClearTrigger 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\n                <DatePickerTrigger style={{ cursor: 'pointer' }}>\n                  <DateIcon />\n                </DatePickerTrigger>\n              </InputAddon>\n            </InputGroup>\n            {isRange ? (\n              <InputGroup>\n                <DatePickerInput asChild index={1} placeholder={placeholder}>\n                  <Input\n                    onInput={e => {\n                      const value = e.currentTarget.value\n\n                      if (clearValueWhenEmpty && value === '') {\n                        api.clearValue()\n                      }\n                    }}\n                  />\n                </DatePickerInput>\n                <InputAddon>\n                  {api.value.length === 2 ? (\n                    <ClearTrigger 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                  ) : null}\n                  <DatePickerTrigger>\n                    <DateIcon />\n                  </DatePickerTrigger>\n                </InputAddon>\n              </InputGroup>\n            ) : null}\n          </DatePickerControl>\n        )}\n      </ArkDatePicker.Context>\n      <Portal>\n        <DatePickerPositioner className={preflightClassName}>\n          <DatePickerContent>\n            <DatePickerView view=\"day\">\n              <ArkDatePicker.Context>\n                {api => (\n                  <>\n                    <DatePickerViewControl>\n                      <DatePickerPrevTrigger asChild>\n                        <IconButton aria-label=\"prev\" variant=\"secondary\" size=\"md\">\n                          <ChevronLeftIcon />\n                        </IconButton>\n                      </DatePickerPrevTrigger>\n                      <DatePickerMonthSelect />\n                      <DatePickerYearSelect />\n                      <DatePickerNextTrigger asChild>\n                        <IconButton aria-label=\"next\" variant=\"secondary\" size=\"md\">\n                          <ChevronRightIcon />\n                        </IconButton>\n                      </DatePickerNextTrigger>\n                    </DatePickerViewControl>\n                    <DatePickerTable>\n                      <DatePickerTableHead>\n                        <DatePickerTableRow>\n                          {api.weekDays.map((weekDay, id) => (\n                            <DatePickerTableHeader key={id}>{weekDay.short}</DatePickerTableHeader>\n                          ))}\n                        </DatePickerTableRow>\n                      </DatePickerTableHead>\n                      <DatePickerTableBody>\n                        {api.weeks.map((week, id) => (\n                          <DatePickerTableRow key={id}>\n                            {week.map((day, id) => (\n                              <DatePickerTableCell key={id} value={day}>\n                                <DatePickerTableCellTrigger asChild>\n                                  <button>{day.day}</button>\n                                </DatePickerTableCellTrigger>\n                              </DatePickerTableCell>\n                            ))}\n                          </DatePickerTableRow>\n                        ))}\n                      </DatePickerTableBody>\n                    </DatePickerTable>\n                  </>\n                )}\n              </ArkDatePicker.Context>\n            </DatePickerView>\n          </DatePickerContent>\n        </DatePickerPositioner>\n      </Portal>\n    </DatePickerRoot>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","datepicker","DatePickerRoot","ArkDatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerMonthSelect","DatePickerNextTrigger","DatePickerPositioner","DatePickerPrevTrigger","DatePickerTableBody","DatePickerTableCell","DatePickerTableCellTrigger","DatePickerTableHead","DatePickerTableHeader","DatePickerTable","DatePickerTableRow","DatePickerTrigger","DatePickerViewControl","DatePickerView","DatePickerYearSelect","ClearTrigger","styled","DateIcon","jsx","ChevronLeftIcon","ChevronRightIcon","DatePicker","placeholder","preflightClassName","selectionMode","clearValueWhenEmpty","props","isRange","jsxs","value","api","InputGroup","Input","e","InputAddon","Portal","Fragment","IconButton","weekDay","id","week","day"],"mappings":"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"}

package/dist/components/date-picker/DatePicker.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsxs as n, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { datepicker as k } from "@stokelp/styled-system/recipes";
+import { DatePicker as t, Portal as L } from "@ark-ui/react";
+import { createStyleContext as M } from "../../utils/slots.js";
+import { styled as x } from "@stokelp/styled-system/jsx";
+import { InputGroup as s } from "../input/InputGroup.js";
+import { InputAddon as g } from "../input/InputAddon.js";
+import { Input as u } from "../input/Input.js";
+import { IconButton as v } from "../icon-button/IconButton.js";
+const { withProvider: D, withContext: r } = M(k), Z = D(t.Root, "root", {
+  defaultProps: {
+    positioning: {
+      placement: "bottom-start"
+    },
+    view: "day",
+    locale: "fr",
+    unmountOnExit: !0,
+    lazyMount: !0,
+    startOfWeek: 6
+  }
+}), R = r(t.Content, "content"), y = r(t.Control, "control"), w = r(t.Input, "input"), I = r(t.MonthSelect, "monthSelect"), B = r(t.NextTrigger, "nextTrigger"), S = r(t.Positioner, "positioner"), z = r(t.PrevTrigger, "prevTrigger"), N = r(t.TableBody, "tableBody"), O = r(t.TableCell, "tableCell"), j = r(t.TableCellTrigger, "tableCellTrigger"), A = r(t.TableHead, "tableHead"), Y = r(t.TableHeader, "tableHeader"), F = r(t.Table, "table"), V = r(t.TableRow, "tableRow"), p = r(t.Trigger, "trigger"), G = r(t.ViewControl, "viewControl"), W = r(t.View, "view"), $ = r(t.YearSelect, "yearSelect"), H = r(x(t.ClearTrigger), "clearTrigger"), m = () => /* @__PURE__ */ e("svg", { width: "23", height: "24", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.46875 2.25C6.8657 2.25 7.1875 2.58579 7.1875 3V4.5H15.8125V3C15.8125 2.58579 16.1343 2.25 16.5312 2.25C16.9282 2.25 17.25 2.58579 17.25 3V4.5H17.9688C19.5566 4.5 20.8438 5.84315 20.8438 7.5V18.75C20.8438 20.4069 19.5566 21.75 17.9688 21.75H5.03125C3.44343 21.75 2.15625 20.4069 2.15625 18.75V7.5C2.15625 5.84315 3.44343 4.5 5.03125 4.5H5.75V3C5.75 2.58579 6.0718 2.25 6.46875 2.25ZM5.03125 6C4.23734 6 3.59375 6.67157 3.59375 7.5V8.65135C4.01662 8.39609 4.50759 8.25 5.03125 8.25H17.9688C18.4924 8.25 18.9834 8.39609 19.4062 8.65135V7.5C19.4062 6.67157 18.7627 6 17.9688 6H5.03125ZM19.4062 11.25C19.4062 10.4216 18.7627 9.75 17.9688 9.75H5.03125C4.23734 9.75 3.59375 10.4216 3.59375 11.25V18.75C3.59375 19.5784 4.23734 20.25 5.03125 20.25H17.9688C18.7627 20.25 19.4062 19.5784 19.4062 18.75V11.25ZM10.7812 12.75C10.7812 12.3358 11.103 12 11.5 12H11.5072C11.9041 12 12.2259 12.3358 12.2259 12.75V12.7575C12.2259 13.1717 11.9041 13.5075 11.5072 13.5075H11.5C11.103 13.5075 10.7812 13.1717 10.7812 12.7575V12.75ZM12.9375 12.75C12.9375 12.3358 13.2593 12 13.6562 12H13.6634C14.0604 12 14.3822 12.3358 14.3822 12.75V12.7575C14.3822 13.1717 14.0604 13.5075 13.6634 13.5075H13.6562C13.2593 13.5075 12.9375 13.1717 12.9375 12.7575V12.75ZM15.0938 12.75C15.0938 12.3358 15.4155 12 15.8125 12H15.8197C16.2166 12 16.5384 12.3358 16.5384 12.75V12.7575C16.5384 13.1717 16.2166 13.5075 15.8197 13.5075H15.8125C15.4155 13.5075 15.0938 13.1717 15.0938 12.7575V12.75ZM6.46875 15C6.46875 14.5858 6.79054 14.25 7.1875 14.25H7.19469C7.59164 14.25 7.91344 14.5858 7.91344 15V15.0075C7.91344 15.4217 7.59164 15.7575 7.19469 15.7575H7.1875C6.79054 15.7575 6.46875 15.4217 6.46875 15.0075V15ZM8.625 15C8.625 14.5858 8.94679 14.25 9.34375 14.25H9.35094C9.74789 14.25 10.0697 14.5858 10.0697 15V15.0075C10.0697 15.4217 9.74789 15.7575 9.35094 15.7575H9.34375C8.94679 15.7575 8.625 15.4217 8.625 15.0075V15ZM10.7812 15C10.7812 14.5858 11.103 14.25 11.5 14.25H11.5072C11.9041 14.25 12.2259 14.5858 12.2259 15V15.0075C12.2259 15.4217 11.9041 15.7575 11.5072 15.7575H11.5C11.103 15.7575 10.7812 15.4217 10.7812 15.0075V15ZM12.9375 15C12.9375 14.5858 13.2593 14.25 13.6562 14.25H13.6634C14.0604 14.25 14.3822 14.5858 14.3822 15V15.0075C14.3822 15.4217 14.0604 15.7575 13.6634 15.7575H13.6562C13.2593 15.7575 12.9375 15.4217 12.9375 15.0075V15ZM15.0938 15C15.0938 14.5858 15.4155 14.25 15.8125 14.25H15.8197C16.2166 14.25 16.5384 14.5858 16.5384 15V15.0075C16.5384 15.4217 16.2166 15.7575 15.8197 15.7575H15.8125C15.4155 15.7575 15.0938 15.4217 15.0938 15.0075V15ZM6.46875 17.25C6.46875 16.8358 6.79054 16.5 7.1875 16.5H7.19469C7.59164 16.5 7.91344 16.8358 7.91344 17.25V17.2575C7.91344 17.6717 7.59164 18.0075 7.19469 18.0075H7.1875C6.79054 18.0075 6.46875 17.6717 6.46875 17.2575V17.25ZM8.625 17.25C8.625 16.8358 8.94679 16.5 9.34375 16.5H9.35094C9.74789 16.5 10.0697 16.8358 10.0697 17.25V17.2575C10.0697 17.6717 9.74789 18.0075 9.35094 18.0075H9.34375C8.94679 18.0075 8.625 17.6717 8.625 17.2575V17.25ZM10.7812 17.25C10.7812 16.8358 11.103 16.5 11.5 16.5H11.5072C11.9041 16.5 12.2259 16.8358 12.2259 17.25V17.2575C12.2259 17.6717 11.9041 18.0075 11.5072 18.0075H11.5C11.103 18.0075 10.7812 17.6717 10.7812 17.2575V17.25ZM12.9375 17.25C12.9375 16.8358 13.2593 16.5 13.6562 16.5H13.6634C14.0604 16.5 14.3822 16.8358 14.3822 17.25V17.2575C14.3822 17.6717 14.0604 18.0075 13.6634 18.0075H13.6562C13.2593 18.0075 12.9375 17.6717 12.9375 17.2575V17.25Z",
+    fill: "currentColor"
+  }
+) }), q = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z",
+    fill: "currentColor"
+  }
+) }), E = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z",
+    fill: "currentColor"
+  }
+) }), l1 = ({
+  placeholder: C,
+  preflightClassName: f,
+  selectionMode: c,
+  clearValueWhenEmpty: a = !0,
+  ...d
+}) => {
+  const T = c === "range";
+  return /* @__PURE__ */ n(
+    Z,
+    {
+      startOfWeek: 1,
+      ...d,
+      selectionMode: c,
+      onValueChange: (l) => d.onValueChange?.({ ...l, valueAsString: l.value.length ? [l.value.toString()] : [] }),
+      children: [
+        /* @__PURE__ */ e(t.Context, { children: (l) => /* @__PURE__ */ n(y, { children: [
+          /* @__PURE__ */ n(s, { children: [
+            /* @__PURE__ */ e(w, { asChild: !0, index: 0, placeholder: C, children: /* @__PURE__ */ e(
+              u,
+              {
+                onInput: (i) => {
+                  const o = i.currentTarget.value;
+                  a && o === "" && l.clearValue();
+                }
+              }
+            ) }),
+            /* @__PURE__ */ n(g, { children: [
+              /* @__PURE__ */ e(H, { 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, { style: { cursor: "pointer" }, children: /* @__PURE__ */ e(m, {}) })
+            ] })
+          ] }),
+          T ? /* @__PURE__ */ n(s, { children: [
+            /* @__PURE__ */ e(w, { asChild: !0, index: 1, placeholder: C, children: /* @__PURE__ */ e(
+              u,
+              {
+                onInput: (i) => {
+                  const o = i.currentTarget.value;
+                  a && o === "" && l.clearValue();
+                }
+              }
+            ) }),
+            /* @__PURE__ */ n(g, { children: [
+              l.value.length === 2 ? /* @__PURE__ */ e(H, { 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"
+                }
+              ) }) }) }) : null,
+              /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(m, {}) })
+            ] })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(S, { className: f, children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(W, { view: "day", children: /* @__PURE__ */ e(t.Context, { children: (l) => /* @__PURE__ */ n(b, { children: [
+          /* @__PURE__ */ n(G, { children: [
+            /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(v, { "aria-label": "prev", variant: "secondary", size: "md", children: /* @__PURE__ */ e(q, {}) }) }),
+            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e($, {}),
+            /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(v, { "aria-label": "next", variant: "secondary", size: "md", children: /* @__PURE__ */ e(E, {}) }) })
+          ] }),
+          /* @__PURE__ */ n(F, { children: [
+            /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(V, { children: l.weekDays.map((i, o) => /* @__PURE__ */ e(Y, { children: i.short }, o)) }) }),
+            /* @__PURE__ */ e(N, { children: l.weeks.map((i, o) => /* @__PURE__ */ e(V, { children: i.map((h, P) => /* @__PURE__ */ e(O, { value: h, children: /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e("button", { children: h.day }) }) }, P)) }, o)) })
+          ] })
+        ] }) }) }) }) }) })
+      ]
+    }
+  );
+};
+export {
+  l1 as DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import { datepicker } from '@stokelp/styled-system/recipes'\nimport { DatePicker as ArkDatePicker, Portal } from '@ark-ui/react'\nimport { createStyleContext } from '~/utils/slots'\nimport { ComponentProps, FC } from 'react'\nimport { IconButton, Input, InputAddon, InputGroup } from '~/components'\nimport { styled } from '@stokelp/styled-system/jsx'\n\nconst { withProvider, withContext } = createStyleContext(datepicker)\n\nconst DatePickerRoot = withProvider(ArkDatePicker.Root, 'root', {\n  defaultProps: {\n    positioning: {\n      placement: 'bottom-start',\n    },\n    view: 'day',\n    locale: 'fr',\n    unmountOnExit: true,\n    lazyMount: true,\n    startOfWeek: 6,\n  },\n})\nconst DatePickerContent = withContext(ArkDatePicker.Content, 'content')\nconst DatePickerControl = withContext(ArkDatePicker.Control, 'control')\nconst DatePickerInput = withContext(ArkDatePicker.Input, 'input')\nconst DatePickerMonthSelect = withContext(ArkDatePicker.MonthSelect, 'monthSelect')\nconst DatePickerNextTrigger = withContext(ArkDatePicker.NextTrigger, 'nextTrigger')\nconst DatePickerPositioner = withContext(ArkDatePicker.Positioner, 'positioner')\nconst DatePickerPrevTrigger = withContext(ArkDatePicker.PrevTrigger, 'prevTrigger')\nconst DatePickerTableBody = withContext(ArkDatePicker.TableBody, 'tableBody')\nconst DatePickerTableCell = withContext(ArkDatePicker.TableCell, 'tableCell')\nconst DatePickerTableCellTrigger = withContext(ArkDatePicker.TableCellTrigger, 'tableCellTrigger')\nconst DatePickerTableHead = withContext(ArkDatePicker.TableHead, 'tableHead')\nconst DatePickerTableHeader = withContext(ArkDatePicker.TableHeader, 'tableHeader')\nconst DatePickerTable = withContext(ArkDatePicker.Table, 'table')\nconst DatePickerTableRow = withContext(ArkDatePicker.TableRow, 'tableRow')\nconst DatePickerTrigger = withContext(ArkDatePicker.Trigger, 'trigger')\nconst DatePickerViewControl = withContext(ArkDatePicker.ViewControl, 'viewControl')\nconst DatePickerView = withContext(ArkDatePicker.View, 'view')\nconst DatePickerYearSelect = withContext(ArkDatePicker.YearSelect, 'yearSelect')\nconst ClearTrigger = withContext(styled(ArkDatePicker.ClearTrigger), 'clearTrigger')\n\nexport interface DatePickerProps extends ComponentProps<typeof DatePickerRoot> {\n  placeholder?: string\n  clearValueWhenEmpty?: boolean\n  preflightClassName?: string\n}\n\nconst DateIcon = () => (\n  <svg width=\"23\" height=\"24\" viewBox=\"0 0 23 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M6.46875 2.25C6.8657 2.25 7.1875 2.58579 7.1875 3V4.5H15.8125V3C15.8125 2.58579 16.1343 2.25 16.5312 2.25C16.9282 2.25 17.25 2.58579 17.25 3V4.5H17.9688C19.5566 4.5 20.8438 5.84315 20.8438 7.5V18.75C20.8438 20.4069 19.5566 21.75 17.9688 21.75H5.03125C3.44343 21.75 2.15625 20.4069 2.15625 18.75V7.5C2.15625 5.84315 3.44343 4.5 5.03125 4.5H5.75V3C5.75 2.58579 6.0718 2.25 6.46875 2.25ZM5.03125 6C4.23734 6 3.59375 6.67157 3.59375 7.5V8.65135C4.01662 8.39609 4.50759 8.25 5.03125 8.25H17.9688C18.4924 8.25 18.9834 8.39609 19.4062 8.65135V7.5C19.4062 6.67157 18.7627 6 17.9688 6H5.03125ZM19.4062 11.25C19.4062 10.4216 18.7627 9.75 17.9688 9.75H5.03125C4.23734 9.75 3.59375 10.4216 3.59375 11.25V18.75C3.59375 19.5784 4.23734 20.25 5.03125 20.25H17.9688C18.7627 20.25 19.4062 19.5784 19.4062 18.75V11.25ZM10.7812 12.75C10.7812 12.3358 11.103 12 11.5 12H11.5072C11.9041 12 12.2259 12.3358 12.2259 12.75V12.7575C12.2259 13.1717 11.9041 13.5075 11.5072 13.5075H11.5C11.103 13.5075 10.7812 13.1717 10.7812 12.7575V12.75ZM12.9375 12.75C12.9375 12.3358 13.2593 12 13.6562 12H13.6634C14.0604 12 14.3822 12.3358 14.3822 12.75V12.7575C14.3822 13.1717 14.0604 13.5075 13.6634 13.5075H13.6562C13.2593 13.5075 12.9375 13.1717 12.9375 12.7575V12.75ZM15.0938 12.75C15.0938 12.3358 15.4155 12 15.8125 12H15.8197C16.2166 12 16.5384 12.3358 16.5384 12.75V12.7575C16.5384 13.1717 16.2166 13.5075 15.8197 13.5075H15.8125C15.4155 13.5075 15.0938 13.1717 15.0938 12.7575V12.75ZM6.46875 15C6.46875 14.5858 6.79054 14.25 7.1875 14.25H7.19469C7.59164 14.25 7.91344 14.5858 7.91344 15V15.0075C7.91344 15.4217 7.59164 15.7575 7.19469 15.7575H7.1875C6.79054 15.7575 6.46875 15.4217 6.46875 15.0075V15ZM8.625 15C8.625 14.5858 8.94679 14.25 9.34375 14.25H9.35094C9.74789 14.25 10.0697 14.5858 10.0697 15V15.0075C10.0697 15.4217 9.74789 15.7575 9.35094 15.7575H9.34375C8.94679 15.7575 8.625 15.4217 8.625 15.0075V15ZM10.7812 15C10.7812 14.5858 11.103 14.25 11.5 14.25H11.5072C11.9041 14.25 12.2259 14.5858 12.2259 15V15.0075C12.2259 15.4217 11.9041 15.7575 11.5072 15.7575H11.5C11.103 15.7575 10.7812 15.4217 10.7812 15.0075V15ZM12.9375 15C12.9375 14.5858 13.2593 14.25 13.6562 14.25H13.6634C14.0604 14.25 14.3822 14.5858 14.3822 15V15.0075C14.3822 15.4217 14.0604 15.7575 13.6634 15.7575H13.6562C13.2593 15.7575 12.9375 15.4217 12.9375 15.0075V15ZM15.0938 15C15.0938 14.5858 15.4155 14.25 15.8125 14.25H15.8197C16.2166 14.25 16.5384 14.5858 16.5384 15V15.0075C16.5384 15.4217 16.2166 15.7575 15.8197 15.7575H15.8125C15.4155 15.7575 15.0938 15.4217 15.0938 15.0075V15ZM6.46875 17.25C6.46875 16.8358 6.79054 16.5 7.1875 16.5H7.19469C7.59164 16.5 7.91344 16.8358 7.91344 17.25V17.2575C7.91344 17.6717 7.59164 18.0075 7.19469 18.0075H7.1875C6.79054 18.0075 6.46875 17.6717 6.46875 17.2575V17.25ZM8.625 17.25C8.625 16.8358 8.94679 16.5 9.34375 16.5H9.35094C9.74789 16.5 10.0697 16.8358 10.0697 17.25V17.2575C10.0697 17.6717 9.74789 18.0075 9.35094 18.0075H9.34375C8.94679 18.0075 8.625 17.6717 8.625 17.2575V17.25ZM10.7812 17.25C10.7812 16.8358 11.103 16.5 11.5 16.5H11.5072C11.9041 16.5 12.2259 16.8358 12.2259 17.25V17.2575C12.2259 17.6717 11.9041 18.0075 11.5072 18.0075H11.5C11.103 18.0075 10.7812 17.6717 10.7812 17.2575V17.25ZM12.9375 17.25C12.9375 16.8358 13.2593 16.5 13.6562 16.5H13.6634C14.0604 16.5 14.3822 16.8358 14.3822 17.25V17.2575C14.3822 17.6717 14.0604 18.0075 13.6634 18.0075H13.6562C13.2593 18.0075 12.9375 17.6717 12.9375 17.2575V17.25Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nconst ChevronLeftIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nconst ChevronRightIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nexport const DatePicker: FC<DatePickerProps> = ({\n  placeholder,\n  preflightClassName,\n  selectionMode,\n  clearValueWhenEmpty = true,\n  ...props\n}) => {\n  const isRange = selectionMode === 'range'\n\n  return (\n    <DatePickerRoot\n      startOfWeek={1}\n      {...props}\n      selectionMode={selectionMode}\n      onValueChange={value =>\n        props.onValueChange?.({ ...value, valueAsString: value.value.length ? [value.value.toString()] : [] })\n      }\n    >\n      <ArkDatePicker.Context>\n        {api => (\n          <DatePickerControl>\n            <InputGroup>\n              <DatePickerInput asChild index={0} placeholder={placeholder}>\n                <Input\n                  onInput={e => {\n                    const value = e.currentTarget.value\n\n                    if (clearValueWhenEmpty && value === '') {\n                      api.clearValue()\n                    }\n                  }}\n                />\n              </DatePickerInput>\n              <InputAddon>\n                <ClearTrigger 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\n                <DatePickerTrigger style={{ cursor: 'pointer' }}>\n                  <DateIcon />\n                </DatePickerTrigger>\n              </InputAddon>\n            </InputGroup>\n            {isRange ? (\n              <InputGroup>\n                <DatePickerInput asChild index={1} placeholder={placeholder}>\n                  <Input\n                    onInput={e => {\n                      const value = e.currentTarget.value\n\n                      if (clearValueWhenEmpty && value === '') {\n                        api.clearValue()\n                      }\n                    }}\n                  />\n                </DatePickerInput>\n                <InputAddon>\n                  {api.value.length === 2 ? (\n                    <ClearTrigger 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                  ) : null}\n                  <DatePickerTrigger>\n                    <DateIcon />\n                  </DatePickerTrigger>\n                </InputAddon>\n              </InputGroup>\n            ) : null}\n          </DatePickerControl>\n        )}\n      </ArkDatePicker.Context>\n      <Portal>\n        <DatePickerPositioner className={preflightClassName}>\n          <DatePickerContent>\n            <DatePickerView view=\"day\">\n              <ArkDatePicker.Context>\n                {api => (\n                  <>\n                    <DatePickerViewControl>\n                      <DatePickerPrevTrigger asChild>\n                        <IconButton aria-label=\"prev\" variant=\"secondary\" size=\"md\">\n                          <ChevronLeftIcon />\n                        </IconButton>\n                      </DatePickerPrevTrigger>\n                      <DatePickerMonthSelect />\n                      <DatePickerYearSelect />\n                      <DatePickerNextTrigger asChild>\n                        <IconButton aria-label=\"next\" variant=\"secondary\" size=\"md\">\n                          <ChevronRightIcon />\n                        </IconButton>\n                      </DatePickerNextTrigger>\n                    </DatePickerViewControl>\n                    <DatePickerTable>\n                      <DatePickerTableHead>\n                        <DatePickerTableRow>\n                          {api.weekDays.map((weekDay, id) => (\n                            <DatePickerTableHeader key={id}>{weekDay.short}</DatePickerTableHeader>\n                          ))}\n                        </DatePickerTableRow>\n                      </DatePickerTableHead>\n                      <DatePickerTableBody>\n                        {api.weeks.map((week, id) => (\n                          <DatePickerTableRow key={id}>\n                            {week.map((day, id) => (\n                              <DatePickerTableCell key={id} value={day}>\n                                <DatePickerTableCellTrigger asChild>\n                                  <button>{day.day}</button>\n                                </DatePickerTableCellTrigger>\n                              </DatePickerTableCell>\n                            ))}\n                          </DatePickerTableRow>\n                        ))}\n                      </DatePickerTableBody>\n                    </DatePickerTable>\n                  </>\n                )}\n              </ArkDatePicker.Context>\n            </DatePickerView>\n          </DatePickerContent>\n        </DatePickerPositioner>\n      </Portal>\n    </DatePickerRoot>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","datepicker","DatePickerRoot","ArkDatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerMonthSelect","DatePickerNextTrigger","DatePickerPositioner","DatePickerPrevTrigger","DatePickerTableBody","DatePickerTableCell","DatePickerTableCellTrigger","DatePickerTableHead","DatePickerTableHeader","DatePickerTable","DatePickerTableRow","DatePickerTrigger","DatePickerViewControl","DatePickerView","DatePickerYearSelect","ClearTrigger","styled","DateIcon","jsx","ChevronLeftIcon","ChevronRightIcon","DatePicker","placeholder","preflightClassName","selectionMode","clearValueWhenEmpty","props","isRange","jsxs","value","api","InputGroup","Input","e","InputAddon","Portal","Fragment","IconButton","weekDay","id","week","day"],"mappings":"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"}

package/dist/components/dialog/styled.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@ark-ui/react"),o=require("@stokelp/styled-system/jsx"),x=require("@stokelp/styled-system/recipes"),c=require("react"),m=require("../../utils/slots.cjs"),T=require("usehooks-ts"),w=require("@stokelp/styled-system/tokens"),j=require("../drawer/Drawer.cjs"),D=require("../icon-button/IconButton.cjs"),{withProvider:k,withContext:r}=m.createStyleContext(x.dialog,{dataAttr:!0}),q=k(e.Dialog.Root,void 0,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),y=r(o.styled(e.Dialog.Backdrop),"backdrop"),P=r(o.styled(e.Dialog.CloseTrigger),"closeTrigger"),f=c.forwardRef(({children:s,...l},a)=>{const i=T.useMediaQuery(`(max-width: ${w.token("breakpoints.md")})`,{defaultValue:!1}),{open:d,getContentProps:p}=e.useDialogContext();return c.useLayoutEffect(()=>{if(!d)return;const{id:u}=p();u&&setTimeout(()=>{const n=document.getElementById(u);if(n){const g=n.querySelector("footer");g&&(i?n.style.setProperty("--footer-height",`${Math.ceil(g.clientHeight)}px`):n.style.setProperty("--footer-height","70px"))}},0)},[d,i]),t.jsxs(e.Portal,{children:[t.jsx(y,{}),t.jsx(C,{children:t.jsx(e.Dialog.Content,{ref:a,...l,children:s})})]})});f.displayName=e.Dialog.Content.displayName;const v=r(o.styled(f),"content"),h=c.forwardRef(({children:s,showCloseTrigger:l=!0,...a},i)=>t.jsxs(e.ark.header,{...a,ref:i,children:[s,l&&t.jsx(j.DrawerCloseTrigger,{asChild:!0,children:t.jsx(D.IconButton,{ml:"auto","aria-label":"close",variant:"tertiary",children:t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z",fill:"currentColor"})})})})]}));h.displayName="DialogHeader";const B=r(o.styled(h),"header"),L=r(o.styled(e.ark.main),"body"),R=r(o.styled(e.ark.footer),"footer"),C=r(o.styled(e.Dialog.Positioner),"positioner"),b=r(o.styled(e.Dialog.Title),"title"),M=r(o.styled(e.Dialog.Trigger),"trigger");exports.Backdrop=y;exports.Body=L;exports.CloseTrigger=P;exports.Content=v;exports.Footer=R;exports.Header=B;exports.Positioner=C;exports.Root=q;exports.Title=b;exports.Trigger=M;
+//# sourceMappingURL=styled.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/dialog/styled.tsx"],"sourcesContent":["import { ark, Dialog as ArkDialog, Portal, useDialogContext } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { dialog } from '@stokelp/styled-system/recipes'\nimport { ComponentProps, ComponentPropsWithoutRef, ElementRef, forwardRef, useLayoutEffect } from 'react'\nimport { createStyleContext } from '~/utils/slots'\nimport { IconButton } from '~/components/icon-button'\nimport { DrawerCloseTrigger } from '~/components'\nimport { useMediaQuery } from 'usehooks-ts'\nimport { token } from '@stokelp/styled-system/tokens'\n\nconst { withProvider, withContext } = createStyleContext(dialog, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(ArkDialog.Root, undefined, {\n  defaultProps: {\n    lazyMount: true,\n    unmountOnExit: true,\n  },\n})\nexport const Backdrop = withContext(styled(ArkDialog.Backdrop), 'backdrop')\nexport const CloseTrigger = withContext(styled(ArkDialog.CloseTrigger), 'closeTrigger')\n\nconst InternalContent = forwardRef<\n  ElementRef<typeof ArkDialog.Content>,\n  ComponentPropsWithoutRef<typeof ArkDialog.Content>\n>(({ children, ...props }, ref) => {\n  const isMobile = useMediaQuery(`(max-width: ${token('breakpoints.md')})`, {\n    defaultValue: false,\n  })\n  const { open, getContentProps } = useDialogContext()\n\n  useLayoutEffect(() => {\n    if (!open) return\n    const { id } = getContentProps()\n    if (!id) return\n    setTimeout(() => {\n      const $content = document.getElementById(id)\n\n      if ($content) {\n        const $footer = $content.querySelector('footer')\n        if ($footer) {\n          if (isMobile) {\n            $content.style.setProperty('--footer-height', `${Math.ceil($footer.clientHeight)}px`)\n          } else {\n            $content.style.setProperty('--footer-height', `70px`)\n          }\n        }\n      }\n    }, 0)\n  }, [open, isMobile])\n\n  return (\n    <Portal>\n      <Backdrop />\n      <Positioner>\n        <ArkDialog.Content ref={ref} {...props}>\n          {children}\n        </ArkDialog.Content>\n      </Positioner>\n    </Portal>\n  )\n})\nInternalContent.displayName = ArkDialog.Content.displayName\n\nexport const Content = withContext(styled(InternalContent), 'content')\n\ntype HeaderProps = ComponentPropsWithoutRef<typeof ark.header> & {\n  showCloseTrigger?: boolean\n}\nconst InternalHeader = forwardRef<ElementRef<typeof ark.header>, HeaderProps>(\n  ({ children, showCloseTrigger = true, ...props }, ref) => (\n    <ark.header {...props} ref={ref}>\n      {children}\n      {showCloseTrigger && (\n        <DrawerCloseTrigger asChild>\n          <IconButton ml=\"auto\" aria-label=\"close\" variant=\"tertiary\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </IconButton>\n        </DrawerCloseTrigger>\n      )}\n    </ark.header>\n  ),\n)\nInternalHeader.displayName = 'DialogHeader'\n\nexport const Header = withContext(styled(InternalHeader), 'header')\nexport const Body = withContext(styled(ark.main), 'body')\nexport const Footer = withContext(styled(ark.footer), 'footer')\nexport const Positioner = withContext(styled(ArkDialog.Positioner), 'positioner')\nexport const Title = withContext(styled(ArkDialog.Title), 'title')\nexport const Trigger = withContext(styled(ArkDialog.Trigger), 'trigger')\n\nexport interface DialogProps extends ComponentProps<typeof Root> {}\nexport interface DialogBackdropProps extends ComponentProps<typeof Backdrop> {}\nexport interface DialogCloseTriggerProps extends ComponentProps<typeof CloseTrigger> {}\nexport interface DialogContentProps extends ComponentProps<typeof Content> {}\nexport interface DialogHeaderProps extends ComponentProps<typeof Header> {}\nexport interface DialogBodyProps extends ComponentProps<typeof Body> {}\nexport interface DialogFooterProps extends ComponentProps<typeof Footer> {}\nexport interface DialogPositionerProps extends ComponentProps<typeof Positioner> {}\nexport interface DialogTitleProps extends ComponentProps<typeof Title> {}\nexport interface DialogTriggerProps extends ComponentProps<typeof Trigger> {}\n"],"names":["withProvider","withContext","createStyleContext","dialog","Root","ArkDialog","Backdrop","styled","CloseTrigger","InternalContent","forwardRef","children","props","ref","isMobile","useMediaQuery","token","open","getContentProps","useDialogContext","useLayoutEffect","id","$content","$footer","Portal","jsx","Positioner","Content","InternalHeader","showCloseTrigger","ark","DrawerCloseTrigger","IconButton","Header","Body","Footer","Title","Trigger"],"mappings":"wbAUM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,OAAQ,CAC/D,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,SAAU,KAAM,OAAW,CAC1D,aAAc,CACZ,UAAW,GACX,cAAe,EAAA,CAEnB,CAAC,EACYC,EAAWL,EAAYM,EAAAA,OAAOF,EAAAA,OAAU,QAAQ,EAAG,UAAU,EAC7DG,EAAeP,EAAYM,EAAAA,OAAOF,EAAAA,OAAU,YAAY,EAAG,cAAc,EAEhFI,EAAkBC,EAAAA,WAGtB,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACjC,MAAMC,EAAWC,EAAAA,cAAc,eAAeC,EAAAA,MAAM,gBAAgB,CAAC,IAAK,CACxE,aAAc,EAAA,CACf,EACK,CAAE,KAAAC,EAAM,gBAAAC,CAAA,EAAoBC,mBAAA,EAElCC,OAAAA,EAAAA,gBAAgB,IAAM,CACpB,GAAI,CAACH,EAAM,OACX,KAAM,CAAE,GAAAI,CAAA,EAAOH,EAAA,EACVG,GACL,WAAW,IAAM,CACf,MAAMC,EAAW,SAAS,eAAeD,CAAE,EAE3C,GAAIC,EAAU,CACZ,MAAMC,EAAUD,EAAS,cAAc,QAAQ,EAC3CC,IACET,EACFQ,EAAS,MAAM,YAAY,kBAAmB,GAAG,KAAK,KAAKC,EAAQ,YAAY,CAAC,IAAI,EAEpFD,EAAS,MAAM,YAAY,kBAAmB,MAAM,EAG1D,CACF,EAAG,CAAC,CACN,EAAG,CAACL,EAAMH,CAAQ,CAAC,SAGhBU,SAAA,CACC,SAAA,CAAAC,EAAAA,IAACnB,EAAA,EAAS,EACVmB,EAAAA,IAACC,EAAA,CACC,SAAAD,EAAAA,IAACpB,EAAAA,OAAU,QAAV,CAAkB,IAAAQ,EAAW,GAAGD,EAC9B,SAAAD,CAAA,CACH,CAAA,CACF,CAAA,EACF,CAEJ,CAAC,EACDF,EAAgB,YAAcJ,SAAU,QAAQ,YAEzC,MAAMsB,EAAU1B,EAAYM,SAAOE,CAAe,EAAG,SAAS,EAK/DmB,EAAiBlB,EAAAA,WACrB,CAAC,CAAE,SAAAC,EAAU,iBAAAkB,EAAmB,GAAM,GAAGjB,CAAA,EAASC,WAC/CiB,EAAAA,IAAI,OAAJ,CAAY,GAAGlB,EAAO,IAAAC,EACpB,SAAA,CAAAF,EACAkB,GACCJ,EAAAA,IAACM,EAAAA,mBAAA,CAAmB,QAAO,GACzB,eAACC,EAAAA,WAAA,CAAW,GAAG,OAAO,aAAW,QAAQ,QAAQ,WAC/C,SAAAP,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,4fACF,KAAK,cAAA,CAAA,CACP,CACF,EACF,CAAA,CACF,CAAA,CAAA,CAEJ,CAEJ,EACAG,EAAe,YAAc,eAEtB,MAAMK,EAAShC,EAAYM,SAAOqB,CAAc,EAAG,QAAQ,EACrDM,EAAOjC,EAAYM,EAAAA,OAAOuB,EAAAA,IAAI,IAAI,EAAG,MAAM,EAC3CK,EAASlC,EAAYM,EAAAA,OAAOuB,EAAAA,IAAI,MAAM,EAAG,QAAQ,EACjDJ,EAAazB,EAAYM,EAAAA,OAAOF,EAAAA,OAAU,UAAU,EAAG,YAAY,EACnE+B,EAAQnC,EAAYM,EAAAA,OAAOF,EAAAA,OAAU,KAAK,EAAG,OAAO,EACpDgC,EAAUpC,EAAYM,EAAAA,OAAOF,EAAAA,OAAU,OAAO,EAAG,SAAS"}

package/dist/components/dialog/styled.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { Dialog as o, ark as c, useDialogContext as y, Portal as x } from "@ark-ui/react";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { dialog as w } from "@stokelp/styled-system/recipes";
+import { forwardRef as u, useLayoutEffect as L } from "react";
+import { createStyleContext as T } from "../../utils/slots.js";
+import { useMediaQuery as v } from "usehooks-ts";
+import { token as P } from "@stokelp/styled-system/tokens";
+import { DrawerCloseTrigger as k } from "../drawer/Drawer.js";
+import { IconButton as B } from "../icon-button/IconButton.js";
+const { withProvider: b, withContext: e } = T(w, {
+  dataAttr: !0
+}), A = b(o.Root, void 0, {
+  defaultProps: {
+    lazyMount: !0,
+    unmountOnExit: !0
+  }
+}), M = e(t(o.Backdrop), "backdrop"), F = e(t(o.CloseTrigger), "closeTrigger"), g = u(({ children: l, ...s }, a) => {
+  const i = v(`(max-width: ${P("breakpoints.md")})`, {
+    defaultValue: !1
+  }), { open: d, getContentProps: C } = y();
+  return L(() => {
+    if (!d) return;
+    const { id: m } = C();
+    m && setTimeout(() => {
+      const n = document.getElementById(m);
+      if (n) {
+        const f = n.querySelector("footer");
+        f && (i ? n.style.setProperty("--footer-height", `${Math.ceil(f.clientHeight)}px`) : n.style.setProperty("--footer-height", "70px"));
+      }
+    }, 0);
+  }, [d, i]), /* @__PURE__ */ p(x, { children: [
+    /* @__PURE__ */ r(M, {}),
+    /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(o.Content, { ref: a, ...s, children: l }) })
+  ] });
+});
+g.displayName = o.Content.displayName;
+const O = e(t(g), "content"), h = u(
+  ({ children: l, showCloseTrigger: s = !0, ...a }, i) => /* @__PURE__ */ p(c.header, { ...a, ref: i, children: [
+    l,
+    s && /* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ r(B, { ml: "auto", "aria-label": "close", variant: "tertiary", children: /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z",
+        fill: "currentColor"
+      }
+    ) }) }) })
+  ] })
+);
+h.displayName = "DialogHeader";
+const Q = e(t(h), "header"), V = e(t(c.main), "body"), Z = e(t(c.footer), "footer"), R = e(t(o.Positioner), "positioner"), G = e(t(o.Title), "title"), J = e(t(o.Trigger), "trigger");
+export {
+  M as Backdrop,
+  V as Body,
+  F as CloseTrigger,
+  O as Content,
+  Z as Footer,
+  Q as Header,
+  R as Positioner,
+  A as Root,
+  G as Title,
+  J as Trigger
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/dialog/styled.tsx"],"sourcesContent":["import { ark, Dialog as ArkDialog, Portal, useDialogContext } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { dialog } from '@stokelp/styled-system/recipes'\nimport { ComponentProps, ComponentPropsWithoutRef, ElementRef, forwardRef, useLayoutEffect } from 'react'\nimport { createStyleContext } from '~/utils/slots'\nimport { IconButton } from '~/components/icon-button'\nimport { DrawerCloseTrigger } from '~/components'\nimport { useMediaQuery } from 'usehooks-ts'\nimport { token } from '@stokelp/styled-system/tokens'\n\nconst { withProvider, withContext } = createStyleContext(dialog, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(ArkDialog.Root, undefined, {\n  defaultProps: {\n    lazyMount: true,\n    unmountOnExit: true,\n  },\n})\nexport const Backdrop = withContext(styled(ArkDialog.Backdrop), 'backdrop')\nexport const CloseTrigger = withContext(styled(ArkDialog.CloseTrigger), 'closeTrigger')\n\nconst InternalContent = forwardRef<\n  ElementRef<typeof ArkDialog.Content>,\n  ComponentPropsWithoutRef<typeof ArkDialog.Content>\n>(({ children, ...props }, ref) => {\n  const isMobile = useMediaQuery(`(max-width: ${token('breakpoints.md')})`, {\n    defaultValue: false,\n  })\n  const { open, getContentProps } = useDialogContext()\n\n  useLayoutEffect(() => {\n    if (!open) return\n    const { id } = getContentProps()\n    if (!id) return\n    setTimeout(() => {\n      const $content = document.getElementById(id)\n\n      if ($content) {\n        const $footer = $content.querySelector('footer')\n        if ($footer) {\n          if (isMobile) {\n            $content.style.setProperty('--footer-height', `${Math.ceil($footer.clientHeight)}px`)\n          } else {\n            $content.style.setProperty('--footer-height', `70px`)\n          }\n        }\n      }\n    }, 0)\n  }, [open, isMobile])\n\n  return (\n    <Portal>\n      <Backdrop />\n      <Positioner>\n        <ArkDialog.Content ref={ref} {...props}>\n          {children}\n        </ArkDialog.Content>\n      </Positioner>\n    </Portal>\n  )\n})\nInternalContent.displayName = ArkDialog.Content.displayName\n\nexport const Content = withContext(styled(InternalContent), 'content')\n\ntype HeaderProps = ComponentPropsWithoutRef<typeof ark.header> & {\n  showCloseTrigger?: boolean\n}\nconst InternalHeader = forwardRef<ElementRef<typeof ark.header>, HeaderProps>(\n  ({ children, showCloseTrigger = true, ...props }, ref) => (\n    <ark.header {...props} ref={ref}>\n      {children}\n      {showCloseTrigger && (\n        <DrawerCloseTrigger asChild>\n          <IconButton ml=\"auto\" aria-label=\"close\" variant=\"tertiary\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </IconButton>\n        </DrawerCloseTrigger>\n      )}\n    </ark.header>\n  ),\n)\nInternalHeader.displayName = 'DialogHeader'\n\nexport const Header = withContext(styled(InternalHeader), 'header')\nexport const Body = withContext(styled(ark.main), 'body')\nexport const Footer = withContext(styled(ark.footer), 'footer')\nexport const Positioner = withContext(styled(ArkDialog.Positioner), 'positioner')\nexport const Title = withContext(styled(ArkDialog.Title), 'title')\nexport const Trigger = withContext(styled(ArkDialog.Trigger), 'trigger')\n\nexport interface DialogProps extends ComponentProps<typeof Root> {}\nexport interface DialogBackdropProps extends ComponentProps<typeof Backdrop> {}\nexport interface DialogCloseTriggerProps extends ComponentProps<typeof CloseTrigger> {}\nexport interface DialogContentProps extends ComponentProps<typeof Content> {}\nexport interface DialogHeaderProps extends ComponentProps<typeof Header> {}\nexport interface DialogBodyProps extends ComponentProps<typeof Body> {}\nexport interface DialogFooterProps extends ComponentProps<typeof Footer> {}\nexport interface DialogPositionerProps extends ComponentProps<typeof Positioner> {}\nexport interface DialogTitleProps extends ComponentProps<typeof Title> {}\nexport interface DialogTriggerProps extends ComponentProps<typeof Trigger> {}\n"],"names":["withProvider","withContext","createStyleContext","dialog","Root","ArkDialog","Backdrop","styled","CloseTrigger","InternalContent","forwardRef","children","props","ref","isMobile","useMediaQuery","token","open","getContentProps","useDialogContext","useLayoutEffect","id","$content","$footer","Portal","jsx","Positioner","Content","InternalHeader","showCloseTrigger","ark","DrawerCloseTrigger","IconButton","Header","Body","Footer","Title","Trigger"],"mappings":";;;;;;;;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAQ;AAAA,EAC/D,UAAU;AACZ,CAAC,GAEYC,IAAOJ,EAAaK,EAAU,MAAM,QAAW;AAAA,EAC1D,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,eAAe;AAAA,EAAA;AAEnB,CAAC,GACYC,IAAWL,EAAYM,EAAOF,EAAU,QAAQ,GAAG,UAAU,GAC7DG,IAAeP,EAAYM,EAAOF,EAAU,YAAY,GAAG,cAAc,GAEhFI,IAAkBC,EAGtB,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AACjC,QAAMC,IAAWC,EAAc,eAAeC,EAAM,gBAAgB,CAAC,KAAK;AAAA,IACxE,cAAc;AAAA,EAAA,CACf,GACK,EAAE,MAAAC,GAAM,iBAAAC,EAAA,IAAoBC,EAAA;AAElC,SAAAC,EAAgB,MAAM;AACpB,QAAI,CAACH,EAAM;AACX,UAAM,EAAE,IAAAI,EAAA,IAAOH,EAAA;AACf,IAAKG,KACL,WAAW,MAAM;AACf,YAAMC,IAAW,SAAS,eAAeD,CAAE;AAE3C,UAAIC,GAAU;AACZ,cAAMC,IAAUD,EAAS,cAAc,QAAQ;AAC/C,QAAIC,MACET,IACFQ,EAAS,MAAM,YAAY,mBAAmB,GAAG,KAAK,KAAKC,EAAQ,YAAY,CAAC,IAAI,IAEpFD,EAAS,MAAM,YAAY,mBAAmB,MAAM;AAAA,MAG1D;AAAA,IACF,GAAG,CAAC;AAAA,EACN,GAAG,CAACL,GAAMH,CAAQ,CAAC,qBAGhBU,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACnB,GAAA,EAAS;AAAA,IACV,gBAAAmB,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACpB,EAAU,SAAV,EAAkB,KAAAQ,GAAW,GAAGD,GAC9B,UAAAD,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;AACDF,EAAgB,cAAcJ,EAAU,QAAQ;AAEzC,MAAMsB,IAAU1B,EAAYM,EAAOE,CAAe,GAAG,SAAS,GAK/DmB,IAAiBlB;AAAA,EACrB,CAAC,EAAE,UAAAC,GAAU,kBAAAkB,IAAmB,IAAM,GAAGjB,EAAA,GAASC,wBAC/CiB,EAAI,QAAJ,EAAY,GAAGlB,GAAO,KAAAC,GACpB,UAAA;AAAA,IAAAF;AAAA,IACAkB,KACC,gBAAAJ,EAACM,GAAA,EAAmB,SAAO,IACzB,4BAACC,GAAA,EAAW,IAAG,QAAO,cAAW,SAAQ,SAAQ,YAC/C,UAAA,gBAAAP,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA,EACP,CACF,GACF,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ;AAEJ;AACAG,EAAe,cAAc;AAEtB,MAAMK,IAAShC,EAAYM,EAAOqB,CAAc,GAAG,QAAQ,GACrDM,IAAOjC,EAAYM,EAAOuB,EAAI,IAAI,GAAG,MAAM,GAC3CK,IAASlC,EAAYM,EAAOuB,EAAI,MAAM,GAAG,QAAQ,GACjDJ,IAAazB,EAAYM,EAAOF,EAAU,UAAU,GAAG,YAAY,GACnE+B,IAAQnC,EAAYM,EAAOF,EAAU,KAAK,GAAG,OAAO,GACpDgC,IAAUpC,EAAYM,EAAOF,EAAU,OAAO,GAAG,SAAS;"}