@stokelp/ui 2.103.0 → 2.104.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n  const first = children.slice(0, max)\n  const rest = children.slice(max)\n\n  return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n    const [avatars, overflow] = partition(Children.toArray(children), max)\n\n    return (\n      <InnerGroup ref={ref} size={size} {...props}>\n        {Children.map(avatars, a => {\n          return cloneElement(a as any, avatar.raw({ size }))\n        })}\n        {overflowContent && overflow.length > 0\n          ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n          : null}\n      </InnerGroup>\n    )\n  },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {\n  overflowContent?: ((count: number) => ReactNode) | ReactNode\n  max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"names":["withProvider","withContext","createStyleContext","avatar","InnerGroup","styled","ark","avatarGroup","partition","children","max","first","rest","Group","forwardRef","size","overflowContent","props","ref","avatars","overflow","Children","jsxs","a","cloneElement","runIfFn","Root","Avatar","Image","Fallback","Context"],"mappings":"wWAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,MAAM,EAEzDC,EAAaC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,WAAW,EAExCC,EAAY,CAACC,EAAuBC,IAAgB,CACxD,MAAMC,EAAQF,EAAS,MAAM,EAAGC,CAAG,EAC7BE,EAAOH,EAAS,MAAMC,CAAG,EAE/B,MAAO,CAACC,EAAOC,CAAI,CACrB,EAEaC,EAAQC,EAAAA,WACnB,CAAC,CAAE,SAAAL,EAAU,KAAAM,EAAM,IAAAL,EAAM,EAAG,gBAAAM,EAAiB,GAAGC,CAAA,EAASC,IAAQ,CAC/D,KAAM,CAACC,EAASC,CAAQ,EAAIZ,EAAUa,EAAAA,SAAS,QAAQZ,CAAQ,EAAGC,CAAG,EAErE,OACEY,EAAAA,KAAClB,EAAA,CAAW,IAAAc,EAAU,KAAAH,EAAa,GAAGE,EACnC,SAAA,CAAAI,EAAAA,SAAS,IAAIF,EAASI,GACdC,EAAAA,aAAaD,EAAUpB,EAAAA,OAAO,IAAI,CAAE,KAAAY,CAAA,CAAM,CAAC,CACnD,EACAC,GAAmBI,EAAS,OAAS,EAClCI,EAAAA,aAAaC,EAAAA,QAAQT,EAAiBI,EAAS,MAAM,EAAU,CAAE,gBAAiB,EAAA,CAAI,EACtF,IAAA,EACN,CAEJ,CACF,EAEaM,EAAO1B,EAAaK,EAAAA,OAAOsB,EAAAA,OAAO,IAAI,EAAG,MAAM,EAC/CC,EAAQ3B,EAAYI,EAAAA,OAAOsB,EAAAA,OAAO,KAAK,EAAG,OAAO,EACjDE,EAAW5B,EAAYI,EAAAA,OAAOsB,EAAAA,OAAO,QAAQ,EAAG,UAAU,EAC1DG,EAAUH,EAAAA,OAAO"}
+{"version":3,"file":"styled.cjs","names":[],"sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n  const first = children.slice(0, max)\n  const rest = children.slice(max)\n\n  return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n    const [avatars, overflow] = partition(Children.toArray(children), max)\n\n    return (\n      <InnerGroup ref={ref} size={size} {...props}>\n        {Children.map(avatars, a => {\n          return cloneElement(a as any, avatar.raw({ size }))\n        })}\n        {overflowContent && overflow.length > 0\n          ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n          : null}\n      </InnerGroup>\n    )\n  },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport type AvatarGroupProps = ComponentProps<typeof InnerGroup> & {\n  overflowContent?: ((count: number) => ReactNode) | ReactNode\n  max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"mappings":"+XAQM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,MAAM,EAEzD,GAAA,EAAA,EAAA,QAAoB,EAAA,IAAI,IAAK,EAAA,WAAW,EAExC,GAAa,EAAuB,IAIjC,CAHO,EAAS,MAAM,EAAG,CAGxB,EAFK,EAAS,MAAM,CAEb,CAAI,EAGR,GAAA,EAAA,EAAA,aACV,CAAE,WAAU,OAAM,MAAM,EAAG,kBAAiB,GAAG,GAAS,IAAQ,CAC/D,GAAM,CAAC,EAAS,GAAY,EAAU,EAAA,SAAS,QAAQ,CAAQ,EAAG,CAAG,EAErE,OACE,EAAA,EAAA,MAAC,EAAD,CAAiB,MAAW,OAAM,GAAI,WAAtC,CACG,EAAA,SAAS,IAAI,EAAS,IACrB,EAAA,EAAA,cAAoB,EAAU,EAAA,OAAO,IAAI,CAAE,MAAK,CAAC,CAAC,CACnD,EACA,GAAmB,EAAS,OAAS,GAAA,EAAA,EAAA,eAAA,EAAA,EAAA,SACb,EAAiB,EAAS,MAAM,EAAU,CAAE,gBAAiB,EAAG,CAAC,EACtF,IACM,GAEhB,CACF,EAEa,EAAO,GAAA,EAAA,EAAA,QAAoB,EAAA,OAAO,IAAI,EAAG,MAAM,EAC/C,EAAQ,GAAA,EAAA,EAAA,QAAmB,EAAA,OAAO,KAAK,EAAG,OAAO,EACjD,EAAW,GAAA,EAAA,EAAA,QAAmB,EAAA,OAAO,QAAQ,EAAG,UAAU,EAC1D,EAAU,EAAA,OAAO"}

package/dist/components/avatar/styled.d.ts

@@ -11,10 +11,10 @@ export declare const Fallback: StyledComponent<ForwardRefExoticComponent<Avatar.
 export declare const Context: (props: Avatar.ContextProps) => ReactNode;
 export interface AvatarProps extends ComponentProps<typeof Root> {
 }
-export interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {
+export type AvatarGroupProps = ComponentProps<typeof InnerGroup> & {
     overflowContent?: ((count: number) => ReactNode) | ReactNode;
     max?: number;
-}
+};
 export interface AvatarImageProps extends ComponentProps<typeof Image> {
 }
 export interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {

package/dist/components/avatar/styled.js

@@ -1,28 +1,29 @@
 "use client";
-import { jsxs as d } from "react/jsx-runtime";
-import { Avatar as a, ark as g } from "@ark-ui/react";
-import { styled as e } from "@stokelp/styled-system/jsx";
-import { avatar as i, avatarGroup as h } from "@stokelp/styled-system/recipes";
-import { createStyleContext as w } from "../../utils/slots.js";
-import { forwardRef as x, Children as l, cloneElement as s } from "react";
-import { runIfFn as k } from "../../node_modules/@zag-js/utils/dist/functions.js";
-const { withProvider: C, withContext: m } = w(i), I = e(g.div, h), b = (o, t) => {
-  const n = o.slice(0, t), r = o.slice(t);
-  return [n, r];
-}, P = x(
-  ({ children: o, size: t, max: n = 4, overflowContent: r, ...f }, p) => {
-    const [u, c] = b(l.toArray(o), n);
-    return /* @__PURE__ */ d(I, { ref: p, size: t, ...f, children: [
-      l.map(u, (v) => s(v, i.raw({ size: t }))),
-      r && c.length > 0 ? s(k(r, c.length), { "data-overflow": "" }) : null
-    ] });
-  }
-), S = C(e(a.Root), "root"), q = m(e(a.Image), "image"), B = m(e(a.Fallback), "fallback"), D = a.Context;
-export {
-  D as Context,
-  B as Fallback,
-  P as Group,
-  q as Image,
-  S as Root
-};
-//# sourceMappingURL=styled.js.map
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { createStyleContext as t } from "../../utils/slots.js";
+import { Avatar as n, ark as r } from "@ark-ui/react";
+import { styled as i } from "@stokelp/styled-system/jsx";
+import { avatar as a, avatarGroup as o } from "@stokelp/styled-system/recipes";
+import { Children as s, cloneElement as c, forwardRef as l } from "react";
+import { jsxs as u } from "react/jsx-runtime";
+import { runIfFn as d } from "@zag-js/utils";
+//#region src/components/avatar/styled.tsx
+var f = /* @__PURE__ */ e({
+	Context: () => x,
+	Fallback: () => b,
+	Group: () => _,
+	Image: () => y,
+	Root: () => v
+}), { withProvider: p, withContext: m } = t(a), h = i(r.div, o), g = (e, t) => [e.slice(0, t), e.slice(t)], _ = l(({ children: e, size: t, max: n = 4, overflowContent: r, ...i }, o) => {
+	let [l, f] = g(s.toArray(e), n);
+	return /* @__PURE__ */ u(h, {
+		ref: o,
+		size: t,
+		...i,
+		children: [s.map(l, (e) => c(e, a.raw({ size: t }))), r && f.length > 0 ? c(d(r, f.length), { "data-overflow": "" }) : null]
+	});
+}), v = p(i(n.Root), "root"), y = m(i(n.Image), "image"), b = m(i(n.Fallback), "fallback"), x = n.Context;
+//#endregion
+export { b as Fallback, y as Image, v as Root, f as styled_exports };
+
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n  const first = children.slice(0, max)\n  const rest = children.slice(max)\n\n  return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n    const [avatars, overflow] = partition(Children.toArray(children), max)\n\n    return (\n      <InnerGroup ref={ref} size={size} {...props}>\n        {Children.map(avatars, a => {\n          return cloneElement(a as any, avatar.raw({ size }))\n        })}\n        {overflowContent && overflow.length > 0\n          ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n          : null}\n      </InnerGroup>\n    )\n  },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {\n  overflowContent?: ((count: number) => ReactNode) | ReactNode\n  max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"names":["withProvider","withContext","createStyleContext","avatar","InnerGroup","styled","ark","avatarGroup","partition","children","max","first","rest","Group","forwardRef","size","overflowContent","props","ref","avatars","overflow","Children","jsxs","a","cloneElement","runIfFn","Root","Avatar","Image","Fallback","Context"],"mappings":";;;;;;;;AAQA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAM,GAEzDC,IAAaC,EAAOC,EAAI,KAAKC,CAAW,GAExCC,IAAY,CAACC,GAAuBC,MAAgB;AACxD,QAAMC,IAAQF,EAAS,MAAM,GAAGC,CAAG,GAC7BE,IAAOH,EAAS,MAAMC,CAAG;AAE/B,SAAO,CAACC,GAAOC,CAAI;AACrB,GAEaC,IAAQC;AAAA,EACnB,CAAC,EAAE,UAAAL,GAAU,MAAAM,GAAM,KAAAL,IAAM,GAAG,iBAAAM,GAAiB,GAAGC,EAAA,GAASC,MAAQ;AAC/D,UAAM,CAACC,GAASC,CAAQ,IAAIZ,EAAUa,EAAS,QAAQZ,CAAQ,GAAGC,CAAG;AAErE,WACE,gBAAAY,EAAClB,GAAA,EAAW,KAAAc,GAAU,MAAAH,GAAa,GAAGE,GACnC,UAAA;AAAA,MAAAI,EAAS,IAAIF,GAAS,CAAAI,MACdC,EAAaD,GAAUpB,EAAO,IAAI,EAAE,MAAAY,EAAA,CAAM,CAAC,CACnD;AAAA,MACAC,KAAmBI,EAAS,SAAS,IAClCI,EAAaC,EAAQT,GAAiBI,EAAS,MAAM,GAAU,EAAE,iBAAiB,GAAA,CAAI,IACtF;AAAA,IAAA,GACN;AAAA,EAEJ;AACF,GAEaM,IAAO1B,EAAaK,EAAOsB,EAAO,IAAI,GAAG,MAAM,GAC/CC,IAAQ3B,EAAYI,EAAOsB,EAAO,KAAK,GAAG,OAAO,GACjDE,IAAW5B,EAAYI,EAAOsB,EAAO,QAAQ,GAAG,UAAU,GAC1DG,IAAUH,EAAO;"}
+{"version":3,"file":"styled.js","names":[],"sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n  const first = children.slice(0, max)\n  const rest = children.slice(max)\n\n  return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n    const [avatars, overflow] = partition(Children.toArray(children), max)\n\n    return (\n      <InnerGroup ref={ref} size={size} {...props}>\n        {Children.map(avatars, a => {\n          return cloneElement(a as any, avatar.raw({ size }))\n        })}\n        {overflowContent && overflow.length > 0\n          ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n          : null}\n      </InnerGroup>\n    )\n  },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport type AvatarGroupProps = ComponentProps<typeof InnerGroup> & {\n  overflowContent?: ((count: number) => ReactNode) | ReactNode\n  max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"mappings":";;;;;;;;;;;;;;;;IAQM,EAAE,iBAAc,mBAAgB,EAAmB,CAAM,GAEzD,IAAa,EAAO,EAAI,KAAK,CAAW,GAExC,KAAa,GAAuB,MAIjC,CAHO,EAAS,MAAM,GAAG,CAGxB,GAFK,EAAS,MAAM,CAEb,CAAI,GAGR,IAAQ,GAClB,EAAE,aAAU,SAAM,SAAM,GAAG,oBAAiB,GAAG,KAAS,MAAQ;CAC/D,IAAM,CAAC,GAAS,KAAY,EAAU,EAAS,QAAQ,CAAQ,GAAG,CAAG;CAErE,OACE,kBAAC,GAAD;EAAiB;EAAW;EAAM,GAAI;YAAtC,CACG,EAAS,IAAI,IAAS,MACd,EAAa,GAAU,EAAO,IAAI,EAAE,QAAK,CAAC,CAAC,CACnD,GACA,KAAmB,EAAS,SAAS,IAClC,EAAa,EAAQ,GAAiB,EAAS,MAAM,GAAU,EAAE,iBAAiB,GAAG,CAAC,IACtF,IACM;;AAEhB,CACF,GAEa,IAAO,EAAa,EAAO,EAAO,IAAI,GAAG,MAAM,GAC/C,IAAQ,EAAY,EAAO,EAAO,KAAK,GAAG,OAAO,GACjD,IAAW,EAAY,EAAO,EAAO,QAAQ,GAAG,UAAU,GAC1D,IAAU,EAAO"}

package/dist/components/box/Box.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),c=require("@stokelp/styled-system/jsx"),u=t=>{const{as:e="div",...o}=t,s=r.useMemo(()=>c.styled(e),[e]);return n.jsx(s,{...o})};exports.Box=u;
-//# sourceMappingURL=Box.cjs.map
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("react"),n=require("react/jsx-runtime");var r=r=>{let{as:i=`div`,...a}=r;return(0,n.jsx)((0,t.useMemo)(()=>(0,e.styled)(i),[i]),{...a})};exports.Box=r;
+//# sourceMappingURL=Box.cjs.map

package/dist/components/box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { type HTMLStyledProps, type StyledComponent } from '@stokelp/styled-system/types'\n\ntype As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer'\n\nexport type BoxProps = {\n  as?: As\n} & HTMLStyledProps<As>\n\nexport const Box = (props: BoxProps) => {\n  const { as = 'div', ...localProps } = props\n  const Component = useMemo(() => styled(as) as StyledComponent<As>, [as])\n\n  return <Component {...localProps} />\n}\n"],"names":["Box","props","as","localProps","Component","useMemo","styled","jsx"],"mappings":"6LAWaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,GAAAC,EAAK,MAAO,GAAGC,GAAeF,EAChCG,EAAYC,EAAAA,QAAQ,IAAMC,EAAAA,OAAOJ,CAAE,EAA0B,CAACA,CAAE,CAAC,EAEvE,OAAOK,MAACH,EAAA,CAAW,GAAGD,CAAA,CAAY,CACpC"}
+{"version":3,"file":"Box.cjs","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { type HTMLStyledProps, type StyledComponent } from '@stokelp/styled-system/types'\n\ntype As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer'\n\nexport type BoxProps = {\n  as?: As\n} & HTMLStyledProps<As>\n\nexport const Box = (props: BoxProps) => {\n  const { as = 'div', ...localProps } = props\n  const Component = useMemo(() => styled(as) as StyledComponent<As>, [as])\n\n  return <Component {...localProps} />\n}\n"],"mappings":"2GAWA,IAAa,EAAO,GAAoB,CACtC,GAAM,CAAE,KAAK,MAAO,GAAG,GAAe,EAGtC,OAAO,EAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,QAFgC,CAAE,EAA0B,CAAC,CAAE,CAE9D,EAAD,CAAW,GAAI,CAAa,CAAA,CACrC"}

