@stokelp/ui 2.103.0 → 2.104.0

package/dist/components/input/HighlightedInput.cjs

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

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

@@ -1 +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"}
+{"version":3,"file":"HighlightedInput.cjs","names":[],"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 type HighlightedInputRootProps = ComponentProps<typeof Root>\nexport type HighlightedInputInputProps = ComponentProps<typeof InputSlot>\nexport type HighlightedInputRendererProps = ComponentProps<typeof Renderer>\nexport type HighlightedInputHighlightProps = ComponentProps<typeof Highlight>\n\ntype HighlightPattern = { regex: RegExp; color: string }\n\ntype HighlightedInputProps = {\n  patterns: HighlightPattern[]\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: HighlightPattern) => 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: HighlightPattern) => p.regex.test(match[0]))\n      patterns.forEach((p: HighlightPattern) => (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: React.ChangeEvent<HTMLInputElement>) => {\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"],"mappings":"yNAMA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEY,EAAO,GAAA,EAAA,EAAA,QAAoB,KAAK,EAAG,MAAM,EACzC,EAAY,EAAY,EAAA,MAAO,OAAO,EACtC,EAAW,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,UAAU,EAC9C,EAAY,GAAA,EAAA,EAAA,QAAmB,MAAM,EAAG,WAAW,EAcnD,GAA+C,CAC1D,WACA,MAAO,EACP,eACA,WACA,WACA,GAAG,KACC,CACJ,IAAM,EAAe,IAAoB,IAAA,GAEnC,CAAC,EAAmB,IAAA,EAAA,EAAA,UAAiC,GAAc,SAAS,GAAK,EAAE,EAEnF,EAAQ,EAAe,OAAO,CAAe,EAAI,EAEjD,GAAA,EAAA,EAAA,QAAmD,IAAI,EACvD,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,CAAC,EAE1C,EAAgB,GAAiD,CACrE,EAAe,EAAE,cAAc,UAAU,EACzC,IAAW,CAAoC,CACjD,GAEA,EAAA,EAAA,eAAgB,CACV,EAAa,UACf,EAAa,QAAQ,WAAa,EAEtC,EAAG,CAAC,CAAW,CAAC,EAEhB,IAAM,EAAgB,IAAI,OAAO,EAAS,IAAK,GAAwB,EAAE,MAAM,MAAM,EAAE,KAAK,GAAG,EAAG,IAAI,EAEhG,MAA8B,CAClC,IAAM,EAAqB,CAAC,EACxB,EAAY,EAEhB,IAAK,IAAM,KAAS,EAAM,SAAS,CAAa,EAAG,CACjD,IAAM,EAAQ,EAAM,OAAS,EACvB,EAAM,EAAQ,EAAM,GAAG,OAEzB,EAAQ,GACV,EAAM,MAAK,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAM,MAAM,EAAW,CAAK,CAAQ,EAA1D,QAAQ,GAAkD,CAAC,EAGnF,IAAM,EAAiB,EAAS,KAAM,GAAwB,EAAE,MAAM,KAAK,EAAM,EAAE,CAAC,EACpF,EAAS,QAAS,GAAyB,EAAE,MAAM,UAAY,CAAE,EAEjE,EAAM,KACJ,GACE,EAAA,EAAA,KAAC,EAAD,CAAsC,MAAO,CAAE,MAAO,EAAe,OAAS,eAAgB,WAC3F,EAAM,EACE,EAFK,aAAa,GAElB,GAEX,EAAA,EAAA,KAAC,OAAD,CAAA,SAA6B,EAAM,EAAS,EAAjC,QAAQ,GAAyB,CAEhD,EAEA,EAAY,CACd,CAMA,OAJI,EAAY,EAAM,QACpB,EAAM,MAAK,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAM,MAAM,CAAS,CAAQ,EAAnD,QAAQ,GAA2C,CAAC,EAGrE,CACT,EAEA,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACG,QACP,aAAc,IAAA,GACd,SAAU,EACV,SAAW,GAA2C,CAC/C,GACH,EAAqB,EAAE,OAAO,KAAK,EAErC,IAAW,CAAC,CACd,CACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAD,CAAU,IAAK,WAAe,EAAsB,CAAY,CAAA,CAC5D,CAAA,CAAA,CAEV"}

package/dist/components/input/HighlightedInput.d.ts

@@ -6,19 +6,16 @@ export declare const Root: ComponentVariants<StyledComponent<"div", {}>, Highlig
 export declare const InputSlot: StyledComponent<"input", InputVariantProps>;
 export declare const Renderer: StyledComponent<"p", {}>;
 export declare const Highlight: StyledComponent<"span", {}>;
