@stokelp/ui 2.96.6 → 2.97.0

package/dist/components/chat/ChatProfileAvatar.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@stokelp/styled-system/jsx"),l=require("@stokelp/styled-system/recipes"),r=require("../avatar/styled.cjs"),a=require("../text/Text.cjs"),n=t.styled(t.Box,l.chatProfileAvatar),d=({name:s,fallbackText:o,imageUrl:i,...c})=>e.jsxs(n,{...c,children:[e.jsxs(r.Root,{border:"solid 1px",borderColor:"grey.100",hasBorder:!0,children:[e.jsx(r.Image,{src:i}),e.jsx(r.Fallback,{children:o})]}),e.jsx(a.Text,{bold:!0,size:"sm",color:"primary.900",children:s})]});exports.ChatProfileAvatar=d;
+//# sourceMappingURL=ChatProfileAvatar.cjs.map

package/dist/components/chat/ChatProfileAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatProfileAvatar.cjs","sources":["../../../src/components/chat/ChatProfileAvatar.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { Avatar, Text } from '~/components'\nimport { chatProfileAvatar } from '@stokelp/styled-system/recipes'\n\nexport type ChatProfileAvatarProps = {\n  name: string\n  fallbackText: string\n  imageUrl?: string\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatProfileAvatar>\n\nconst StyledHStack = styled(Box, chatProfileAvatar)\n\nexport const ChatProfileAvatar: FC<ChatProfileAvatarProps> = ({ name, fallbackText, imageUrl, ...props }) => {\n  return (\n    <StyledHStack {...props}>\n      <Avatar.Root border=\"solid 1px\" borderColor=\"grey.100\" hasBorder>\n        <Avatar.Image src={imageUrl} />\n        <Avatar.Fallback>{fallbackText}</Avatar.Fallback>\n      </Avatar.Root>\n      <Text bold size=\"sm\" color=\"primary.900\">\n        {name}\n      </Text>\n    </StyledHStack>\n  )\n}\n"],"names":["StyledHStack","styled","Box","chatProfileAvatar","ChatProfileAvatar","name","fallbackText","imageUrl","props","jsxs","Avatar.Root","jsx","Avatar.Image","Avatar.Fallback","Text"],"mappings":"sRAaMA,EAAeC,EAAAA,OAAOC,EAAAA,IAAKC,mBAAiB,EAErCC,EAAgD,CAAC,CAAE,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,GAAGC,KAE7FC,EAAAA,KAACT,EAAA,CAAc,GAAGQ,EAChB,SAAA,CAAAC,OAACC,EAAAA,KAAA,CAAY,OAAO,YAAY,YAAY,WAAW,UAAS,GAC9D,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAA,CAAa,IAAKL,CAAA,CAAU,EAC7BI,EAAAA,IAACE,EAAAA,SAAA,CAAiB,SAAAP,CAAA,CAAa,CAAA,EACjC,EACAK,EAAAA,IAACG,EAAAA,MAAK,KAAI,GAAC,KAAK,KAAK,MAAM,cACxB,SAAAT,CAAA,CACH,CAAA,EACF"}

package/dist/components/chat/ChatProfileAvatar.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { styled as m, Box as a } from "@stokelp/styled-system/jsx";
+import { chatProfileAvatar as c } from "@stokelp/styled-system/recipes";
+import { Root as s, Image as d, Fallback as n } from "../avatar/styled.js";
+import { Text as p } from "../text/Text.js";
+const f = m(a, c), g = ({ name: e, fallbackText: t, imageUrl: i, ...l }) => /* @__PURE__ */ o(f, { ...l, children: [
+  /* @__PURE__ */ o(s, { border: "solid 1px", borderColor: "grey.100", hasBorder: !0, children: [
+    /* @__PURE__ */ r(d, { src: i }),
+    /* @__PURE__ */ r(n, { children: t })
+  ] }),
+  /* @__PURE__ */ r(p, { bold: !0, size: "sm", color: "primary.900", children: e })
+] });
+export {
+  g as ChatProfileAvatar
+};
+//# sourceMappingURL=ChatProfileAvatar.js.map

package/dist/components/chat/ChatProfileAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatProfileAvatar.js","sources":["../../../src/components/chat/ChatProfileAvatar.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { Avatar, Text } from '~/components'\nimport { chatProfileAvatar } from '@stokelp/styled-system/recipes'\n\nexport type ChatProfileAvatarProps = {\n  name: string\n  fallbackText: string\n  imageUrl?: string\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatProfileAvatar>\n\nconst StyledHStack = styled(Box, chatProfileAvatar)\n\nexport const ChatProfileAvatar: FC<ChatProfileAvatarProps> = ({ name, fallbackText, imageUrl, ...props }) => {\n  return (\n    <StyledHStack {...props}>\n      <Avatar.Root border=\"solid 1px\" borderColor=\"grey.100\" hasBorder>\n        <Avatar.Image src={imageUrl} />\n        <Avatar.Fallback>{fallbackText}</Avatar.Fallback>\n      </Avatar.Root>\n      <Text bold size=\"sm\" color=\"primary.900\">\n        {name}\n      </Text>\n    </StyledHStack>\n  )\n}\n"],"names":["StyledHStack","styled","Box","chatProfileAvatar","ChatProfileAvatar","name","fallbackText","imageUrl","props","jsxs","Avatar.Root","jsx","Avatar.Image","Avatar.Fallback","Text"],"mappings":";;;;;;AAaA,MAAMA,IAAeC,EAAOC,GAAKC,CAAiB,GAErCC,IAAgD,CAAC,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,GAAU,GAAGC,QAE7F,gBAAAC,EAACT,GAAA,EAAc,GAAGQ,GAChB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,QAAO,aAAY,aAAY,YAAW,WAAS,IAC9D,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAa,KAAKL,EAAA,CAAU;AAAA,IAC7B,gBAAAI,EAACE,GAAA,EAAiB,UAAAP,EAAA,CAAa;AAAA,EAAA,GACjC;AAAA,EACA,gBAAAK,EAACG,KAAK,MAAI,IAAC,MAAK,MAAK,OAAM,eACxB,UAAAT,EAAA,CACH;AAAA,GACF;"}

package/dist/components/chat/ChatTextInput.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),c=require("react"),H=require("@stokelp/styled-system/jsx"),q=require("@stokelp/styled-system/recipes"),C=require("../textarea/Textarea.cjs"),S=H.styled(C.Textarea,q.chatTextInput),j=({minRows:l=1,maxRows:x=6,onSend:m,onChange:p,...r})=>{const n=c.useRef(null),[s,a]=c.useState(""),o=()=>{const e=n.current;if(!e)return;e.style.height="auto";const t=window.getComputedStyle(e),u=parseFloat(t.lineHeight)||20,h=parseFloat(t.paddingTop),i=parseFloat(t.paddingBottom),w=u*l+h+i,d=u*x+h+i,g=e.scrollHeight,v=Math.min(g,d);e.style.height=Math.max(v,w)+"px",e.style.overflowY=g>d?"auto":"hidden",e.style.scrollPaddingBottom=`${i}px`};c.useEffect(()=>{o();const e=()=>o();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]);const f=e=>{if(e.key==="Enter"&&!e.shiftKey){e.preventDefault();const t=s.trim();if(!t){a(""),o();return}m?.(t),a(""),requestAnimationFrame(()=>{n.current&&(n.current.style.height="auto"),o()})}},y=e=>{(!r?.maxLength||e.target.value.length<r?.maxLength)&&(a(e.target.value),p?.(e))};return T.jsx(S,{ref:n,value:s,onChange:y,onKeyDown:f,rows:l,...r})};exports.ChatTextInput=j;
+//# sourceMappingURL=ChatTextInput.cjs.map

package/dist/components/chat/ChatTextInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextInput.cjs","sources":["../../../src/components/chat/ChatTextInput.tsx"],"sourcesContent":["import { useRef, useEffect, useState, KeyboardEvent, ChangeEvent } from 'react'\nimport { Textarea, TextareaProps } from '~/components'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { chatTextInput } from '@stokelp/styled-system/recipes'\n\ninterface ChatTextInputProps extends TextareaProps {\n  minRows?: number\n  maxRows?: number\n  onSend?: (message: string) => void\n}\n\nconst StyledTextarea = styled(Textarea, chatTextInput)\n\nexport const ChatTextInput: React.FC<ChatTextInputProps> = ({\n  minRows = 1,\n  maxRows = 6,\n  onSend,\n  onChange,\n  ...props\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null)\n  const [value, setValue] = useState('')\n\n  const resize = () => {\n    const el = textareaRef.current\n    if (!el) return\n\n    el.style.height = 'auto'\n\n    const computed = window.getComputedStyle(el)\n    const lineHeight = parseFloat(computed.lineHeight) || 20\n    const paddingTop = parseFloat(computed.paddingTop)\n    const paddingBottom = parseFloat(computed.paddingBottom)\n\n    const minHeight = lineHeight * minRows + paddingTop + paddingBottom\n    const maxHeightPx = lineHeight * maxRows + paddingTop + paddingBottom\n\n    const scrollHeight = el.scrollHeight\n\n    const newHeight = Math.min(scrollHeight, maxHeightPx)\n    el.style.height = Math.max(newHeight, minHeight) + 'px'\n\n    el.style.overflowY = scrollHeight > maxHeightPx ? 'auto' : 'hidden'\n    el.style.scrollPaddingBottom = `${paddingBottom}px`\n  }\n\n  useEffect(() => {\n    resize()\n    const onResize = () => resize()\n    window.addEventListener('resize', onResize)\n    return () => window.removeEventListener('resize', onResize)\n  }, [value])\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      const text = value.trim()\n      if (!text) {\n        setValue('')\n        resize()\n        return\n      }\n      onSend?.(text)\n      setValue('')\n      requestAnimationFrame(() => {\n        if (textareaRef.current) textareaRef.current.style.height = 'auto'\n        resize()\n      })\n    }\n  }\n\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n    if (!props?.maxLength || e.target.value.length < props?.maxLength) {\n      setValue(e.target.value)\n      onChange?.(e)\n    }\n  }\n\n  return (\n    <StyledTextarea\n      ref={textareaRef}\n      value={value}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      rows={minRows}\n      {...props}\n    />\n  )\n}\n"],"names":["StyledTextarea","styled","Textarea","chatTextInput","ChatTextInput","minRows","maxRows","onSend","onChange","props","textareaRef","useRef","value","setValue","useState","resize","el","computed","lineHeight","paddingTop","paddingBottom","minHeight","maxHeightPx","scrollHeight","newHeight","useEffect","onResize","handleKeyDown","text","handleChange","jsx"],"mappings":"+QAWMA,EAAiBC,EAAAA,OAAOC,EAAAA,SAAUC,eAAa,EAExCC,EAA8C,CAAC,CAC1D,QAAAC,EAAU,EACV,QAAAC,EAAU,EACV,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAcC,EAAAA,OAAmC,IAAI,EACrD,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAE/BC,EAAS,IAAM,CACnB,MAAMC,EAAKN,EAAY,QACvB,GAAI,CAACM,EAAI,OAETA,EAAG,MAAM,OAAS,OAElB,MAAMC,EAAW,OAAO,iBAAiBD,CAAE,EACrCE,EAAa,WAAWD,EAAS,UAAU,GAAK,GAChDE,EAAa,WAAWF,EAAS,UAAU,EAC3CG,EAAgB,WAAWH,EAAS,aAAa,EAEjDI,EAAYH,EAAab,EAAUc,EAAaC,EAChDE,EAAcJ,EAAaZ,EAAUa,EAAaC,EAElDG,EAAeP,EAAG,aAElBQ,EAAY,KAAK,IAAID,EAAcD,CAAW,EACpDN,EAAG,MAAM,OAAS,KAAK,IAAIQ,EAAWH,CAAS,EAAI,KAEnDL,EAAG,MAAM,UAAYO,EAAeD,EAAc,OAAS,SAC3DN,EAAG,MAAM,oBAAsB,GAAGI,CAAa,IACjD,EAEAK,EAAAA,UAAU,IAAM,CACdV,EAAA,EACA,MAAMW,EAAW,IAAMX,EAAA,EACvB,cAAO,iBAAiB,SAAUW,CAAQ,EACnC,IAAM,OAAO,oBAAoB,SAAUA,CAAQ,CAC5D,EAAG,CAACd,CAAK,CAAC,EAEV,MAAMe,EAAiB,GAA0C,CAC/D,GAAI,EAAE,MAAQ,SAAW,CAAC,EAAE,SAAU,CACpC,EAAE,eAAA,EACF,MAAMC,EAAOhB,EAAM,KAAA,EACnB,GAAI,CAACgB,EAAM,CACTf,EAAS,EAAE,EACXE,EAAA,EACA,MACF,CACAR,IAASqB,CAAI,EACbf,EAAS,EAAE,EACX,sBAAsB,IAAM,CACtBH,EAAY,UAASA,EAAY,QAAQ,MAAM,OAAS,QAC5DK,EAAA,CACF,CAAC,CACH,CACF,EAEMc,EAAgB,GAAwC,EACxD,CAACpB,GAAO,WAAa,EAAE,OAAO,MAAM,OAASA,GAAO,aACtDI,EAAS,EAAE,OAAO,KAAK,EACvBL,IAAW,CAAC,EAEhB,EAEA,OACEsB,EAAAA,IAAC9B,EAAA,CACC,IAAKU,EACL,MAAAE,EACA,SAAUiB,EACV,UAAWF,EACX,KAAMtB,EACL,GAAGI,CAAA,CAAA,CAGV"}