package/dist/components/box/Box.js

@@ -1,12 +1,13 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { useMemo as m } from "react";
-import { styled as n } from "@stokelp/styled-system/jsx";
-const l = (t) => {
-  const { as: o = "div", ...r } = t, s = m(() => n(o), [o]);
-  return /* @__PURE__ */ e(s, { ...r });
+import { styled as e } from "@stokelp/styled-system/jsx";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/box/Box.tsx
+var r = (r) => {
+	let { as: i = "div", ...a } = r;
+	return /* @__PURE__ */ n(t(() => e(i), [i]), { ...a });
 };
-export {
-  l as Box
-};
-//# sourceMappingURL=Box.js.map
+//#endregion
+export { r as Box };
+
+//# sourceMappingURL=Box.js.map

package/dist/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { type HTMLStyledProps, type StyledComponent } from '@stokelp/styled-system/types'\n\ntype As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer'\n\nexport type BoxProps = {\n  as?: As\n} & HTMLStyledProps<As>\n\nexport const Box = (props: BoxProps) => {\n  const { as = 'div', ...localProps } = props\n  const Component = useMemo(() => styled(as) as StyledComponent<As>, [as])\n\n  return <Component {...localProps} />\n}\n"],"names":["Box","props","as","localProps","Component","useMemo","styled","jsx"],"mappings":";;;;AAWO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,IAAAC,IAAK,OAAO,GAAGC,MAAeF,GAChCG,IAAYC,EAAQ,MAAMC,EAAOJ,CAAE,GAA0B,CAACA,CAAE,CAAC;AAEvE,SAAO,gBAAAK,EAACH,GAAA,EAAW,GAAGD,EAAA,CAAY;AACpC;"}
+{"version":3,"file":"Box.js","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { type HTMLStyledProps, type StyledComponent } from '@stokelp/styled-system/types'\n\ntype As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer'\n\nexport type BoxProps = {\n  as?: As\n} & HTMLStyledProps<As>\n\nexport const Box = (props: BoxProps) => {\n  const { as = 'div', ...localProps } = props\n  const Component = useMemo(() => styled(as) as StyledComponent<As>, [as])\n\n  return <Component {...localProps} />\n}\n"],"mappings":";;;;;AAWA,IAAa,KAAO,MAAoB;CACtC,IAAM,EAAE,QAAK,OAAO,GAAG,MAAe;CAGtC,OAAO,kBAFW,QAAc,EAAO,CAAE,GAA0B,CAAC,CAAE,CAE9D,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC"}

