@stokelp/ui 2.96.6 → 2.97.0

package/dist/components/input/HighlightedInput.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("@stokelp/styled-system/jsx"),E=require("@stokelp/styled-system/recipes"),P=require("../../utils/slots.cjs"),l=require("react"),T=require("./Input.cjs"),{withProvider:A,withContext:d}=P.createStyleContext(E.highlightedInput,{dataAttr:!0}),f=A(h.styled("div"),"root"),S=d(T.Input,"input"),j=d(h.styled("p"),"renderer"),R=d(h.styled("span"),"highlight"),L=({patterns:c,value:a,defaultValue:I,onChange:v,onScroll:y,...m})=>{const g=a!==void 0,[q,H]=l.useState(I?.toString()??""),r=g?String(a):q,i=l.useRef(null),[x,C]=l.useState(0),V=e=>{C(e.currentTarget.scrollLeft),y?.(e)};l.useEffect(()=>{i.current&&(i.current.scrollLeft=x)},[x]);const $=new RegExp(c.map(e=>e.regex.source).join("|"),"gi"),b=()=>{const e=[];let t=0;for(const o of r.matchAll($)){const s=o.index??0,w=s+o[0].length;s>t&&e.push(n.jsx("span",{children:r.slice(t,s)},`text-${t}`));const p=c.find(u=>u.regex.test(o[0]));c.forEach(u=>u.regex.lastIndex=0),e.push(p?n.jsx(R,{style:{color:p.color??"secondary.500"},children:o[0]},`highlight-${s}`):n.jsx("span",{children:o[0]},`text-${s}`)),t=w}return t<r.length&&e.push(n.jsx("span",{children:r.slice(t)},`text-${t}`)),e};return n.jsxs(f,{children:[n.jsx(S,{...m,value:r,defaultValue:void 0,onScroll:V,onChange:e=>{g||H(e.target.value),v?.(e)}}),n.jsx(j,{ref:i,children:b()})]})};exports.Highlight=R;exports.HighlightedInput=L;exports.InputSlot=S;exports.Renderer=j;exports.Root=f;
+//# sourceMappingURL=HighlightedInput.cjs.map

