@stokelp/ui 2.103.0 → 2.104.1

package/dist/components/checkbox/Checkbox.js

@@ -1,35 +1,37 @@
 "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 { splitCssProps as k, styled 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] = k(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 = f(o.Group, C);
-I.displayName = "Checkbox";
-y.displayName = "CheckboxGroup";
-export {
-  I as Checkbox,
-  y as CheckboxGroup
-};
-//# sourceMappingURL=Checkbox.js.map
+import { CheckIcon as e, MinusIcon as t } from "../../shared/assets/icons.js";
+import { Checkbox as n } from "@ark-ui/react";
+import { splitCssProps as r, styled as i } from "@stokelp/styled-system/jsx";
+import { checkbox as a, checkboxGroup as o } from "@stokelp/styled-system/recipes";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { css as u, cx as d } from "@stokelp/styled-system/css";
+//#region src/components/checkbox/Checkbox.tsx
+var f = s((i, o) => {
+	let [s, f] = a.splitVariantProps(i), [p, m] = r(f), { children: h, className: g, ..._ } = m, v = a(s);
+	return /* @__PURE__ */ l(n.Root, {
+		ref: o,
+		className: d(v.root, u(p), g),
+		..._,
+		value: _.value,
+		children: [
+			/* @__PURE__ */ l(n.Control, {
+				className: v.control,
+				children: [/* @__PURE__ */ c(n.Indicator, { children: /* @__PURE__ */ c(e, {}) }), /* @__PURE__ */ c(n.Indicator, {
+					indeterminate: !0,
+					children: /* @__PURE__ */ c(t, {})
+				})]
+			}),
+			h && /* @__PURE__ */ c(n.Label, {
+				className: v.label,
+				children: h
+			}),
+			/* @__PURE__ */ c(n.HiddenInput, {})
+		]
+	});
+}), p = i(n.Group, o);
+f.displayName = "Checkbox", p.displayName = "CheckboxGroup";
+//#endregion
+export { f as Checkbox, p as CheckboxGroup };
+
+//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Checkbox.js","names":[],"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"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAW,GAA6C,GAAO,MAAQ;CAClF,IAAM,CAAC,GAAc,KAAiB,EAAS,kBAAkB,CAAK,GAChE,CAAC,GAAU,KAAc,EAAc,CAAa,GACpD,EAAE,aAAU,cAAW,GAAG,MAAc,GACxC,IAAS,EAAS,CAAY;CAEpC,OACE,kBAAC,EAAY,MAAb;EACO;EACL,WAAW,EAAG,EAAO,MAAM,EAAI,CAAQ,GAAG,CAAS;EACnD,GAAI;EACJ,OAAO,EAAU;YAJnB;GAME,kBAAC,EAAY,SAAb;IAAqB,WAAW,EAAO;cAAvC,CACE,kBAAC,EAAY,WAAb,EAAA,UACE,kBAAC,GAAD,CAAY,CAAA,EACS,CAAA,GACvB,kBAAC,EAAY,WAAb;KAAuB,eAAA;eACrB,kBAAC,GAAD,CAAY,CAAA;IACS,CAAA,CACJ;;GACpB,KAAY,kBAAC,EAAY,OAAb;IAAmB,WAAW,EAAO;IAAQ;GAA4B,CAAA;GACtF,kBAAC,EAAY,aAAb,CAA0B,CAAA;EACV;;AAEtB,CAAC,GAWY,IAAgB,EAAO,EAAY,OAAO,CAAa;AAEpE,EAAS,cAAc,YACvB,EAAc,cAAc"}

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