package/dist/components/breadcrumb/Breadcrumb.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@stokelp/styled-system/jsx"),u=require("@stokelp/styled-system/recipes"),m=require("../../utils/slots.cjs"),b=require("@ark-ui/react"),h=require("react-is"),l=require("react");function f(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const g=f(h),{withProvider:p,withContext:a}=m.createStyleContext(u.breadcrumb),j=p(o.styled("nav"),"root"),y=a(o.styled("ol"),"list"),x=a(o.styled("li"),"item"),v=a(o.styled(b.ark.a),"link"),w=e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z",fill:"#1E3A76"})}),B=l.forwardRef(({children:t,separator:r=w,...n},c)=>{const i=l.Children.toArray(g.isFragment(t)?void 0:t);return e.jsx(j,{...n,"aria-label":n["aria-label"]??"breadcrumb",ref:c,children:e.jsx(y,{children:i.map((s,d)=>l.cloneElement(s,{"aria-current":d===i.length-1?"page":void 0,children:d===i.length-1?s.props.children:e.jsxs(e.Fragment,{children:[s.props.children,r?e.jsx(e.Fragment,{children:typeof r=="object"?l.cloneElement(r):e.jsx("span",{role:"presentation",children:r})}):null]})}))})})});exports.Breadcrumb=B;exports.BreadcrumbItem=x;exports.BreadcrumbLink=v;
-//# sourceMappingURL=Breadcrumb.cjs.map
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/slots.cjs");let n=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),a=require("react"),o=require("react/jsx-runtime"),s=require("react-is");s=e.__toESM(s,1);var{withProvider:c,withContext:l}=t.createStyleContext(i.breadcrumb),u=c((0,r.styled)(`nav`),`root`),d=l((0,r.styled)(`ol`),`list`),f=l((0,r.styled)(`li`),`item`),p=l((0,r.styled)(n.ark.a),`link`),m=(0,o.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,o.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z`,fill:`#1E3A76`})}),h=(0,a.forwardRef)(({children:e,separator:t=m,...n},r)=>{let i=a.Children.toArray(s.isFragment(e)?void 0:e);return(0,o.jsx)(u,{...n,"aria-label":n[`aria-label`]??`breadcrumb`,ref:r,children:(0,o.jsx)(d,{children:i.map((e,n)=>(0,a.cloneElement)(e,{"aria-current":n===i.length-1?`page`:void 0,children:n===i.length-1?e.props.children:(0,o.jsxs)(o.Fragment,{children:[e.props.children,t?(0,o.jsx)(o.Fragment,{children:typeof t==`object`?(0,a.cloneElement)(t):(0,o.jsx)(`span`,{role:`presentation`,children:t})}):null]})}))})})});exports.Breadcrumb=h,exports.BreadcrumbItem=f,exports.BreadcrumbLink=p;
+//# sourceMappingURL=Breadcrumb.cjs.map