package/dist/components/chat/ChatTextInput.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { useRef as w, useState as v, useEffect as H } from "react";
+import { styled as T } from "@stokelp/styled-system/jsx";
+import { chatTextInput as C } from "@stokelp/styled-system/recipes";
+import { Textarea as z } from "../textarea/Textarea.js";
+const D = T(z, C), M = ({
+  minRows: l = 1,
+  maxRows: g = 6,
+  onSend: m,
+  onChange: f,
+  ...r
+}) => {
+  const n = w(null), [a, i] = v(""), o = () => {
+    const t = n.current;
+    if (!t) return;
+    t.style.height = "auto";
+    const e = window.getComputedStyle(t), h = parseFloat(e.lineHeight) || 20, c = parseFloat(e.paddingTop), s = parseFloat(e.paddingBottom), p = h * l + c + s, d = h * g + c + s, u = t.scrollHeight, x = Math.min(u, d);
+    t.style.height = Math.max(x, p) + "px", t.style.overflowY = u > d ? "auto" : "hidden", t.style.scrollPaddingBottom = `${s}px`;
+  };
+  return H(() => {
+    o();
+    const t = () => o();
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, [a]), /* @__PURE__ */ y(
+    D,
+    {
+      ref: n,
+      value: a,
+      onChange: (t) => {
+        (!r?.maxLength || t.target.value.length < r?.maxLength) && (i(t.target.value), f?.(t));
+      },
+      onKeyDown: (t) => {
+        if (t.key === "Enter" && !t.shiftKey) {
+          t.preventDefault();
+          const e = a.trim();
+          if (!e) {
+            i(""), o();
+            return;
+          }
+          m?.(e), i(""), requestAnimationFrame(() => {
+            n.current && (n.current.style.height = "auto"), o();
+          });
+        }
+      },
+      rows: l,
+      ...r
+    }
+  );
+};
+export {
+  M as ChatTextInput
+};
+//# sourceMappingURL=ChatTextInput.js.map

package/dist/components/chat/ChatTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextInput.js","sources":["../../../src/components/chat/ChatTextInput.tsx"],"sourcesContent":["import { useRef, useEffect, useState, KeyboardEvent, ChangeEvent } from 'react'\nimport { Textarea, TextareaProps } from '~/components'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { chatTextInput } from '@stokelp/styled-system/recipes'\n\ninterface ChatTextInputProps extends TextareaProps {\n  minRows?: number\n  maxRows?: number\n  onSend?: (message: string) => void\n}\n\nconst StyledTextarea = styled(Textarea, chatTextInput)\n\nexport const ChatTextInput: React.FC<ChatTextInputProps> = ({\n  minRows = 1,\n  maxRows = 6,\n  onSend,\n  onChange,\n  ...props\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null)\n  const [value, setValue] = useState('')\n\n  const resize = () => {\n    const el = textareaRef.current\n    if (!el) return\n\n    el.style.height = 'auto'\n\n    const computed = window.getComputedStyle(el)\n    const lineHeight = parseFloat(computed.lineHeight) || 20\n    const paddingTop = parseFloat(computed.paddingTop)\n    const paddingBottom = parseFloat(computed.paddingBottom)\n\n    const minHeight = lineHeight * minRows + paddingTop + paddingBottom\n    const maxHeightPx = lineHeight * maxRows + paddingTop + paddingBottom\n\n    const scrollHeight = el.scrollHeight\n\n    const newHeight = Math.min(scrollHeight, maxHeightPx)\n    el.style.height = Math.max(newHeight, minHeight) + 'px'\n\n    el.style.overflowY = scrollHeight > maxHeightPx ? 'auto' : 'hidden'\n    el.style.scrollPaddingBottom = `${paddingBottom}px`\n  }\n\n  useEffect(() => {\n    resize()\n    const onResize = () => resize()\n    window.addEventListener('resize', onResize)\n    return () => window.removeEventListener('resize', onResize)\n  }, [value])\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      const text = value.trim()\n      if (!text) {\n        setValue('')\n        resize()\n        return\n      }\n      onSend?.(text)\n      setValue('')\n      requestAnimationFrame(() => {\n        if (textareaRef.current) textareaRef.current.style.height = 'auto'\n        resize()\n      })\n    }\n  }\n\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n    if (!props?.maxLength || e.target.value.length < props?.maxLength) {\n      setValue(e.target.value)\n      onChange?.(e)\n    }\n  }\n\n  return (\n    <StyledTextarea\n      ref={textareaRef}\n      value={value}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      rows={minRows}\n      {...props}\n    />\n  )\n}\n"],"names":["StyledTextarea","styled","Textarea","chatTextInput","ChatTextInput","minRows","maxRows","onSend","onChange","props","textareaRef","useRef","value","setValue","useState","resize","el","computed","lineHeight","paddingTop","paddingBottom","minHeight","maxHeightPx","scrollHeight","newHeight","useEffect","onResize","jsx","e","text"],"mappings":";;;;;;AAWA,MAAMA,IAAiBC,EAAOC,GAAUC,CAAa,GAExCC,IAA8C,CAAC;AAAA,EAC1D,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcC,EAAmC,IAAI,GACrD,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAE/BC,IAAS,MAAM;AACnB,UAAMC,IAAKN,EAAY;AACvB,QAAI,CAACM,EAAI;AAET,IAAAA,EAAG,MAAM,SAAS;AAElB,UAAMC,IAAW,OAAO,iBAAiBD,CAAE,GACrCE,IAAa,WAAWD,EAAS,UAAU,KAAK,IAChDE,IAAa,WAAWF,EAAS,UAAU,GAC3CG,IAAgB,WAAWH,EAAS,aAAa,GAEjDI,IAAYH,IAAab,IAAUc,IAAaC,GAChDE,IAAcJ,IAAaZ,IAAUa,IAAaC,GAElDG,IAAeP,EAAG,cAElBQ,IAAY,KAAK,IAAID,GAAcD,CAAW;AACpD,IAAAN,EAAG,MAAM,SAAS,KAAK,IAAIQ,GAAWH,CAAS,IAAI,MAEnDL,EAAG,MAAM,YAAYO,IAAeD,IAAc,SAAS,UAC3DN,EAAG,MAAM,sBAAsB,GAAGI,CAAa;AAAA,EACjD;AAEA,SAAAK,EAAU,MAAM;AACd,IAAAV,EAAA;AACA,UAAMW,IAAW,MAAMX,EAAA;AACvB,kBAAO,iBAAiB,UAAUW,CAAQ,GACnC,MAAM,OAAO,oBAAoB,UAAUA,CAAQ;AAAA,EAC5D,GAAG,CAACd,CAAK,CAAC,GA4BR,gBAAAe;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKU;AAAA,MACL,OAAAE;AAAA,MACA,UAXiB,CAACgB,MAAwC;AAC5D,SAAI,CAACnB,GAAO,aAAamB,EAAE,OAAO,MAAM,SAASnB,GAAO,eACtDI,EAASe,EAAE,OAAO,KAAK,GACvBpB,IAAWoB,CAAC;AAAA,MAEhB;AAAA,MAOI,WA9BkB,CAACA,MAA0C;AAC/D,YAAIA,EAAE,QAAQ,WAAW,CAACA,EAAE,UAAU;AACpC,UAAAA,EAAE,eAAA;AACF,gBAAMC,IAAOjB,EAAM,KAAA;AACnB,cAAI,CAACiB,GAAM;AACT,YAAAhB,EAAS,EAAE,GACXE,EAAA;AACA;AAAA,UACF;AACA,UAAAR,IAASsB,CAAI,GACbhB,EAAS,EAAE,GACX,sBAAsB,MAAM;AAC1B,YAAIH,EAAY,YAASA,EAAY,QAAQ,MAAM,SAAS,SAC5DK,EAAA;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MAeI,MAAMV;AAAA,MACL,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@ark-ui/react"),j=require("react"),n=require("@stokelp/styled-system/css"),a=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),i=require("../../shared/assets/icons.cjs"),l=j.forwardRef((h,u)=>{const[b,p]=s.checkbox.splitVariantProps(h),[k,d]=a.splitCssProps(p),{children:r,className:C,...t}=d,c=s.checkbox(b);return e.jsxs(o.Checkbox.Root,{ref:u,className:n.cx(c.root,n.css(k),C),...t,value:t.value,children:[e.jsxs(o.Checkbox.Control,{className:c.control,children:[e.jsx(o.Checkbox.Indicator,{children:e.jsx(i.CheckIcon,{})}),e.jsx(o.Checkbox.Indicator,{indeterminate:!0,children:e.jsx(i.MinusIcon,{})})]}),r&&e.jsx(o.Checkbox.Label,{className:c.label,children:r}),e.jsx(o.Checkbox.HiddenInput,{})]})}),x=a.styled(o.Checkbox.Group,s.checkboxGroup);l.displayName="Checkbox";x.displayName="CheckboxGroup";exports.Checkbox=l;exports.CheckboxGroup=x;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  Checkbox as ArkCheckbox,\n  type CheckboxRootProps,\n  type CheckboxGroupProps as ArkCheckboxGroupProps,\n} from '@ark-ui/react'\nimport { FC, forwardRef, type ReactNode } from 'react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { checkbox, checkboxGroup, type CheckboxVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { CheckIcon, MinusIcon } from '~/shared/assets/icons'\n\ntype StyledCheckboxRootProps = Assign<JsxStyleProps, CheckboxRootProps>\n\nexport interface CheckboxProps extends Omit<StyledCheckboxRootProps, 'value'>, CheckboxVariantProps {\n  value?: string | number\n  children?: ReactNode\n}\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const [variantProps, checkboxProps] = checkbox.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(checkboxProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = checkbox(variantProps)\n\n  return (\n    <ArkCheckbox.Root\n      ref={ref}\n      className={cx(styles.root, css(cssProps), className)}\n      {...rootProps}\n      value={rootProps.value as string | undefined}\n    >\n      <ArkCheckbox.Control className={styles.control}>\n        <ArkCheckbox.Indicator>\n          <CheckIcon />\n        </ArkCheckbox.Indicator>\n        <ArkCheckbox.Indicator indeterminate>\n          <MinusIcon />\n        </ArkCheckbox.Indicator>\n      </ArkCheckbox.Control>\n      {children && <ArkCheckbox.Label className={styles.label}>{children}</ArkCheckbox.Label>}\n      <ArkCheckbox.HiddenInput />\n    </ArkCheckbox.Root>\n  )\n})\n\nexport type CheckboxGroupProps = Omit<\n  Assign<JsxStyleProps, ArkCheckboxGroupProps>,\n  'value' | 'defaultValue' | 'onValueChange'\n> & {\n  onValueChange?: (value: string[] | number[]) => void\n  value?: string[] | number[]\n  defaultValue?: string[] | number[]\n}\n\nexport const CheckboxGroup = styled(ArkCheckbox.Group, checkboxGroup) as FC<CheckboxGroupProps>\n\nCheckbox.displayName = 'Checkbox'\nCheckboxGroup.displayName = 'CheckboxGroup'\n"],"names":["Checkbox","forwardRef","props","ref","variantProps","checkboxProps","checkbox","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","ArkCheckbox","cx","css","jsx","CheckIcon","MinusIcon","CheckboxGroup","styled","checkboxGroup"],"mappings":"uVAmBaA,EAAWC,EAAAA,WAA4C,CAACC,EAAOC,IAAQ,CAClF,KAAM,CAACC,EAAcC,CAAa,EAAIC,EAAAA,SAAS,kBAAkBJ,CAAK,EAChE,CAACK,EAAUC,CAAU,EAAIC,EAAAA,cAAcJ,CAAa,EACpD,CAAE,SAAAK,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxCK,EAASP,EAAAA,SAASF,CAAY,EAEpC,OACEU,EAAAA,KAACC,EAAAA,SAAY,KAAZ,CACC,IAAAZ,EACA,UAAWa,EAAAA,GAAGH,EAAO,KAAMI,EAAAA,IAAIV,CAAQ,EAAGI,CAAS,EAClD,GAAGC,EACJ,MAAOA,EAAU,MAEjB,SAAA,CAAAE,EAAAA,KAACC,EAAAA,SAAY,QAAZ,CAAoB,UAAWF,EAAO,QACrC,SAAA,CAAAK,MAACH,EAAAA,SAAY,UAAZ,CACC,SAAAG,EAAAA,IAACC,EAAAA,YAAU,EACb,EACAD,MAACH,EAAAA,SAAY,UAAZ,CAAsB,cAAa,GAClC,SAAAG,EAAAA,IAACE,cAAU,CAAA,CACb,CAAA,EACF,EACCV,SAAaK,EAAAA,SAAY,MAAZ,CAAkB,UAAWF,EAAO,MAAQ,SAAAH,EAAS,EACnEQ,MAACH,EAAAA,SAAY,YAAZ,CAAA,CAAwB,CAAA,CAAA,CAAA,CAG/B,CAAC,EAWYM,EAAgBC,EAAAA,OAAOP,WAAY,MAAOQ,EAAAA,aAAa,EAEpEvB,EAAS,YAAc,WACvBqB,EAAc,YAAc"}

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Checkbox as o } from "@ark-ui/react";
+import { forwardRef as x } from "react";
+import { cx as b, css as u } from "@stokelp/styled-system/css";
+import { styled as k, splitCssProps as f } from "@stokelp/styled-system/jsx";
+import { checkbox as a, checkboxGroup as C } from "@stokelp/styled-system/recipes";
+import { CheckIcon as P, MinusIcon as N } from "../../shared/assets/icons.js";
+const I = x((n, i) => {
+  const [l, p] = a.splitVariantProps(n), [m, h] = f(p), { children: c, className: d, ...e } = h, s = a(l);
+  return /* @__PURE__ */ t(
+    o.Root,
+    {
+      ref: i,
+      className: b(s.root, u(m), d),
+      ...e,
+      value: e.value,
+      children: [
+        /* @__PURE__ */ t(o.Control, { className: s.control, children: [
+          /* @__PURE__ */ r(o.Indicator, { children: /* @__PURE__ */ r(P, {}) }),
+          /* @__PURE__ */ r(o.Indicator, { indeterminate: !0, children: /* @__PURE__ */ r(N, {}) })
+        ] }),
+        c && /* @__PURE__ */ r(o.Label, { className: s.label, children: c }),
+        /* @__PURE__ */ r(o.HiddenInput, {})
+      ]
+    }
+  );
+}), y = k(o.Group, C);
+I.displayName = "Checkbox";
+y.displayName = "CheckboxGroup";
+export {
+  I as Checkbox,
+  y as CheckboxGroup
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  Checkbox as ArkCheckbox,\n  type CheckboxRootProps,\n  type CheckboxGroupProps as ArkCheckboxGroupProps,\n} from '@ark-ui/react'\nimport { FC, forwardRef, type ReactNode } from 'react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { checkbox, checkboxGroup, type CheckboxVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { CheckIcon, MinusIcon } from '~/shared/assets/icons'\n\ntype StyledCheckboxRootProps = Assign<JsxStyleProps, CheckboxRootProps>\n\nexport interface CheckboxProps extends Omit<StyledCheckboxRootProps, 'value'>, CheckboxVariantProps {\n  value?: string | number\n  children?: ReactNode\n}\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const [variantProps, checkboxProps] = checkbox.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(checkboxProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = checkbox(variantProps)\n\n  return (\n    <ArkCheckbox.Root\n      ref={ref}\n      className={cx(styles.root, css(cssProps), className)}\n      {...rootProps}\n      value={rootProps.value as string | undefined}\n    >\n      <ArkCheckbox.Control className={styles.control}>\n        <ArkCheckbox.Indicator>\n          <CheckIcon />\n        </ArkCheckbox.Indicator>\n        <ArkCheckbox.Indicator indeterminate>\n          <MinusIcon />\n        </ArkCheckbox.Indicator>\n      </ArkCheckbox.Control>\n      {children && <ArkCheckbox.Label className={styles.label}>{children}</ArkCheckbox.Label>}\n      <ArkCheckbox.HiddenInput />\n    </ArkCheckbox.Root>\n  )\n})\n\nexport type CheckboxGroupProps = Omit<\n  Assign<JsxStyleProps, ArkCheckboxGroupProps>,\n  'value' | 'defaultValue' | 'onValueChange'\n> & {\n  onValueChange?: (value: string[] | number[]) => void\n  value?: string[] | number[]\n  defaultValue?: string[] | number[]\n}\n\nexport const CheckboxGroup = styled(ArkCheckbox.Group, checkboxGroup) as FC<CheckboxGroupProps>\n\nCheckbox.displayName = 'Checkbox'\nCheckboxGroup.displayName = 'CheckboxGroup'\n"],"names":["Checkbox","forwardRef","props","ref","variantProps","checkboxProps","checkbox","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","ArkCheckbox","cx","css","jsx","CheckIcon","MinusIcon","CheckboxGroup","styled","checkboxGroup"],"mappings":";;;;;;;;AAmBO,MAAMA,IAAWC,EAA4C,CAACC,GAAOC,MAAQ;AAClF,QAAM,CAACC,GAAcC,CAAa,IAAIC,EAAS,kBAAkBJ,CAAK,GAChE,CAACK,GAAUC,CAAU,IAAIC,EAAcJ,CAAa,GACpD,EAAE,UAAAK,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACxCK,IAASP,EAASF,CAAY;AAEpC,SACE,gBAAAU;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWa,EAAGH,EAAO,MAAMI,EAAIV,CAAQ,GAAGI,CAAS;AAAA,MAClD,GAAGC;AAAA,MACJ,OAAOA,EAAU;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAE,EAACC,EAAY,SAAZ,EAAoB,WAAWF,EAAO,SACrC,UAAA;AAAA,UAAA,gBAAAK,EAACH,EAAY,WAAZ,EACC,UAAA,gBAAAG,EAACC,KAAU,GACb;AAAA,UACA,gBAAAD,EAACH,EAAY,WAAZ,EAAsB,eAAa,IAClC,UAAA,gBAAAG,EAACE,KAAU,EAAA,CACb;AAAA,QAAA,GACF;AAAA,QACCV,uBAAaK,EAAY,OAAZ,EAAkB,WAAWF,EAAO,OAAQ,UAAAH,GAAS;AAAA,QACnE,gBAAAQ,EAACH,EAAY,aAAZ,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/B,CAAC,GAWYM,IAAgBC,EAAOP,EAAY,OAAOQ,CAAa;AAEpEvB,EAAS,cAAc;AACvBqB,EAAc,cAAc;"}