-export interface HighlightedInputRootProps extends ComponentProps<typeof Root> {
-}
-export interface HighlightedInputInputProps extends ComponentProps<typeof InputSlot> {
-}
-export interface HighlightedInputRendererProps extends ComponentProps<typeof Renderer> {
-}
-export interface HighlightedInputHighlightProps extends ComponentProps<typeof Highlight> {
-}
+export type HighlightedInputRootProps = ComponentProps<typeof Root>;
+export type HighlightedInputInputProps = ComponentProps<typeof InputSlot>;
+export type HighlightedInputRendererProps = ComponentProps<typeof Renderer>;
+export type HighlightedInputHighlightProps = ComponentProps<typeof Highlight>;
+type HighlightPattern = {
+    regex: RegExp;
+    color: string;
+};
 type HighlightedInputProps = {
-    patterns: {
-        regex: RegExp;
-        color: string;
-    }[];
+    patterns: HighlightPattern[];
     placeholder?: string;
 } & HighlightedInputInputProps;
 export declare const HighlightedInput: FC<HighlightedInputProps>;

package/dist/components/input/HighlightedInput.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"HighlightedInput.js","names":[],"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 type HighlightedInputRootProps = ComponentProps<typeof Root>\nexport type HighlightedInputInputProps = ComponentProps<typeof InputSlot>\nexport type HighlightedInputRendererProps = ComponentProps<typeof Renderer>\nexport type HighlightedInputHighlightProps = ComponentProps<typeof Highlight>\n\ntype HighlightPattern = { regex: RegExp; color: string }\n\ntype HighlightedInputProps = {\n  patterns: HighlightPattern[]\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: HighlightPattern) => 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: HighlightPattern) => p.regex.test(match[0]))\n      patterns.forEach((p: HighlightPattern) => (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: React.ChangeEvent<HTMLInputElement>) => {\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"],"mappings":";;;;;;;;AAMA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,GAAkB,EACzE,UAAU,GACZ,CAAC,GAEY,IAAO,EAAa,EAAO,KAAK,GAAG,MAAM,GACzC,IAAY,EAAY,GAAO,OAAO,GACtC,IAAW,EAAY,EAAO,GAAG,GAAG,UAAU,GAC9C,IAAY,EAAY,EAAO,MAAM,GAAG,WAAW,GAcnD,KAA+C,EAC1D,aACA,OAAO,GACP,iBACA,aACA,aACA,GAAG,QACC;CACJ,IAAM,IAAe,MAAoB,KAAA,GAEnC,CAAC,GAAmB,KAAwB,EAAS,GAAc,SAAS,KAAK,EAAE,GAEnF,IAAQ,IAAe,OAAO,CAAe,IAAI,GAEjD,IAAe,EAAoC,IAAI,GACvD,CAAC,GAAa,KAAkB,EAAS,CAAC,GAE1C,KAAgB,MAAiD;EAErE,AADA,EAAe,EAAE,cAAc,UAAU,GACzC,IAAW,CAAoC;CACjD;CAEA,QAAgB;EACd,AAAI,EAAa,YACf,EAAa,QAAQ,aAAa;CAEtC,GAAG,CAAC,CAAW,CAAC;CAEhB,IAAM,IAAgB,IAAI,OAAO,EAAS,KAAK,MAAwB,EAAE,MAAM,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,GAEhG,UAA8B;EAClC,IAAM,IAAqB,CAAC,GACxB,IAAY;EAEhB,KAAK,IAAM,KAAS,EAAM,SAAS,CAAa,GAAG;GACjD,IAAM,IAAQ,EAAM,SAAS,GACvB,IAAM,IAAQ,EAAM,GAAG;GAE7B,AAAI,IAAQ,KACV,EAAM,KAAK,kBAAC,QAAD,EAAA,UAAiC,EAAM,MAAM,GAAW,CAAK,EAAQ,GAA1D,QAAQ,GAAkD,CAAC;GAGnF,IAAM,IAAiB,EAAS,MAAM,MAAwB,EAAE,MAAM,KAAK,EAAM,EAAE,CAAC;GAapF,AAZA,EAAS,SAAS,MAAyB,EAAE,MAAM,YAAY,CAAE,GAEjE,EAAM,KACJ,IACE,kBAAC,GAAD;IAAsC,OAAO,EAAE,OAAO,EAAe,SAAS,gBAAgB;cAC3F,EAAM;GACE,GAFK,aAAa,GAElB,IAEX,kBAAC,QAAD,EAAA,UAA6B,EAAM,GAAS,GAAjC,QAAQ,GAAyB,CAEhD,GAEA,IAAY;EACd;EAMA,OAJI,IAAY,EAAM,UACpB,EAAM,KAAK,kBAAC,QAAD,EAAA,UAAiC,EAAM,MAAM,CAAS,EAAQ,GAAnD,QAAQ,GAA2C,CAAC,GAGrE;CACT;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,GAAI;EACG;EACP,cAAc,KAAA;EACd,UAAU;EACV,WAAW,MAA2C;GAIpD,AAHK,KACH,EAAqB,EAAE,OAAO,KAAK,GAErC,IAAW,CAAC;EACd;CACD,CAAA,GAED,kBAAC,GAAD;EAAU,KAAK;YAAe,EAAsB;CAAY,CAAA,CAC5D,EAAA,CAAA;AAEV"}