package/dist/components/breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { breadcrumb } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\nconst StyledBreadcrumb = withProvider(styled('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styled('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styled('li'), 'item')\nexport const BreadcrumbLink = withContext(styled(ark.a), 'link')\n\nconst DefaultSeparator = (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z\"\n      fill=\"#1E3A76\"\n    />\n  </svg>\n)\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ children, separator = DefaultSeparator, ...props }, ref) => {\n    const child = Children.toArray(\n      ReactIs.isFragment(children) ? undefined : children,\n    ) as ReactElement<BreadcrumbItemProps>[]\n\n    return (\n      <StyledBreadcrumb {...props} aria-label={props['aria-label'] ?? 'breadcrumb'} ref={ref}>\n        <StyledBreadcrumbList>\n          {child.map((item, index) => {\n            return cloneElement<BreadcrumbItemProps>(item, {\n              'aria-current': index === child.length - 1 ? 'page' : undefined,\n              children:\n                index === child.length - 1 ? (\n                  item.props.children\n                ) : (\n                  <>\n                    {item.props.children}\n                    {separator ? (\n                      <>\n                        {typeof separator === 'object' ? (\n                          cloneElement(separator as ReactElement)\n                        ) : (\n                          <span role=\"presentation\">{separator}</span>\n                        )}\n                      </>\n                    ) : null}\n                  </>\n                ),\n            })\n          })}\n        </StyledBreadcrumbList>\n      </StyledBreadcrumb>\n    )\n  },\n) as FC<BreadcrumbProps>\n\nexport interface BreadcrumbLinkProps extends ComponentProps<typeof BreadcrumbLink> {}\nexport interface BreadcrumbItemProps extends ComponentProps<typeof BreadcrumbItem> {}\nexport interface BreadcrumbProps extends ComponentProps<typeof StyledBreadcrumb> {\n  separator?: ReactNode\n}\n"],"names":["withProvider","withContext","createStyleContext","breadcrumb","StyledBreadcrumb","styled","StyledBreadcrumbList","BreadcrumbItem","BreadcrumbLink","ark","DefaultSeparator","jsx","Breadcrumb","forwardRef","children","separator","props","ref","child","Children","ReactIs","item","index","cloneElement","jsxs","Fragment"],"mappings":"ulBAOM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,UAAU,EAE7DC,EAAmBJ,EAAaK,EAAAA,OAAO,KAAK,EAAG,MAAM,EACrDC,EAAuBL,EAAYI,EAAAA,OAAO,IAAI,EAAG,MAAM,EAEhDE,EAAiBN,EAAYI,SAAO,IAAI,EAAG,MAAM,EACjDG,EAAiBP,EAAYI,EAAAA,OAAOI,EAAAA,IAAI,CAAC,EAAG,MAAM,EAEzDC,EACJC,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,kUACF,KAAK,SAAA,CACP,EACF,EAGWC,EAAaC,EAAAA,WACxB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAYL,EAAkB,GAAGM,CAAA,EAASC,IAAQ,CAC7D,MAAMC,EAAQC,EAAAA,SAAS,QACrBC,EAAQ,WAAWN,CAAQ,EAAI,OAAYA,CAAA,EAG7C,aACGV,EAAA,CAAkB,GAAGY,EAAO,aAAYA,EAAM,YAAY,GAAK,aAAc,IAAAC,EAC5E,eAACX,EAAA,CACE,SAAAY,EAAM,IAAI,CAACG,EAAMC,IACTC,EAAAA,aAAkCF,EAAM,CAC7C,eAAgBC,IAAUJ,EAAM,OAAS,EAAI,OAAS,OACtD,SACEI,IAAUJ,EAAM,OAAS,EACvBG,EAAK,MAAM,SAEXG,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAJ,EAAK,MAAM,SACXN,EACCJ,EAAAA,IAAAc,WAAA,CACG,SAAA,OAAOV,GAAc,SACpBQ,eAAaR,CAAyB,EAEtCJ,MAAC,OAAA,CAAK,KAAK,eAAgB,SAAAI,CAAA,CAAU,EAEzC,EACE,IAAA,CAAA,CACN,CAAA,CAEL,CACF,EACH,EACF,CAEJ,CACF"}
+{"version":3,"file":"Breadcrumb.cjs","names":[],"sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { breadcrumb } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\nconst StyledBreadcrumb = withProvider(styled('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styled('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styled('li'), 'item')\nexport const BreadcrumbLink = withContext(styled(ark.a), 'link')\n\nconst DefaultSeparator = (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z\"\n      fill=\"#1E3A76\"\n    />\n  </svg>\n)\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ children, separator = DefaultSeparator, ...props }, ref) => {\n    const child = Children.toArray(\n      ReactIs.isFragment(children) ? undefined : children,\n    ) as ReactElement<BreadcrumbItemProps>[]\n\n    return (\n      <StyledBreadcrumb {...props} aria-label={props['aria-label'] ?? 'breadcrumb'} ref={ref}>\n        <StyledBreadcrumbList>\n          {child.map((item, index) => {\n            return cloneElement<BreadcrumbItemProps>(item, {\n              'aria-current': index === child.length - 1 ? 'page' : undefined,\n              children:\n                index === child.length - 1 ? (\n                  item.props.children\n                ) : (\n                  <>\n                    {item.props.children}\n                    {separator ? (\n                      <>\n                        {typeof separator === 'object' ? (\n                          cloneElement(separator as ReactElement)\n                        ) : (\n                          <span role=\"presentation\">{separator}</span>\n                        )}\n                      </>\n                    ) : null}\n                  </>\n                ),\n            })\n          })}\n        </StyledBreadcrumbList>\n      </StyledBreadcrumb>\n    )\n  },\n) as FC<BreadcrumbProps>\n\nexport type BreadcrumbLinkProps = ComponentProps<typeof BreadcrumbLink>\nexport type BreadcrumbItemProps = ComponentProps<typeof BreadcrumbItem>\nexport type BreadcrumbProps = ComponentProps<typeof StyledBreadcrumb> & {\n  separator?: ReactNode\n}\n"],"mappings":"oTAOA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,UAAU,EAE7D,EAAmB,GAAA,EAAA,EAAA,QAAoB,KAAK,EAAG,MAAM,EACrD,EAAuB,GAAA,EAAA,EAAA,QAAmB,IAAI,EAAG,MAAM,EAEhD,EAAiB,GAAA,EAAA,EAAA,QAAmB,IAAI,EAAG,MAAM,EACjD,EAAiB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,CAAC,EAAG,MAAM,EAEzD,GACJ,EAAA,EAAA,KAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,uCAChE,EAAA,EAAA,KAAC,OAAD,CACE,SAAS,UACT,SAAS,UACT,EAAE,kUACF,KAAK,SACN,CAAA,CACE,CAAA,EAGM,GAAA,EAAA,EAAA,aACV,CAAE,WAAU,YAAY,EAAkB,GAAG,GAAS,IAAQ,CAC7D,IAAM,EAAQ,EAAA,SAAS,QACrB,EAAQ,WAAW,CAAQ,EAAI,IAAA,GAAY,CAC7C,EAEA,OACE,EAAA,EAAA,KAAC,EAAD,CAAkB,GAAI,EAAO,aAAY,EAAM,eAAiB,aAAmB,gBACjF,EAAA,EAAA,KAAC,EAAD,CAAA,SACG,EAAM,KAAK,EAAM,KAChB,EAAA,EAAA,cAAyC,EAAM,CAC7C,eAAgB,IAAU,EAAM,OAAS,EAAI,OAAS,IAAA,GACtD,SACE,IAAU,EAAM,OAAS,EACvB,EAAK,MAAM,UAEX,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAK,MAAM,SACX,GACC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,OAAO,GAAc,UAAA,EAAA,EAAA,cACP,CAAyB,GAEtC,EAAA,EAAA,KAAC,OAAD,CAAM,KAAK,wBAAgB,CAAgB,CAAA,CAE7C,CAAA,EACA,IACJ,CAAA,CAAA,CAER,CAAC,CACF,CACmB,CAAA,CACN,CAAA,CAEtB,CACF"}

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -7,11 +7,9 @@ declare const StyledBreadcrumb: ComponentVariants<StyledComponent<"nav", {}>, Br
 export declare const BreadcrumbItem: StyledComponent<"li", {}>;
 export declare const BreadcrumbLink: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLAnchorElement> & AnchorHTMLAttributes<HTMLAnchorElement> & PolymorphicProps>, {}>;
 export declare const Breadcrumb: FC<BreadcrumbProps>;
-export interface BreadcrumbLinkProps extends ComponentProps<typeof BreadcrumbLink> {
-}
-export interface BreadcrumbItemProps extends ComponentProps<typeof BreadcrumbItem> {
-}
-export interface BreadcrumbProps extends ComponentProps<typeof StyledBreadcrumb> {
+export type BreadcrumbLinkProps = ComponentProps<typeof BreadcrumbLink>;
+export type BreadcrumbItemProps = ComponentProps<typeof BreadcrumbItem>;
+export type BreadcrumbProps = ComponentProps<typeof StyledBreadcrumb> & {
     separator?: ReactNode;
-}
+};
 export {};

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,36 +1,40 @@
 "use client";