package/dist/components/checkbox-card/CheckboxCard.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@ark-ui/react"),a=require("@stokelp/styled-system/css"),t=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),m=require("react"),j=require("../../utils/slots.cjs"),i=require("../../shared/assets/icons.cjs"),{withProvider:y,withContext:c}=j.createStyleContext(r.checkboxCard,{dataAttr:!0}),P=y(t.styled(o.Checkbox.Root)),q=c(t.styled(o.Checkbox.Label),"title"),I=c(t.styled("div"),"content"),g=c(t.styled("p"),"description"),v=c(t.styled(o.ark.img),"image"),C=m.forwardRef((d,x)=>{const[l,h]=r.checkboxCard.splitVariantProps(d),[b,k]=t.splitCssProps(h),{children:u,className:p,...s}=k,n=r.checkboxCard(l);return e.jsxs(P,{ref:x,className:a.cx(n.root,a.css(b),p),...s,value:s.value,children:[e.jsxs(o.Checkbox.Control,{className:n.control,children:[e.jsx(o.Checkbox.Indicator,{children:e.jsx(i.CheckIcon,{})}),e.jsx(o.Checkbox.Indicator,{indeterminate:!0,children:e.jsx(i.MinusIcon,{})})]}),u,e.jsx(o.Checkbox.HiddenInput,{})]})});C.displayName="CheckboxCard";exports.CheckboxCard=C;exports.CheckboxCardContent=I;exports.CheckboxCardDescription=g;exports.CheckboxCardImage=v;exports.CheckboxCardTitle=q;
+//# sourceMappingURL=CheckboxCard.cjs.map