@@ -1,2 +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
+"use client";const e=require("../../utils/slots.cjs"),t=require("../../shared/assets/icons.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"),s=require("@stokelp/styled-system/css");var{withProvider:c,withContext:l}=e.createStyleContext(i.checkboxCard,{dataAttr:!0}),u=c((0,r.styled)(n.Checkbox.Root)),d=l((0,r.styled)(n.Checkbox.Label),`title`),f=l((0,r.styled)(`div`),`content`),p=l((0,r.styled)(`p`),`description`),m=l((0,r.styled)(n.ark.img),`image`),h=(0,a.forwardRef)((e,a)=>{let[c,l]=i.checkboxCard.splitVariantProps(e),[d,f]=(0,r.splitCssProps)(l),{children:p,className:m,...h}=f,g=(0,i.checkboxCard)(c);return(0,o.jsxs)(u,{ref:a,className:(0,s.cx)(g.root,(0,s.css)(d),m),...h,value:h.value,children:[(0,o.jsxs)(n.Checkbox.Control,{className:g.control,children:[(0,o.jsx)(n.Checkbox.Indicator,{children:(0,o.jsx)(t.CheckIcon,{})}),(0,o.jsx)(n.Checkbox.Indicator,{indeterminate:!0,children:(0,o.jsx)(t.MinusIcon,{})})]}),p,(0,o.jsx)(n.Checkbox.HiddenInput,{})]})});h.displayName=`CheckboxCard`,exports.CheckboxCard=h,exports.CheckboxCardContent=f,exports.CheckboxCardDescription=p,exports.CheckboxCardImage=m,exports.CheckboxCardTitle=d;
+//# sourceMappingURL=CheckboxCard.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"CheckboxCard.cjs","names":[],"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"],"mappings":"8SAgBA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,aAAc,CACrE,SAAU,EACZ,CAAC,EAEK,EAAmB,GAAA,EAAA,EAAA,QAAoB,EAAA,SAAY,IAAI,CAAC,EAEjD,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,SAAY,KAAK,EAAG,OAAO,EAClE,EAAsB,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,SAAS,EAC1D,EAA0B,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,aAAa,EAChE,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,OAAO,EAOxD,GAAA,EAAA,EAAA,aAA4D,EAAO,IAAQ,CACtF,GAAM,CAAC,EAAc,GAAiB,EAAA,aAAa,kBAAkB,CAAK,EACpE,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAa,EACpD,CAAE,WAAU,YAAW,GAAG,GAAc,EACxC,GAAA,EAAA,EAAA,cAAsB,CAAY,EAExC,OACE,EAAA,EAAA,MAAC,EAAD,CACO,MACL,WAAA,EAAA,EAAA,IAAc,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EACnD,GAAI,EACJ,MAAO,EAAU,eAJnB,EAME,EAAA,EAAA,MAAC,EAAA,SAAY,QAAb,CAAqB,UAAW,EAAO,iBAAvC,EACE,EAAA,EAAA,KAAC,EAAA,SAAY,UAAb,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACS,CAAA,GACvB,EAAA,EAAA,KAAC,EAAA,SAAY,UAAb,CAAuB,cAAA,aACrB,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACS,CAAA,CACJ,IACpB,GACD,EAAA,EAAA,KAAC,EAAA,SAAY,YAAb,CAA0B,CAAA,CACV,GAEtB,CAAC,EAED,EAAa,YAAc"}

package/dist/components/checkbox-card/CheckboxCard.d.ts

@@ -8,8 +8,8 @@ export interface CheckboxCardProps extends Omit<StyledCheckboxRootProps, 'value'
     value?: string | number;
 }
 export declare const CheckboxCardTitle: StyledComponent<ForwardRefExoticComponent<ArkCheckbox.LabelProps & RefAttributes<HTMLSpanElement>>, {}>;
-export declare const CheckboxCardContent: StyledComponent<"div", {}>;
-export declare const CheckboxCardDescription: StyledComponent<"p", {}>;
+export declare const CheckboxCardContent: StyledComponent<string, {}>;
+export declare const CheckboxCardDescription: StyledComponent<string, {}>;
 export declare const CheckboxCardImage: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLImageElement> & ImgHTMLAttributes<HTMLImageElement> & PolymorphicProps>, {}>;
 export type CheckboxCardTitleProps = ComponentProps<typeof CheckboxCardTitle>;
 export type CheckboxCardContentProps = ComponentProps<typeof CheckboxCardContent>;

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

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

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