-import { jsx as r, jsxs as h, Fragment as a } from "react/jsx-runtime";
-import { styled as t } from "@stokelp/styled-system/jsx";
-import { breadcrumb as p } from "@stokelp/styled-system/recipes";
-import { createStyleContext as u } from "../../utils/slots.js";
-import { ark as f } from "@ark-ui/react";
-import * as b from "react-is";
-import { forwardRef as g, Children as v, cloneElement as m } from "react";
-const { withProvider: w, withContext: n } = u(p), C = w(t("nav"), "root"), x = n(t("ol"), "list"), A = n(t("li"), "item"), E = n(t(f.a), "link"), y = /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z",
-    fill: "#1E3A76"
-  }
-) }), F = g(
-  ({ children: i, separator: e = y, ...c }, s) => {
-    const o = v.toArray(
-      b.isFragment(i) ? void 0 : i
-    );
-    return /* @__PURE__ */ r(C, { ...c, "aria-label": c["aria-label"] ?? "breadcrumb", ref: s, children: /* @__PURE__ */ r(x, { children: o.map((l, d) => m(l, {
-      "aria-current": d === o.length - 1 ? "page" : void 0,
-      children: d === o.length - 1 ? l.props.children : /* @__PURE__ */ h(a, { children: [
-        l.props.children,
-        e ? /* @__PURE__ */ r(a, { children: typeof e == "object" ? m(e) : /* @__PURE__ */ r("span", { role: "presentation", children: e }) }) : null
-      ] })
-    })) }) });
-  }
-);
-export {
-  F as Breadcrumb,
-  A as BreadcrumbItem,
-  E as BreadcrumbLink
-};
-//# sourceMappingURL=Breadcrumb.js.map
+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 { breadcrumb as r } from "@stokelp/styled-system/recipes";
+import { Children as i, cloneElement as a, forwardRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import * as u from "react-is";
+//#region src/components/breadcrumb/Breadcrumb.tsx
+var { withProvider: d, withContext: f } = e(r), p = d(n("nav"), "root"), m = f(n("ol"), "list"), h = f(n("li"), "item"), g = f(n(t.a), "link"), _ = /* @__PURE__ */ c("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ c("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z",
+		fill: "#1E3A76"
+	})
+}), v = o(({ children: e, separator: t = _, ...n }, r) => {
+	let o = i.toArray(u.isFragment(e) ? void 0 : e);
+	return /* @__PURE__ */ c(p, {
+		...n,
+		"aria-label": n["aria-label"] ?? "breadcrumb",
+		ref: r,
+		children: /* @__PURE__ */ c(m, { children: o.map((e, n) => a(e, {
+			"aria-current": n === o.length - 1 ? "page" : void 0,
+			children: n === o.length - 1 ? e.props.children : /* @__PURE__ */ l(s, { children: [e.props.children, t ? /* @__PURE__ */ c(s, { children: typeof t == "object" ? a(t) : /* @__PURE__ */ c("span", {
+				role: "presentation",
+				children: t
+			}) }) : null] })
+		})) })
+	});
+});
+//#endregion
+export { v as Breadcrumb, h as BreadcrumbItem, g as BreadcrumbLink };
+
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { breadcrumb } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\nconst StyledBreadcrumb = withProvider(styled('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styled('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styled('li'), 'item')\nexport const BreadcrumbLink = withContext(styled(ark.a), 'link')\n\nconst DefaultSeparator = (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z\"\n      fill=\"#1E3A76\"\n    />\n  </svg>\n)\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ children, separator = DefaultSeparator, ...props }, ref) => {\n    const child = Children.toArray(\n      ReactIs.isFragment(children) ? undefined : children,\n    ) as ReactElement<BreadcrumbItemProps>[]\n\n    return (\n      <StyledBreadcrumb {...props} aria-label={props['aria-label'] ?? 'breadcrumb'} ref={ref}>\n        <StyledBreadcrumbList>\n          {child.map((item, index) => {\n            return cloneElement<BreadcrumbItemProps>(item, {\n              'aria-current': index === child.length - 1 ? 'page' : undefined,\n              children:\n                index === child.length - 1 ? (\n                  item.props.children\n                ) : (\n                  <>\n                    {item.props.children}\n                    {separator ? (\n                      <>\n                        {typeof separator === 'object' ? (\n                          cloneElement(separator as ReactElement)\n                        ) : (\n                          <span role=\"presentation\">{separator}</span>\n                        )}\n                      </>\n                    ) : null}\n                  </>\n                ),\n            })\n          })}\n        </StyledBreadcrumbList>\n      </StyledBreadcrumb>\n    )\n  },\n) as FC<BreadcrumbProps>\n\nexport interface BreadcrumbLinkProps extends ComponentProps<typeof BreadcrumbLink> {}\nexport interface BreadcrumbItemProps extends ComponentProps<typeof BreadcrumbItem> {}\nexport interface BreadcrumbProps extends ComponentProps<typeof StyledBreadcrumb> {\n  separator?: ReactNode\n}\n"],"names":["withProvider","withContext","createStyleContext","breadcrumb","StyledBreadcrumb","styled","StyledBreadcrumbList","BreadcrumbItem","BreadcrumbLink","ark","DefaultSeparator","jsx","Breadcrumb","forwardRef","children","separator","props","ref","child","Children","ReactIs","item","index","cloneElement","jsxs","Fragment"],"mappings":";;;;;;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAU,GAE7DC,IAAmBJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GACrDC,IAAuBL,EAAYI,EAAO,IAAI,GAAG,MAAM,GAEhDE,IAAiBN,EAAYI,EAAO,IAAI,GAAG,MAAM,GACjDG,IAAiBP,EAAYI,EAAOI,EAAI,CAAC,GAAG,MAAM,GAEzDC,IACJ,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA,EAAA;AACP,GACF,GAGWC,IAAaC;AAAA,EACxB,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAYL,GAAkB,GAAGM,EAAA,GAASC,MAAQ;AAC7D,UAAMC,IAAQC,EAAS;AAAA,MACrBC,EAAQ,WAAWN,CAAQ,IAAI,SAAYA;AAAA,IAAA;AAG7C,6BACGV,GAAA,EAAkB,GAAGY,GAAO,cAAYA,EAAM,YAAY,KAAK,cAAc,KAAAC,GAC5E,4BAACX,GAAA,EACE,UAAAY,EAAM,IAAI,CAACG,GAAMC,MACTC,EAAkCF,GAAM;AAAA,MAC7C,gBAAgBC,MAAUJ,EAAM,SAAS,IAAI,SAAS;AAAA,MACtD,UACEI,MAAUJ,EAAM,SAAS,IACvBG,EAAK,MAAM,WAEX,gBAAAG,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAJ,EAAK,MAAM;AAAA,QACXN,IACC,gBAAAJ,EAAAc,GAAA,EACG,UAAA,OAAOV,KAAc,WACpBQ,EAAaR,CAAyB,IAEtC,gBAAAJ,EAAC,QAAA,EAAK,MAAK,gBAAgB,UAAAI,EAAA,CAAU,GAEzC,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA,CAEL,CACF,GACH,GACF;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { breadcrumb } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\nconst StyledBreadcrumb = withProvider(styled('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styled('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styled('li'), 'item')\nexport const BreadcrumbLink = withContext(styled(ark.a), 'link')\n\nconst DefaultSeparator = (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M16.2803 11.4741C16.5732 11.767 16.5732 12.2418 16.2803 12.5347L8.78033 20.0347C8.48744 20.3276 8.01256 20.3276 7.71967 20.0347C7.42678 19.7418 7.42678 19.267 7.71967 18.9741L14.6893 12.0044L7.71967 5.03472C7.42678 4.74183 7.42678 4.26696 7.71967 3.97406C8.01256 3.68117 8.48744 3.68117 8.78033 3.97406L16.2803 11.4741Z\"\n      fill=\"#1E3A76\"\n    />\n  </svg>\n)\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ children, separator = DefaultSeparator, ...props }, ref) => {\n    const child = Children.toArray(\n      ReactIs.isFragment(children) ? undefined : children,\n    ) as ReactElement<BreadcrumbItemProps>[]\n\n    return (\n      <StyledBreadcrumb {...props} aria-label={props['aria-label'] ?? 'breadcrumb'} ref={ref}>\n        <StyledBreadcrumbList>\n          {child.map((item, index) => {\n            return cloneElement<BreadcrumbItemProps>(item, {\n              'aria-current': index === child.length - 1 ? 'page' : undefined,\n              children:\n                index === child.length - 1 ? (\n                  item.props.children\n                ) : (\n                  <>\n                    {item.props.children}\n                    {separator ? (\n                      <>\n                        {typeof separator === 'object' ? (\n                          cloneElement(separator as ReactElement)\n                        ) : (\n                          <span role=\"presentation\">{separator}</span>\n                        )}\n                      </>\n                    ) : null}\n                  </>\n                ),\n            })\n          })}\n        </StyledBreadcrumbList>\n      </StyledBreadcrumb>\n    )\n  },\n) as FC<BreadcrumbProps>\n\nexport type BreadcrumbLinkProps = ComponentProps<typeof BreadcrumbLink>\nexport type BreadcrumbItemProps = ComponentProps<typeof BreadcrumbItem>\nexport type BreadcrumbProps = ComponentProps<typeof StyledBreadcrumb> & {\n  separator?: ReactNode\n}\n"],"mappings":";;;;;;;;;AAOA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAU,GAE7D,IAAmB,EAAa,EAAO,KAAK,GAAG,MAAM,GACrD,IAAuB,EAAY,EAAO,IAAI,GAAG,MAAM,GAEhD,IAAiB,EAAY,EAAO,IAAI,GAAG,MAAM,GACjD,IAAiB,EAAY,EAAO,EAAI,CAAC,GAAG,MAAM,GAEzD,IACJ,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;WAChE,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA,GAGM,IAAa,GACvB,EAAE,aAAU,eAAY,GAAkB,GAAG,KAAS,MAAQ;CAC7D,IAAM,IAAQ,EAAS,QACrB,EAAQ,WAAW,CAAQ,IAAI,KAAA,IAAY,CAC7C;CAEA,OACE,kBAAC,GAAD;EAAkB,GAAI;EAAO,cAAY,EAAM,iBAAiB;EAAmB;YACjF,kBAAC,GAAD,EAAA,UACG,EAAM,KAAK,GAAM,MACT,EAAkC,GAAM;GAC7C,gBAAgB,MAAU,EAAM,SAAS,IAAI,SAAS,KAAA;GACtD,UACE,MAAU,EAAM,SAAS,IACvB,EAAK,MAAM,WAEX,kBAAA,GAAA,EAAA,UAAA,CACG,EAAK,MAAM,UACX,IACC,kBAAA,GAAA,EAAA,UACG,OAAO,KAAc,WACpB,EAAa,CAAyB,IAEtC,kBAAC,QAAD;IAAM,MAAK;cAAgB;GAAgB,CAAA,EAE7C,CAAA,IACA,IACJ,EAAA,CAAA;EAER,CAAC,CACF,EACmB,CAAA;CACN,CAAA;AAEtB,CACF"}