package/dist/components/checkbox-card/CheckboxCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCard.cjs","sources":["../../../src/components/checkbox-card/CheckboxCard.tsx"],"sourcesContent":["import { ark, Checkbox as ArkCheckbox, type CheckboxRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { checkboxCard, type CheckboxCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\nimport { type CheckboxProps } from '~/components/checkbox'\nimport { CheckIcon, MinusIcon } from '~/shared/assets/icons'\n\ntype StyledCheckboxRootProps = Assign<JsxStyleProps, CheckboxRootProps>\n\nexport interface CheckboxCardProps extends Omit<StyledCheckboxRootProps, 'value'>, CheckboxCardVariantProps {\n  value?: string | number\n}\n\nconst { withProvider, withContext } = createStyleContext(checkboxCard, {\n  dataAttr: true,\n})\n\nconst CheckboxCardRoot = withProvider(styled(ArkCheckbox.Root))\n\nexport const CheckboxCardTitle = withContext(styled(ArkCheckbox.Label), 'title')\nexport const CheckboxCardContent = withContext(styled('div'), 'content')\nexport const CheckboxCardDescription = withContext(styled('p'), 'description')\nexport const CheckboxCardImage = withContext(styled(ark.img), 'image')\n\nexport type CheckboxCardTitleProps = ComponentProps<typeof CheckboxCardTitle>\nexport type CheckboxCardContentProps = ComponentProps<typeof CheckboxCardContent>\nexport type CheckboxCardDescriptionProps = ComponentProps<typeof CheckboxCardDescription>\nexport type CheckboxCardImageProps = ComponentProps<typeof CheckboxCardImage>\n\nexport const CheckboxCard = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const [variantProps, checkboxProps] = checkboxCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(checkboxProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = checkboxCard(variantProps)\n\n  return (\n    <CheckboxCardRoot\n      ref={ref}\n      className={cx(styles.root, css(cssProps), className)}\n      {...rootProps}\n      value={rootProps.value as string | undefined}\n    >\n      <ArkCheckbox.Control className={styles.control}>\n        <ArkCheckbox.Indicator>\n          <CheckIcon />\n        </ArkCheckbox.Indicator>\n        <ArkCheckbox.Indicator indeterminate>\n          <MinusIcon />\n        </ArkCheckbox.Indicator>\n      </ArkCheckbox.Control>\n      {children}\n      <ArkCheckbox.HiddenInput />\n    </CheckboxCardRoot>\n  )\n})\n\nCheckboxCard.displayName = 'CheckboxCard'\n"],"names":["withProvider","withContext","createStyleContext","checkboxCard","CheckboxCardRoot","styled","ArkCheckbox","CheckboxCardTitle","CheckboxCardContent","CheckboxCardDescription","CheckboxCardImage","ark","CheckboxCard","forwardRef","props","ref","variantProps","checkboxProps","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","cx","css","jsx","CheckIcon","MinusIcon"],"mappings":"0XAgBM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,aAAc,CACrE,SAAU,EACZ,CAAC,EAEKC,EAAmBJ,EAAaK,EAAAA,OAAOC,EAAAA,SAAY,IAAI,CAAC,EAEjDC,EAAoBN,EAAYI,EAAAA,OAAOC,EAAAA,SAAY,KAAK,EAAG,OAAO,EAClEE,EAAsBP,EAAYI,SAAO,KAAK,EAAG,SAAS,EAC1DI,EAA0BR,EAAYI,SAAO,GAAG,EAAG,aAAa,EAChEK,EAAoBT,EAAYI,EAAAA,OAAOM,EAAAA,IAAI,GAAG,EAAG,OAAO,EAOxDC,EAAeC,EAAAA,WAA4C,CAACC,EAAOC,IAAQ,CACtF,KAAM,CAACC,EAAcC,CAAa,EAAId,EAAAA,aAAa,kBAAkBW,CAAK,EACpE,CAACI,EAAUC,CAAU,EAAIC,EAAAA,cAAcH,CAAa,EACpD,CAAE,SAAAI,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxCK,EAASrB,EAAAA,aAAaa,CAAY,EAExC,OACES,EAAAA,KAACrB,EAAA,CACC,IAAAW,EACA,UAAWW,EAAAA,GAAGF,EAAO,KAAMG,EAAAA,IAAIT,CAAQ,EAAGI,CAAS,EAClD,GAAGC,EACJ,MAAOA,EAAU,MAEjB,SAAA,CAAAE,EAAAA,KAACnB,EAAAA,SAAY,QAAZ,CAAoB,UAAWkB,EAAO,QACrC,SAAA,CAAAI,MAACtB,EAAAA,SAAY,UAAZ,CACC,SAAAsB,EAAAA,IAACC,EAAAA,YAAU,EACb,EACAD,MAACtB,EAAAA,SAAY,UAAZ,CAAsB,cAAa,GAClC,SAAAsB,EAAAA,IAACE,cAAU,CAAA,CACb,CAAA,EACF,EACCT,EACDO,MAACtB,EAAAA,SAAY,YAAZ,CAAA,CAAwB,CAAA,CAAA,CAAA,CAG/B,CAAC,EAEDM,EAAa,YAAc"}

package/dist/components/checkbox-card/CheckboxCard.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Checkbox as o, ark as k } from "@ark-ui/react";
+import { cx as b, css as f } from "@stokelp/styled-system/css";
+import { splitCssProps as u, styled as r } from "@stokelp/styled-system/jsx";
+import { checkboxCard as c } from "@stokelp/styled-system/recipes";
+import { forwardRef as P } from "react";
+import { createStyleContext as I } from "../../utils/slots.js";
+import { CheckIcon as v, MinusIcon as y } from "../../shared/assets/icons.js";
+const { withProvider: N, withContext: e } = I(c, {
+  dataAttr: !0
+}), g = N(r(o.Root)), T = e(r(o.Label), "title"), V = e(r("div"), "content"), q = e(r("p"), "description"), z = e(r(k.img), "image"), w = P((a, d) => {
+  const [l, m] = c.splitVariantProps(a), [p, C] = u(m), { children: h, className: x, ...s } = C, n = c(l);
+  return /* @__PURE__ */ i(
+    g,
+    {
+      ref: d,
+      className: b(n.root, f(p), x),
+      ...s,
+      value: s.value,
+      children: [
+        /* @__PURE__ */ i(o.Control, { className: n.control, children: [
+          /* @__PURE__ */ t(o.Indicator, { children: /* @__PURE__ */ t(v, {}) }),
+          /* @__PURE__ */ t(o.Indicator, { indeterminate: !0, children: /* @__PURE__ */ t(y, {}) })
+        ] }),
+        h,
+        /* @__PURE__ */ t(o.HiddenInput, {})
+      ]
+    }
+  );
+});
+w.displayName = "CheckboxCard";
+export {
+  w as CheckboxCard,
+  V as CheckboxCardContent,
+  q as CheckboxCardDescription,
+  z as CheckboxCardImage,
+  T as CheckboxCardTitle
+};
+//# sourceMappingURL=CheckboxCard.js.map