@@ -1 +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;"}
+{"version":3,"file":"CheckboxCard.js","names":[],"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"],"mappings":";;;;;;;;;;AAgBA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,GAAc,EACrE,UAAU,GACZ,CAAC,GAEK,IAAmB,EAAa,EAAO,EAAY,IAAI,CAAC,GAEjD,IAAoB,EAAY,EAAO,EAAY,KAAK,GAAG,OAAO,GAClE,IAAsB,EAAY,EAAO,KAAK,GAAG,SAAS,GAC1D,IAA0B,EAAY,EAAO,GAAG,GAAG,aAAa,GAChE,IAAoB,EAAY,EAAO,EAAI,GAAG,GAAG,OAAO,GAOxD,IAAe,GAA6C,GAAO,MAAQ;CACtF,IAAM,CAAC,GAAc,KAAiB,EAAa,kBAAkB,CAAK,GACpE,CAAC,GAAU,KAAc,EAAc,CAAa,GACpD,EAAE,aAAU,cAAW,GAAG,MAAc,GACxC,IAAS,EAAa,CAAY;CAExC,OACE,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,EAAO,MAAM,EAAI,CAAQ,GAAG,CAAS;EACnD,GAAI;EACJ,OAAO,EAAU;YAJnB;GAME,kBAAC,EAAY,SAAb;IAAqB,WAAW,EAAO;cAAvC,CACE,kBAAC,EAAY,WAAb,EAAA,UACE,kBAAC,GAAD,CAAY,CAAA,EACS,CAAA,GACvB,kBAAC,EAAY,WAAb;KAAuB,eAAA;eACrB,kBAAC,GAAD,CAAY,CAAA;IACS,CAAA,CACJ;;GACpB;GACD,kBAAC,EAAY,aAAb,CAA0B,CAAA;EACV;;AAEtB,CAAC;AAED,EAAa,cAAc"}

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

@@ -1,2 +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
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./CheckboxCard.cjs");var n=e.__exportAll({Content:()=>t.CheckboxCardContent,Description:()=>t.CheckboxCardDescription,Image:()=>t.CheckboxCardImage,Root:()=>t.CheckboxCard,Title:()=>t.CheckboxCardTitle});Object.defineProperty(exports,"namespace_exports",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=namespace.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"namespace.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"namespace.cjs","names":[],"sources":["../../../src/components/checkbox-card/namespace.ts"],"sourcesContent":["export {\n  CheckboxCard as Root,\n  CheckboxCardContent as Content,\n  CheckboxCardTitle as Title,\n  CheckboxCardDescription as Description,\n  CheckboxCardImage as Image,\n} from './CheckboxCard'\n\nexport type {\n  CheckboxCardProps as RootProps,\n  CheckboxCardContentProps as ContentProps,\n  CheckboxCardTitleProps as TitleProps,\n  CheckboxCardDescriptionProps as DescriptionProps,\n  CheckboxCardImageProps as ImageProps,\n} from './CheckboxCard'\n"],"mappings":""}

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

@@ -1,10 +1,15 @@
 "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
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { CheckboxCard as t, CheckboxCardContent as n, CheckboxCardDescription as r, CheckboxCardImage as i, CheckboxCardTitle as a } from "./CheckboxCard.js";
+//#region src/components/checkbox-card/namespace.ts
+var o = /* @__PURE__ */ e({
+	Content: () => n,
+	Description: () => r,
+	Image: () => i,
+	Root: () => t,
+	Title: () => a
+});
+//#endregion
+export { o as namespace_exports };
+
+//# sourceMappingURL=namespace.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"namespace.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"namespace.js","names":[],"sources":["../../../src/components/checkbox-card/namespace.ts"],"sourcesContent":["export {\n  CheckboxCard as Root,\n  CheckboxCardContent as Content,\n  CheckboxCardTitle as Title,\n  CheckboxCardDescription as Description,\n  CheckboxCardImage as Image,\n} from './CheckboxCard'\n\nexport type {\n  CheckboxCardProps as RootProps,\n  CheckboxCardContentProps as ContentProps,\n  CheckboxCardTitleProps as TitleProps,\n  CheckboxCardDescriptionProps as DescriptionProps,\n  CheckboxCardImageProps as ImageProps,\n} from './CheckboxCard'\n"],"mappings":""}