package/dist/components/input/HighlightedInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedInput.cjs","sources":["../../../src/components/input/HighlightedInput.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { highlightedInput } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Input } from '~/components'\nimport { ComponentProps, type ElementRef, FC, ReactNode, useEffect, useRef, useState } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(highlightedInput, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('div'), 'root')\nexport const InputSlot = withContext(Input, 'input')\nexport const Renderer = withContext(styled('p'), 'renderer')\nexport const Highlight = withContext(styled('span'), 'highlight')\n\nexport interface HighlightedInputRootProps extends ComponentProps<typeof Root> {}\nexport interface HighlightedInputInputProps extends ComponentProps<typeof InputSlot> {}\nexport interface HighlightedInputRendererProps extends ComponentProps<typeof Renderer> {}\nexport interface HighlightedInputHighlightProps extends ComponentProps<typeof Highlight> {}\n\ntype HighlightedInputProps = {\n  patterns: { regex: RegExp; color: string }[]\n  placeholder?: string\n} & HighlightedInputInputProps\n\nexport const HighlightedInput: FC<HighlightedInputProps> = ({\n  patterns,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  onScroll,\n  ...inputProps\n}) => {\n  const isControlled = controlledValue !== undefined\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue?.toString() ?? '')\n\n  const value = isControlled ? String(controlledValue) : uncontrolledValue\n\n  const textBlockRef = useRef<ElementRef<typeof Renderer>>(null)\n  const [scrollValue, setScrollValue] = useState(0)\n\n  const handleScroll = (e: { currentTarget: { scrollLeft: number } }) => {\n    setScrollValue(e.currentTarget.scrollLeft)\n    onScroll?.(e as React.UIEvent<HTMLInputElement>)\n  }\n\n  useEffect(() => {\n    if (textBlockRef.current) {\n      textBlockRef.current.scrollLeft = scrollValue\n    }\n  }, [scrollValue])\n\n  const combinedRegex = new RegExp(patterns.map(p => p.regex.source).join('|'), 'gi')\n\n  const renderHighlightedText = () => {\n    const nodes: ReactNode[] = []\n    let lastIndex = 0\n\n    for (const match of value.matchAll(combinedRegex)) {\n      const start = match.index ?? 0\n      const end = start + match[0].length\n\n      if (start > lastIndex) {\n        nodes.push(<span key={`text-${lastIndex}`}>{value.slice(lastIndex, start)}</span>)\n      }\n\n      const matchedPattern = patterns.find(p => p.regex.test(match[0]))\n      patterns.forEach(p => (p.regex.lastIndex = 0))\n\n      nodes.push(\n        matchedPattern ? (\n          <Highlight key={`highlight-${start}`} style={{ color: matchedPattern.color ?? 'secondary.500' }}>\n            {match[0]}\n          </Highlight>\n        ) : (\n          <span key={`text-${start}`}>{match[0]}</span>\n        ),\n      )\n\n      lastIndex = end\n    }\n\n    if (lastIndex < value.length) {\n      nodes.push(<span key={`text-${lastIndex}`}>{value.slice(lastIndex)}</span>)\n    }\n\n    return nodes\n  }\n\n  return (\n    <Root>\n      <InputSlot\n        {...inputProps}\n        value={value}\n        defaultValue={undefined} // prevent React warning\n        onScroll={handleScroll}\n        onChange={e => {\n          if (!isControlled) {\n            setUncontrolledValue(e.target.value)\n          }\n          onChange?.(e)\n        }}\n      />\n\n      <Renderer ref={textBlockRef}>{renderHighlightedText()}</Renderer>\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","highlightedInput","Root","styled","InputSlot","Input","Renderer","Highlight","HighlightedInput","patterns","controlledValue","defaultValue","onChange","onScroll","inputProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","textBlockRef","useRef","scrollValue","setScrollValue","handleScroll","useEffect","combinedRegex","p","renderHighlightedText","nodes","lastIndex","match","start","end","jsx","matchedPattern"],"mappings":"qSAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,SAAO,KAAK,EAAG,MAAM,EACzCC,EAAYL,EAAYM,EAAAA,MAAO,OAAO,EACtCC,EAAWP,EAAYI,SAAO,GAAG,EAAG,UAAU,EAC9CI,EAAYR,EAAYI,SAAO,MAAM,EAAG,WAAW,EAYnDK,EAA8C,CAAC,CAC1D,SAAAC,EACA,MAAOC,EACP,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeL,IAAoB,OAEnC,CAACM,EAAmBC,CAAoB,EAAIC,EAAAA,SAASP,GAAc,SAAA,GAAc,EAAE,EAEnFQ,EAAQJ,EAAe,OAAOL,CAAe,EAAIM,EAEjDI,EAAeC,EAAAA,OAAoC,IAAI,EACvD,CAACC,EAAaC,CAAc,EAAIL,EAAAA,SAAS,CAAC,EAE1CM,EAAgB,GAAiD,CACrED,EAAe,EAAE,cAAc,UAAU,EACzCV,IAAW,CAAoC,CACjD,EAEAY,EAAAA,UAAU,IAAM,CACVL,EAAa,UACfA,EAAa,QAAQ,WAAaE,EAEtC,EAAG,CAACA,CAAW,CAAC,EAEhB,MAAMI,EAAgB,IAAI,OAAOjB,EAAS,IAAIkB,GAAKA,EAAE,MAAM,MAAM,EAAE,KAAK,GAAG,EAAG,IAAI,EAE5EC,EAAwB,IAAM,CAClC,MAAMC,EAAqB,CAAA,EAC3B,IAAIC,EAAY,EAEhB,UAAWC,KAASZ,EAAM,SAASO,CAAa,EAAG,CACjD,MAAMM,EAAQD,EAAM,OAAS,EACvBE,EAAMD,EAAQD,EAAM,CAAC,EAAE,OAEzBC,EAAQF,GACVD,EAAM,KAAKK,EAAAA,IAAC,OAAA,CAAgC,SAAAf,EAAM,MAAMW,EAAWE,CAAK,CAAA,EAAlD,QAAQF,CAAS,EAAmC,CAAO,EAGnF,MAAMK,EAAiB1B,EAAS,KAAKkB,GAAKA,EAAE,MAAM,KAAKI,EAAM,CAAC,CAAC,CAAC,EAChEtB,EAAS,QAAQkB,GAAMA,EAAE,MAAM,UAAY,CAAE,EAE7CE,EAAM,KACJM,EACED,EAAAA,IAAC3B,EAAA,CAAqC,MAAO,CAAE,MAAO4B,EAAe,OAAS,eAAA,EAC3E,SAAAJ,EAAM,CAAC,GADM,aAAaC,CAAK,EAElC,EAEAE,EAAAA,IAAC,OAAA,CAA4B,WAAM,CAAC,CAAA,EAAzB,QAAQF,CAAK,EAAc,CAAA,EAI1CF,EAAYG,CACd,CAEA,OAAIH,EAAYX,EAAM,QACpBU,EAAM,KAAKK,EAAAA,IAAC,OAAA,CAAgC,SAAAf,EAAM,MAAMW,CAAS,CAAA,EAA3C,QAAQA,CAAS,EAA4B,CAAO,EAGrED,CACT,EAEA,cACG3B,EAAA,CACC,SAAA,CAAAgC,EAAAA,IAAC9B,EAAA,CACE,GAAGU,EACJ,MAAAK,EACA,aAAc,OACd,SAAUK,EACV,SAAU,GAAK,CACRT,GACHE,EAAqB,EAAE,OAAO,KAAK,EAErCL,IAAW,CAAC,CACd,CAAA,CAAA,EAGFsB,EAAAA,IAAC5B,EAAA,CAAS,IAAKc,EAAe,YAAsB,CAAE,CAAA,EACxD,CAEJ"}

package/dist/components/input/HighlightedInput.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
+import { styled as h } from "@stokelp/styled-system/jsx";
+import { highlightedInput as E } from "@stokelp/styled-system/recipes";
+import { createStyleContext as H } from "../../utils/slots.js";
+import { useState as p, useRef as A, useEffect as L } from "react";
+import { Input as P } from "./Input.js";
+const { withProvider: T, withContext: d } = H(E, {
+  dataAttr: !0
+}), b = T(h("div"), "root"), k = d(P, "input"), B = d(h("p"), "renderer"), U = d(h("span"), "highlight"), K = ({
+  patterns: c,
+  value: u,
+  defaultValue: x,
+  onChange: m,
+  onScroll: S,
+  ...v
+}) => {
+  const a = u !== void 0, [I, R] = p(x?.toString() ?? ""), n = a ? String(u) : I, s = A(null), [g, y] = p(0), C = (t) => {
+    y(t.currentTarget.scrollLeft), S?.(t);
+  };
+  L(() => {
+    s.current && (s.current.scrollLeft = g);
+  }, [g]);
+  const V = new RegExp(c.map((t) => t.regex.source).join("|"), "gi"), $ = () => {
+    const t = [];
+    let e = 0;
+    for (const r of n.matchAll(V)) {
+      const l = r.index ?? 0, j = l + r[0].length;
+      l > e && t.push(/* @__PURE__ */ o("span", { children: n.slice(e, l) }, `text-${e}`));
+      const f = c.find((i) => i.regex.test(r[0]));
+      c.forEach((i) => i.regex.lastIndex = 0), t.push(
+        f ? /* @__PURE__ */ o(U, { style: { color: f.color ?? "secondary.500" }, children: r[0] }, `highlight-${l}`) : /* @__PURE__ */ o("span", { children: r[0] }, `text-${l}`)
+      ), e = j;
+    }
+    return e < n.length && t.push(/* @__PURE__ */ o("span", { children: n.slice(e) }, `text-${e}`)), t;
+  };
+  return /* @__PURE__ */ w(b, { children: [
+    /* @__PURE__ */ o(
+      k,
+      {
+        ...v,
+        value: n,
+        defaultValue: void 0,
+        onScroll: C,
+        onChange: (t) => {
+          a || R(t.target.value), m?.(t);
+        }
+      }
+    ),
+    /* @__PURE__ */ o(B, { ref: s, children: $() })
+  ] });
+};
+export {
+  U as Highlight,
+  K as HighlightedInput,
+  k as InputSlot,
+  B as Renderer,
+  b as Root
+};
+//# sourceMappingURL=HighlightedInput.js.map

package/dist/components/input/HighlightedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedInput.js","sources":["../../../src/components/input/HighlightedInput.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { highlightedInput } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Input } from '~/components'\nimport { ComponentProps, type ElementRef, FC, ReactNode, useEffect, useRef, useState } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(highlightedInput, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('div'), 'root')\nexport const InputSlot = withContext(Input, 'input')\nexport const Renderer = withContext(styled('p'), 'renderer')\nexport const Highlight = withContext(styled('span'), 'highlight')\n\nexport interface HighlightedInputRootProps extends ComponentProps<typeof Root> {}\nexport interface HighlightedInputInputProps extends ComponentProps<typeof InputSlot> {}\nexport interface HighlightedInputRendererProps extends ComponentProps<typeof Renderer> {}\nexport interface HighlightedInputHighlightProps extends ComponentProps<typeof Highlight> {}\n\ntype HighlightedInputProps = {\n  patterns: { regex: RegExp; color: string }[]\n  placeholder?: string\n} & HighlightedInputInputProps\n\nexport const HighlightedInput: FC<HighlightedInputProps> = ({\n  patterns,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  onScroll,\n  ...inputProps\n}) => {\n  const isControlled = controlledValue !== undefined\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue?.toString() ?? '')\n\n  const value = isControlled ? String(controlledValue) : uncontrolledValue\n\n  const textBlockRef = useRef<ElementRef<typeof Renderer>>(null)\n  const [scrollValue, setScrollValue] = useState(0)\n\n  const handleScroll = (e: { currentTarget: { scrollLeft: number } }) => {\n    setScrollValue(e.currentTarget.scrollLeft)\n    onScroll?.(e as React.UIEvent<HTMLInputElement>)\n  }\n\n  useEffect(() => {\n    if (textBlockRef.current) {\n      textBlockRef.current.scrollLeft = scrollValue\n    }\n  }, [scrollValue])\n\n  const combinedRegex = new RegExp(patterns.map(p => p.regex.source).join('|'), 'gi')\n\n  const renderHighlightedText = () => {\n    const nodes: ReactNode[] = []\n    let lastIndex = 0\n\n    for (const match of value.matchAll(combinedRegex)) {\n      const start = match.index ?? 0\n      const end = start + match[0].length\n\n      if (start > lastIndex) {\n        nodes.push(<span key={`text-${lastIndex}`}>{value.slice(lastIndex, start)}</span>)\n      }\n\n      const matchedPattern = patterns.find(p => p.regex.test(match[0]))\n      patterns.forEach(p => (p.regex.lastIndex = 0))\n\n      nodes.push(\n        matchedPattern ? (\n          <Highlight key={`highlight-${start}`} style={{ color: matchedPattern.color ?? 'secondary.500' }}>\n            {match[0]}\n          </Highlight>\n        ) : (\n          <span key={`text-${start}`}>{match[0]}</span>\n        ),\n      )\n\n      lastIndex = end\n    }\n\n    if (lastIndex < value.length) {\n      nodes.push(<span key={`text-${lastIndex}`}>{value.slice(lastIndex)}</span>)\n    }\n\n    return nodes\n  }\n\n  return (\n    <Root>\n      <InputSlot\n        {...inputProps}\n        value={value}\n        defaultValue={undefined} // prevent React warning\n        onScroll={handleScroll}\n        onChange={e => {\n          if (!isControlled) {\n            setUncontrolledValue(e.target.value)\n          }\n          onChange?.(e)\n        }}\n      />\n\n      <Renderer ref={textBlockRef}>{renderHighlightedText()}</Renderer>\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","highlightedInput","Root","styled","InputSlot","Input","Renderer","Highlight","HighlightedInput","patterns","controlledValue","defaultValue","onChange","onScroll","inputProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","textBlockRef","useRef","scrollValue","setScrollValue","handleScroll","e","useEffect","combinedRegex","p","renderHighlightedText","nodes","lastIndex","match","start","end","jsx","matchedPattern"],"mappings":";;;;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAkB;AAAA,EACzE,UAAU;AACZ,CAAC,GAEYC,IAAOJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GACzCC,IAAYL,EAAYM,GAAO,OAAO,GACtCC,IAAWP,EAAYI,EAAO,GAAG,GAAG,UAAU,GAC9CI,IAAYR,EAAYI,EAAO,MAAM,GAAG,WAAW,GAYnDK,IAA8C,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeL,MAAoB,QAEnC,CAACM,GAAmBC,CAAoB,IAAIC,EAASP,GAAc,SAAA,KAAc,EAAE,GAEnFQ,IAAQJ,IAAe,OAAOL,CAAe,IAAIM,GAEjDI,IAAeC,EAAoC,IAAI,GACvD,CAACC,GAAaC,CAAc,IAAIL,EAAS,CAAC,GAE1CM,IAAe,CAACC,MAAiD;AACrE,IAAAF,EAAeE,EAAE,cAAc,UAAU,GACzCZ,IAAWY,CAAoC;AAAA,EACjD;AAEA,EAAAC,EAAU,MAAM;AACd,IAAIN,EAAa,YACfA,EAAa,QAAQ,aAAaE;AAAA,EAEtC,GAAG,CAACA,CAAW,CAAC;AAEhB,QAAMK,IAAgB,IAAI,OAAOlB,EAAS,IAAI,CAAAmB,MAAKA,EAAE,MAAM,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,GAE5EC,IAAwB,MAAM;AAClC,UAAMC,IAAqB,CAAA;AAC3B,QAAIC,IAAY;AAEhB,eAAWC,KAASb,EAAM,SAASQ,CAAa,GAAG;AACjD,YAAMM,IAAQD,EAAM,SAAS,GACvBE,IAAMD,IAAQD,EAAM,CAAC,EAAE;AAE7B,MAAIC,IAAQF,KACVD,EAAM,KAAK,gBAAAK,EAAC,QAAA,EAAgC,UAAAhB,EAAM,MAAMY,GAAWE,CAAK,EAAA,GAAlD,QAAQF,CAAS,EAAmC,CAAO;AAGnF,YAAMK,IAAiB3B,EAAS,KAAK,CAAAmB,MAAKA,EAAE,MAAM,KAAKI,EAAM,CAAC,CAAC,CAAC;AAChE,MAAAvB,EAAS,QAAQ,CAAAmB,MAAMA,EAAE,MAAM,YAAY,CAAE,GAE7CE,EAAM;AAAA,QACJM,IACE,gBAAAD,EAAC5B,GAAA,EAAqC,OAAO,EAAE,OAAO6B,EAAe,SAAS,gBAAA,GAC3E,UAAAJ,EAAM,CAAC,KADM,aAAaC,CAAK,EAElC,IAEA,gBAAAE,EAAC,QAAA,EAA4B,YAAM,CAAC,EAAA,GAAzB,QAAQF,CAAK,EAAc;AAAA,MAAA,GAI1CF,IAAYG;AAAA,IACd;AAEA,WAAIH,IAAYZ,EAAM,UACpBW,EAAM,KAAK,gBAAAK,EAAC,QAAA,EAAgC,UAAAhB,EAAM,MAAMY,CAAS,EAAA,GAA3C,QAAQA,CAAS,EAA4B,CAAO,GAGrED;AAAA,EACT;AAEA,2BACG5B,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAiC;AAAA,MAAC/B;AAAA,MAAA;AAAA,QACE,GAAGU;AAAA,QACJ,OAAAK;AAAA,QACA,cAAc;AAAA,QACd,UAAUK;AAAA,QACV,UAAU,CAAAC,MAAK;AACb,UAAKV,KACHE,EAAqBQ,EAAE,OAAO,KAAK,GAErCb,IAAWa,CAAC;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAU,EAAC7B,GAAA,EAAS,KAAKc,GAAe,cAAsB,CAAE;AAAA,EAAA,GACxD;AAEJ;"}

package/dist/components/input/Input.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),u=t.styled("input",r.input,{defaultProps:{onWheel:e=>{e.currentTarget.type==="number"&&e.currentTarget.blur()}},dataAttr:!0});exports.Input=u;
+//# sourceMappingURL=Input.cjs.map

package/dist/components/input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { input } from '@stokelp/styled-system/recipes'\n\nexport const Input = styled('input', input, {\n  defaultProps: {\n    onWheel: event => {\n      if (event.currentTarget.type === 'number') {\n        event.currentTarget.blur()\n      }\n    },\n  },\n  dataAttr: true,\n})\n\nexport interface InputProps extends ComponentProps<typeof Input> {}\n"],"names":["Input","styled","input","event"],"mappings":"uLAKaA,EAAQC,EAAAA,OAAO,QAASC,QAAO,CAC1C,aAAc,CACZ,QAASC,GAAS,CACZA,EAAM,cAAc,OAAS,UAC/BA,EAAM,cAAc,KAAA,CAExB,CAAA,EAEF,SAAU,EACZ,CAAC"}

package/dist/components/input/Input.js

