@stokelp/ui 2.103.0 → 2.104.0

package/dist/components/chat/ChatDocumentMessage.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"),s=require("@stokelp/styled-system/jsx"),a=require("../../node_modules/@heroicons/react/24/outline/esm/DocumentTextIcon.cjs"),l=require("../text/Text.cjs"),x=require("../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.cjs"),c=require("../icon/Icon.cjs"),j=s.styled(s.HStack,u.chatDocumentMessage),d=({documentID:t,documentName:n,onCardClick:r,...o})=>e.jsxs(j,{onClick:i=>{r&&r(i,t)},...o,children:[e.jsxs(s.HStack,{gap:"space-8",children:[e.jsx(c.Icon,{size:"xs",color:"primary.900",children:e.jsx(a,{})}),e.jsx(l.Text,{bold:!0,children:n})]}),e.jsx(c.Icon,{size:"xs",color:"primary.500",children:e.jsx(x,{})})]});exports.ChatDocumentMessage=d;
-//# sourceMappingURL=ChatDocumentMessage.cjs.map
+"use client";const e=require("../text/Text.cjs"),t=require("../icon/Icon.cjs"),n=require("../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.cjs"),r=require("../../node_modules/@heroicons/react/24/outline/esm/DocumentTextIcon.cjs");let i=require("@stokelp/styled-system/jsx"),a=require("@stokelp/styled-system/recipes"),o=require("react/jsx-runtime");var s=(0,i.styled)(i.HStack,a.chatDocumentMessage),c=({documentID:a,documentName:c,onCardClick:l,...u})=>(0,o.jsxs)(s,{onClick:e=>{l&&l(e,a)},...u,children:[(0,o.jsxs)(i.HStack,{gap:`space-8`,children:[(0,o.jsx)(t.Icon,{size:`xs`,color:`primary.900`,children:(0,o.jsx)(r.default,{})}),(0,o.jsx)(e.Text,{bold:!0,children:c})]}),(0,o.jsx)(t.Icon,{size:`xs`,color:`primary.500`,children:(0,o.jsx)(n.default,{})})]});exports.ChatDocumentMessage=c;
+//# sourceMappingURL=ChatDocumentMessage.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDocumentMessage.cjs","sources":["../../../src/components/chat/ChatDocumentMessage.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { chatDocumentMessage } from '@stokelp/styled-system/recipes'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\nimport { Icon, Text } from '~/components'\nimport { DocumentTextIcon, ArrowDownTrayIcon } from '@heroicons/react/24/outline'\n\nexport type ChatDocumentMessageProps = {\n  documentID: number | string\n  documentName: string\n  documentUrl?: string\n  onCardClick?: (event: React.MouseEvent<HTMLDivElement>, documentID: number | string) => void\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatDocumentMessage>\n\nconst StyledHStack = styled(HStack, chatDocumentMessage)\n\nexport const ChatDocumentMessage: FC<ChatDocumentMessageProps> = ({\n  documentID,\n  documentName,\n  onCardClick,\n  ...props\n}) => {\n  return (\n    <StyledHStack\n      onClick={event => {\n        if (onCardClick) {\n          onCardClick(event, documentID)\n        }\n      }}\n      {...props}\n    >\n      <HStack gap=\"space-8\">\n        <Icon size=\"xs\" color=\"primary.900\">\n          <DocumentTextIcon />\n        </Icon>\n        <Text bold>{documentName}</Text>\n      </HStack>\n      <Icon size=\"xs\" color=\"primary.500\">\n        <ArrowDownTrayIcon />\n      </Icon>\n    </StyledHStack>\n  )\n}\n"],"names":["StyledHStack","styled","HStack","chatDocumentMessage","ChatDocumentMessage","documentID","documentName","onCardClick","props","jsxs","event","jsx","Icon","DocumentTextIcon","Text","ArrowDownTrayIcon"],"mappings":"6bAeMA,EAAeC,EAAAA,OAAOC,EAAAA,OAAQC,qBAAmB,EAE1CC,EAAoD,CAAC,CAChE,WAAAC,EACA,aAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACT,EAAA,CACC,QAASU,GAAS,CACZH,GACFA,EAAYG,EAAOL,CAAU,CAEjC,EACC,GAAGG,EAEJ,SAAA,CAAAC,EAAAA,KAACP,EAAAA,OAAA,CAAO,IAAI,UACV,SAAA,CAAAS,EAAAA,IAACC,EAAAA,MAAK,KAAK,KAAK,MAAM,cACpB,SAAAD,EAAAA,IAACE,IAAiB,CAAA,CACpB,EACAF,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAI,GAAE,SAAAR,CAAA,CAAa,CAAA,EAC3B,EACAK,EAAAA,IAACC,EAAAA,MAAK,KAAK,KAAK,MAAM,cACpB,SAAAD,EAAAA,IAACI,IAAkB,CAAA,CACrB,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ChatDocumentMessage.cjs","names":[],"sources":["../../../src/components/chat/ChatDocumentMessage.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { chatDocumentMessage } from '@stokelp/styled-system/recipes'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\nimport { Icon, Text } from '~/components'\nimport { DocumentTextIcon, ArrowDownTrayIcon } from '@heroicons/react/24/outline'\n\nexport type ChatDocumentMessageProps = {\n  documentID: number | string\n  documentName: string\n  documentUrl?: string\n  onCardClick?: (event: React.MouseEvent<HTMLDivElement>, documentID: number | string) => void\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatDocumentMessage>\n\nconst StyledHStack = styled(HStack, chatDocumentMessage)\n\nexport const ChatDocumentMessage: FC<ChatDocumentMessageProps> = ({\n  documentID,\n  documentName,\n  onCardClick,\n  ...props\n}) => {\n  return (\n    <StyledHStack\n      onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n        if (onCardClick) {\n          onCardClick(event, documentID)\n        }\n      }}\n      {...props}\n    >\n      <HStack gap=\"space-8\">\n        <Icon size=\"xs\" color=\"primary.900\">\n          <DocumentTextIcon />\n        </Icon>\n        <Text bold>{documentName}</Text>\n      </HStack>\n      <Icon size=\"xs\" color=\"primary.500\">\n        <ArrowDownTrayIcon />\n      </Icon>\n    </StyledHStack>\n  )\n}\n"],"mappings":"iXAeA,IAAM,GAAA,EAAA,EAAA,QAAsB,EAAA,OAAQ,EAAA,mBAAmB,EAE1C,GAAqD,CAChE,aACA,eACA,cACA,GAAG,MAGD,EAAA,EAAA,MAAC,EAAD,CACE,QAAU,GAA4C,CAChD,GACF,EAAY,EAAO,CAAU,CAEjC,EACA,GAAI,WANN,EAQE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,IAAI,mBAAZ,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,wBACpB,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,CAAA,CACf,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAA,YAAM,CAAmB,CAAA,CACzB,KACR,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,wBACpB,EAAA,EAAA,KAAC,EAAA,QAAD,CAAoB,CAAA,CAChB,CAAA,CACM"}