package/dist/components/chip/Chip.cjs

@@ -1,2 +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
+"use client";const e=require("../../utils/slots.cjs");let t=require("@ark-ui/react"),n=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),i=require("react/jsx-runtime");var{withProvider:a,withContext:o}=e.createStyleContext(r.chip),s=a((0,n.styled)(t.ark.span),`root`),c=o((0,n.styled)(`img`),`avatar`),l=o((0,n.styled)(t.ark.span),`body`),u=o((0,n.styled)(t.ark.button),`clearTrigger`,{defaultProps:{type:`button`,children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,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=s,exports.ChipAvatar=c,exports.ChipClearTrigger=u,exports.ChipLabel=l;
+//# sourceMappingURL=Chip.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"Chip.cjs","names":[],"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"],"mappings":"wMAMA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,IAAI,EAEhD,EAAO,GAAA,EAAA,EAAA,QAAoB,EAAA,IAAI,IAAI,EAAG,MAAM,EAC5C,EAAa,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,QAAQ,EAChD,EAAY,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,IAAI,EAAG,MAAM,EAChD,EAAmB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,MAAM,EAAG,eAAgB,CAC9E,aAAc,CACZ,KAAM,SACN,UACE,EAAA,EAAA,KAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,uCAChE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,uMACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CACF,CAAC"}

package/dist/components/chip/Chip.d.ts

@@ -4,7 +4,7 @@ import { StyledComponent } from '@stokelp/styled-system/types';
 import { PolymorphicProps } from '@ark-ui/react';
 import { ChipRecipe } from '@stokelp/styled-system/recipes';
 export declare const Chip: ComponentVariants<StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>, {}>, ChipRecipe>;
-export declare const ChipAvatar: StyledComponent<"img", {}>;
+export declare const ChipAvatar: StyledComponent<string, {}>;
 export declare const ChipLabel: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>, {}>;
 export declare const ChipClearTrigger: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & PolymorphicProps>, {}>;
 export interface ChipProps extends ComponentProps<typeof Chip> {

package/dist/components/chip/Chip.js

@@ -1,25 +1,25 @@
 "use client";
+import { createStyleContext as e } from "../../utils/slots.js";
+import { ark as t } from "@ark-ui/react";
+import { styled as n } from "@stokelp/styled-system/jsx";
+import { chip as r } from "@stokelp/styled-system/recipes";
 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
+//#region src/components/chip/Chip.tsx
+var { withProvider: a, withContext: o } = e(r), s = a(n(t.span), "root"), c = o(n("img"), "avatar"), l = o(n(t.span), "body"), u = o(n(t.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"
+		})
+	})
+} });
+//#endregion
+export { s as Chip, c as ChipAvatar, u as ChipClearTrigger, l as ChipLabel };
+
+//# sourceMappingURL=Chip.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Chip.js","names":[],"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"],"mappings":";;;;;;;AAMA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAI,GAEhD,IAAO,EAAa,EAAO,EAAI,IAAI,GAAG,MAAM,GAC5C,IAAa,EAAY,EAAO,KAAK,GAAG,QAAQ,GAChD,IAAY,EAAY,EAAO,EAAI,IAAI,GAAG,MAAM,GAChD,IAAmB,EAAY,EAAO,EAAI,MAAM,GAAG,gBAAgB,EAC9E,cAAc;CACZ,MAAM;CACN,UACE,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,OAAM;YAChE,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE,CAAA;AAET,EACF,CAAC"}

package/dist/components/collapsible/styled.cjs

@@ -1,2 +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
+"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");var a=e.__exportAll({Content:()=>l,Root:()=>c,Trigger:()=>u}),{withProvider:o,withContext:s}=t.createStyleContext(i.collapsible),c=o((0,r.styled)(n.Collapsible.Root),`root`),l=s((0,r.styled)(n.Collapsible.Content),`content`),u=s((0,r.styled)(n.Collapsible.Trigger),`trigger`);Object.defineProperty(exports,"styled_exports",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=styled.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"styled.cjs","names":[],"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"],"mappings":"yRAMM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,WAAW,EAEvD,EAAO,GAAA,EAAA,EAAA,QAAoB,EAAA,YAAe,IAAI,EAAG,MAAM,EACvD,EAAU,GAAA,EAAA,EAAA,QAAmB,EAAA,YAAe,OAAO,EAAG,SAAS,EAC/D,EAAU,GAAA,EAAA,EAAA,QAAmB,EAAA,YAAe,OAAO,EAAG,SAAS"}