package/dist/components/button/Button.cjs

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

package/dist/components/button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const Button = styled(ark.button, button)\nexport interface ButtonProps extends ComponentProps<typeof Button> {}\n"],"names":["Button","styled","ark","button"],"mappings":"kNAKaA,EAASC,EAAAA,OAAOC,MAAI,OAAQC,EAAAA,MAAM"}
+{"version":3,"file":"Button.cjs","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const Button = styled(ark.button, button)\nexport interface ButtonProps extends ComponentProps<typeof Button> {}\n"],"mappings":"gIAKA,IAAa,GAAA,EAAA,EAAA,QAAgB,EAAA,IAAI,OAAQ,EAAA,MAAM"}

package/dist/components/button/Button.js

@@ -1,9 +1,10 @@
 "use client";
-import { ark as t } from "@ark-ui/react";
-import { styled as o } from "@stokelp/styled-system/jsx";
-import { button as r } from "@stokelp/styled-system/recipes";
-const i = o(t.button, r);
-export {
-  i as Button
-};
-//# sourceMappingURL=Button.js.map
+import { ark as e } from "@ark-ui/react";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { button as n } from "@stokelp/styled-system/recipes";
+//#region src/components/button/Button.tsx
+var r = t(e.button, n);
+//#endregion
+export { r as Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const Button = styled(ark.button, button)\nexport interface ButtonProps extends ComponentProps<typeof Button> {}\n"],"names":["Button","styled","ark","button"],"mappings":";;;;AAKO,MAAMA,IAASC,EAAOC,EAAI,QAAQC,CAAM;"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const Button = styled(ark.button, button)\nexport interface ButtonProps extends ComponentProps<typeof Button> {}\n"],"mappings":";;;;;AAKA,IAAa,IAAS,EAAO,EAAI,QAAQ,CAAM"}

package/dist/components/button-filter/ButtonFilter.cjs

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

package/dist/components/button-filter/ButtonFilter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonFilter.cjs","sources":["../../../src/components/button-filter/ButtonFilter.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { buttonFilter } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const ButtonFilter = styled(ark.button, buttonFilter)\nexport interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {}\n"],"names":["ButtonFilter","styled","ark","buttonFilter"],"mappings":"kNAKaA,EAAeC,EAAAA,OAAOC,MAAI,OAAQC,EAAAA,YAAY"}
+{"version":3,"file":"ButtonFilter.cjs","names":[],"sources":["../../../src/components/button-filter/ButtonFilter.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { buttonFilter } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const ButtonFilter = styled(ark.button, buttonFilter)\nexport interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {}\n"],"mappings":"gIAKA,IAAa,GAAA,EAAA,EAAA,QAAsB,EAAA,IAAI,OAAQ,EAAA,YAAY"}

package/dist/components/button-filter/ButtonFilter.js

@@ -1,9 +1,10 @@
 "use client";
-import { ark as t } from "@ark-ui/react";
-import { styled as o } from "@stokelp/styled-system/jsx";
-import { buttonFilter as r } from "@stokelp/styled-system/recipes";
-const n = o(t.button, r);
-export {
-  n as ButtonFilter
-};
-//# sourceMappingURL=ButtonFilter.js.map
+import { ark as e } from "@ark-ui/react";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { buttonFilter as n } from "@stokelp/styled-system/recipes";
+//#region src/components/button-filter/ButtonFilter.tsx
+var r = t(e.button, n);
+//#endregion
+export { r as ButtonFilter };
+
+//# sourceMappingURL=ButtonFilter.js.map

package/dist/components/button-filter/ButtonFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonFilter.js","sources":["../../../src/components/button-filter/ButtonFilter.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { buttonFilter } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const ButtonFilter = styled(ark.button, buttonFilter)\nexport interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {}\n"],"names":["ButtonFilter","styled","ark","buttonFilter"],"mappings":";;;;AAKO,MAAMA,IAAeC,EAAOC,EAAI,QAAQC,CAAY;"}
+{"version":3,"file":"ButtonFilter.js","names":[],"sources":["../../../src/components/button-filter/ButtonFilter.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { buttonFilter } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\n\nexport const ButtonFilter = styled(ark.button, buttonFilter)\nexport interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {}\n"],"mappings":";;;;;AAKA,IAAa,IAAe,EAAO,EAAI,QAAQ,CAAY"}