@@ -0,0 +1,15 @@
+"use client";
+import { styled as r } from "@stokelp/styled-system/jsx";
+import { input as e } from "@stokelp/styled-system/recipes";
+const o = r("input", e, {
+  defaultProps: {
+    onWheel: (t) => {
+      t.currentTarget.type === "number" && t.currentTarget.blur();
+    }
+  },
+  dataAttr: !0
+});
+export {
+  o as Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { input } from '@stokelp/styled-system/recipes'\n\nexport const Input = styled('input', input, {\n  defaultProps: {\n    onWheel: event => {\n      if (event.currentTarget.type === 'number') {\n        event.currentTarget.blur()\n      }\n    },\n  },\n  dataAttr: true,\n})\n\nexport interface InputProps extends ComponentProps<typeof Input> {}\n"],"names":["Input","styled","input","event"],"mappings":";;;AAKO,MAAMA,IAAQC,EAAO,SAASC,GAAO;AAAA,EAC1C,cAAc;AAAA,IACZ,SAAS,CAAAC,MAAS;AAChB,MAAIA,EAAM,cAAc,SAAS,YAC/BA,EAAM,cAAc,KAAA;AAAA,IAExB;AAAA,EAAA;AAAA,EAEF,UAAU;AACZ,CAAC;"}

package/dist/components/input/InputAddon.cjs

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

package/dist/components/input/InputAddon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputAddon.cjs","sources":["../../../src/components/input/InputAddon.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { inputAddon } from '@stokelp/styled-system/recipes'\nimport { ark } from '@ark-ui/react'\n\nexport const InputAddon = styled(ark.div, inputAddon, {\n  dataAttr: true,\n})\n\nexport interface InputAddonProps extends ComponentProps<typeof InputAddon> {}\n"],"names":["InputAddon","styled","ark","inputAddon"],"mappings":"kNAMaA,EAAaC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,WAAY,CACpD,SAAU,EACZ,CAAC"}

package/dist/components/input/InputAddon.js

@@ -0,0 +1,11 @@
+"use client";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { inputAddon as o } from "@stokelp/styled-system/recipes";
+import { ark as r } from "@ark-ui/react";
+const n = t(r.div, o, {
+  dataAttr: !0
+});
+export {
+  n as InputAddon
+};
+//# sourceMappingURL=InputAddon.js.map

package/dist/components/input/InputAddon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputAddon.js","sources":["../../../src/components/input/InputAddon.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { inputAddon } from '@stokelp/styled-system/recipes'\nimport { ark } from '@ark-ui/react'\n\nexport const InputAddon = styled(ark.div, inputAddon, {\n  dataAttr: true,\n})\n\nexport interface InputAddonProps extends ComponentProps<typeof InputAddon> {}\n"],"names":["InputAddon","styled","ark","inputAddon"],"mappings":";;;;AAMO,MAAMA,IAAaC,EAAOC,EAAI,KAAKC,GAAY;AAAA,EACpD,UAAU;AACZ,CAAC;"}

package/dist/components/input/InputGroup.cjs

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

package/dist/components/input/InputGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.cjs","sources":["../../../src/components/input/InputGroup.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { inputGroup } from '@stokelp/styled-system/recipes'\n\nexport const InputGroup = styled('div', inputGroup, {\n  dataAttr: true,\n})\n\nexport interface InputGroupProps extends ComponentProps<typeof InputGroup> {}\n"],"names":["InputGroup","styled","inputGroup"],"mappings":"uLAKaA,EAAaC,EAAAA,OAAO,MAAOC,aAAY,CAClD,SAAU,EACZ,CAAC"}

package/dist/components/input/InputGroup.js

@@ -0,0 +1,10 @@
+"use client";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { inputGroup as r } from "@stokelp/styled-system/recipes";
+const u = t("div", r, {
+  dataAttr: !0
+});
+export {
+  u as InputGroup
+};
+//# sourceMappingURL=InputGroup.js.map

package/dist/components/input/InputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sources":["../../../src/components/input/InputGroup.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { inputGroup } from '@stokelp/styled-system/recipes'\n\nexport const InputGroup = styled('div', inputGroup, {\n  dataAttr: true,\n})\n\nexport interface InputGroupProps extends ComponentProps<typeof InputGroup> {}\n"],"names":["InputGroup","styled","inputGroup"],"mappings":";;;AAKO,MAAMA,IAAaC,EAAO,OAAOC,GAAY;AAAA,EAClD,UAAU;AACZ,CAAC;"}

package/dist/components/input/PhoneNumberInput.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react-phone-number-input"),e=require("react"),i=require("@stokelp/styled-system/jsx"),l=require("@stokelp/styled-system/recipes"),p=i.styled(c,l.phoneNumberInput,{dataAttr:!0}),y=e.forwardRef((t,n)=>{const[r,u]=e.useState(),[o,s]=e.useState();return a.jsx(p,{international:!0,defaultCountry:"FR",value:o,onChange:s,country:r,onCountryChange:u,...t,ref:n})});exports.PhoneNumberInput=y;
+//# sourceMappingURL=PhoneNumberInput.cjs.map

package/dist/components/input/PhoneNumberInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberInput.cjs","sources":["../../../src/components/input/PhoneNumberInput.tsx"],"sourcesContent":["import NumberInput, { type Props as FeatureProps } from 'react-phone-number-input'\nimport { ComponentProps, ElementRef, FC, forwardRef, useState } from 'react'\nimport { HTMLStyledProps, styled } from '@stokelp/styled-system/jsx'\nimport { phoneNumberInput } from '@stokelp/styled-system/recipes'\n\nconst StyledNumberInput = styled(NumberInput, phoneNumberInput, { dataAttr: true })\n\ntype Ref = ElementRef<typeof NumberInput>\ntype ForwardPhoneNumberInputProps = FeatureProps<ComponentProps<typeof StyledNumberInput>>\n\ntype StyledFeatureProps = FeatureProps<HTMLStyledProps<'input'>>\n\nexport type PhoneNumberInputProps = Omit<StyledFeatureProps, 'onChange'> & {\n  onChange?: StyledFeatureProps['onChange']\n}\n\nexport const PhoneNumberInput = forwardRef<Ref, ForwardPhoneNumberInputProps>((props, ref) => {\n  const [country, setCountry] = useState()\n  const [value, setValue] = useState()\n\n  return (\n    <StyledNumberInput\n      international\n      defaultCountry=\"FR\"\n      value={value}\n      onChange={setValue}\n      country={country}\n      onCountryChange={setCountry}\n      {...props}\n      ref={ref}\n    />\n  )\n}) as FC<PhoneNumberInputProps>\n"],"names":["StyledNumberInput","styled","NumberInput","phoneNumberInput","PhoneNumberInput","forwardRef","props","ref","country","setCountry","useState","value","setValue","jsx"],"mappings":"+QAKMA,EAAoBC,EAAAA,OAAOC,EAAaC,EAAAA,iBAAkB,CAAE,SAAU,GAAM,EAWrEC,EAAmBC,EAAAA,WAA8C,CAACC,EAAOC,IAAQ,CAC5F,KAAM,CAACC,EAASC,CAAU,EAAIC,WAAA,EACxB,CAACC,EAAOC,CAAQ,EAAIF,WAAA,EAE1B,OACEG,EAAAA,IAACb,EAAA,CACC,cAAa,GACb,eAAe,KACf,MAAAW,EACA,SAAUC,EACV,QAAAJ,EACA,gBAAiBC,EAChB,GAAGH,EACJ,IAAAC,CAAA,CAAA,CAGN,CAAC"}

package/dist/components/input/PhoneNumberInput.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import p from "react-phone-number-input";
+import { forwardRef as s, useState as t } from "react";
+import { styled as f } from "@stokelp/styled-system/jsx";
+import { phoneNumberInput as i } from "@stokelp/styled-system/recipes";
+const l = f(p, i, { dataAttr: !0 }), h = s((r, e) => {
+  const [o, n] = t(), [u, m] = t();
+  return /* @__PURE__ */ a(
+    l,
+    {
+      international: !0,
+      defaultCountry: "FR",
+      value: u,
+      onChange: m,
+      country: o,
+      onCountryChange: n,
+      ...r,
+      ref: e
+    }
+  );
+});
+export {
+  h as PhoneNumberInput
+};
+//# sourceMappingURL=PhoneNumberInput.js.map

package/dist/components/input/PhoneNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberInput.js","sources":["../../../src/components/input/PhoneNumberInput.tsx"],"sourcesContent":["import NumberInput, { type Props as FeatureProps } from 'react-phone-number-input'\nimport { ComponentProps, ElementRef, FC, forwardRef, useState } from 'react'\nimport { HTMLStyledProps, styled } from '@stokelp/styled-system/jsx'\nimport { phoneNumberInput } from '@stokelp/styled-system/recipes'\n\nconst StyledNumberInput = styled(NumberInput, phoneNumberInput, { dataAttr: true })\n\ntype Ref = ElementRef<typeof NumberInput>\ntype ForwardPhoneNumberInputProps = FeatureProps<ComponentProps<typeof StyledNumberInput>>\n\ntype StyledFeatureProps = FeatureProps<HTMLStyledProps<'input'>>\n\nexport type PhoneNumberInputProps = Omit<StyledFeatureProps, 'onChange'> & {\n  onChange?: StyledFeatureProps['onChange']\n}\n\nexport const PhoneNumberInput = forwardRef<Ref, ForwardPhoneNumberInputProps>((props, ref) => {\n  const [country, setCountry] = useState()\n  const [value, setValue] = useState()\n\n  return (\n    <StyledNumberInput\n      international\n      defaultCountry=\"FR\"\n      value={value}\n      onChange={setValue}\n      country={country}\n      onCountryChange={setCountry}\n      {...props}\n      ref={ref}\n    />\n  )\n}) as FC<PhoneNumberInputProps>\n"],"names":["StyledNumberInput","styled","NumberInput","phoneNumberInput","PhoneNumberInput","forwardRef","props","ref","country","setCountry","useState","value","setValue","jsx"],"mappings":";;;;;;AAKA,MAAMA,IAAoBC,EAAOC,GAAaC,GAAkB,EAAE,UAAU,IAAM,GAWrEC,IAAmBC,EAA8C,CAACC,GAAOC,MAAQ;AAC5F,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAA,GACxB,CAACC,GAAOC,CAAQ,IAAIF,EAAA;AAE1B,SACE,gBAAAG;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,gBAAe;AAAA,MACf,OAAAW;AAAA,MACA,UAAUC;AAAA,MACV,SAAAJ;AAAA,MACA,iBAAiBC;AAAA,MAChB,GAAGH;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/menu/Menu.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("@ark-ui/react"),c=require("react"),t=require("@stokelp/styled-system/jsx"),l=require("../../utils/slots.cjs"),a=require("@stokelp/styled-system/recipes"),{withProvider:m,withContext:r}=l.createStyleContext(a.menu),p=m(e.Menu.Root,void 0,{defaultProps:{lazyMount:!0,loopFocus:!0,unmountOnExit:!0}}),d=r(t.styled(e.Menu.Positioner),"positioner"),n=c.forwardRef(({children:s,...u},i)=>o.jsx(e.Portal,{children:o.jsx(d,{children:o.jsx(e.Menu.Content,{ref:i,...u,children:s})})}));n.displayName=e.Menu.Content.displayName;const g=r(t.styled(n),"content"),y=r(t.styled(e.Menu.Item),"item"),I=r(t.styled(e.Menu.ItemGroup),"itemGroup"),M=r(t.styled(e.Menu.ItemGroupLabel),"itemGroupLabel"),x=r(t.styled(e.Menu.Separator),"separator"),G=r(t.styled(e.Menu.Trigger),"trigger"),C=r(t.styled(e.Menu.TriggerItem),"triggerItem");exports.Content=g;exports.Item=y;exports.ItemGroup=I;exports.ItemGroupLabel=M;exports.Root=p;exports.Separator=x;exports.Trigger=G;exports.TriggerItem=C;
+//# sourceMappingURL=Menu.cjs.map

package/dist/components/menu/Menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.cjs","sources":["../../../src/components/menu/Menu.tsx"],"sourcesContent":["import { Menu as ArkMenu } from '@ark-ui/react'\nimport { ComponentProps, ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { createStyleContext } from '~/utils/slots'\nimport { menu } from '@stokelp/styled-system/recipes'\nimport { Portal } from '@ark-ui/react'\n\nconst { withProvider, withContext } = createStyleContext(menu)\n\nexport const Root = withProvider(ArkMenu.Root, undefined, {\n  defaultProps: {\n    lazyMount: true,\n    loopFocus: true,\n    unmountOnExit: true,\n  },\n})\nconst Positioner = withContext(styled(ArkMenu.Positioner), 'positioner')\n\nconst InnerContent = forwardRef<ElementRef<typeof ArkMenu.Content>, ComponentPropsWithoutRef<typeof ArkMenu.Content>>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Portal>\n        <Positioner>\n          <ArkMenu.Content ref={ref} {...props}>\n            {children}\n          </ArkMenu.Content>\n        </Positioner>\n      </Portal>\n    )\n  },\n)\nInnerContent.displayName = ArkMenu.Content.displayName\n\nexport const Content = withContext(styled(InnerContent), 'content')\nexport const Item = withContext(styled(ArkMenu.Item), 'item')\nexport const ItemGroup = withContext(styled(ArkMenu.ItemGroup), 'itemGroup')\nexport const ItemGroupLabel = withContext(styled(ArkMenu.ItemGroupLabel), 'itemGroupLabel')\nexport const Separator = withContext(styled(ArkMenu.Separator), 'separator')\nexport const Trigger = withContext(styled(ArkMenu.Trigger), 'trigger')\nexport const TriggerItem = withContext(styled(ArkMenu.TriggerItem), 'triggerItem')\n\nexport interface MenuProps extends ComponentProps<typeof Root> {}\nexport interface MenuContentProps extends ComponentProps<typeof Content> {}\nexport interface MenuItemProps extends ComponentProps<typeof Item> {}\nexport interface MenuItemGroupProps extends ComponentProps<typeof ItemGroup> {}\nexport interface MenuItemGroupLabelProps extends ComponentProps<typeof ItemGroupLabel> {}\nexport interface MenuSeparatorProps extends ComponentProps<typeof Separator> {}\nexport interface MenuTriggerProps extends ComponentProps<typeof Trigger> {}\nexport interface MenuTriggerItemProps extends ComponentProps<typeof TriggerItem> {}\n"],"names":["withProvider","withContext","createStyleContext","menu","Root","ArkMenu","Positioner","styled","InnerContent","forwardRef","children","props","ref","jsx","Portal","Content","Item","ItemGroup","ItemGroupLabel","Separator","Trigger","TriggerItem"],"mappings":"uSAOM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,IAAI,EAEhDC,EAAOJ,EAAaK,OAAQ,KAAM,OAAW,CACxD,aAAc,CACZ,UAAW,GACX,UAAW,GACX,cAAe,EAAA,CAEnB,CAAC,EACKC,EAAaL,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,UAAU,EAAG,YAAY,EAEjEG,EAAeC,EAAAA,WACnB,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAErBC,EAAAA,IAACC,EAAAA,OAAA,CACC,SAAAD,EAAAA,IAACP,EAAA,CACC,SAAAO,EAAAA,IAACR,EAAAA,KAAQ,QAAR,CAAgB,IAAAO,EAAW,GAAGD,EAC5B,SAAAD,CAAA,CACH,EACF,EACF,CAGN,EACAF,EAAa,YAAcH,OAAQ,QAAQ,YAEpC,MAAMU,EAAUd,EAAYM,SAAOC,CAAY,EAAG,SAAS,EACrDQ,EAAOf,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,IAAI,EAAG,MAAM,EAC/CY,EAAYhB,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,SAAS,EAAG,WAAW,EAC9Da,EAAiBjB,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,cAAc,EAAG,gBAAgB,EAC7Ec,EAAYlB,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,SAAS,EAAG,WAAW,EAC9De,EAAUnB,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,OAAO,EAAG,SAAS,EACxDgB,EAAcpB,EAAYM,EAAAA,OAAOF,EAAAA,KAAQ,WAAW,EAAG,aAAa"}

package/dist/components/menu/Menu.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Menu as t, Portal as p } from "@ark-ui/react";
+import { forwardRef as a } from "react";
+import { styled as o } from "@stokelp/styled-system/jsx";
+import { createStyleContext as u } from "../../utils/slots.js";
+import { menu as c } from "@stokelp/styled-system/recipes";
+const { withProvider: l, withContext: e } = u(c), y = l(t.Root, void 0, {
+  defaultProps: {
+    lazyMount: !0,
+    loopFocus: !0,
+    unmountOnExit: !0
+  }
+}), g = e(o(t.Positioner), "positioner"), n = a(
+  ({ children: i, ...m }, s) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(t.Content, { ref: s, ...m, children: i }) }) })
+);
+n.displayName = t.Content.displayName;
+const P = e(o(n), "content"), h = e(o(t.Item), "item"), T = e(o(t.ItemGroup), "itemGroup"), b = e(o(t.ItemGroupLabel), "itemGroupLabel"), w = e(o(t.Separator), "separator"), L = e(o(t.Trigger), "trigger"), R = e(o(t.TriggerItem), "triggerItem");
+export {
+  P as Content,
+  h as Item,
+  T as ItemGroup,
+  b as ItemGroupLabel,
+  y as Root,
+  w as Separator,
+  L as Trigger,
+  R as TriggerItem
+};
+//# sourceMappingURL=Menu.js.map