package/dist/components/checkbox-card/CheckboxCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCard.js","sources":["../../../src/components/checkbox-card/CheckboxCard.tsx"],"sourcesContent":["import { ark, Checkbox as ArkCheckbox, type CheckboxRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { checkboxCard, type CheckboxCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\nimport { type CheckboxProps } from '~/components/checkbox'\nimport { CheckIcon, MinusIcon } from '~/shared/assets/icons'\n\ntype StyledCheckboxRootProps = Assign<JsxStyleProps, CheckboxRootProps>\n\nexport interface CheckboxCardProps extends Omit<StyledCheckboxRootProps, 'value'>, CheckboxCardVariantProps {\n  value?: string | number\n}\n\nconst { withProvider, withContext } = createStyleContext(checkboxCard, {\n  dataAttr: true,\n})\n\nconst CheckboxCardRoot = withProvider(styled(ArkCheckbox.Root))\n\nexport const CheckboxCardTitle = withContext(styled(ArkCheckbox.Label), 'title')\nexport const CheckboxCardContent = withContext(styled('div'), 'content')\nexport const CheckboxCardDescription = withContext(styled('p'), 'description')\nexport const CheckboxCardImage = withContext(styled(ark.img), 'image')\n\nexport type CheckboxCardTitleProps = ComponentProps<typeof CheckboxCardTitle>\nexport type CheckboxCardContentProps = ComponentProps<typeof CheckboxCardContent>\nexport type CheckboxCardDescriptionProps = ComponentProps<typeof CheckboxCardDescription>\nexport type CheckboxCardImageProps = ComponentProps<typeof CheckboxCardImage>\n\nexport const CheckboxCard = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const [variantProps, checkboxProps] = checkboxCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(checkboxProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = checkboxCard(variantProps)\n\n  return (\n    <CheckboxCardRoot\n      ref={ref}\n      className={cx(styles.root, css(cssProps), className)}\n      {...rootProps}\n      value={rootProps.value as string | undefined}\n    >\n      <ArkCheckbox.Control className={styles.control}>\n        <ArkCheckbox.Indicator>\n          <CheckIcon />\n        </ArkCheckbox.Indicator>\n        <ArkCheckbox.Indicator indeterminate>\n          <MinusIcon />\n        </ArkCheckbox.Indicator>\n      </ArkCheckbox.Control>\n      {children}\n      <ArkCheckbox.HiddenInput />\n    </CheckboxCardRoot>\n  )\n})\n\nCheckboxCard.displayName = 'CheckboxCard'\n"],"names":["withProvider","withContext","createStyleContext","checkboxCard","CheckboxCardRoot","styled","ArkCheckbox","CheckboxCardTitle","CheckboxCardContent","CheckboxCardDescription","CheckboxCardImage","ark","CheckboxCard","forwardRef","props","ref","variantProps","checkboxProps","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","cx","css","jsx","CheckIcon","MinusIcon"],"mappings":";;;;;;;;;AAgBA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAc;AAAA,EACrE,UAAU;AACZ,CAAC,GAEKC,IAAmBJ,EAAaK,EAAOC,EAAY,IAAI,CAAC,GAEjDC,IAAoBN,EAAYI,EAAOC,EAAY,KAAK,GAAG,OAAO,GAClEE,IAAsBP,EAAYI,EAAO,KAAK,GAAG,SAAS,GAC1DI,IAA0BR,EAAYI,EAAO,GAAG,GAAG,aAAa,GAChEK,IAAoBT,EAAYI,EAAOM,EAAI,GAAG,GAAG,OAAO,GAOxDC,IAAeC,EAA4C,CAACC,GAAOC,MAAQ;AACtF,QAAM,CAACC,GAAcC,CAAa,IAAId,EAAa,kBAAkBW,CAAK,GACpE,CAACI,GAAUC,CAAU,IAAIC,EAAcH,CAAa,GACpD,EAAE,UAAAI,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACxCK,IAASrB,EAAaa,CAAY;AAExC,SACE,gBAAAS;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,KAAAW;AAAA,MACA,WAAWW,EAAGF,EAAO,MAAMG,EAAIT,CAAQ,GAAGI,CAAS;AAAA,MAClD,GAAGC;AAAA,MACJ,OAAOA,EAAU;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAE,EAACnB,EAAY,SAAZ,EAAoB,WAAWkB,EAAO,SACrC,UAAA;AAAA,UAAA,gBAAAI,EAACtB,EAAY,WAAZ,EACC,UAAA,gBAAAsB,EAACC,KAAU,GACb;AAAA,UACA,gBAAAD,EAACtB,EAAY,WAAZ,EAAsB,eAAa,IAClC,UAAA,gBAAAsB,EAACE,KAAU,EAAA,CACb;AAAA,QAAA,GACF;AAAA,QACCT;AAAA,QACD,gBAAAO,EAACtB,EAAY,aAAZ,CAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/B,CAAC;AAEDM,EAAa,cAAc;"}

package/dist/components/checkbox-card/namespace.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxCard.cjs");exports.Content=e.CheckboxCardContent;exports.Description=e.CheckboxCardDescription;exports.Image=e.CheckboxCardImage;exports.Root=e.CheckboxCard;exports.Title=e.CheckboxCardTitle;
+//# sourceMappingURL=namespace.cjs.map

package/dist/components/checkbox-card/namespace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"namespace.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/checkbox-card/namespace.js

@@ -0,0 +1,10 @@
+"use client";
+import { CheckboxCardContent as a, CheckboxCardDescription as C, CheckboxCardImage as t, CheckboxCard as r, CheckboxCardTitle as c } from "./CheckboxCard.js";
+export {
+  a as Content,
+  C as Description,
+  t as Image,
+  r as Root,
+  c as Title
+};
+//# sourceMappingURL=namespace.js.map

package/dist/components/checkbox-card/namespace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"namespace.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/chip/Chip.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),o=require("../../utils/slots.cjs"),{withProvider:n,withContext:r}=o.createStyleContext(s.chip),l=n(e.styled(t.ark.span),"root"),a=r(e.styled("img"),"avatar"),c=r(e.styled(t.ark.span),"body"),h=r(e.styled(t.ark.button),"clearTrigger",{defaultProps:{type:"button",children:i.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M11.0833 3.73917L10.2608 2.91667L6.99996 6.17751L3.73913 2.91667L2.91663 3.73917L6.17746 7L2.91663 10.2608L3.73913 11.0833L6.99996 7.8225L10.2608 11.0833L11.0833 10.2608L7.82246 7L11.0833 3.73917Z",fill:"currentColor"})})}});exports.Chip=l;exports.ChipAvatar=a;exports.ChipClearTrigger=h;exports.ChipLabel=c;
+//# sourceMappingURL=Chip.cjs.map