package/dist/components/collapsible/styled.js

@@ -1,12 +1,16 @@
 "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
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { createStyleContext as t } from "../../utils/slots.js";
+import { Collapsible as n } from "@ark-ui/react";
+import { styled as r } from "@stokelp/styled-system/jsx";
+import { collapsible as i } from "@stokelp/styled-system/recipes";
+//#region src/components/collapsible/styled.ts
+var a = /* @__PURE__ */ e({
+	Content: () => l,
+	Root: () => c,
+	Trigger: () => u
+}), { withProvider: o, withContext: s } = t(i), c = o(r(n.Root), "root"), l = s(r(n.Content), "content"), u = s(r(n.Trigger), "trigger");
+//#endregion
+export { a as styled_exports };
+
+//# sourceMappingURL=styled.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"styled.js","names":[],"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"],"mappings":";;;;;;;;;;;IAMM,EAAE,iBAAc,mBAAgB,EAAmB,CAAW,GAEvD,IAAO,EAAa,EAAO,EAAe,IAAI,GAAG,MAAM,GACvD,IAAU,EAAY,EAAO,EAAe,OAAO,GAAG,SAAS,GAC/D,IAAU,EAAY,EAAO,EAAe,OAAO,GAAG,SAAS"}

package/dist/components/combobox/Combobox.cjs