package/dist/components/chat/ChatDocumentMessage.js

@@ -1,33 +1,34 @@
 "use client";
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { chatDocumentMessage as p } from "@stokelp/styled-system/recipes";
-import { HStack as i, styled as a } from "@stokelp/styled-system/jsx";
-import l from "../../node_modules/@heroicons/react/24/outline/esm/DocumentTextIcon.js";
-import { Text as f } from "../text/Text.js";
-import d from "../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.js";
+import { Text as e } from "../text/Text.js";
 import { Icon as t } from "../icon/Icon.js";
-const h = a(i, p), w = ({
-  documentID: m,
-  documentName: c,
-  onCardClick: o,
-  ...s
-}) => /* @__PURE__ */ e(
-  h,
-  {
-    onClick: (n) => {
-      o && o(n, m);
-    },
-    ...s,
-    children: [
-      /* @__PURE__ */ e(i, { gap: "space-8", children: [
-        /* @__PURE__ */ r(t, { size: "xs", color: "primary.900", children: /* @__PURE__ */ r(l, {}) }),
-        /* @__PURE__ */ r(f, { bold: !0, children: c })
-      ] }),
-      /* @__PURE__ */ r(t, { size: "xs", color: "primary.500", children: /* @__PURE__ */ r(d, {}) })
-    ]
-  }
-);
-export {
-  w as ChatDocumentMessage
-};
-//# sourceMappingURL=ChatDocumentMessage.js.map
+import n from "../../node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.js";
+import r from "../../node_modules/@heroicons/react/24/outline/esm/DocumentTextIcon.js";
+import { HStack as i, styled as a } from "@stokelp/styled-system/jsx";
+import { chatDocumentMessage as o } from "@stokelp/styled-system/recipes";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/chat/ChatDocumentMessage.tsx
+var l = a(i, o), u = ({ documentID: a, documentName: o, onCardClick: u, ...d }) => /* @__PURE__ */ c(l, {
+	onClick: (e) => {
+		u && u(e, a);
+	},
+	...d,
+	children: [/* @__PURE__ */ c(i, {
+		gap: "space-8",
+		children: [/* @__PURE__ */ s(t, {
+			size: "xs",
+			color: "primary.900",
+			children: /* @__PURE__ */ s(r, {})
+		}), /* @__PURE__ */ s(e, {
+			bold: !0,
+			children: o
+		})]
+	}), /* @__PURE__ */ s(t, {
+		size: "xs",
+		color: "primary.500",
+		children: /* @__PURE__ */ s(n, {})
+	})]
+});
+//#endregion
+export { u as ChatDocumentMessage };
+
+//# sourceMappingURL=ChatDocumentMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDocumentMessage.js","sources":["../../../src/components/chat/ChatDocumentMessage.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { chatDocumentMessage } from '@stokelp/styled-system/recipes'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\nimport { Icon, Text } from '~/components'\nimport { DocumentTextIcon, ArrowDownTrayIcon } from '@heroicons/react/24/outline'\n\nexport type ChatDocumentMessageProps = {\n  documentID: number | string\n  documentName: string\n  documentUrl?: string\n  onCardClick?: (event: React.MouseEvent<HTMLDivElement>, documentID: number | string) => void\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatDocumentMessage>\n\nconst StyledHStack = styled(HStack, chatDocumentMessage)\n\nexport const ChatDocumentMessage: FC<ChatDocumentMessageProps> = ({\n  documentID,\n  documentName,\n  onCardClick,\n  ...props\n}) => {\n  return (\n    <StyledHStack\n      onClick={event => {\n        if (onCardClick) {\n          onCardClick(event, documentID)\n        }\n      }}\n      {...props}\n    >\n      <HStack gap=\"space-8\">\n        <Icon size=\"xs\" color=\"primary.900\">\n          <DocumentTextIcon />\n        </Icon>\n        <Text bold>{documentName}</Text>\n      </HStack>\n      <Icon size=\"xs\" color=\"primary.500\">\n        <ArrowDownTrayIcon />\n      </Icon>\n    </StyledHStack>\n  )\n}\n"],"names":["StyledHStack","styled","HStack","chatDocumentMessage","ChatDocumentMessage","documentID","documentName","onCardClick","props","jsxs","event","jsx","Icon","DocumentTextIcon","Text","ArrowDownTrayIcon"],"mappings":";;;;;;;;AAeA,MAAMA,IAAeC,EAAOC,GAAQC,CAAmB,GAE1CC,IAAoD,CAAC;AAAA,EAChE,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACT;AAAA,EAAA;AAAA,IACC,SAAS,CAAAU,MAAS;AAChB,MAAIH,KACFA,EAAYG,GAAOL,CAAU;AAAA,IAEjC;AAAA,IACC,GAAGG;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACP,GAAA,EAAO,KAAI,WACV,UAAA;AAAA,QAAA,gBAAAS,EAACC,KAAK,MAAK,MAAK,OAAM,eACpB,UAAA,gBAAAD,EAACE,KAAiB,EAAA,CACpB;AAAA,QACA,gBAAAF,EAACG,GAAA,EAAK,MAAI,IAAE,UAAAR,EAAA,CAAa;AAAA,MAAA,GAC3B;AAAA,MACA,gBAAAK,EAACC,KAAK,MAAK,MAAK,OAAM,eACpB,UAAA,gBAAAD,EAACI,KAAkB,EAAA,CACrB;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"ChatDocumentMessage.js","names":[],"sources":["../../../src/components/chat/ChatDocumentMessage.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\nimport { chatDocumentMessage } from '@stokelp/styled-system/recipes'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\nimport { Icon, Text } from '~/components'\nimport { DocumentTextIcon, ArrowDownTrayIcon } from '@heroicons/react/24/outline'\n\nexport type ChatDocumentMessageProps = {\n  documentID: number | string\n  documentName: string\n  documentUrl?: string\n  onCardClick?: (event: React.MouseEvent<HTMLDivElement>, documentID: number | string) => void\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof chatDocumentMessage>\n\nconst StyledHStack = styled(HStack, chatDocumentMessage)\n\nexport const ChatDocumentMessage: FC<ChatDocumentMessageProps> = ({\n  documentID,\n  documentName,\n  onCardClick,\n  ...props\n}) => {\n  return (\n    <StyledHStack\n      onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n        if (onCardClick) {\n          onCardClick(event, documentID)\n        }\n      }}\n      {...props}\n    >\n      <HStack gap=\"space-8\">\n        <Icon size=\"xs\" color=\"primary.900\">\n          <DocumentTextIcon />\n        </Icon>\n        <Text bold>{documentName}</Text>\n      </HStack>\n      <Icon size=\"xs\" color=\"primary.500\">\n        <ArrowDownTrayIcon />\n      </Icon>\n    </StyledHStack>\n  )\n}\n"],"mappings":";;;;;;;;;AAeA,IAAM,IAAe,EAAO,GAAQ,CAAmB,GAE1C,KAAqD,EAChE,eACA,iBACA,gBACA,GAAG,QAGD,kBAAC,GAAD;CACE,UAAU,MAA4C;EACpD,AAAI,KACF,EAAY,GAAO,CAAU;CAEjC;CACA,GAAI;WANN,CAQE,kBAAC,GAAD;EAAQ,KAAI;YAAZ,CACE,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,GAAD,CAAmB,CAAA;EACf,CAAA,GACN,kBAAC,GAAD;GAAM,MAAA;aAAM;EAAmB,CAAA,CACzB;KACR,kBAAC,GAAD;EAAM,MAAK;EAAK,OAAM;YACpB,kBAAC,GAAD,CAAoB,CAAA;CAChB,CAAA,CACM"}