package/dist/components/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../src/components/menu/Menu.tsx"],"sourcesContent":["import { Menu as ArkMenu } from '@ark-ui/react'\nimport { ComponentProps, ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { createStyleContext } from '~/utils/slots'\nimport { menu } from '@stokelp/styled-system/recipes'\nimport { Portal } from '@ark-ui/react'\n\nconst { withProvider, withContext } = createStyleContext(menu)\n\nexport const Root = withProvider(ArkMenu.Root, undefined, {\n  defaultProps: {\n    lazyMount: true,\n    loopFocus: true,\n    unmountOnExit: true,\n  },\n})\nconst Positioner = withContext(styled(ArkMenu.Positioner), 'positioner')\n\nconst InnerContent = forwardRef<ElementRef<typeof ArkMenu.Content>, ComponentPropsWithoutRef<typeof ArkMenu.Content>>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Portal>\n        <Positioner>\n          <ArkMenu.Content ref={ref} {...props}>\n            {children}\n          </ArkMenu.Content>\n        </Positioner>\n      </Portal>\n    )\n  },\n)\nInnerContent.displayName = ArkMenu.Content.displayName\n\nexport const Content = withContext(styled(InnerContent), 'content')\nexport const Item = withContext(styled(ArkMenu.Item), 'item')\nexport const ItemGroup = withContext(styled(ArkMenu.ItemGroup), 'itemGroup')\nexport const ItemGroupLabel = withContext(styled(ArkMenu.ItemGroupLabel), 'itemGroupLabel')\nexport const Separator = withContext(styled(ArkMenu.Separator), 'separator')\nexport const Trigger = withContext(styled(ArkMenu.Trigger), 'trigger')\nexport const TriggerItem = withContext(styled(ArkMenu.TriggerItem), 'triggerItem')\n\nexport interface MenuProps extends ComponentProps<typeof Root> {}\nexport interface MenuContentProps extends ComponentProps<typeof Content> {}\nexport interface MenuItemProps extends ComponentProps<typeof Item> {}\nexport interface MenuItemGroupProps extends ComponentProps<typeof ItemGroup> {}\nexport interface MenuItemGroupLabelProps extends ComponentProps<typeof ItemGroupLabel> {}\nexport interface MenuSeparatorProps extends ComponentProps<typeof Separator> {}\nexport interface MenuTriggerProps extends ComponentProps<typeof Trigger> {}\nexport interface MenuTriggerItemProps extends ComponentProps<typeof TriggerItem> {}\n"],"names":["withProvider","withContext","createStyleContext","menu","Root","ArkMenu","Positioner","styled","InnerContent","forwardRef","children","props","ref","jsx","Portal","Content","Item","ItemGroup","ItemGroupLabel","Separator","Trigger","TriggerItem"],"mappings":";;;;;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAI,GAEhDC,IAAOJ,EAAaK,EAAQ,MAAM,QAAW;AAAA,EACxD,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,eAAe;AAAA,EAAA;AAEnB,CAAC,GACKC,IAAaL,EAAYM,EAAOF,EAAQ,UAAU,GAAG,YAAY,GAEjEG,IAAeC;AAAA,EACnB,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAErB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACP,GAAA,EACC,UAAA,gBAAAO,EAACR,EAAQ,SAAR,EAAgB,KAAAO,GAAW,GAAGD,GAC5B,UAAAD,EAAA,CACH,GACF,GACF;AAGN;AACAF,EAAa,cAAcH,EAAQ,QAAQ;AAEpC,MAAMU,IAAUd,EAAYM,EAAOC,CAAY,GAAG,SAAS,GACrDQ,IAAOf,EAAYM,EAAOF,EAAQ,IAAI,GAAG,MAAM,GAC/CY,IAAYhB,EAAYM,EAAOF,EAAQ,SAAS,GAAG,WAAW,GAC9Da,IAAiBjB,EAAYM,EAAOF,EAAQ,cAAc,GAAG,gBAAgB,GAC7Ec,IAAYlB,EAAYM,EAAOF,EAAQ,SAAS,GAAG,WAAW,GAC9De,IAAUnB,EAAYM,EAAOF,EAAQ,OAAO,GAAG,SAAS,GACxDgB,IAAcpB,EAAYM,EAAOF,EAAQ,WAAW,GAAG,aAAa;"}