package/dist/components/chip/Chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.cjs","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { chip } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { type ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(chip)\n\nexport const Chip = withProvider(styled(ark.span), 'root')\nexport const ChipAvatar = withContext(styled('img'), 'avatar')\nexport const ChipLabel = withContext(styled(ark.span), 'body')\nexport const ChipClearTrigger = withContext(styled(ark.button), 'clearTrigger', {\n  defaultProps: {\n    type: 'button',\n    children: (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M11.0833 3.73917L10.2608 2.91667L6.99996 6.17751L3.73913 2.91667L2.91663 3.73917L6.17746 7L2.91663 10.2608L3.73913 11.0833L6.99996 7.8225L10.2608 11.0833L11.0833 10.2608L7.82246 7L11.0833 3.73917Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    ),\n  },\n})\n\nexport interface ChipProps extends ComponentProps<typeof Chip> {}\nexport interface ChipAvatarProps extends ComponentProps<typeof ChipAvatar> {}\nexport interface ChipLabelProps extends ComponentProps<typeof ChipLabel> {}\nexport interface ChipClearTriggerProps extends ComponentProps<typeof ChipClearTrigger> {}\n"],"names":["withProvider","withContext","createStyleContext","chip","Chip","styled","ark","ChipAvatar","ChipLabel","ChipClearTrigger","jsx"],"mappings":"oRAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,IAAI,EAEhDC,EAAOJ,EAAaK,EAAAA,OAAOC,EAAAA,IAAI,IAAI,EAAG,MAAM,EAC5CC,EAAaN,EAAYI,SAAO,KAAK,EAAG,QAAQ,EAChDG,EAAYP,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,IAAI,EAAG,MAAM,EAChDG,EAAmBR,EAAYI,EAAAA,OAAOC,EAAAA,IAAI,MAAM,EAAG,eAAgB,CAC9E,aAAc,CACZ,KAAM,SACN,SACEI,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,EAAE,uMACF,KAAK,cAAA,CAAA,CACP,CACF,CAAA,CAGN,CAAC"}

package/dist/components/chip/Chip.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { ark as r } from "@ark-ui/react";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { chip as e } from "@stokelp/styled-system/recipes";
+import { createStyleContext as n } from "../../utils/slots.js";
+const { withProvider: p, withContext: o } = n(e), c = p(t(r.span), "root"), m = o(t("img"), "avatar"), g = o(t(r.span), "body"), d = o(t(r.button), "clearTrigger", {
+  defaultProps: {
+    type: "button",
+    children: /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M11.0833 3.73917L10.2608 2.91667L6.99996 6.17751L3.73913 2.91667L2.91663 3.73917L6.17746 7L2.91663 10.2608L3.73913 11.0833L6.99996 7.8225L10.2608 11.0833L11.0833 10.2608L7.82246 7L11.0833 3.73917Z",
+        fill: "currentColor"
+      }
+    ) })
+  }
+});
+export {
+  c as Chip,
+  m as ChipAvatar,
+  d as ChipClearTrigger,
+  g as ChipLabel
+};
+//# sourceMappingURL=Chip.js.map