package/dist/components/input/Input.cjs

@@ -1,2 +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
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("@stokelp/styled-system/recipes");var n=(0,e.styled)(`input`,t.input,{defaultProps:{onWheel:e=>{e.currentTarget.type===`number`&&e.currentTarget.blur()}},dataAttr:!0});exports.Input=n;
+//# sourceMappingURL=Input.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ComponentProps, WheelEvent } 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: WheelEvent<HTMLInputElement>) => {\n      if (event.currentTarget.type === 'number') {\n        event.currentTarget.blur()\n      }\n    },\n  },\n  dataAttr: true,\n})\n\nexport type InputProps = ComponentProps<typeof Input>\n"],"mappings":"qGAKA,IAAa,GAAA,EAAA,EAAA,QAAe,QAAS,EAAA,MAAO,CAC1C,aAAc,CACZ,QAAU,GAAwC,CAC5C,EAAM,cAAc,OAAS,UAC/B,EAAM,cAAc,KAAK,CAE7B,CACF,EACA,SAAU,EACZ,CAAC"}

package/dist/components/input/Input.d.ts

@@ -2,5 +2,4 @@ import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/types';
 import { InputVariantProps } from '@stokelp/styled-system/recipes';
 export declare const Input: StyledComponent<"input", InputVariantProps>;
-export interface InputProps extends ComponentProps<typeof Input> {
-}
+export type InputProps = ComponentProps<typeof Input>;

package/dist/components/input/Input.js

@@ -1,15 +1,14 @@
 "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
+import { styled as e } from "@stokelp/styled-system/jsx";
+import { input as t } from "@stokelp/styled-system/recipes";
+//#region src/components/input/Input.tsx
+var n = e("input", t, {
+	defaultProps: { onWheel: (e) => {
+		e.currentTarget.type === "number" && e.currentTarget.blur();
+	} },
+	dataAttr: !0
 });
-export {
-  o as Input
-};
-//# sourceMappingURL=Input.js.map
+//#endregion
+export { n as Input };
+
+//# sourceMappingURL=Input.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ComponentProps, WheelEvent } 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: WheelEvent<HTMLInputElement>) => {\n      if (event.currentTarget.type === 'number') {\n        event.currentTarget.blur()\n      }\n    },\n  },\n  dataAttr: true,\n})\n\nexport type InputProps = ComponentProps<typeof Input>\n"],"mappings":";;;;AAKA,IAAa,IAAQ,EAAO,SAAS,GAAO;CAC1C,cAAc,EACZ,UAAU,MAAwC;EAChD,AAAI,EAAM,cAAc,SAAS,YAC/B,EAAM,cAAc,KAAK;CAE7B,EACF;CACA,UAAU;AACZ,CAAC"}

package/dist/components/input/InputAddon.cjs

@@ -1,2 +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
+"use client";let e=require("@ark-ui/react"),t=require("@stokelp/styled-system/jsx"),n=require("@stokelp/styled-system/recipes");var r=(0,t.styled)(e.ark.div,n.inputAddon,{dataAttr:!0});exports.InputAddon=r;
+//# sourceMappingURL=InputAddon.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"InputAddon.cjs","names":[],"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"],"mappings":"gIAMA,IAAa,GAAA,EAAA,EAAA,QAAoB,EAAA,IAAI,IAAK,EAAA,WAAY,CACpD,SAAU,EACZ,CAAC"}

package/dist/components/input/InputAddon.js

@@ -1,11 +1,10 @@
 "use client";
+import { ark as e } from "@ark-ui/react";
 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