package/dist/components/pagination/Pagination.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),o=require("@stokelp/styled-system/jsx"),S=require("@stokelp/styled-system/recipes"),B=require("../../utils/slots.cjs"),l=require("./use-pagination.cjs"),a=require("../../shared/utils/events.cjs"),c=require("../icon-button/IconButton.cjs"),{withProvider:k,withContext:d}=B.createStyleContext(S.pagination),I=k(o.styled("div"),"root"),E=d(o.styled("button"),"item"),M=d(o.styled("div"),"dots"),b=({total:r,value:u,defaultValue:v,onChange:g,disabled:t,onNextPage:h,onPrevPage:x,siblings:C=2,boundaries:P=1,...w})=>{const{range:j,setPage:y,next:p,previous:f,active:i}=l.usePagination({page:u,initialPage:v,onChange:g,total:r,siblings:C,boundaries:P}),q=a.createEventHandler(h,p),L=a.createEventHandler(x,f);return e.jsxs(I,{...w,children:[e.jsx(c.IconButton,{size:"md",variant:"tertiary","aria-label":"Previous",disabled:t||i===1,onClick:L,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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"})})}),j.map((n,s)=>{if(n===l.DOTS)return R.createElement(M,{...t?{"data-disabled":!0}:{},key:s},"...");const m=n===i;return e.jsx(E,{disabled:t,...m?{"data-selected":!0}:{},onClick:()=>y(n),children:n},s)}),e.jsx(c.IconButton,{size:"md",variant:"tertiary","aria-label":"Previous",disabled:t||i===r,onClick:q,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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"})})})]})};exports.Pagination=b;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/components/pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { pagination } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { DOTS, usePagination } from './use-pagination'\nimport { createEventHandler } from '~/shared/utils/events'\nimport { IconButton } from '~/components/icon-button'\n\nconst { withProvider, withContext } = createStyleContext(pagination)\n\nconst StyledPagination = withProvider(styled('div'), 'root')\ntype StyledPaginationProps = ComponentProps<typeof StyledPagination>\n\nconst PaginationItem = withContext(styled('button'), 'item')\nconst PaginationDots = withContext(styled('div'), 'dots')\n\nexport interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {\n  total: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  disabled?: boolean\n  siblings?: number\n  boundaries?: number\n  onNextPage?: () => void\n  onPrevPage?: () => void\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  value,\n  defaultValue,\n  onChange,\n  disabled,\n  onNextPage,\n  onPrevPage,\n  siblings = 2,\n  boundaries = 1,\n  ...props\n}: PaginationProps) => {\n  const { range, setPage, next, previous, active } = usePagination({\n    page: value,\n    initialPage: defaultValue,\n    onChange,\n    total,\n    siblings,\n    boundaries,\n  })\n\n  const handleNextPage = createEventHandler(onNextPage, next)\n  const handlePreviousPage = createEventHandler(onPrevPage, previous)\n\n  return (\n    <StyledPagination {...props}>\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === 1}\n        onClick={handlePreviousPage}\n      >\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      </IconButton>\n      {range.map((pageNumber, index) => {\n        if (pageNumber === DOTS) {\n          return (\n            <PaginationDots {...(disabled ? { 'data-disabled': true } : {})} key={index}>\n              ...\n            </PaginationDots>\n          )\n        }\n\n        const isSelected = pageNumber === active\n\n        return (\n          <PaginationItem\n            key={index}\n            disabled={disabled}\n            {...(isSelected\n              ? {\n                  'data-selected': true,\n                }\n              : {})}\n            onClick={() => setPage(pageNumber)}\n          >\n            {pageNumber}\n          </PaginationItem>\n        )\n      })}\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === total}\n        onClick={handleNextPage}\n      >\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      </IconButton>\n    </StyledPagination>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","pagination","StyledPagination","styled","PaginationItem","PaginationDots","Pagination","total","value","defaultValue","onChange","disabled","onNextPage","onPrevPage","siblings","boundaries","props","range","setPage","next","previous","active","usePagination","handleNextPage","createEventHandler","handlePreviousPage","jsxs","jsx","IconButton","pageNumber","index","DOTS","createElement","isSelected"],"mappings":"oYAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,UAAU,EAE7DC,EAAmBJ,EAAaK,EAAAA,OAAO,KAAK,EAAG,MAAM,EAGrDC,EAAiBL,EAAYI,EAAAA,OAAO,QAAQ,EAAG,MAAM,EACrDE,EAAiBN,EAAYI,EAAAA,OAAO,KAAK,EAAG,MAAM,EAc3CG,EAAkC,CAAC,CAC9C,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,EACX,WAAAC,EAAa,EACb,GAAGC,CACL,IAAuB,CACrB,KAAM,CAAE,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,SAAAC,EAAU,OAAAC,CAAA,EAAWC,gBAAc,CAC/D,KAAMd,EACN,YAAaC,EACb,SAAAC,EACA,MAAAH,EACA,SAAAO,EACA,WAAAC,CAAA,CACD,EAEKQ,EAAiBC,EAAAA,mBAAmBZ,EAAYO,CAAI,EACpDM,EAAqBD,EAAAA,mBAAmBX,EAAYO,CAAQ,EAElE,OACEM,EAAAA,KAACxB,EAAA,CAAkB,GAAGc,EACpB,SAAA,CAAAW,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAK,KACL,QAAQ,WACR,aAAW,WACX,SAAUjB,GAAYU,IAAW,EACjC,QAASI,EAET,SAAAE,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,8TACF,KAAK,cAAA,CAAA,CACP,CACF,CAAA,CAAA,EAEDV,EAAM,IAAI,CAACY,EAAYC,IAAU,CAChC,GAAID,IAAeE,EAAAA,KACjB,OACEC,gBAAC3B,EAAA,CAAgB,GAAIM,EAAW,CAAE,gBAAiB,EAAA,EAAS,CAAA,EAAK,IAAKmB,CAAA,EAAO,KAE7E,EAIJ,MAAMG,EAAaJ,IAAeR,EAElC,OACEM,EAAAA,IAACvB,EAAA,CAEC,SAAAO,EACC,GAAIsB,EACD,CACE,gBAAiB,EAAA,EAEnB,CAAA,EACJ,QAAS,IAAMf,EAAQW,CAAU,EAEhC,SAAAA,CAAA,EATIC,CAAA,CAYX,CAAC,EACDH,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAK,KACL,QAAQ,WACR,aAAW,WACX,SAAUjB,GAAYU,IAAWd,EACjC,QAASgB,EAET,SAAAI,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,8TACF,KAAK,cAAA,CAAA,CACP,CACF,CAAA,CAAA,CACF,EACF,CAEJ"}

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import { createElement as k } from "react";
+import { styled as n } from "@stokelp/styled-system/jsx";
+import { pagination as R } from "@stokelp/styled-system/recipes";
+import { createStyleContext as B } from "../../utils/slots.js";
+import { usePagination as j, DOTS as z } from "./use-pagination.js";
+import { createEventHandler as a } from "../../shared/utils/events.js";
+import { IconButton as d } from "../icon-button/IconButton.js";
+const { withProvider: D, withContext: s } = B(R), E = D(n("div"), "root"), I = s(n("button"), "item"), M = s(n("div"), "dots"), J = ({
+  total: r,
+  value: c,
+  defaultValue: m,
+  onChange: v,
+  disabled: e,
+  onNextPage: h,
+  onPrevPage: g,
+  siblings: C = 2,
+  boundaries: p = 1,
+  ...u
+}) => {
+  const { range: f, setPage: w, next: P, previous: x, active: o } = j({
+    page: c,
+    initialPage: m,
+    onChange: v,
+    total: r,
+    siblings: C,
+    boundaries: p
+  }), L = a(h, P), y = a(g, x);
+  return /* @__PURE__ */ S(E, { ...u, children: [
+    /* @__PURE__ */ t(
+      d,
+      {
+        size: "md",
+        variant: "tertiary",
+        "aria-label": "Previous",
+        disabled: e || o === 1,
+        onClick: y,
+        children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
+          "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.map((i, l) => i === z ? /* @__PURE__ */ k(M, { ...e ? { "data-disabled": !0 } : {}, key: l }, "...") : /* @__PURE__ */ t(
+      I,
+      {
+        disabled: e,
+        ...i === o ? {
+          "data-selected": !0
+        } : {},
+        onClick: () => w(i),
+        children: i
+      },
+      l
+    )),
+    /* @__PURE__ */ t(
+      d,
+      {
+        size: "md",
+        variant: "tertiary",
+        "aria-label": "Previous",
+        disabled: e || o === r,
+        onClick: L,
+        children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
+          "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"
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  J as Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { pagination } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { DOTS, usePagination } from './use-pagination'\nimport { createEventHandler } from '~/shared/utils/events'\nimport { IconButton } from '~/components/icon-button'\n\nconst { withProvider, withContext } = createStyleContext(pagination)\n\nconst StyledPagination = withProvider(styled('div'), 'root')\ntype StyledPaginationProps = ComponentProps<typeof StyledPagination>\n\nconst PaginationItem = withContext(styled('button'), 'item')\nconst PaginationDots = withContext(styled('div'), 'dots')\n\nexport interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {\n  total: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  disabled?: boolean\n  siblings?: number\n  boundaries?: number\n  onNextPage?: () => void\n  onPrevPage?: () => void\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  value,\n  defaultValue,\n  onChange,\n  disabled,\n  onNextPage,\n  onPrevPage,\n  siblings = 2,\n  boundaries = 1,\n  ...props\n}: PaginationProps) => {\n  const { range, setPage, next, previous, active } = usePagination({\n    page: value,\n    initialPage: defaultValue,\n    onChange,\n    total,\n    siblings,\n    boundaries,\n  })\n\n  const handleNextPage = createEventHandler(onNextPage, next)\n  const handlePreviousPage = createEventHandler(onPrevPage, previous)\n\n  return (\n    <StyledPagination {...props}>\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === 1}\n        onClick={handlePreviousPage}\n      >\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      </IconButton>\n      {range.map((pageNumber, index) => {\n        if (pageNumber === DOTS) {\n          return (\n            <PaginationDots {...(disabled ? { 'data-disabled': true } : {})} key={index}>\n              ...\n            </PaginationDots>\n          )\n        }\n\n        const isSelected = pageNumber === active\n\n        return (\n          <PaginationItem\n            key={index}\n            disabled={disabled}\n            {...(isSelected\n              ? {\n                  'data-selected': true,\n                }\n              : {})}\n            onClick={() => setPage(pageNumber)}\n          >\n            {pageNumber}\n          </PaginationItem>\n        )\n      })}\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === total}\n        onClick={handleNextPage}\n      >\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      </IconButton>\n    </StyledPagination>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","pagination","StyledPagination","styled","PaginationItem","PaginationDots","Pagination","total","value","defaultValue","onChange","disabled","onNextPage","onPrevPage","siblings","boundaries","props","range","setPage","next","previous","active","usePagination","handleNextPage","createEventHandler","handlePreviousPage","jsxs","jsx","IconButton","pageNumber","index","DOTS","createElement"],"mappings":";;;;;;;;;AAQA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAU,GAE7DC,IAAmBJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GAGrDC,IAAiBL,EAAYI,EAAO,QAAQ,GAAG,MAAM,GACrDE,IAAiBN,EAAYI,EAAO,KAAK,GAAG,MAAM,GAc3CG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAuB;AACrB,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAc;AAAA,IAC/D,MAAMd;AAAA,IACN,aAAaC;AAAA,IACb,UAAAC;AAAA,IACA,OAAAH;AAAA,IACA,UAAAO;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKQ,IAAiBC,EAAmBZ,GAAYO,CAAI,GACpDM,IAAqBD,EAAmBX,GAAYO,CAAQ;AAElE,SACE,gBAAAM,EAACxB,GAAA,EAAkB,GAAGc,GACpB,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,UAAUjB,KAAYU,MAAW;AAAA,QACjC,SAASI;AAAA,QAET,UAAA,gBAAAE,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,EACP,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDV,EAAM,IAAI,CAACY,GAAYC,MAClBD,MAAeE,IAEf,gBAAAC,EAAC3B,GAAA,EAAgB,GAAIM,IAAW,EAAE,iBAAiB,GAAA,IAAS,CAAA,GAAK,KAAKmB,EAAA,GAAO,KAE7E,IAOF,gBAAAH;AAAA,MAACvB;AAAA,MAAA;AAAA,QAEC,UAAAO;AAAA,QACC,GANckB,MAAeR,IAO1B;AAAA,UACE,iBAAiB;AAAA,QAAA,IAEnB,CAAA;AAAA,QACJ,SAAS,MAAMH,EAAQW,CAAU;AAAA,QAEhC,UAAAA;AAAA,MAAA;AAAA,MATIC;AAAA,IAAA,CAYV;AAAA,IACD,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,UAAUjB,KAAYU,MAAWd;AAAA,QACjC,SAASgB;AAAA,QAET,UAAA,gBAAAI,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,EACP,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/pagination/use-pagination.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),R=require("../../shared/hooks/useUncontrolled.cjs");function o(r,n){const t=n-r+1;return Array.from({length:t},(h,s)=>s+r)}const l=Symbol("dots"),O=({total:r,siblings:n=1,boundaries:t=1,page:h,initialPage:s=1,onChange:v})=>{const e=Math.max(Math.trunc(r),0),[c,f]=R.useUncontrolled({value:h,onChange:v,defaultValue:s,finalValue:s}),a=u=>{u<=0?f(1):u>e?f(e):f(u)},M=()=>a(c+1),x=()=>a(c-1),y=()=>a(1),D=()=>a(e);return{range:I.useMemo(()=>{if(n*2+3+t*2>=e)return o(1,e);const i=Math.max(c-n,t),m=Math.min(c+n,e-t),S=i>t+2,P=m<e-(t+1);if(!S&&P){const g=n*2+t+2;return[...o(1,g),l,...o(e-(t-1),e)]}if(S&&!P){const g=t+1+2*n;return[...o(1,t),l,...o(e-g,e)]}return[...o(1,t),l,...o(i,m),l,...o(e-t+1,e)]},[e,n,t,c]),active:c,setPage:a,next:M,previous:x,first:y,last:D}};exports.DOTS=l;exports.usePagination=O;
+//# sourceMappingURL=use-pagination.cjs.map

package/dist/components/pagination/use-pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.cjs","sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["// https://github.com/mantinedev/mantine/blob/95115daf60364ba2e5aba5e5d42d69103f90cb1a/packages/%40mantine/hooks/src/use-pagination/use-pagination.ts\n\nimport { useMemo } from 'react'\nimport { useUncontrolled } from '~/shared/hooks/useUncontrolled'\n\nfunction range(start: number, end: number) {\n  const length = end - start + 1\n  return Array.from({ length }, (_, index) => index + start)\n}\n\nexport const DOTS: unique symbol = Symbol('dots')\n\nexport interface PaginationParams {\n  initialPage?: number\n  page?: number\n  total: number\n  siblings?: number\n  boundaries?: number\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n  initialPage = 1,\n  onChange,\n}: PaginationParams) => {\n  const _total = Math.max(Math.trunc(total), 0)\n  const [activePage, setActivePage] = useUncontrolled({\n    value: page,\n    onChange,\n    defaultValue: initialPage,\n    finalValue: initialPage,\n  })\n\n  const setPage = (pageNumber: number) => {\n    if (pageNumber <= 0) {\n      setActivePage(1)\n    } else if (pageNumber > _total) {\n      setActivePage(_total)\n    } else {\n      setActivePage(pageNumber)\n    }\n  }\n\n  const next = () => setPage(activePage + 1)\n  const previous = () => setPage(activePage - 1)\n  const first = () => setPage(1)\n  const last = () => setPage(_total)\n\n  const paginationRange = useMemo((): (number | typeof DOTS)[] => {\n    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n    if (totalPageNumbers >= _total) {\n      return range(1, _total)\n    }\n\n    const leftSiblingIndex = Math.max(activePage - siblings, boundaries)\n    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries)\n\n    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2\n    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1)\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = siblings * 2 + boundaries + 2\n      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)]\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = boundaries + 1 + 2 * siblings\n      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)]\n    }\n\n    return [\n      ...range(1, boundaries),\n      DOTS,\n      ...range(leftSiblingIndex, rightSiblingIndex),\n      DOTS,\n      ...range(_total - boundaries + 1, _total),\n    ]\n  }, [_total, siblings, boundaries, activePage])\n\n  return {\n    range: paginationRange,\n    active: activePage,\n    setPage,\n    next,\n    previous,\n    first,\n    last,\n  }\n}\n"],"names":["range","start","end","length","_","index","DOTS","usePagination","total","siblings","boundaries","page","initialPage","onChange","_total","activePage","setActivePage","useUncontrolled","setPage","pageNumber","next","previous","first","last","useMemo","leftSiblingIndex","rightSiblingIndex","shouldShowLeftDots","shouldShowRightDots","leftItemCount","rightItemCount"],"mappings":"0KAKA,SAASA,EAAMC,EAAeC,EAAa,CACzC,MAAMC,EAASD,EAAMD,EAAQ,EAC7B,OAAO,MAAM,KAAK,CAAE,OAAAE,CAAA,EAAU,CAACC,EAAGC,IAAUA,EAAQJ,CAAK,CAC3D,CAEO,MAAMK,EAAsB,OAAO,MAAM,EAWnCC,EAAgB,CAAC,CAC5B,MAAAC,EACA,SAAAC,EAAW,EACX,WAAAC,EAAa,EACb,KAAAC,EACA,YAAAC,EAAc,EACd,SAAAC,CACF,IAAwB,CACtB,MAAMC,EAAS,KAAK,IAAI,KAAK,MAAMN,CAAK,EAAG,CAAC,EACtC,CAACO,EAAYC,CAAa,EAAIC,kBAAgB,CAClD,MAAON,EACP,SAAAE,EACA,aAAcD,EACd,WAAYA,CAAA,CACb,EAEKM,EAAWC,GAAuB,CAClCA,GAAc,EAChBH,EAAc,CAAC,EACNG,EAAaL,EACtBE,EAAcF,CAAM,EAEpBE,EAAcG,CAAU,CAE5B,EAEMC,EAAO,IAAMF,EAAQH,EAAa,CAAC,EACnCM,EAAW,IAAMH,EAAQH,EAAa,CAAC,EACvCO,EAAQ,IAAMJ,EAAQ,CAAC,EACvBK,EAAO,IAAML,EAAQJ,CAAM,EAiCjC,MAAO,CACL,MAhCsBU,EAAAA,QAAQ,IAAgC,CAE9D,GADyBf,EAAW,EAAI,EAAIC,EAAa,GACjCI,EACtB,OAAOd,EAAM,EAAGc,CAAM,EAGxB,MAAMW,EAAmB,KAAK,IAAIV,EAAaN,EAAUC,CAAU,EAC7DgB,EAAoB,KAAK,IAAIX,EAAaN,EAAUK,EAASJ,CAAU,EAEvEiB,EAAqBF,EAAmBf,EAAa,EACrDkB,EAAsBF,EAAoBZ,GAAUJ,EAAa,GAEvE,GAAI,CAACiB,GAAsBC,EAAqB,CAC9C,MAAMC,EAAgBpB,EAAW,EAAIC,EAAa,EAClD,MAAO,CAAC,GAAGV,EAAM,EAAG6B,CAAa,EAAGvB,EAAM,GAAGN,EAAMc,GAAUJ,EAAa,GAAII,CAAM,CAAC,CACvF,CAEA,GAAIa,GAAsB,CAACC,EAAqB,CAC9C,MAAME,EAAiBpB,EAAa,EAAI,EAAID,EAC5C,MAAO,CAAC,GAAGT,EAAM,EAAGU,CAAU,EAAGJ,EAAM,GAAGN,EAAMc,EAASgB,EAAgBhB,CAAM,CAAC,CAClF,CAEA,MAAO,CACL,GAAGd,EAAM,EAAGU,CAAU,EACtBJ,EACA,GAAGN,EAAMyB,EAAkBC,CAAiB,EAC5CpB,EACA,GAAGN,EAAMc,EAASJ,EAAa,EAAGI,CAAM,CAAA,CAE5C,EAAG,CAACA,EAAQL,EAAUC,EAAYK,CAAU,CAAC,EAI3C,OAAQA,EACR,QAAAG,EACA,KAAAE,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,CAAA,CAEJ"}

package/dist/components/pagination/use-pagination.js

@@ -0,0 +1,57 @@
+"use client";
+import { useMemo as D } from "react";
+import { useUncontrolled as R } from "../../shared/hooks/useUncontrolled.js";
+function e(l, n) {
+  const t = n - l + 1;
+  return Array.from({ length: t }, (g, r) => r + l);
+}
+const s = Symbol("dots"), C = ({
+  total: l,
+  siblings: n = 1,
+  boundaries: t = 1,
+  page: g,
+  initialPage: r = 1,
+  onChange: v
+}) => {
+  const o = Math.max(Math.trunc(l), 0), [c, h] = R({
+    value: g,
+    onChange: v,
+    defaultValue: r,
+    finalValue: r
+  }), a = (f) => {
+    f <= 0 ? h(1) : f > o ? h(o) : h(f);
+  }, M = () => a(c + 1), P = () => a(c - 1), p = () => a(1), I = () => a(o);
+  return {
+    range: D(() => {
+      if (n * 2 + 3 + t * 2 >= o)
+        return e(1, o);
+      const u = Math.max(c - n, t), x = Math.min(c + n, o - t), S = u > t + 2, i = x < o - (t + 1);
+      if (!S && i) {
+        const m = n * 2 + t + 2;
+        return [...e(1, m), s, ...e(o - (t - 1), o)];
+      }
+      if (S && !i) {
+        const m = t + 1 + 2 * n;
+        return [...e(1, t), s, ...e(o - m, o)];
+      }
+      return [
+        ...e(1, t),
+        s,
+        ...e(u, x),
+        s,
+        ...e(o - t + 1, o)
+      ];
+    }, [o, n, t, c]),
+    active: c,
+    setPage: a,
+    next: M,
+    previous: P,
+    first: p,
+    last: I
+  };
+};
+export {
+  s as DOTS,
+  C as usePagination
+};
+//# sourceMappingURL=use-pagination.js.map

package/dist/components/pagination/use-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.js","sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["// https://github.com/mantinedev/mantine/blob/95115daf60364ba2e5aba5e5d42d69103f90cb1a/packages/%40mantine/hooks/src/use-pagination/use-pagination.ts\n\nimport { useMemo } from 'react'\nimport { useUncontrolled } from '~/shared/hooks/useUncontrolled'\n\nfunction range(start: number, end: number) {\n  const length = end - start + 1\n  return Array.from({ length }, (_, index) => index + start)\n}\n\nexport const DOTS: unique symbol = Symbol('dots')\n\nexport interface PaginationParams {\n  initialPage?: number\n  page?: number\n  total: number\n  siblings?: number\n  boundaries?: number\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n  initialPage = 1,\n  onChange,\n}: PaginationParams) => {\n  const _total = Math.max(Math.trunc(total), 0)\n  const [activePage, setActivePage] = useUncontrolled({\n    value: page,\n    onChange,\n    defaultValue: initialPage,\n    finalValue: initialPage,\n  })\n\n  const setPage = (pageNumber: number) => {\n    if (pageNumber <= 0) {\n      setActivePage(1)\n    } else if (pageNumber > _total) {\n      setActivePage(_total)\n    } else {\n      setActivePage(pageNumber)\n    }\n  }\n\n  const next = () => setPage(activePage + 1)\n  const previous = () => setPage(activePage - 1)\n  const first = () => setPage(1)\n  const last = () => setPage(_total)\n\n  const paginationRange = useMemo((): (number | typeof DOTS)[] => {\n    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n    if (totalPageNumbers >= _total) {\n      return range(1, _total)\n    }\n\n    const leftSiblingIndex = Math.max(activePage - siblings, boundaries)\n    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries)\n\n    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2\n    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1)\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = siblings * 2 + boundaries + 2\n      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)]\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = boundaries + 1 + 2 * siblings\n      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)]\n    }\n\n    return [\n      ...range(1, boundaries),\n      DOTS,\n      ...range(leftSiblingIndex, rightSiblingIndex),\n      DOTS,\n      ...range(_total - boundaries + 1, _total),\n    ]\n  }, [_total, siblings, boundaries, activePage])\n\n  return {\n    range: paginationRange,\n    active: activePage,\n    setPage,\n    next,\n    previous,\n    first,\n    last,\n  }\n}\n"],"names":["range","start","end","length","_","index","DOTS","usePagination","total","siblings","boundaries","page","initialPage","onChange","_total","activePage","setActivePage","useUncontrolled","setPage","pageNumber","next","previous","first","last","useMemo","leftSiblingIndex","rightSiblingIndex","shouldShowLeftDots","shouldShowRightDots","leftItemCount","rightItemCount"],"mappings":";;;AAKA,SAASA,EAAMC,GAAeC,GAAa;AACzC,QAAMC,IAASD,IAAMD,IAAQ;AAC7B,SAAO,MAAM,KAAK,EAAE,QAAAE,EAAA,GAAU,CAACC,GAAGC,MAAUA,IAAQJ,CAAK;AAC3D;AAEO,MAAMK,IAAsB,OAAO,MAAM,GAWnCC,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AACF,MAAwB;AACtB,QAAMC,IAAS,KAAK,IAAI,KAAK,MAAMN,CAAK,GAAG,CAAC,GACtC,CAACO,GAAYC,CAAa,IAAIC,EAAgB;AAAA,IAClD,OAAON;AAAA,IACP,UAAAE;AAAA,IACA,cAAcD;AAAA,IACd,YAAYA;AAAA,EAAA,CACb,GAEKM,IAAU,CAACC,MAAuB;AACtC,IAAIA,KAAc,IAChBH,EAAc,CAAC,IACNG,IAAaL,IACtBE,EAAcF,CAAM,IAEpBE,EAAcG,CAAU;AAAA,EAE5B,GAEMC,IAAO,MAAMF,EAAQH,IAAa,CAAC,GACnCM,IAAW,MAAMH,EAAQH,IAAa,CAAC,GACvCO,IAAQ,MAAMJ,EAAQ,CAAC,GACvBK,IAAO,MAAML,EAAQJ,CAAM;AAiCjC,SAAO;AAAA,IACL,OAhCsBU,EAAQ,MAAgC;AAE9D,UADyBf,IAAW,IAAI,IAAIC,IAAa,KACjCI;AACtB,eAAOd,EAAM,GAAGc,CAAM;AAGxB,YAAMW,IAAmB,KAAK,IAAIV,IAAaN,GAAUC,CAAU,GAC7DgB,IAAoB,KAAK,IAAIX,IAAaN,GAAUK,IAASJ,CAAU,GAEvEiB,IAAqBF,IAAmBf,IAAa,GACrDkB,IAAsBF,IAAoBZ,KAAUJ,IAAa;AAEvE,UAAI,CAACiB,KAAsBC,GAAqB;AAC9C,cAAMC,IAAgBpB,IAAW,IAAIC,IAAa;AAClD,eAAO,CAAC,GAAGV,EAAM,GAAG6B,CAAa,GAAGvB,GAAM,GAAGN,EAAMc,KAAUJ,IAAa,IAAII,CAAM,CAAC;AAAA,MACvF;AAEA,UAAIa,KAAsB,CAACC,GAAqB;AAC9C,cAAME,IAAiBpB,IAAa,IAAI,IAAID;AAC5C,eAAO,CAAC,GAAGT,EAAM,GAAGU,CAAU,GAAGJ,GAAM,GAAGN,EAAMc,IAASgB,GAAgBhB,CAAM,CAAC;AAAA,MAClF;AAEA,aAAO;AAAA,QACL,GAAGd,EAAM,GAAGU,CAAU;AAAA,QACtBJ;AAAA,QACA,GAAGN,EAAMyB,GAAkBC,CAAiB;AAAA,QAC5CpB;AAAA,QACA,GAAGN,EAAMc,IAASJ,IAAa,GAAGI,CAAM;AAAA,MAAA;AAAA,IAE5C,GAAG,CAACA,GAAQL,GAAUC,GAAYK,CAAU,CAAC;AAAA,IAI3C,QAAQA;AAAA,IACR,SAAAG;AAAA,IACA,MAAAE;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA;AAEJ;"}

package/dist/components/popover/Popover.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),p=require("@stokelp/styled-system/recipes"),P=require("react"),v=require("../../utils/slots.cjs"),{withProvider:l,withContext:r}=v.createStyleContext(p.popover),g=l(o.Popover.Root,void 0,{defaultProps:{unmountOnExit:!0,lazyMount:!0,portalled:!0}}),u=r(e.styled(o.Popover.CloseTrigger),"closeTrigger"),d=r(e.styled(o.Popover.Trigger),"trigger"),a=r(e.styled(o.Popover.Anchor),"anchor"),C=r(e.styled(o.Popover.Positioner),"positioner"),n=P.forwardRef(({children:s,...i},c)=>t.jsx(o.Portal,{children:t.jsx(C,{children:t.jsx(o.Popover.Content,{ref:c,...i,children:s})})}));n.displayName=o.Popover.Content.displayName;const x=r(e.styled(n),"content"),y=o.Popover.Context;exports.Popover=g;exports.PopoverAnchor=a;exports.PopoverCloseTrigger=u;exports.PopoverContent=x;exports.PopoverContext=y;exports.PopoverTrigger=d;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Portal } from '@ark-ui/react'\nimport { Popover as ArkPopover } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { popover } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps, ComponentPropsWithoutRef, ElementRef } from 'react'\nimport { forwardRef } from 'react'\n\nimport { createStyleContext } from '~/utils/slots'\n\nconst { withProvider, withContext } = createStyleContext(popover)\n\nexport const Popover = withProvider(ArkPopover.Root, undefined, {\n  defaultProps: {\n    unmountOnExit: true,\n    lazyMount: true,\n    portalled: true,\n  },\n})\nexport const PopoverCloseTrigger = withContext(styled(ArkPopover.CloseTrigger), 'closeTrigger')\nexport const PopoverTrigger = withContext(styled(ArkPopover.Trigger), 'trigger')\nexport const PopoverAnchor = withContext(styled(ArkPopover.Anchor), 'anchor')\n\nconst PopoverPositioner = withContext(styled(ArkPopover.Positioner), 'positioner')\n\nconst Content = forwardRef<ElementRef<typeof ArkPopover.Content>, ComponentPropsWithoutRef<typeof ArkPopover.Content>>(\n  ({ children, ...props }, ref) => (\n    <Portal>\n      <PopoverPositioner>\n        <ArkPopover.Content ref={ref} {...props}>\n          {children}\n        </ArkPopover.Content>\n      </PopoverPositioner>\n    </Portal>\n  ),\n)\nContent.displayName = ArkPopover.Content.displayName\n\nexport const PopoverContent = withContext(styled(Content), 'content')\nexport const PopoverContext = ArkPopover.Context\n\nexport interface PopoverProps extends ComponentProps<typeof Popover> {}\nexport interface PopoverCloseTriggerProps extends ComponentProps<typeof PopoverCloseTrigger> {}\nexport interface PopoverContentProps extends ComponentProps<typeof PopoverContent> {}\nexport interface PopoverTriggerProps extends ComponentProps<typeof PopoverTrigger> {}\nexport interface PopoverAnchorProps extends ComponentProps<typeof PopoverAnchor> {}\nexport interface PopoverContextProps extends ComponentProps<typeof PopoverContext> {}\n"],"names":["withProvider","withContext","createStyleContext","popover","Popover","ArkPopover","PopoverCloseTrigger","styled","PopoverTrigger","PopoverAnchor","PopoverPositioner","Content","forwardRef","children","props","ref","Portal","jsx","PopoverContent","PopoverContext"],"mappings":"uSASM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,OAAO,EAEnDC,EAAUJ,EAAaK,UAAW,KAAM,OAAW,CAC9D,aAAc,CACZ,cAAe,GACf,UAAW,GACX,UAAW,EAAA,CAEf,CAAC,EACYC,EAAsBL,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,YAAY,EAAG,cAAc,EACjFG,EAAiBP,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,OAAO,EAAG,SAAS,EAClEI,EAAgBR,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,MAAM,EAAG,QAAQ,EAEtEK,EAAoBT,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,UAAU,EAAG,YAAY,EAE3EM,EAAUC,EAAAA,WACd,CAAC,CAAE,SAAAC,EAAU,GAAGC,GAASC,UACtBC,EAAAA,OAAA,CACC,SAAAC,MAACP,GACC,SAAAO,EAAAA,IAACZ,EAAAA,QAAW,QAAX,CAAmB,IAAAU,EAAW,GAAGD,EAC/B,SAAAD,EACH,EACF,CAAA,CACF,CAEJ,EACAF,EAAQ,YAAcN,UAAW,QAAQ,YAElC,MAAMa,EAAiBjB,EAAYM,SAAOI,CAAO,EAAG,SAAS,EACvDQ,EAAiBd,EAAAA,QAAW"}