package/dist/components/chat/ChatMessage.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.cjs","sources":["../../../src/components/chat/ChatMessage.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { chatMessage } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\nimport { ark } from '@ark-ui/react'\n\nexport const ChatMessage = styled(ark.div, chatMessage)\nexport interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {}\n"],"names":["ChatMessage","styled","ark","chatMessage"],"mappings":"kNAKaA,EAAcC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,WAAW"}
+{"version":3,"file":"ChatMessage.cjs","names":[],"sources":["../../../src/components/chat/ChatMessage.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { chatMessage } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\nimport { ark } from '@ark-ui/react'\n\nexport const ChatMessage = styled(ark.div, chatMessage)\nexport interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {}\n"],"mappings":"gIAKA,IAAa,GAAA,EAAA,EAAA,QAAqB,EAAA,IAAI,IAAK,EAAA,WAAW"}

package/dist/components/chat/ChatMessage.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.js","sources":["../../../src/components/chat/ChatMessage.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { chatMessage } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\nimport { ark } from '@ark-ui/react'\n\nexport const ChatMessage = styled(ark.div, chatMessage)\nexport interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {}\n"],"names":["ChatMessage","styled","ark","chatMessage"],"mappings":";;;;AAKO,MAAMA,IAAcC,EAAOC,EAAI,KAAKC,CAAW;"}
+{"version":3,"file":"ChatMessage.js","names":[],"sources":["../../../src/components/chat/ChatMessage.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { chatMessage } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps } from 'react'\nimport { ark } from '@ark-ui/react'\n\nexport const ChatMessage = styled(ark.div, chatMessage)\nexport interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {}\n"],"mappings":";;;;;AAKA,IAAa,IAAc,EAAO,EAAI,KAAK,CAAW"}