+import { inputAddon as n } from "@stokelp/styled-system/recipes";
+//#region src/components/input/InputAddon.tsx
+var r = t(e.div, n, { dataAttr: !0 });
+//#endregion
+export { r as InputAddon };
+
+//# sourceMappingURL=InputAddon.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"InputAddon.js","names":[],"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"],"mappings":";;;;;AAMA,IAAa,IAAa,EAAO,EAAI,KAAK,GAAY,EACpD,UAAU,GACZ,CAAC"}

package/dist/components/input/InputGroup.cjs

@@ -1,2 +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
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("@stokelp/styled-system/recipes");var n=(0,e.styled)(`div`,t.inputGroup,{dataAttr:!0});exports.InputGroup=n;
+//# sourceMappingURL=InputGroup.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"InputGroup.cjs","names":[],"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"],"mappings":"qGAKA,IAAa,GAAA,EAAA,EAAA,QAAoB,MAAO,EAAA,WAAY,CAClD,SAAU,EACZ,CAAC"}

package/dist/components/input/InputGroup.js

@@ -1,10 +1,9 @@
 "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
+import { styled as e } from "@stokelp/styled-system/jsx";
+import { inputGroup as t } from "@stokelp/styled-system/recipes";
+//#region src/components/input/InputGroup.tsx
+var n = e("div", t, { dataAttr: !0 });
+//#endregion
+export { n as InputGroup };
+
+//# sourceMappingURL=InputGroup.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"InputGroup.js","names":[],"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"],"mappings":";;;;AAKA,IAAa,IAAa,EAAO,OAAO,GAAY,EAClD,UAAU,GACZ,CAAC"}

package/dist/components/input/PhoneNumberInput.cjs

@@ -1,2 +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
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react-phone-number-input");t=e.__toESM(t,1);let n=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),i=require("react"),a=require("react/jsx-runtime");var o=(0,n.styled)(t.default,r.phoneNumberInput,{dataAttr:!0}),s=(0,i.forwardRef)((e,t)=>{let[n,r]=(0,i.useState)(),[s,c]=(0,i.useState)();return(0,a.jsx)(o,{international:!0,defaultCountry:`FR`,value:s,onChange:c,country:n,onCountryChange:r,...e,ref:t})});exports.PhoneNumberInput=s;
+//# sourceMappingURL=PhoneNumberInput.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"PhoneNumberInput.cjs","names":[],"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"],"mappings":"0QAKA,IAAM,GAAA,EAAA,EAAA,QAA2B,EAAA,QAAa,EAAA,iBAAkB,CAAE,SAAU,EAAK,CAAC,EAWrE,GAAA,EAAA,EAAA,aAAkE,EAAO,IAAQ,CAC5F,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,EACjC,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,EAEnC,OACE,EAAA,EAAA,KAAC,EAAD,CACE,cAAA,GACA,eAAe,KACR,QACP,SAAU,EACD,UACT,gBAAiB,EACjB,GAAI,EACC,KACN,CAAA,CAEL,CAAC"}

package/dist/components/input/PhoneNumberInput.js

@@ -1,26 +1,24 @@
 "use client";
+import e from "react-phone-number-input";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { phoneNumberInput as n } from "@stokelp/styled-system/recipes";
+import { forwardRef as r, useState as i } from "react";
 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
-    }
-  );
+//#region src/components/input/PhoneNumberInput.tsx
+var o = t(e, n, { dataAttr: !0 }), s = r((e, t) => {
+	let [n, r] = i(), [s, c] = i();
+	return /* @__PURE__ */ a(o, {
+		international: !0,
+		defaultCountry: "FR",
+		value: s,
+		onChange: c,
+		country: n,
+		onCountryChange: r,
+		...e,
+		ref: t
+	});
 });
-export {
-  h as PhoneNumberInput
-};
-//# sourceMappingURL=PhoneNumberInput.js.map
+//#endregion
+export { s as PhoneNumberInput };
+
+//# sourceMappingURL=PhoneNumberInput.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"PhoneNumberInput.js","names":[],"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"],"mappings":";;;;;;;AAKA,IAAM,IAAoB,EAAO,GAAa,GAAkB,EAAE,UAAU,GAAK,CAAC,GAWrE,IAAmB,GAA+C,GAAO,MAAQ;CAC5F,IAAM,CAAC,GAAS,KAAc,EAAS,GACjC,CAAC,GAAO,KAAY,EAAS;CAEnC,OACE,kBAAC,GAAD;EACE,eAAA;EACA,gBAAe;EACR;EACP,UAAU;EACD;EACT,iBAAiB;EACjB,GAAI;EACC;CACN,CAAA;AAEL,CAAC"}