package/dist/components/popover/Popover.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Popover as o, Portal as c } from "@ark-ui/react";
+import { styled as r } from "@stokelp/styled-system/jsx";
+import { popover as l } from "@stokelp/styled-system/recipes";
+import { forwardRef as m } from "react";
+import { createStyleContext as P } from "../../utils/slots.js";
+const { withProvider: a, withContext: t } = P(l), x = a(o.Root, void 0, {
+  defaultProps: {
+    unmountOnExit: !0,
+    lazyMount: !0,
+    portalled: !0
+  }
+}), y = t(r(o.CloseTrigger), "closeTrigger"), T = t(r(o.Trigger), "trigger"), w = t(r(o.Anchor), "anchor"), g = t(r(o.Positioner), "positioner"), n = m(
+  ({ children: i, ...p }, s) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(o.Content, { ref: s, ...p, children: i }) }) })
+);
+n.displayName = o.Content.displayName;
+const A = t(r(n), "content"), N = o.Context;
+export {
+  x as Popover,
+  w as PopoverAnchor,
+  y as PopoverCloseTrigger,
+  A as PopoverContent,
+  N as PopoverContext,
+  T as PopoverTrigger
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Portal } from '@ark-ui/react'\nimport { Popover as ArkPopover } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { popover } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps, ComponentPropsWithoutRef, ElementRef } from 'react'\nimport { forwardRef } from 'react'\n\nimport { createStyleContext } from '~/utils/slots'\n\nconst { withProvider, withContext } = createStyleContext(popover)\n\nexport const Popover = withProvider(ArkPopover.Root, undefined, {\n  defaultProps: {\n    unmountOnExit: true,\n    lazyMount: true,\n    portalled: true,\n  },\n})\nexport const PopoverCloseTrigger = withContext(styled(ArkPopover.CloseTrigger), 'closeTrigger')\nexport const PopoverTrigger = withContext(styled(ArkPopover.Trigger), 'trigger')\nexport const PopoverAnchor = withContext(styled(ArkPopover.Anchor), 'anchor')\n\nconst PopoverPositioner = withContext(styled(ArkPopover.Positioner), 'positioner')\n\nconst Content = forwardRef<ElementRef<typeof ArkPopover.Content>, ComponentPropsWithoutRef<typeof ArkPopover.Content>>(\n  ({ children, ...props }, ref) => (\n    <Portal>\n      <PopoverPositioner>\n        <ArkPopover.Content ref={ref} {...props}>\n          {children}\n        </ArkPopover.Content>\n      </PopoverPositioner>\n    </Portal>\n  ),\n)\nContent.displayName = ArkPopover.Content.displayName\n\nexport const PopoverContent = withContext(styled(Content), 'content')\nexport const PopoverContext = ArkPopover.Context\n\nexport interface PopoverProps extends ComponentProps<typeof Popover> {}\nexport interface PopoverCloseTriggerProps extends ComponentProps<typeof PopoverCloseTrigger> {}\nexport interface PopoverContentProps extends ComponentProps<typeof PopoverContent> {}\nexport interface PopoverTriggerProps extends ComponentProps<typeof PopoverTrigger> {}\nexport interface PopoverAnchorProps extends ComponentProps<typeof PopoverAnchor> {}\nexport interface PopoverContextProps extends ComponentProps<typeof PopoverContext> {}\n"],"names":["withProvider","withContext","createStyleContext","popover","Popover","ArkPopover","PopoverCloseTrigger","styled","PopoverTrigger","PopoverAnchor","PopoverPositioner","Content","forwardRef","children","props","ref","Portal","jsx","PopoverContent","PopoverContext"],"mappings":";;;;;;;AASA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAO,GAEnDC,IAAUJ,EAAaK,EAAW,MAAM,QAAW;AAAA,EAC9D,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,EAAA;AAEf,CAAC,GACYC,IAAsBL,EAAYM,EAAOF,EAAW,YAAY,GAAG,cAAc,GACjFG,IAAiBP,EAAYM,EAAOF,EAAW,OAAO,GAAG,SAAS,GAClEI,IAAgBR,EAAYM,EAAOF,EAAW,MAAM,GAAG,QAAQ,GAEtEK,IAAoBT,EAAYM,EAAOF,EAAW,UAAU,GAAG,YAAY,GAE3EM,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,GAAGC,KAASC,wBACtBC,GAAA,EACC,UAAA,gBAAAC,EAACP,KACC,UAAA,gBAAAO,EAACZ,EAAW,SAAX,EAAmB,KAAAU,GAAW,GAAGD,GAC/B,UAAAD,GACH,GACF,EAAA,CACF;AAEJ;AACAF,EAAQ,cAAcN,EAAW,QAAQ;AAElC,MAAMa,IAAiBjB,EAAYM,EAAOI,CAAO,GAAG,SAAS,GACvDQ,IAAiBd,EAAW;"}