package/dist/components/chat/ChatProfileAvatar.cjs

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

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

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

package/dist/components/chat/ChatProfileAvatar.js

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

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

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

package/dist/components/chat/ChatTextInput.cjs

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

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

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

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

@@ -1,8 +1,8 @@
 import { TextareaProps } from '..';
-interface ChatTextInputProps extends TextareaProps {
+type ChatTextInputProps = TextareaProps & {
     minRows?: number;
     maxRows?: number;
     onSend?: (message: string) => void;
-}
+};
 export declare const ChatTextInput: React.FC<ChatTextInputProps>;
 export {};

package/dist/components/chat/ChatTextInput.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatTextInput.js","sources":["../../../src/components/chat/ChatTextInput.tsx"],"sourcesContent":["import { useRef, useEffect, useState, KeyboardEvent, ChangeEvent } from 'react'\nimport { Textarea, TextareaProps } from '~/components'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { chatTextInput } from '@stokelp/styled-system/recipes'\n\ninterface ChatTextInputProps extends TextareaProps {\n  minRows?: number\n  maxRows?: number\n  onSend?: (message: string) => void\n}\n\nconst StyledTextarea = styled(Textarea, chatTextInput)\n\nexport const ChatTextInput: React.FC<ChatTextInputProps> = ({\n  minRows = 1,\n  maxRows = 6,\n  onSend,\n  onChange,\n  ...props\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null)\n  const [value, setValue] = useState('')\n\n  const resize = () => {\n    const el = textareaRef.current\n    if (!el) return\n\n    el.style.height = 'auto'\n\n    const computed = window.getComputedStyle(el)\n    const lineHeight = parseFloat(computed.lineHeight) || 20\n    const paddingTop = parseFloat(computed.paddingTop)\n    const paddingBottom = parseFloat(computed.paddingBottom)\n\n    const minHeight = lineHeight * minRows + paddingTop + paddingBottom\n    const maxHeightPx = lineHeight * maxRows + paddingTop + paddingBottom\n\n    const scrollHeight = el.scrollHeight\n\n    const newHeight = Math.min(scrollHeight, maxHeightPx)\n    el.style.height = Math.max(newHeight, minHeight) + 'px'\n\n    el.style.overflowY = scrollHeight > maxHeightPx ? 'auto' : 'hidden'\n    el.style.scrollPaddingBottom = `${paddingBottom}px`\n  }\n\n  useEffect(() => {\n    resize()\n    const onResize = () => resize()\n    window.addEventListener('resize', onResize)\n    return () => window.removeEventListener('resize', onResize)\n  }, [value])\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      const text = value.trim()\n      if (!text) {\n        setValue('')\n        resize()\n        return\n      }\n      onSend?.(text)\n      setValue('')\n      requestAnimationFrame(() => {\n        if (textareaRef.current) textareaRef.current.style.height = 'auto'\n        resize()\n      })\n    }\n  }\n\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n    if (!props?.maxLength || e.target.value.length < props?.maxLength) {\n      setValue(e.target.value)\n      onChange?.(e)\n    }\n  }\n\n  return (\n    <StyledTextarea\n      ref={textareaRef}\n      value={value}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      rows={minRows}\n      {...props}\n    />\n  )\n}\n"],"names":["StyledTextarea","styled","Textarea","chatTextInput","ChatTextInput","minRows","maxRows","onSend","onChange","props","textareaRef","useRef","value","setValue","useState","resize","el","computed","lineHeight","paddingTop","paddingBottom","minHeight","maxHeightPx","scrollHeight","newHeight","useEffect","onResize","jsx","e","text"],"mappings":";;;;;;AAWA,MAAMA,IAAiBC,EAAOC,GAAUC,CAAa,GAExCC,IAA8C,CAAC;AAAA,EAC1D,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcC,EAAmC,IAAI,GACrD,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAE/BC,IAAS,MAAM;AACnB,UAAMC,IAAKN,EAAY;AACvB,QAAI,CAACM,EAAI;AAET,IAAAA,EAAG,MAAM,SAAS;AAElB,UAAMC,IAAW,OAAO,iBAAiBD,CAAE,GACrCE,IAAa,WAAWD,EAAS,UAAU,KAAK,IAChDE,IAAa,WAAWF,EAAS,UAAU,GAC3CG,IAAgB,WAAWH,EAAS,aAAa,GAEjDI,IAAYH,IAAab,IAAUc,IAAaC,GAChDE,IAAcJ,IAAaZ,IAAUa,IAAaC,GAElDG,IAAeP,EAAG,cAElBQ,IAAY,KAAK,IAAID,GAAcD,CAAW;AACpD,IAAAN,EAAG,MAAM,SAAS,KAAK,IAAIQ,GAAWH,CAAS,IAAI,MAEnDL,EAAG,MAAM,YAAYO,IAAeD,IAAc,SAAS,UAC3DN,EAAG,MAAM,sBAAsB,GAAGI,CAAa;AAAA,EACjD;AAEA,SAAAK,EAAU,MAAM;AACd,IAAAV,EAAA;AACA,UAAMW,IAAW,MAAMX,EAAA;AACvB,kBAAO,iBAAiB,UAAUW,CAAQ,GACnC,MAAM,OAAO,oBAAoB,UAAUA,CAAQ;AAAA,EAC5D,GAAG,CAACd,CAAK,CAAC,GA4BR,gBAAAe;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKU;AAAA,MACL,OAAAE;AAAA,MACA,UAXiB,CAACgB,MAAwC;AAC5D,SAAI,CAACnB,GAAO,aAAamB,EAAE,OAAO,MAAM,SAASnB,GAAO,eACtDI,EAASe,EAAE,OAAO,KAAK,GACvBpB,IAAWoB,CAAC;AAAA,MAEhB;AAAA,MAOI,WA9BkB,CAACA,MAA0C;AAC/D,YAAIA,EAAE,QAAQ,WAAW,CAACA,EAAE,UAAU;AACpC,UAAAA,EAAE,eAAA;AACF,gBAAMC,IAAOjB,EAAM,KAAA;AACnB,cAAI,CAACiB,GAAM;AACT,YAAAhB,EAAS,EAAE,GACXE,EAAA;AACA;AAAA,UACF;AACA,UAAAR,IAASsB,CAAI,GACbhB,EAAS,EAAE,GACX,sBAAsB,MAAM;AAC1B,YAAIH,EAAY,YAASA,EAAY,QAAQ,MAAM,SAAS,SAC5DK,EAAA;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MAeI,MAAMV;AAAA,MACL,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"ChatTextInput.js","names":[],"sources":["../../../src/components/chat/ChatTextInput.tsx"],"sourcesContent":["import { useRef, useEffect, useState, KeyboardEvent, ChangeEvent } from 'react'\nimport { Textarea, TextareaProps } from '~/components'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { chatTextInput } from '@stokelp/styled-system/recipes'\n\ntype ChatTextInputProps = TextareaProps & {\n  minRows?: number\n  maxRows?: number\n  onSend?: (message: string) => void\n}\n\nconst StyledTextarea = styled(Textarea, chatTextInput)\n\nexport const ChatTextInput: React.FC<ChatTextInputProps> = ({\n  minRows = 1,\n  maxRows = 6,\n  onSend,\n  onChange,\n  ...props\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null)\n  const [value, setValue] = useState('')\n\n  const resize = () => {\n    const el = textareaRef.current\n    if (!el) return\n\n    el.style.height = 'auto'\n\n    const computed = window.getComputedStyle(el)\n    const lineHeight = parseFloat(computed.lineHeight) || 20\n    const paddingTop = parseFloat(computed.paddingTop)\n    const paddingBottom = parseFloat(computed.paddingBottom)\n\n    const minHeight = lineHeight * minRows + paddingTop + paddingBottom\n    const maxHeightPx = lineHeight * maxRows + paddingTop + paddingBottom\n\n    const scrollHeight = el.scrollHeight\n\n    const newHeight = Math.min(scrollHeight, maxHeightPx)\n    el.style.height = Math.max(newHeight, minHeight) + 'px'\n\n    el.style.overflowY = scrollHeight > maxHeightPx ? 'auto' : 'hidden'\n    el.style.scrollPaddingBottom = `${paddingBottom}px`\n  }\n\n  useEffect(() => {\n    resize()\n    const onResize = () => resize()\n    window.addEventListener('resize', onResize)\n    return () => window.removeEventListener('resize', onResize)\n  }, [value])\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      const text = value.trim()\n      if (!text) {\n        setValue('')\n        resize()\n        return\n      }\n      onSend?.(text)\n      setValue('')\n      requestAnimationFrame(() => {\n        if (textareaRef.current) textareaRef.current.style.height = 'auto'\n        resize()\n      })\n    }\n  }\n\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n    if (!props?.maxLength || e.target.value.length < props?.maxLength) {\n      setValue(e.target.value)\n      onChange?.(e)\n    }\n  }\n\n  return (\n    <StyledTextarea\n      ref={textareaRef}\n      value={value}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      rows={minRows}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAAiB,EAAO,GAAU,CAAa,GAExC,KAA+C,EAC1D,aAAU,GACV,aAAU,GACV,WACA,aACA,GAAG,QACC;CACJ,IAAM,IAAc,EAAmC,IAAI,GACrD,CAAC,GAAO,KAAY,EAAS,EAAE,GAE/B,UAAe;EACnB,IAAM,IAAK,EAAY;EACvB,IAAI,CAAC,GAAI;EAET,EAAG,MAAM,SAAS;EAElB,IAAM,IAAW,OAAO,iBAAiB,CAAE,GACrC,IAAa,WAAW,EAAS,UAAU,KAAK,IAChD,IAAa,WAAW,EAAS,UAAU,GAC3C,IAAgB,WAAW,EAAS,aAAa,GAEjD,IAAY,IAAa,IAAU,IAAa,GAChD,IAAc,IAAa,IAAU,IAAa,GAElD,IAAe,EAAG,cAElB,IAAY,KAAK,IAAI,GAAc,CAAW;EAIpD,AAHA,EAAG,MAAM,SAAS,KAAK,IAAI,GAAW,CAAS,IAAI,MAEnD,EAAG,MAAM,YAAY,IAAe,IAAc,SAAS,UAC3D,EAAG,MAAM,sBAAsB,GAAG,EAAc;CAClD;CAkCA,OAhCA,QAAgB;EACd,EAAO;EACP,IAAM,UAAiB,EAAO;EAE9B,OADA,OAAO,iBAAiB,UAAU,CAAQ,SAC7B,OAAO,oBAAoB,UAAU,CAAQ;CAC5D,GAAG,CAAC,CAAK,CAAC,GA4BR,kBAAC,GAAD;EACE,KAAK;EACE;EACP,WAXkB,MAAwC;GAC5D,CAAI,CAAC,GAAO,aAAa,EAAE,OAAO,MAAM,SAAS,GAAO,eACtD,EAAS,EAAE,OAAO,KAAK,GACvB,IAAW,CAAC;EAEhB;EAOI,YA9BmB,MAA0C;GAC/D,IAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;IACpC,EAAE,eAAe;IACjB,IAAM,IAAO,EAAM,KAAK;IACxB,IAAI,CAAC,GAAM;KAET,AADA,EAAS,EAAE,GACX,EAAO;KACP;IACF;IAGA,AAFA,IAAS,CAAI,GACb,EAAS,EAAE,GACX,4BAA4B;KAE1B,AADI,EAAY,YAAS,EAAY,QAAQ,MAAM,SAAS,SAC5D,EAAO;IACT,CAAC;GACH;EACF;EAeI,MAAM;EACN,GAAI;CACL,CAAA;AAEL"}

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

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

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

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