package/dist/components/chat/Chat.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@stokelp/styled-system/recipes"),l=require("../../utils/slots.cjs"),g=require("./ChatMessage.cjs"),m=require("./ChatDocumentMessage.cjs"),r=require("@ark-ui/react"),a=require("@stokelp/styled-system/jsx"),h=require("./ChatProfileAvatar.cjs"),{withProvider:t}=l.createStyleContext(u.chat),d=t(a.styled(r.ark.div),"root"),o=t(r.ark.div,"message-container"),M=t(g.ChatMessage,"message"),x=t(m.ChatDocumentMessage,"document-message"),j=t(h.ChatProfileAvatar,"document-message"),q=({messages:n=[],...c})=>e.jsx(e.Fragment,{children:e.jsx(d,{...c,children:e.jsxs(e.Fragment,{children:[n.map((s,i)=>e.jsx(o,{className:`chat-message-container-${s.side}`,children:s.children},i)),e.jsx(a.Box,{id:"chat-anchor"})]})})});exports.DocumentMessage=x;exports.Message=M;exports.MessageContainer=o;exports.ProfileAvatar=j;exports.Root=q;
-//# sourceMappingURL=Chat.cjs.map
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/slots.cjs"),n=require("./ChatMessage.cjs"),r=require("./ChatDocumentMessage.cjs"),i=require("./ChatProfileAvatar.cjs");let a=require("@ark-ui/react"),o=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),c=require("react/jsx-runtime");var l=e.__exportAll({DocumentMessage:()=>m,Message:()=>p,MessageContainer:()=>f,ProfileAvatar:()=>h,Root:()=>g}),{withProvider:u}=t.createStyleContext(s.chat),d=u((0,o.styled)(a.ark.div),`root`),f=u(a.ark.div,`message-container`),p=u(n.ChatMessage,`message`),m=u(r.ChatDocumentMessage,`document-message`),h=u(i.ChatProfileAvatar,`document-message`),g=({messages:e=[],...t})=>(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(d,{...t,children:(0,c.jsxs)(c.Fragment,{children:[e.map((e,t)=>(0,c.jsx)(f,{className:`chat-message-container-${e.side}`,children:e.children},t)),(0,c.jsx)(o.Box,{id:`chat-anchor`})]})})});Object.defineProperty(exports,"Chat_exports",{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=Chat.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.cjs","sources":["../../../src/components/chat/Chat.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react'\nimport { chat } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\nimport { ChatMessage, ChatMessageProps } from '~/components/chat/ChatMessage.tsx'\nimport { ChatDocumentMessage, ChatDocumentMessageProps } from '~/components/chat/ChatDocumentMessage.tsx'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { ark } from '@ark-ui/react'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { ChatProfileAvatar, ChatProfileAvatarProps } from '~/components/chat/ChatProfileAvatar.tsx'\n\nconst { withProvider } = createStyleContext(chat)\n\nconst RootStyleElement = withProvider(styled(ark.div), 'root')\nexport const MessageContainer = withProvider(ark.div, 'message-container')\nexport const Message = withProvider(ChatMessage, 'message')\nexport const DocumentMessage = withProvider(ChatDocumentMessage, 'document-message')\nexport const ProfileAvatar = withProvider(ChatProfileAvatar, 'document-message')\n\nexport type RootProps = {\n  messages?: {\n    side?: 'left' | 'right' | 'center'\n    children: ReactElement\n  }[]\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chat>\n\nexport interface MessageProps extends ChatMessageProps {}\nexport interface DocumentMessageProps extends ChatDocumentMessageProps {}\nexport interface ProfileAvatarProps extends ChatProfileAvatarProps {}\n\nexport const Root: FC<RootProps> = ({ messages = [], ...props }) => {\n  return (\n    <>\n      {\n        <RootStyleElement\n          {...props}\n          children={\n            <>\n              {messages.map((MessageComponent, index) => (\n                <MessageContainer key={index} className={`chat-message-container-${MessageComponent.side}`}>\n                  {MessageComponent.children}\n                </MessageContainer>\n              ))}\n              <Box id=\"chat-anchor\" />\n            </>\n          }\n        />\n      }\n    </>\n  )\n}\n"],"names":["withProvider","createStyleContext","chat","RootStyleElement","styled","ark","MessageContainer","Message","ChatMessage","DocumentMessage","ChatDocumentMessage","ProfileAvatar","ChatProfileAvatar","Root","messages","props","jsx","Fragment","jsxs","MessageComponent","index","Box"],"mappings":"+XAUM,CAAE,aAAAA,CAAA,EAAiBC,EAAAA,mBAAmBC,MAAI,EAE1CC,EAAmBH,EAAaI,EAAAA,OAAOC,EAAAA,IAAI,GAAG,EAAG,MAAM,EAChDC,EAAmBN,EAAaK,MAAI,IAAK,mBAAmB,EAC5DE,EAAUP,EAAaQ,EAAAA,YAAa,SAAS,EAC7CC,EAAkBT,EAAaU,EAAAA,oBAAqB,kBAAkB,EACtEC,EAAgBX,EAAaY,EAAAA,kBAAmB,kBAAkB,EAclEC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,GAAGC,KAEpDC,MAAAC,EAAAA,SAAA,CAEI,SAAAD,EAAAA,IAACb,EAAA,CACE,GAAGY,EACJ,SACEG,EAAAA,KAAAD,WAAA,CACG,SAAA,CAAAH,EAAS,IAAI,CAACK,EAAkBC,UAC9Bd,EAAA,CAA6B,UAAW,0BAA0Ba,EAAiB,IAAI,GACrF,SAAAA,EAAiB,QAAA,EADGC,CAEvB,CACD,EACDJ,EAAAA,IAACK,EAAAA,IAAA,CAAI,GAAG,aAAA,CAAc,CAAA,CAAA,CACxB,CAAA,CAAA,EAIR"}
+{"version":3,"file":"Chat.cjs","names":[],"sources":["../../../src/components/chat/Chat.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react'\nimport { chat } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\nimport { ChatMessage, ChatMessageProps } from '~/components/chat/ChatMessage.tsx'\nimport { ChatDocumentMessage, ChatDocumentMessageProps } from '~/components/chat/ChatDocumentMessage.tsx'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { ark } from '@ark-ui/react'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { ChatProfileAvatar, ChatProfileAvatarProps } from '~/components/chat/ChatProfileAvatar.tsx'\n\nconst { withProvider } = createStyleContext(chat)\n\nconst RootStyleElement = withProvider(styled(ark.div), 'root')\nexport const MessageContainer = withProvider(ark.div, 'message-container')\nexport const Message = withProvider(ChatMessage, 'message')\nexport const DocumentMessage = withProvider(ChatDocumentMessage, 'document-message')\nexport const ProfileAvatar = withProvider(ChatProfileAvatar, 'document-message')\n\ntype ChatRootMessage = {\n  side?: 'left' | 'right' | 'center'\n  children: ReactElement\n}\n\nexport type RootProps = {\n  messages?: ChatRootMessage[]\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chat>\n\nexport interface MessageProps extends ChatMessageProps {}\nexport interface DocumentMessageProps extends ChatDocumentMessageProps {}\nexport interface ProfileAvatarProps extends ChatProfileAvatarProps {}\n\nexport const Root: FC<RootProps> = ({ messages = [], ...props }) => {\n  return (\n    <>\n      {\n        <RootStyleElement\n          {...props}\n          children={\n            <>\n              {messages.map((MessageComponent: ChatRootMessage, index: number) => (\n                <MessageContainer key={index} className={`chat-message-container-${MessageComponent.side}`}>\n                  {MessageComponent.children}\n                </MessageContainer>\n              ))}\n              <Box id=\"chat-anchor\" />\n            </>\n          }\n        />\n      }\n    </>\n  )\n}\n"],"mappings":"sdAUM,CAAE,gBAAiB,EAAA,mBAAmB,EAAA,IAAI,EAE1C,EAAmB,GAAA,EAAA,EAAA,QAAoB,EAAA,IAAI,GAAG,EAAG,MAAM,EAChD,EAAmB,EAAa,EAAA,IAAI,IAAK,mBAAmB,EAC5D,EAAU,EAAa,EAAA,YAAa,SAAS,EAC7C,EAAkB,EAAa,EAAA,oBAAqB,kBAAkB,EACtE,EAAgB,EAAa,EAAA,kBAAmB,kBAAkB,EAgBlE,GAAuB,CAAE,WAAW,CAAC,EAAG,GAAG,MAEpD,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,UAEI,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACJ,UACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAS,KAAK,EAAmC,KAChD,EAAA,EAAA,KAAC,EAAD,CAA8B,UAAW,0BAA0B,EAAiB,gBACjF,EAAiB,QACF,EAFK,CAEL,CACnB,GACD,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,GAAG,aAAe,CAAA,CACvB,CAAA,CAAA,CAEL,CAAA,CAEH,CAAA"}

package/dist/components/chat/Chat.d.ts

@@ -10,11 +10,12 @@ export declare const MessageContainer: ComponentVariants<ForwardRefExoticCompone
 export declare const Message: ComponentVariants<StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, ChatMessageVariantProps>, ChatRecipe>;
 export declare const DocumentMessage: ComponentVariants<FC<ChatDocumentMessageProps>, ChatRecipe>;
 export declare const ProfileAvatar: ComponentVariants<FC<ChatProfileAvatarProps>, ChatRecipe>;
+type ChatRootMessage = {
+    side?: 'left' | 'right' | 'center';
+    children: ReactElement;
+};
 export type RootProps = {
-    messages?: {
-        side?: 'left' | 'right' | 'center';
-        children: ReactElement;
-    }[];
+    messages?: ChatRootMessage[];
 } & HTMLStyledProps<'div'> & RecipeVariantProps<typeof chat>;
 export interface MessageProps extends ChatMessageProps {
 }