package/dist/components/radio-button-group/RadioButtonGroup.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),a=require("@stokelp/styled-system/recipes"),d=require("../../utils/slots.cjs"),l=require("react"),o=require("@stokelp/styled-system/jsx"),{withProvider:c,withContext:r}=d.createStyleContext(a.radioButtonGroup),p=r(o.styled(t.RadioGroup.ItemControl),"itemControl"),R=r(o.styled(t.RadioGroup.ItemText),"itemText"),G=l.forwardRef(({children:i,value:n,...u},s)=>e.jsxs(t.RadioGroup.Item,{ref:s,...u,value:n,children:[e.jsx(R,{children:i}),e.jsx(p,{}),e.jsx(t.RadioGroup.ItemHiddenInput,{})]})),m=c(o.styled(t.RadioGroup.Root),"root",{defaultProps:{orientation:"horizontal"}}),x=r(o.styled(G),"item"),I=r(o.styled(t.RadioGroup.Label),"label");exports.RadioButtonGroup=m;exports.RadioButtonGroupItem=x;exports.RadioButtonGroupLabel=I;
+//# sourceMappingURL=RadioButtonGroup.cjs.map

package/dist/components/radio-button-group/RadioButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.cjs","sources":["../../../src/components/radio-button-group/RadioButtonGroup.tsx"],"sourcesContent":["import { RadioGroup as ArkRadioGroup } from '@ark-ui/react'\nimport { radioButtonGroup } from '@stokelp/styled-system/recipes'\n\nimport { createStyleContext } from '~/utils/slots'\nimport type { ComponentProps, ComponentPropsWithoutRef, ElementRef } from 'react'\nimport { forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\n\nconst { withProvider, withContext } = createStyleContext(radioButtonGroup)\n\nconst RadioButtonGroupItemControl = withContext(styled(ArkRadioGroup.ItemControl), 'itemControl')\nconst RadioButtonGroupItemText = withContext(styled(ArkRadioGroup.ItemText), 'itemText')\ntype ArkItemProps = ComponentPropsWithoutRef<typeof ArkRadioGroup.Item>\ntype ItemProps = Omit<ArkItemProps, 'value'> & { value: string | number | boolean }\nconst Item = forwardRef<ElementRef<typeof ArkRadioGroup.Item>, ItemProps>(({ children, value, ...props }, ref) => (\n  <ArkRadioGroup.Item ref={ref} {...props} value={value as string}>\n    <RadioButtonGroupItemText>{children}</RadioButtonGroupItemText>\n    <RadioButtonGroupItemControl />\n    <ArkRadioGroup.ItemHiddenInput />\n  </ArkRadioGroup.Item>\n))\n\nexport const RadioButtonGroup = withProvider(styled(ArkRadioGroup.Root), 'root', {\n  defaultProps: {\n    orientation: 'horizontal',\n  },\n})\nexport const RadioButtonGroupItem = withContext(styled(Item), 'item')\nexport const RadioButtonGroupLabel = withContext(styled(ArkRadioGroup.Label), 'label')\n\nexport interface RadioButtonGroupProps extends ComponentProps<typeof RadioButtonGroup> {}\nexport interface RadioButtonGroupItemProps extends ComponentProps<typeof RadioButtonGroupItem> {}\nexport interface RadioButtonGroupLabelProps extends ComponentProps<typeof RadioButtonGroupLabel> {}\n"],"names":["withProvider","withContext","createStyleContext","radioButtonGroup","RadioButtonGroupItemControl","styled","ArkRadioGroup","RadioButtonGroupItemText","Item","forwardRef","children","value","props","ref","jsx","RadioButtonGroup","RadioButtonGroupItem","RadioButtonGroupLabel"],"mappings":"uSAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,gBAAgB,EAEnEC,EAA8BH,EAAYI,EAAAA,OAAOC,EAAAA,WAAc,WAAW,EAAG,aAAa,EAC1FC,EAA2BN,EAAYI,EAAAA,OAAOC,EAAAA,WAAc,QAAQ,EAAG,UAAU,EAGjFE,EAAOC,EAAAA,WAA6D,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,GAAGC,GAASC,WACvGP,EAAAA,WAAc,KAAd,CAAmB,IAAAO,EAAW,GAAGD,EAAO,MAAAD,EACvC,SAAA,CAAAG,MAACP,GAA0B,SAAAG,EAAS,QACnCN,EAAA,EAA4B,EAC7BU,MAACR,EAAAA,WAAc,gBAAd,CAAA,CAA8B,CAAA,CAAA,CACjC,CACD,EAEYS,EAAmBf,EAAaK,EAAAA,OAAOC,EAAAA,WAAc,IAAI,EAAG,OAAQ,CAC/E,aAAc,CACZ,YAAa,YAAA,CAEjB,CAAC,EACYU,EAAuBf,EAAYI,SAAOG,CAAI,EAAG,MAAM,EACvDS,EAAwBhB,EAAYI,EAAAA,OAAOC,EAAAA,WAAc,KAAK,EAAG,OAAO"}