@@ -1,2 +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
+"use client";const e=require("../../utils/slots.cjs"),t=require("../tooltip/Tooltip.cjs"),n=require("../text/Text.cjs"),r=require("../../shared/ConditionalWrapper.cjs"),i=require("../input/Input.cjs");let a=require("@ark-ui/react"),o=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),c=require("react"),l=require("react/jsx-runtime"),u=require("@stokelp/styled-system/css"),d=require("react-window"),f=require("lodash");var{withProvider:p,withContext:m}=e.createStyleContext(s.combobox),h=p((0,o.styled)(a.Combobox.Root),`root`,{defaultProps:{loopFocus:!0}}),g=m((0,o.styled)(a.Combobox.ClearTrigger),`clearTrigger`),_=m((0,o.styled)(a.Combobox.Content),`content`),v=m((0,o.styled)(a.Combobox.Input),`input`),y=m((0,o.styled)(a.Combobox.Control),`control`),b=m((0,o.styled)(a.Combobox.Item),`item`),x=m((0,o.styled)(a.Combobox.ItemText),`itemText`),S=m((0,o.styled)(a.Combobox.Positioner),`positioner`),C=m((0,o.styled)(a.Combobox.Trigger),`trigger`),w=()=>(0,l.jsxs)(`svg`,{width:`16`,height:`17`,viewBox:`0 0 16 17`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,l.jsx)(`rect`,{x:`0.5`,y:`1`,width:`15`,height:`15`,rx:`3.5`,fill:`white`}),(0,l.jsx)(`rect`,{x:`0.5`,y:`1`,width:`15`,height:`15`,rx:`3.5`,className:(0,u.css)({stroke:`grey.100`})})]}),T=()=>(0,l.jsxs)(`svg`,{width:`16`,height:`17`,viewBox:`0 0 16 17`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,l.jsx)(`rect`,{y:`0.5`,width:`16`,height:`16`,rx:`4`,className:(0,u.css)({fill:`primary.500`})}),(0,l.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 E({item:e,isMultiple:t,renderItem:n}){let r=(0,a.useComboboxItemContext)();return(0,l.jsxs)(l.Fragment,{children:[t?r.selected?(0,l.jsx)(T,{}):(0,l.jsx)(w,{}):null,n?n(e):(0,l.jsx)(x,{truncate:!0,children:e.label})]})}var D=({items:e=[],initialItems:o,debounceMs:s=0,placeholder:u,emptyLabel:p,loadingLabel:m,usePortal:x=!0,withAutoFilter:w=!0,positioning:T,loadItems:D,renderItem:O,onResetInitialItems:k,isLoading:A,value:j,openDropdownOnFocus:M=!0,clearValueWhenEmpty:N=!0,virtualized:P,rowHeight:F=34,returnItemsOnEmpty:I,...L})=>{let[R,z]=(0,c.useState)(()=>e),[B,V]=(0,c.useState)(!1),[H,U]=(0,c.useState)(!1),W=typeof D==`function`,G=(0,c.useMemo)(()=>D?(0,f.debounce)(async e=>{try{U(!0),V(!0),z(await D(e))}catch(e){console.error(e),z([])}finally{V(!1)}},s):null,[D,s]),K=[...R,...o??[]],q=(0,c.useCallback)(async t=>{o&&o.length>0&&!o.find(e=>e.label===t.inputValue)&&k?.();let{inputValue:n}=t;if(G)G(n);else{let t=w&&n!==``?e.filter(e=>e.label.toLowerCase().includes(n.toLowerCase())):e;if(t.length===0&&I)return z(e);z(t)}},[G,e,w]);(0,c.useEffect)(()=>{!w&&!G&&z(e)},[e,w,G]);let J=(0,c.useMemo)(()=>(0,a.createListCollection)({items:K}),[K]),Y=A??B,X=m??(0,l.jsx)(n.Text,{p:`space-8`,textAlign:`center`,children:`Chargement...`}),Z=p??(0,l.jsx)(n.Text,{p:`space-8`,textAlign:`center`,children:`Aucun résultat`});return(0,l.jsxs)(h,{lazyMount:!0,unmountOnExit:!0,collection:J,positioning:{sameWidth:!0,gutter:0,...T},"data-recipe":`combobox`,onInputValueChange:q,value:j,...L,multiple:!1,children:[(0,l.jsxs)(y,{children:[(0,l.jsx)(a.Combobox.Context,{children:e=>(0,l.jsx)(v,{asChild:!0,placeholder:u,onInput:t=>{let n=t.currentTarget.value;N&&n===``&&e.clearValue()},onFocus:()=>{!M||W||e.setOpen(!0)},children:(0,l.jsx)(i.Input,{})})}),(0,l.jsx)(C,{asChild:!0,hidden:W&&(!o||o.length===0),children:(0,l.jsx)(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,l.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`})})}),(0,l.jsx)(g,{disabled:L.readOnly,onClick:k,asChild:!0,children:(0,l.jsx)(`button`,{children:(0,l.jsx)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,l.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`})})})})]}),(0,l.jsx)(r.ConditionalWrapper,{when:x,wrapper:e=>(0,l.jsx)(a.Portal,{children:e}),children:(0,l.jsx)(S,{children:(0,l.jsx)(_,{children:Y?X:K.length===0?(0,l.jsx)(l.Fragment,{children:W?H?Z:X:Z}):P?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(d.FixedSizeList,{height:Math.min(F*K.length,180),itemCount:K.length,itemSize:F,width:`100%`,children:({index:e,style:n})=>(0,l.jsx)(r.ConditionalWrapper,{when:!!K[e].tooltip,wrapper:n=>(0,l.jsx)(t.Tooltip,{label:K[e].tooltip,children:n}),children:(0,l.jsx)(b,{item:K[e],style:n,children:(0,l.jsx)(E,{renderItem:O,item:K[e],isMultiple:!1})},K[e].value)},K[e].value)})}):K.map(e=>(0,l.jsx)(r.ConditionalWrapper,{when:!!e.tooltip,wrapper:n=>(0,l.jsx)(t.Tooltip,{label:e.tooltip,children:n}),children:(0,l.jsx)(b,{item:e,children:(0,l.jsx)(E,{renderItem:O,item:e,isMultiple:!1})},e.value)},e.value))})})})]})};exports.Combobox=D;
+//# sourceMappingURL=Combobox.cjs.map