package/dist/components/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { chip } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { type ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(chip)\n\nexport const Chip = withProvider(styled(ark.span), 'root')\nexport const ChipAvatar = withContext(styled('img'), 'avatar')\nexport const ChipLabel = withContext(styled(ark.span), 'body')\nexport const ChipClearTrigger = withContext(styled(ark.button), 'clearTrigger', {\n  defaultProps: {\n    type: 'button',\n    children: (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M11.0833 3.73917L10.2608 2.91667L6.99996 6.17751L3.73913 2.91667L2.91663 3.73917L6.17746 7L2.91663 10.2608L3.73913 11.0833L6.99996 7.8225L10.2608 11.0833L11.0833 10.2608L7.82246 7L11.0833 3.73917Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    ),\n  },\n})\n\nexport interface ChipProps extends ComponentProps<typeof Chip> {}\nexport interface ChipAvatarProps extends ComponentProps<typeof ChipAvatar> {}\nexport interface ChipLabelProps extends ComponentProps<typeof ChipLabel> {}\nexport interface ChipClearTriggerProps extends ComponentProps<typeof ChipClearTrigger> {}\n"],"names":["withProvider","withContext","createStyleContext","chip","Chip","styled","ark","ChipAvatar","ChipLabel","ChipClearTrigger","jsx"],"mappings":";;;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAI,GAEhDC,IAAOJ,EAAaK,EAAOC,EAAI,IAAI,GAAG,MAAM,GAC5CC,IAAaN,EAAYI,EAAO,KAAK,GAAG,QAAQ,GAChDG,IAAYP,EAAYI,EAAOC,EAAI,IAAI,GAAG,MAAM,GAChDG,IAAmBR,EAAYI,EAAOC,EAAI,MAAM,GAAG,gBAAgB;AAAA,EAC9E,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,UACE,gBAAAI,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA,EACP,CACF;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/collapsible/styled.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("@stokelp/styled-system/recipes"),t=require("@stokelp/styled-system/jsx"),s=require("../../utils/slots.cjs"),{withProvider:l,withContext:o}=s.createStyleContext(r.collapsible),n=l(t.styled(e.Collapsible.Root),"root"),i=o(t.styled(e.Collapsible.Content),"content"),c=o(t.styled(e.Collapsible.Trigger),"trigger");exports.Content=i;exports.Root=n;exports.Trigger=c;
+//# sourceMappingURL=styled.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/collapsible/styled.ts"],"sourcesContent":["import { Collapsible as ArkCollapsible } from '@ark-ui/react'\nimport { collapsible } from '@stokelp/styled-system/recipes'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { createStyleContext } from '~/utils/slots'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(collapsible)\n\nexport const Root = withProvider(styled(ArkCollapsible.Root), 'root')\nexport const Content = withContext(styled(ArkCollapsible.Content), 'content')\nexport const Trigger = withContext(styled(ArkCollapsible.Trigger), 'trigger')\n\nexport interface CollapsibleProps extends ComponentProps<typeof Root> {}\nexport interface CollapsibleContentProps extends ComponentProps<typeof Content> {}\nexport interface CollapsibleTriggerProps extends ComponentProps<typeof Trigger> {}\n"],"names":["withProvider","withContext","createStyleContext","collapsible","Root","styled","ArkCollapsible","Content","Trigger"],"mappings":"qPAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,WAAW,EAEvDC,EAAOJ,EAAaK,EAAAA,OAAOC,EAAAA,YAAe,IAAI,EAAG,MAAM,EACvDC,EAAUN,EAAYI,EAAAA,OAAOC,EAAAA,YAAe,OAAO,EAAG,SAAS,EAC/DE,EAAUP,EAAYI,EAAAA,OAAOC,EAAAA,YAAe,OAAO,EAAG,SAAS"}

package/dist/components/collapsible/styled.js

@@ -0,0 +1,12 @@
+"use client";
+import { Collapsible as t } from "@ark-ui/react";
+import { collapsible as e } from "@stokelp/styled-system/recipes";
+import { styled as o } from "@stokelp/styled-system/jsx";
+import { createStyleContext as i } from "../../utils/slots.js";
+const { withProvider: n, withContext: r } = i(e), p = n(o(t.Root), "root"), g = r(o(t.Content), "content"), C = r(o(t.Trigger), "trigger");
+export {
+  g as Content,
+  p as Root,
+  C as Trigger
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/collapsible/styled.ts"],"sourcesContent":["import { Collapsible as ArkCollapsible } from '@ark-ui/react'\nimport { collapsible } from '@stokelp/styled-system/recipes'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { createStyleContext } from '~/utils/slots'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(collapsible)\n\nexport const Root = withProvider(styled(ArkCollapsible.Root), 'root')\nexport const Content = withContext(styled(ArkCollapsible.Content), 'content')\nexport const Trigger = withContext(styled(ArkCollapsible.Trigger), 'trigger')\n\nexport interface CollapsibleProps extends ComponentProps<typeof Root> {}\nexport interface CollapsibleContentProps extends ComponentProps<typeof Content> {}\nexport interface CollapsibleTriggerProps extends ComponentProps<typeof Trigger> {}\n"],"names":["withProvider","withContext","createStyleContext","collapsible","Root","styled","ArkCollapsible","Content","Trigger"],"mappings":";;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAW,GAEvDC,IAAOJ,EAAaK,EAAOC,EAAe,IAAI,GAAG,MAAM,GACvDC,IAAUN,EAAYI,EAAOC,EAAe,OAAO,GAAG,SAAS,GAC/DE,IAAUP,EAAYI,EAAOC,EAAe,OAAO,GAAG,SAAS;"}

package/dist/components/combobox/Combobox.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@ark-ui/react"),a=require("react"),s=require("@stokelp/styled-system/jsx"),_=require("../../_virtual/lodash.cjs"),H=require("@stokelp/styled-system/recipes"),F=require("../../utils/slots.cjs"),w=require("../../shared/ConditionalWrapper.cjs"),q=require("../text/Text.cjs"),I=require("../tooltip/Tooltip.cjs"),U=require("react-window"),P=require("@stokelp/styled-system/css"),ee=require("../input/Input.cjs"),{withProvider:te,withContext:u}=F.createStyleContext(H.combobox),oe=te(s.styled(n.Combobox.Root),"root",{defaultProps:{loopFocus:!0}}),ne=u(s.styled(n.Combobox.ClearTrigger),"clearTrigger"),le=u(s.styled(n.Combobox.Content),"content"),re=u(s.styled(n.Combobox.Input),"input"),se=u(s.styled(n.Combobox.Control),"control"),R=u(s.styled(n.Combobox.Item),"item"),ie=u(s.styled(n.Combobox.ItemText),"itemText"),ce=u(s.styled(n.Combobox.Positioner),"positioner"),ue=u(s.styled(n.Combobox.Trigger),"trigger"),ae=()=>e.jsxs("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"0.5",y:"1",width:"15",height:"15",rx:"3.5",fill:"white"}),e.jsx("rect",{x:"0.5",y:"1",width:"15",height:"15",rx:"3.5",className:P.css({stroke:"grey.100"})})]}),de=()=>e.jsxs("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{y:"0.5",width:"16",height:"16",rx:"4",className:P.css({fill:"primary.500"})}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.958 4.81298C12.1303 4.92787 12.1769 5.16069 12.062 5.33301L7.56202 12.083C7.4997 12.1765 7.39875 12.2371 7.28695 12.2482C7.17515 12.2592 7.06428 12.2196 6.98483 12.1402L3.98483 9.14017C3.83839 8.99372 3.83839 8.75628 3.98483 8.60984C4.13128 8.46339 4.36872 8.46339 4.51517 8.60984L7.19172 11.2864L11.438 4.91699C11.5529 4.74467 11.7857 4.6981 11.958 4.81298Z",fill:"white"})]});function S({item:r,isMultiple:i,renderItem:d}){const p=n.useComboboxItemContext();return e.jsxs(e.Fragment,{children:[i?p.selected?e.jsx(de,{}):e.jsx(ae,{}):null,d?d(r):e.jsx(ie,{truncate:!0,children:r.label})]})}const he=({items:r=[],initialItems:i,debounceMs:d=0,placeholder:p,emptyLabel:W,loadingLabel:k,usePortal:Z=!0,withAutoFilter:C=!0,positioning:B,loadItems:g,renderItem:f,onResetInitialItems:m,isLoading:O,value:V,openDropdownOnFocus:z=!0,clearValueWhenEmpty:E=!0,virtualized:N,rowHeight:y=34,returnItemsOnEmpty:Q,...v})=>{const[$,h]=a.useState(()=>r),[A,L]=a.useState(!1),[D,G]=a.useState(!1),j=typeof g=="function",x=a.useMemo(()=>g?_.lodashExports.debounce(async t=>{try{G(!0),L(!0);const o=await g(t);h(o)}catch(o){console.error(o),h([])}finally{L(!1)}},d):null,[g,d]),l=[...$,...i??[]],J=a.useCallback(async t=>{i&&i.length>0&&!i.find(c=>c.label===t.inputValue)&&m?.();const{inputValue:o}=t;if(x)x(o);else{const c=C&&o!==""?r.filter(Y=>Y.label.toLowerCase().includes(o.toLowerCase())):r;if(c.length===0&&Q)return h(r);h(c)}},[x,r,C]);a.useEffect(()=>{!C&&!x&&h(r)},[r,C,x]);const K=a.useMemo(()=>n.createListCollection({items:l}),[l]),X=O??A,T=k??e.jsx(q.Text,{p:"space-8",textAlign:"center",children:"Chargement..."}),M=W??e.jsx(q.Text,{p:"space-8",textAlign:"center",children:"Aucun résultat"}),b=!1;return e.jsxs(oe,{lazyMount:!0,unmountOnExit:!0,collection:K,positioning:{sameWidth:!0,gutter:0,...B},"data-recipe":"combobox",onInputValueChange:J,value:V,...v,multiple:b,children:[e.jsxs(se,{children:[e.jsx(n.Combobox.Context,{children:t=>e.jsx(re,{asChild:!0,placeholder:p,onInput:o=>{const c=o.currentTarget.value;E&&c===""&&t.clearValue()},onFocus:()=>{!z||j||t.setOpen(!0)},children:e.jsx(ee.Input,{})})}),e.jsx(ue,{asChild:!0,hidden:j&&(!i||i.length===0),children:e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z",fill:"currentColor"})})}),e.jsx(ne,{disabled:v.readOnly,onClick:m,asChild:!0,children:e.jsx("button",{children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z",fill:"currentColor"})})})})]}),e.jsx(w.ConditionalWrapper,{when:Z,wrapper:t=>e.jsx(n.Portal,{children:t}),children:e.jsx(ce,{children:e.jsx(le,{children:X?T:l.length===0?e.jsx(e.Fragment,{children:j?D?M:T:M}):N?e.jsx(e.Fragment,{children:e.jsx(U.FixedSizeList,{height:Math.min(y*l.length,180),itemCount:l.length,itemSize:y,width:"100%",children:({index:t,style:o})=>e.jsx(w.ConditionalWrapper,{when:!!l[t].tooltip,wrapper:c=>e.jsx(I.Tooltip,{label:l[t].tooltip,children:c}),children:e.jsx(R,{item:l[t],style:o,children:e.jsx(S,{renderItem:f,item:l[t],isMultiple:b})},l[t].value)},l[t].value)})}):l.map(t=>e.jsx(w.ConditionalWrapper,{when:!!t.tooltip,wrapper:o=>e.jsx(I.Tooltip,{label:t.tooltip,children:o}),children:e.jsx(R,{item:t,children:e.jsx(S,{renderItem:f,item:t,isMultiple:b})},t.value)},t.value))})})})]})};exports.Combobox=he;
+//# sourceMappingURL=Combobox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.cjs","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import {\n  Combobox as ArkCombobox,\n  type ComboboxRootProps,\n  createListCollection,\n  Portal,\n  useComboboxItemContext,\n} from '@ark-ui/react'\nimport { FC, ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { debounce } from 'lodash'\n\nimport { combobox } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Input as UIInput } from '~/components/input'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { Text } from '~/components/text/Text'\nimport { Tooltip } from '~/components/tooltip/Tooltip'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { FixedSizeList } from 'react-window'\nimport { css } from '@stokelp/styled-system/css'\n\nconst { withProvider, withContext } = createStyleContext(combobox)\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Root = withProvider(styled(ArkCombobox.Root<any>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst ClearTrigger = withContext(styled(ArkCombobox.ClearTrigger), 'clearTrigger')\nconst Content = withContext(styled(ArkCombobox.Content), 'content')\nconst Input = withContext(styled(ArkCombobox.Input), 'input')\nconst Control = withContext(styled(ArkCombobox.Control), 'control')\nconst Item = withContext(styled(ArkCombobox.Item), 'item')\nconst ItemText = withContext(styled(ArkCombobox.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkCombobox.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkCombobox.Trigger), 'trigger')\n\nexport type ComboboxItem = {\n  value: string | number\n  label: string\n  disabled?: boolean\n  tooltip?: ReactNode\n}\n\nexport type ComboboxProps<T extends ComboboxItem> = Omit<ComboboxRootProps<T>, 'collection' | 'value'> & {\n  value?: Array<string | number>\n  items?: T[]\n  initialItems?: T[]\n  renderItem?: (item: T) => ReactNode\n  loadItems?: (inputValue: string) => Promise<T[]>\n  debounceMs?: number\n  emptyLabel?: ReactNode\n  loadingLabel?: ReactNode\n  placeholder?: string\n  usePortal?: boolean\n  isLoading?: boolean\n  withAutoFilter?: boolean\n  onResetInitialItems?: () => void\n  openDropdownOnFocus?: boolean\n  clearValueWhenEmpty?: boolean\n  virtualized?: boolean\n  rowHeight?: number\n  returnItemsOnEmpty?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof combobox>\n\nconst MultipleUncheckedIndicator: FC = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"0.5\" y=\"1\" width=\"15\" height=\"15\" rx=\"3.5\" fill=\"white\" />\n    <rect x=\"0.5\" y=\"1\" width=\"15\" height=\"15\" rx=\"3.5\" className={css({ stroke: 'grey.100' })} />\n  </svg>\n)\n\nconst MultipleCheckedIndicator: FC = () => (\n  <svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect y=\"0.5\" width=\"16\" height=\"16\" rx=\"4\" className={css({ fill: 'primary.500' })} />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.958 4.81298C12.1303 4.92787 12.1769 5.16069 12.062 5.33301L7.56202 12.083C7.4997 12.1765 7.39875 12.2371 7.28695 12.2482C7.17515 12.2592 7.06428 12.2196 6.98483 12.1402L3.98483 9.14017C3.83839 8.99372 3.83839 8.75628 3.98483 8.60984C4.13128 8.46339 4.36872 8.46339 4.51517 8.60984L7.19172 11.2864L11.438 4.91699C11.5529 4.74467 11.7857 4.6981 11.958 4.81298Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\ninterface InnerItemProps<Item extends ComboboxItem> {\n  item: Item\n  isMultiple?: boolean\n  renderItem?: (item: Item) => ReactNode\n}\n\nfunction CustomInnerItem<Item extends ComboboxItem>({ item, isMultiple, renderItem }: InnerItemProps<Item>) {\n  const context = useComboboxItemContext()\n\n  return (\n    <>\n      {isMultiple ? context.selected ? <MultipleCheckedIndicator /> : <MultipleUncheckedIndicator /> : null}\n      {renderItem ? renderItem(item) : <ItemText truncate>{item.label}</ItemText>}\n    </>\n  )\n}\n\nexport const Combobox = <T extends ComboboxItem>({\n  items: itemsFromUsers = [],\n  initialItems,\n  debounceMs = 0,\n  placeholder,\n  emptyLabel,\n  loadingLabel,\n  usePortal = true,\n  withAutoFilter = true,\n  positioning,\n  loadItems,\n  renderItem,\n  onResetInitialItems,\n  isLoading: controlledIsLoading,\n  value,\n  openDropdownOnFocus = true,\n  clearValueWhenEmpty = true,\n  virtualized,\n  rowHeight = 34,\n  returnItemsOnEmpty,\n  ...props\n}: ComboboxProps<T>) => {\n  const [items, setItems] = useState(() => itemsFromUsers)\n  const [isLoading, setIsLoading] = useState(false)\n  const [firstQueryTriggered, setFirstQueryTriggered] = useState(false)\n  const asyncMode = typeof loadItems === 'function'\n\n  const debouncedLoadItems = useMemo(\n    () =>\n      loadItems\n        ? debounce(async (value: string) => {\n            try {\n              setFirstQueryTriggered(true)\n              setIsLoading(true)\n              const newItems = await loadItems(value)\n              setItems(newItems)\n            } catch (error) {\n              console.error(error)\n              setItems([])\n            } finally {\n              setIsLoading(false)\n            }\n          }, debounceMs)\n        : null,\n    [loadItems, debounceMs],\n  )\n\n  const allItems = [...items, ...(initialItems ?? [])]\n\n  const handleInputChange = useCallback(\n    async (details: ArkCombobox.InputValueChangeDetails) => {\n      if (initialItems && initialItems.length > 0 && !initialItems.find(item => item.label === details.inputValue)) {\n        onResetInitialItems?.()\n      }\n      const { inputValue } = details\n\n      if (debouncedLoadItems) {\n        debouncedLoadItems(inputValue)\n      } else {\n        const items =\n          withAutoFilter && inputValue !== ''\n            ? itemsFromUsers.filter(item => item.label.toLowerCase().includes(inputValue.toLowerCase()))\n            : itemsFromUsers\n\n        if (items.length === 0 && returnItemsOnEmpty) {\n          return setItems(itemsFromUsers)\n        }\n        setItems(items)\n      }\n    },\n    [debouncedLoadItems, itemsFromUsers, withAutoFilter],\n  )\n\n  useEffect(() => {\n    if (!withAutoFilter && !debouncedLoadItems) {\n      setItems(itemsFromUsers)\n    }\n  }, [itemsFromUsers, withAutoFilter, debouncedLoadItems])\n\n  const collection = useMemo(() => createListCollection({ items: allItems }), [allItems])\n\n  const effectiveIsLoading = controlledIsLoading ?? isLoading\n\n  const loadingContent = loadingLabel ?? (\n    <Text p=\"space-8\" textAlign=\"center\">\n      Chargement...\n    </Text>\n  )\n  const emptyContent = emptyLabel ?? (\n    <Text p=\"space-8\" textAlign=\"center\">\n      Aucun résultat\n    </Text>\n  )\n  // TODO: const multiple = props.multiple\n  // TODO: multiple design, using input chips https://ark-ui.com/reat/examples/combobox-with-tags-input\n  const multiple = false\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"combobox\"\n      onInputValueChange={handleInputChange}\n      value={value as string[] | undefined}\n      {...props}\n      // TODO: multiple design\n      multiple={multiple}\n    >\n      <Control>\n        <ArkCombobox.Context>\n          {api => (\n            <Input\n              asChild\n              placeholder={placeholder}\n              onInput={e => {\n                const value = e.currentTarget.value\n\n                if (clearValueWhenEmpty && value === '') {\n                  api.clearValue()\n                }\n              }}\n              onFocus={() => {\n                if (!openDropdownOnFocus || asyncMode) return\n                api.setOpen(true)\n              }}\n            >\n              <UIInput />\n            </Input>\n          )}\n        </ArkCombobox.Context>\n        <Trigger asChild hidden={asyncMode && (!initialItems || initialItems.length === 0)}>\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </Trigger>\n        <ClearTrigger disabled={props.readOnly} onClick={onResetInitialItems} asChild>\n          <button>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </button>\n        </ClearTrigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {effectiveIsLoading ? (\n              loadingContent\n            ) : allItems.length === 0 ? (\n              <>{asyncMode ? (firstQueryTriggered ? emptyContent : loadingContent) : emptyContent}</>\n            ) : virtualized ? (\n              <>\n                <FixedSizeList\n                  height={Math.min(rowHeight * allItems.length, 180)}\n                  itemCount={allItems.length}\n                  itemSize={rowHeight}\n                  width=\"100%\"\n                >\n                  {({ index, style }) => (\n                    <ConditionalWrapper\n                      key={allItems[index].value}\n                      when={!!allItems[index].tooltip}\n                      wrapper={children => <Tooltip label={allItems[index].tooltip}>{children}</Tooltip>}\n                    >\n                      <Item key={allItems[index].value} item={allItems[index]} style={style}>\n                        <CustomInnerItem renderItem={renderItem} item={allItems[index]} isMultiple={multiple} />\n                      </Item>\n                    </ConditionalWrapper>\n                  )}\n                </FixedSizeList>\n              </>\n            ) : (\n              allItems.map(item => (\n                <ConditionalWrapper\n                  key={item.value}\n                  when={!!item.tooltip}\n                  wrapper={children => <Tooltip label={item.tooltip}>{children}</Tooltip>}\n                >\n                  <Item key={item.value} item={item}>\n                    <CustomInnerItem renderItem={renderItem} item={item} isMultiple={multiple} />\n                  </Item>\n                </ConditionalWrapper>\n              ))\n            )}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","combobox","Root","styled","ArkCombobox","ClearTrigger","Content","Input","Control","Item","ItemText","Positioner","Trigger","MultipleUncheckedIndicator","jsxs","jsx","css","MultipleCheckedIndicator","CustomInnerItem","item","isMultiple","renderItem","context","useComboboxItemContext","Fragment","Combobox","itemsFromUsers","initialItems","debounceMs","placeholder","emptyLabel","loadingLabel","usePortal","withAutoFilter","positioning","loadItems","onResetInitialItems","controlledIsLoading","value","openDropdownOnFocus","clearValueWhenEmpty","virtualized","rowHeight","returnItemsOnEmpty","props","items","setItems","useState","isLoading","setIsLoading","firstQueryTriggered","setFirstQueryTriggered","asyncMode","debouncedLoadItems","useMemo","debounce","newItems","error","allItems","handleInputChange","useCallback","details","inputValue","useEffect","collection","createListCollection","effectiveIsLoading","loadingContent","Text","emptyContent","multiple","api","e","UIInput","ConditionalWrapper","children","Portal","FixedSizeList","index","style","Tooltip"],"mappings":"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"}