@@ -23,3 +24,4 @@ export interface DocumentMessageProps extends ChatDocumentMessageProps {
 export interface ProfileAvatarProps extends ChatProfileAvatarProps {
 }
 export declare const Root: FC<RootProps>;
+export {};

package/dist/components/chat/Chat.js

@@ -1,27 +1,28 @@
 "use client";
-import { jsx as t, Fragment as r, jsxs as c } from "react/jsx-runtime";
-import { chat as i } from "@stokelp/styled-system/recipes";
-import { createStyleContext as d } from "../../utils/slots.js";
-import { ChatMessage as h } from "./ChatMessage.js";
-import { ChatDocumentMessage as l } from "./ChatDocumentMessage.js";
-import { ark as s } from "@ark-ui/react";
-import { Box as f, styled as g } from "@stokelp/styled-system/jsx";
-import { ChatProfileAvatar as p } from "./ChatProfileAvatar.js";
-const { withProvider: e } = d(i), u = e(g(s.div), "root"), v = e(s.div, "message-container"), R = e(h, "message"), S = e(l, "document-message"), k = e(p, "document-message"), w = ({ messages: a = [], ...m }) => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
-  u,
-  {
-    ...m,
-    children: /* @__PURE__ */ c(r, { children: [
-      a.map((o, n) => /* @__PURE__ */ t(v, { className: `chat-message-container-${o.side}`, children: o.children }, n)),
-      /* @__PURE__ */ t(f, { id: "chat-anchor" })
-    ] })
-  }
-) });
-export {
-  S as DocumentMessage,
-  R as Message,
-  v as MessageContainer,
-  k as ProfileAvatar,
-  w as Root
-};
-//# sourceMappingURL=Chat.js.map
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { createStyleContext as t } from "../../utils/slots.js";
+import { ChatMessage as n } from "./ChatMessage.js";
+import { ChatDocumentMessage as r } from "./ChatDocumentMessage.js";
+import { ChatProfileAvatar as i } from "./ChatProfileAvatar.js";
+import { ark as a } from "@ark-ui/react";
+import { Box as o, styled as s } from "@stokelp/styled-system/jsx";
+import { chat as c } from "@stokelp/styled-system/recipes";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/chat/Chat.tsx
+var f = /* @__PURE__ */ e({
+	DocumentMessage: () => _,
+	Message: () => g,
+	MessageContainer: () => h,
+	ProfileAvatar: () => v,
+	Root: () => y
+}), { withProvider: p } = t(c), m = p(s(a.div), "root"), h = p(a.div, "message-container"), g = p(n, "message"), _ = p(r, "document-message"), v = p(i, "document-message"), y = ({ messages: e = [], ...t }) => /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(m, {
+	...t,
+	children: /* @__PURE__ */ d(l, { children: [e.map((e, t) => /* @__PURE__ */ u(h, {
+		className: `chat-message-container-${e.side}`,
+		children: e.children
+	}, t)), /* @__PURE__ */ u(o, { id: "chat-anchor" })] })
+}) });
+//#endregion
+export { f as Chat_exports };
+
+//# sourceMappingURL=Chat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../src/components/chat/Chat.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react'\nimport { chat } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\nimport { ChatMessage, ChatMessageProps } from '~/components/chat/ChatMessage.tsx'\nimport { ChatDocumentMessage, ChatDocumentMessageProps } from '~/components/chat/ChatDocumentMessage.tsx'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { ark } from '@ark-ui/react'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { ChatProfileAvatar, ChatProfileAvatarProps } from '~/components/chat/ChatProfileAvatar.tsx'\n\nconst { withProvider } = createStyleContext(chat)\n\nconst RootStyleElement = withProvider(styled(ark.div), 'root')\nexport const MessageContainer = withProvider(ark.div, 'message-container')\nexport const Message = withProvider(ChatMessage, 'message')\nexport const DocumentMessage = withProvider(ChatDocumentMessage, 'document-message')\nexport const ProfileAvatar = withProvider(ChatProfileAvatar, 'document-message')\n\nexport type RootProps = {\n  messages?: {\n    side?: 'left' | 'right' | 'center'\n    children: ReactElement\n  }[]\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chat>\n\nexport interface MessageProps extends ChatMessageProps {}\nexport interface DocumentMessageProps extends ChatDocumentMessageProps {}\nexport interface ProfileAvatarProps extends ChatProfileAvatarProps {}\n\nexport const Root: FC<RootProps> = ({ messages = [], ...props }) => {\n  return (\n    <>\n      {\n        <RootStyleElement\n          {...props}\n          children={\n            <>\n              {messages.map((MessageComponent, index) => (\n                <MessageContainer key={index} className={`chat-message-container-${MessageComponent.side}`}>\n                  {MessageComponent.children}\n                </MessageContainer>\n              ))}\n              <Box id=\"chat-anchor\" />\n            </>\n          }\n        />\n      }\n    </>\n  )\n}\n"],"names":["withProvider","createStyleContext","chat","RootStyleElement","styled","ark","MessageContainer","Message","ChatMessage","DocumentMessage","ChatDocumentMessage","ProfileAvatar","ChatProfileAvatar","Root","messages","props","jsx","Fragment","jsxs","MessageComponent","index","Box"],"mappings":";;;;;;;;;AAUA,MAAM,EAAE,cAAAA,EAAA,IAAiBC,EAAmBC,CAAI,GAE1CC,IAAmBH,EAAaI,EAAOC,EAAI,GAAG,GAAG,MAAM,GAChDC,IAAmBN,EAAaK,EAAI,KAAK,mBAAmB,GAC5DE,IAAUP,EAAaQ,GAAa,SAAS,GAC7CC,IAAkBT,EAAaU,GAAqB,kBAAkB,GACtEC,IAAgBX,EAAaY,GAAmB,kBAAkB,GAclEC,IAAsB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,GAAGC,QAEpD,gBAAAC,EAAAC,GAAA,EAEI,UAAA,gBAAAD;AAAA,EAACb;AAAA,EAAA;AAAA,IACE,GAAGY;AAAA,IACJ,UACE,gBAAAG,EAAAD,GAAA,EACG,UAAA;AAAA,MAAAH,EAAS,IAAI,CAACK,GAAkBC,wBAC9Bd,GAAA,EAA6B,WAAW,0BAA0Ba,EAAiB,IAAI,IACrF,UAAAA,EAAiB,SAAA,GADGC,CAEvB,CACD;AAAA,MACD,gBAAAJ,EAACK,GAAA,EAAI,IAAG,cAAA,CAAc;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA;AAAA,GAIR;"}
+{"version":3,"file":"Chat.js","names":[],"sources":["../../../src/components/chat/Chat.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react'\nimport { chat } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\nimport { ChatMessage, ChatMessageProps } from '~/components/chat/ChatMessage.tsx'\nimport { ChatDocumentMessage, ChatDocumentMessageProps } from '~/components/chat/ChatDocumentMessage.tsx'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { ark } from '@ark-ui/react'\nimport { Box, styled } from '@stokelp/styled-system/jsx'\nimport { ChatProfileAvatar, ChatProfileAvatarProps } from '~/components/chat/ChatProfileAvatar.tsx'\n\nconst { withProvider } = createStyleContext(chat)\n\nconst RootStyleElement = withProvider(styled(ark.div), 'root')\nexport const MessageContainer = withProvider(ark.div, 'message-container')\nexport const Message = withProvider(ChatMessage, 'message')\nexport const DocumentMessage = withProvider(ChatDocumentMessage, 'document-message')\nexport const ProfileAvatar = withProvider(ChatProfileAvatar, 'document-message')\n\ntype ChatRootMessage = {\n  side?: 'left' | 'right' | 'center'\n  children: ReactElement\n}\n\nexport type RootProps = {\n  messages?: ChatRootMessage[]\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chat>\n\nexport interface MessageProps extends ChatMessageProps {}\nexport interface DocumentMessageProps extends ChatDocumentMessageProps {}\nexport interface ProfileAvatarProps extends ChatProfileAvatarProps {}\n\nexport const Root: FC<RootProps> = ({ messages = [], ...props }) => {\n  return (\n    <>\n      {\n        <RootStyleElement\n          {...props}\n          children={\n            <>\n              {messages.map((MessageComponent: ChatRootMessage, index: number) => (\n                <MessageContainer key={index} className={`chat-message-container-${MessageComponent.side}`}>\n                  {MessageComponent.children}\n                </MessageContainer>\n              ))}\n              <Box id=\"chat-anchor\" />\n            </>\n          }\n        />\n      }\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;IAUM,EAAE,oBAAiB,EAAmB,CAAI,GAE1C,IAAmB,EAAa,EAAO,EAAI,GAAG,GAAG,MAAM,GAChD,IAAmB,EAAa,EAAI,KAAK,mBAAmB,GAC5D,IAAU,EAAa,GAAa,SAAS,GAC7C,IAAkB,EAAa,GAAqB,kBAAkB,GACtE,IAAgB,EAAa,GAAmB,kBAAkB,GAgBlE,KAAuB,EAAE,cAAW,CAAC,GAAG,GAAG,QAEpD,kBAAA,GAAA,EAAA,UAEI,kBAAC,GAAD;CACE,GAAI;CACJ,UACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAS,KAAK,GAAmC,MAChD,kBAAC,GAAD;EAA8B,WAAW,0BAA0B,EAAiB;YACjF,EAAiB;CACF,GAFK,CAEL,CACnB,GACD,kBAAC,GAAD,EAAK,IAAG,cAAe,CAAA,CACvB,EAAA,CAAA;AAEL,CAAA,EAEH,CAAA"}