package/dist/components/menu/Menu.cjs

@@ -1,2 +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
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/slots.cjs");let n=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),a=require("react"),o=require("react/jsx-runtime");var s=e.__exportAll({Content:()=>p,Item:()=>m,ItemGroup:()=>h,ItemGroupLabel:()=>g,Root:()=>u,Separator:()=>_,Trigger:()=>v,TriggerItem:()=>y}),{withProvider:c,withContext:l}=t.createStyleContext(i.menu),u=c(n.Menu.Root,void 0,{defaultProps:{lazyMount:!0,loopFocus:!0,unmountOnExit:!0}}),d=l((0,r.styled)(n.Menu.Positioner),`positioner`),f=(0,a.forwardRef)(({children:e,...t},r)=>(0,o.jsx)(n.Portal,{children:(0,o.jsx)(d,{children:(0,o.jsx)(n.Menu.Content,{ref:r,...t,children:e})})}));f.displayName=n.Menu.Content.displayName;var p=l((0,r.styled)(f),`content`),m=l((0,r.styled)(n.Menu.Item),`item`),h=l((0,r.styled)(n.Menu.ItemGroup),`itemGroup`),g=l((0,r.styled)(n.Menu.ItemGroupLabel),`itemGroupLabel`),_=l((0,r.styled)(n.Menu.Separator),`separator`),v=l((0,r.styled)(n.Menu.Trigger),`trigger`),y=l((0,r.styled)(n.Menu.TriggerItem),`triggerItem`);Object.defineProperty(exports,"Menu_exports",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=Menu.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"Menu.cjs","names":[],"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"],"mappings":"6ZAOM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,IAAI,EAEhD,EAAO,EAAa,EAAA,KAAQ,KAAM,IAAA,GAAW,CACxD,aAAc,CACZ,UAAW,GACX,UAAW,GACX,cAAe,EACjB,CACF,CAAC,EACK,EAAa,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,UAAU,EAAG,YAAY,EAEjE,GAAA,EAAA,EAAA,aACH,CAAE,WAAU,GAAG,GAAS,KAErB,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,KAAQ,QAAT,CAAsB,MAAK,GAAI,EAC5B,UACc,CAAA,CACP,CAAA,CACN,CAAA,CAGd,EACA,EAAa,YAAc,EAAA,KAAQ,QAAQ,YAE3C,IAAa,EAAU,GAAA,EAAA,EAAA,QAAmB,CAAY,EAAG,SAAS,EACrD,EAAO,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,IAAI,EAAG,MAAM,EAC/C,EAAY,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,SAAS,EAAG,WAAW,EAC9D,EAAiB,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,cAAc,EAAG,gBAAgB,EAC7E,EAAY,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,SAAS,EAAG,WAAW,EAC9D,EAAU,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,OAAO,EAAG,SAAS,EACxD,EAAc,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAQ,WAAW,EAAG,aAAa"}

package/dist/components/menu/Menu.js

@@ -1,29 +1,33 @@
 "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
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { createStyleContext as t } from "../../utils/slots.js";
+import { Menu as n, Portal as r } from "@ark-ui/react";
+import { styled as i } from "@stokelp/styled-system/jsx";
+import { menu as a } from "@stokelp/styled-system/recipes";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/menu/Menu.tsx
+var c = /* @__PURE__ */ e({
+	Content: () => m,
+	Item: () => h,
+	ItemGroup: () => g,
+	ItemGroupLabel: () => _,
+	Root: () => d,
+	Separator: () => v,
+	Trigger: () => y,
+	TriggerItem: () => b
+}), { withProvider: l, withContext: u } = t(a), d = l(n.Root, void 0, { defaultProps: {
+	lazyMount: !0,
+	loopFocus: !0,
+	unmountOnExit: !0
+} }), f = u(i(n.Positioner), "positioner"), p = o(({ children: e, ...t }, i) => /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(n.Content, {
+	ref: i,
+	...t,
+	children: e
+}) }) }));
+p.displayName = n.Content.displayName;
+var m = u(i(p), "content"), h = u(i(n.Item), "item"), g = u(i(n.ItemGroup), "itemGroup"), _ = u(i(n.ItemGroupLabel), "itemGroupLabel"), v = u(i(n.Separator), "separator"), y = u(i(n.Trigger), "trigger"), b = u(i(n.TriggerItem), "triggerItem");
+//#endregion
+export { c as Menu_exports };
+
+//# sourceMappingURL=Menu.js.map