@stokelp/ui 2.104.0 → 2.104.2

package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../chip/Chip.cjs"),t=require("../../icon/Icon.cjs"),n=require("../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs");let r=require("@stokelp/styled-system/jsx"),i=require("react/jsx-runtime");function a({count:a}){return!a||a<=0?null:(0,i.jsxs)(r.HStack,{gap:`space-4`,alignItems:`center`,flexShrink:0,children:[(0,i.jsx)(t.Icon,{size:`sm`,color:`grey.400`,children:(0,i.jsx)(n.default,{})}),(0,i.jsx)(e.Chip,{size:`sm`,display:`flex`,placeContent:`center`,bgColor:`error.500`,w:`size-20`,h:`size-20`,children:(0,i.jsx)(e.ChipLabel,{color:`white`,children:a})})]})}exports.MobileCardNotificationBadge=a;
+"use client";const e=require("../../chip/Chip.cjs"),t=require("../../icon/Icon.cjs"),n=require("../../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs");let r=require("@stokelp/styled-system/jsx"),i=require("react/jsx-runtime");function a({count:a}){return!a||a<=0?null:(0,i.jsxs)(r.HStack,{gap:`space-4`,alignItems:`center`,flexShrink:0,children:[(0,i.jsx)(t.Icon,{size:`sm`,color:`grey.400`,children:(0,i.jsx)(n.default,{})}),(0,i.jsx)(e.Chip,{size:`sm`,display:`flex`,placeContent:`center`,bgColor:`error.500`,w:`size-20`,h:`size-20`,children:(0,i.jsx)(e.ChipLabel,{color:`white`,children:a})})]})}exports.MobileCardNotificationBadge=a;
 //# sourceMappingURL=MobileCardNotificationBadge.cjs.map

package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardNotificationBadge.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"mappings":"+PASA,SAAgB,EAA4B,CAAE,SAA2C,CAGvF,MAFI,CAAC,GAAS,GAAS,EAAU,MAG/B,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,IAAI,UAAU,WAAW,SAAS,WAAY,WAAtD,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,qBACpB,EAAA,EAAA,KAAC,EAAA,QAAD,CAA0B,CAAA,CACtB,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,QAAQ,OAAO,aAAa,SAAS,QAAQ,YAAY,EAAE,UAAU,EAAE,oBACrF,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,MAAM,iBAAS,CAAiB,CAAA,CACvC,CAAA,CACA,GAEZ"}
+{"version":3,"file":"MobileCardNotificationBadge.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"mappings":"sTASA,SAAgB,EAA4B,CAAE,SAA2C,CAGvF,MAFI,CAAC,GAAS,GAAS,EAAU,MAG/B,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,IAAI,UAAU,WAAW,SAAS,WAAY,WAAtD,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,qBACpB,EAAA,EAAA,KAAC,EAAA,QAAD,CAA0B,CAAA,CACtB,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,QAAQ,OAAO,aAAa,SAAS,QAAQ,YAAY,EAAE,UAAU,EAAE,oBACrF,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,MAAM,iBAAS,CAAiB,CAAA,CACvC,CAAA,CACA,GAEZ"}

package/dist/components/app/mobile-card/MobileCardNotificationBadge.js

@@ -1,7 +1,7 @@
 "use client";
 import { Chip as e, ChipLabel as t } from "../../chip/Chip.js";
 import { Icon as n } from "../../icon/Icon.js";
-import r from "../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js";
+import r from "../../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js";
 import { HStack as i } from "@stokelp/styled-system/jsx";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/app/mobile-card/MobileCardNotificationBadge.tsx

package/dist/components/app/mobile-navigation/MobileNavigation.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs");let r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes");var a=e.__exportAll({Item:()=>l,ItemIcon:()=>u,ItemLabel:()=>d,Root:()=>c}),{withProvider:o,withContext:s}=t.createStyleContext(i.mobileNavigation,{dataAttr:!0}),c=o((0,r.styled)(`nav`),`root`),l=s((0,r.styled)(`a`),`item`),u=s(n.Icon,`itemIcon`,{defaultProps:{size:`sm`}}),d=s((0,r.styled)(`span`),`itemLabel`);Object.defineProperty(exports,"MobileNavigation_exports",{enumerable:!0,get:function(){return a}});
+"use client";const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs");let r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes");var a=e.__exportAll({Item:()=>u,ItemIcon:()=>d,ItemLabel:()=>f,Root:()=>l}),{withProvider:o,withContext:s}=t.createStyleContext(i.mobileNavigation,{dataAttr:!0}),c=e=>(0,r.styled)(e),l=o(c(`nav`),`root`),u=s(c(`a`),`item`),d=s(n.Icon,`itemIcon`,{defaultProps:{size:`sm`}}),f=s(c(`span`),`itemLabel`);Object.defineProperty(exports,"MobileNavigation_exports",{enumerable:!0,get:function(){return a}});
 //# sourceMappingURL=MobileNavigation.cjs.map

package/dist/components/app/mobile-navigation/MobileNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavigation.cjs","names":[],"sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"mappings":"mTAMM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEY,EAAO,GAAA,EAAA,EAAA,QAAoB,KAAK,EAAG,MAAM,EACzC,EAAO,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,MAAM,EACtC,EAAW,EAAY,EAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IACR,CACF,CAAC,EACY,EAAY,GAAA,EAAA,EAAA,QAAmB,MAAM,EAAG,WAAW"}
+{"version":3,"file":"MobileNavigation.cjs","names":[],"sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport type { StyledComponent } from '@stokelp/styled-system/types'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps, type JSX } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\n// See Table.tsx for why we pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nexport const Root = withProvider(styledTag('nav'), 'root')\nexport const Item = withContext(styledTag('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styledTag('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"mappings":"mTAOM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAGK,EAAoD,IAAA,EAAA,EAAA,QACjD,CAAG,EAEC,EAAO,EAAa,EAAU,KAAK,EAAG,MAAM,EAC5C,EAAO,EAAY,EAAU,GAAG,EAAG,MAAM,EACzC,EAAW,EAAY,EAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IACR,CACF,CAAC,EACY,EAAY,EAAY,EAAU,MAAM,EAAG,WAAW"}

package/dist/components/app/mobile-navigation/MobileNavigation.d.ts

@@ -1,11 +1,10 @@
+import { StyledComponent } from '@stokelp/styled-system/types';
 import { ComponentProps, FC } from 'react';
 import { ComponentVariants } from '../../../utils/slots';
-import { StyledComponent } from '@stokelp/styled-system/types';
 import { MobileNavigationRecipe } from '@stokelp/styled-system/recipes';
-import { IconProps } from '../../icon/Icon';
 export declare const Root: ComponentVariants<StyledComponent<"nav", {}>, MobileNavigationRecipe>;
 export declare const Item: StyledComponent<"a", {}>;
-export declare const ItemIcon: FC<IconProps>;
+export declare const ItemIcon: FC<any>;
 export declare const ItemLabel: StyledComponent<"span", {}>;
 export interface MobileNavigationProps extends ComponentProps<typeof Root> {
 }

package/dist/components/app/mobile-navigation/MobileNavigation.js

@@ -6,11 +6,11 @@ import { styled as r } from "@stokelp/styled-system/jsx";
 import { mobileNavigation as i } from "@stokelp/styled-system/recipes";
 //#region src/components/app/mobile-navigation/MobileNavigation.tsx
 var a = /* @__PURE__ */ e({
-	Item: () => l,
-	ItemIcon: () => u,
-	ItemLabel: () => d,
-	Root: () => c
-}), { withProvider: o, withContext: s } = t(i, { dataAttr: !0 }), c = o(r("nav"), "root"), l = s(r("a"), "item"), u = s(n, "itemIcon", { defaultProps: { size: "sm" } }), d = s(r("span"), "itemLabel");
+	Item: () => u,
+	ItemIcon: () => d,
+	ItemLabel: () => f,
+	Root: () => l
+}), { withProvider: o, withContext: s } = t(i, { dataAttr: !0 }), c = (e) => r(e), l = o(c("nav"), "root"), u = s(c("a"), "item"), d = s(n, "itemIcon", { defaultProps: { size: "sm" } }), f = s(c("span"), "itemLabel");
 //#endregion
 export { a as MobileNavigation_exports };
 

package/dist/components/app/mobile-navigation/MobileNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavigation.js","names":[],"sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"mappings":";;;;;;;;;;;;IAMM,EAAE,iBAAc,mBAAgB,EAAmB,GAAkB,EACzE,UAAU,GACZ,CAAC,GAEY,IAAO,EAAa,EAAO,KAAK,GAAG,MAAM,GACzC,IAAO,EAAY,EAAO,GAAG,GAAG,MAAM,GACtC,IAAW,EAAY,GAAM,YAAY,EACpD,cAAc,EACZ,MAAM,KACR,EACF,CAAC,GACY,IAAY,EAAY,EAAO,MAAM,GAAG,WAAW"}
+{"version":3,"file":"MobileNavigation.js","names":[],"sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport type { StyledComponent } from '@stokelp/styled-system/types'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps, type JSX } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\n// See Table.tsx for why we pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nexport const Root = withProvider(styledTag('nav'), 'root')\nexport const Item = withContext(styledTag('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styledTag('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"mappings":";;;;;;;;;;;;IAOM,EAAE,iBAAc,mBAAgB,EAAmB,GAAkB,EACzE,UAAU,GACZ,CAAC,GAGK,KAAoD,MACxD,EAAO,CAAG,GAEC,IAAO,EAAa,EAAU,KAAK,GAAG,MAAM,GAC5C,IAAO,EAAY,EAAU,GAAG,GAAG,MAAM,GACzC,IAAW,EAAY,GAAM,YAAY,EACpD,cAAc,EACZ,MAAM,KACR,EACF,CAAC,GACY,IAAY,EAAY,EAAU,MAAM,GAAG,WAAW"}

package/dist/components/app/navigation/AppNavigation.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/slots.cjs"),n=require("../../tag/Tag.cjs"),r=require("../../icon/Icon.cjs"),i=require("../../../node_modules/@heroicons/react/24/outline/esm/ArrowLeftCircleIcon.cjs");let a=require("@stokelp/styled-system/jsx"),o=require("@stokelp/styled-system/recipes"),s=require("react/jsx-runtime");var c=e.__exportAll({Body:()=>p,Footer:()=>b,Header:()=>f,Item:()=>m,ItemAlpha:()=>y,ItemContent:()=>g,ItemIcon:()=>v,ItemLabel:()=>_,ItemSubItems:()=>h,MiniaturizeTrigger:()=>x,Root:()=>d}),{withProvider:l,withContext:u}=t.createStyleContext(o.appNavigation,{dataAttr:!0}),d=l((0,a.styled)(`nav`),`root`,{defaultProps:{}}),f=u((0,a.styled)(`header`),`header`),p=u((0,a.styled)(`main`),`body`),m=u((0,a.styled)(`div`),`item`),h=u((0,a.styled)(`div`),`itemSubItems`),g=u((0,a.styled)(`div`),`itemContent`),_=u((0,a.styled)(`p`),`itemLabel`),v=u(r.Icon,`itemIcon`,{defaultProps:{size:`sm`}}),y=u(n.Tag,`itemAlpha`,{defaultProps:{severity:`success`}}),b=u((0,a.styled)(`footer`),`footer`),x=u((0,a.styled)(`div`),`miniaturizeTrigger`,{defaultProps:{onClick:e=>{e.preventDefault();let t=localStorage.getItem(`isMiniaturizeNav`)===`closed`?`open`:`closed`;localStorage.setItem(`isMiniaturizeNav`,t),e.currentTarget.setAttribute(`data-state`,t),window.dispatchEvent(new Event(`storage`))},className:`app-navigation__miniaturizeTrigger`,"data-state":typeof localStorage<`u`&&localStorage.getItem(`isMiniaturizeNav`)||`open`,children:(0,s.jsx)(r.Icon,{children:(0,s.jsx)(i.default,{})})}});Object.defineProperty(exports,"AppNavigation_exports",{enumerable:!0,get:function(){return c}});
+"use client";const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/slots.cjs"),n=require("../../tag/Tag.cjs"),r=require("../../icon/Icon.cjs"),i=require("../../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/node_modules/@heroicons/react/24/outline/esm/ArrowLeftCircleIcon.cjs");let a=require("@stokelp/styled-system/jsx"),o=require("@stokelp/styled-system/recipes"),s=require("react/jsx-runtime");var c=e.__exportAll({Body:()=>m,Footer:()=>x,Header:()=>p,Item:()=>h,ItemAlpha:()=>b,ItemContent:()=>_,ItemIcon:()=>y,ItemLabel:()=>v,ItemSubItems:()=>g,MiniaturizeTrigger:()=>S,Root:()=>f}),{withProvider:l,withContext:u}=t.createStyleContext(o.appNavigation,{dataAttr:!0}),d=e=>(0,a.styled)(e),f=l(d(`nav`),`root`,{defaultProps:{}}),p=u(d(`header`),`header`),m=u(d(`main`),`body`),h=u(d(`div`),`item`),g=u(d(`div`),`itemSubItems`),_=u(d(`div`),`itemContent`),v=u(d(`p`),`itemLabel`),y=u(r.Icon,`itemIcon`,{defaultProps:{size:`sm`}}),b=u(n.Tag,`itemAlpha`,{defaultProps:{severity:`success`}}),x=u(d(`footer`),`footer`),S=u(d(`div`),`miniaturizeTrigger`,{defaultProps:{onClick:e=>{e.preventDefault();let t=localStorage.getItem(`isMiniaturizeNav`)===`closed`?`open`:`closed`;localStorage.setItem(`isMiniaturizeNav`,t),e.currentTarget.setAttribute(`data-state`,t),window.dispatchEvent(new Event(`storage`))},className:`app-navigation__miniaturizeTrigger`,"data-state":typeof localStorage<`u`&&localStorage.getItem(`isMiniaturizeNav`)||`open`,children:(0,s.jsx)(r.Icon,{children:(0,s.jsx)(i.default,{})})}});Object.defineProperty(exports,"AppNavigation_exports",{enumerable:!0,get:function(){return c}});
 //# sourceMappingURL=AppNavigation.cjs.map

package/dist/components/app/navigation/AppNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigation.cjs","names":[],"sources":["../../../../src/components/app/navigation/AppNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { appNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps, type MouseEvent } from 'react'\nimport { ArrowLeftCircleIcon } from '@heroicons/react/24/outline'\nimport { Tag } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(appNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root', {\n  defaultProps: {\n    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',\n  },\n})\nexport const Header = withContext(styled('header'), 'header')\nexport const Body = withContext(styled('main'), 'body')\n\nexport const Item = withContext(styled('div'), 'item')\nexport const ItemSubItems = withContext(styled('div'), 'itemSubItems')\nexport const ItemContent = withContext(styled('div'), 'itemContent')\nexport const ItemLabel = withContext(styled('p'), 'itemLabel')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemAlpha = withContext(Tag, 'itemAlpha', {\n  defaultProps: {\n    severity: 'success',\n  },\n})\n\nexport const Footer = withContext(styled('footer'), 'footer')\n\nexport const MiniaturizeTrigger = withContext(styled('div'), 'miniaturizeTrigger', {\n  defaultProps: {\n    onClick: (e: MouseEvent<HTMLDivElement>) => {\n      e.preventDefault()\n      const currentState = localStorage.getItem('isMiniaturizeNav')\n      const newState = currentState === 'closed' ? 'open' : 'closed'\n      localStorage.setItem('isMiniaturizeNav', newState)\n      e.currentTarget.setAttribute('data-state', newState)\n      window.dispatchEvent(new Event('storage'))\n    },\n    className: 'app-navigation__miniaturizeTrigger',\n    ...{\n      'data-state': typeof localStorage !== 'undefined' ? localStorage.getItem('isMiniaturizeNav') || 'open' : 'open',\n    },\n    children: (\n      <Icon>\n        <ArrowLeftCircleIcon />\n      </Icon>\n    ),\n  },\n})\n\nexport interface AppNavigationProps extends ComponentProps<typeof Root> {}\nexport interface AppNavigationHeaderProps extends ComponentProps<typeof Header> {}\nexport interface AppNavigationBodyProps extends ComponentProps<typeof Body> {}\nexport interface AppNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface AppNavigationItemSubItemsProps extends ComponentProps<typeof ItemSubItems> {}\nexport interface AppNavigationItemContentProps extends ComponentProps<typeof ItemContent> {}\nexport type AppNavigationItemLabelProps = ComponentProps<typeof ItemLabel>\nexport interface AppNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface AppNavigationFooterProps extends ComponentProps<typeof Footer> {}\nexport interface AppNavigationMiniaturizeTriggerProps extends ComponentProps<typeof MiniaturizeTrigger> {}\n"],"mappings":"+jBAQM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,cAAe,CACtE,SAAU,EACZ,CAAC,EAEY,EAAO,GAAA,EAAA,EAAA,QAAoB,KAAK,EAAG,OAAQ,CACtD,aAAc,CAEd,CACF,CAAC,EACY,EAAS,GAAA,EAAA,EAAA,QAAmB,QAAQ,EAAG,QAAQ,EAC/C,EAAO,GAAA,EAAA,EAAA,QAAmB,MAAM,EAAG,MAAM,EAEzC,EAAO,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,MAAM,EACxC,EAAe,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,cAAc,EACxD,EAAc,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,aAAa,EACtD,EAAY,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,WAAW,EAChD,EAAW,EAAY,EAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IACR,CACF,CAAC,EACY,EAAY,EAAY,EAAA,IAAK,YAAa,CACrD,aAAc,CACZ,SAAU,SACZ,CACF,CAAC,EAEY,EAAS,GAAA,EAAA,EAAA,QAAmB,QAAQ,EAAG,QAAQ,EAE/C,EAAqB,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,qBAAsB,CACjF,aAAc,CACZ,QAAU,GAAkC,CAC1C,EAAE,eAAe,EAEjB,IAAM,EADe,aAAa,QAAQ,kBACzB,IAAiB,SAAW,OAAS,SACtD,aAAa,QAAQ,mBAAoB,CAAQ,EACjD,EAAE,cAAc,aAAa,aAAc,CAAQ,EACnD,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC,CAC3C,EACA,UAAW,qCAET,aAAc,OAAO,aAAiB,KAAc,aAAa,QAAQ,kBAAkB,GAAc,OAE3G,UACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsB,CAAA,CAClB,CAAA,CAEV,CACF,CAAC"}
+{"version":3,"file":"AppNavigation.cjs","names":[],"sources":["../../../../src/components/app/navigation/AppNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { appNavigation } from '@stokelp/styled-system/recipes'\nimport type { StyledComponent } from '@stokelp/styled-system/types'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps, type JSX, type MouseEvent } from 'react'\nimport { ArrowLeftCircleIcon } from '@heroicons/react/24/outline'\nimport { Tag } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(appNavigation, {\n  dataAttr: true,\n})\n\n// See Table.tsx for why we wrap `styled(tag)` to pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nexport const Root = withProvider(styledTag('nav'), 'root', {\n  defaultProps: {\n    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',\n  },\n})\nexport const Header = withContext(styledTag('header'), 'header')\nexport const Body = withContext(styledTag('main'), 'body')\n\nexport const Item = withContext(styledTag('div'), 'item')\nexport const ItemSubItems = withContext(styledTag('div'), 'itemSubItems')\nexport const ItemContent = withContext(styledTag('div'), 'itemContent')\nexport const ItemLabel = withContext(styledTag('p'), 'itemLabel')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemAlpha = withContext(Tag, 'itemAlpha', {\n  defaultProps: {\n    severity: 'success',\n  },\n})\n\nexport const Footer = withContext(styledTag('footer'), 'footer')\n\nexport const MiniaturizeTrigger = withContext(styledTag('div'), 'miniaturizeTrigger', {\n  defaultProps: {\n    onClick: (e: MouseEvent<HTMLDivElement>) => {\n      e.preventDefault()\n      const currentState = localStorage.getItem('isMiniaturizeNav')\n      const newState = currentState === 'closed' ? 'open' : 'closed'\n      localStorage.setItem('isMiniaturizeNav', newState)\n      e.currentTarget.setAttribute('data-state', newState)\n      window.dispatchEvent(new Event('storage'))\n    },\n    className: 'app-navigation__miniaturizeTrigger',\n    ...{\n      'data-state': typeof localStorage !== 'undefined' ? localStorage.getItem('isMiniaturizeNav') || 'open' : 'open',\n    },\n    children: (\n      <Icon>\n        <ArrowLeftCircleIcon />\n      </Icon>\n    ),\n  },\n})\n\nexport interface AppNavigationProps extends ComponentProps<typeof Root> {}\nexport interface AppNavigationHeaderProps extends ComponentProps<typeof Header> {}\nexport interface AppNavigationBodyProps extends ComponentProps<typeof Body> {}\nexport interface AppNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface AppNavigationItemSubItemsProps extends ComponentProps<typeof ItemSubItems> {}\nexport interface AppNavigationItemContentProps extends ComponentProps<typeof ItemContent> {}\nexport type AppNavigationItemLabelProps = ComponentProps<typeof ItemLabel>\nexport interface AppNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface AppNavigationFooterProps extends ComponentProps<typeof Footer> {}\nexport interface AppNavigationMiniaturizeTriggerProps extends ComponentProps<typeof MiniaturizeTrigger> {}\n"],"mappings":"snBASM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,cAAe,CACtE,SAAU,EACZ,CAAC,EAGK,EAAoD,IAAA,EAAA,EAAA,QACjD,CAAG,EAEC,EAAO,EAAa,EAAU,KAAK,EAAG,OAAQ,CACzD,aAAc,CAEd,CACF,CAAC,EACY,EAAS,EAAY,EAAU,QAAQ,EAAG,QAAQ,EAClD,EAAO,EAAY,EAAU,MAAM,EAAG,MAAM,EAE5C,EAAO,EAAY,EAAU,KAAK,EAAG,MAAM,EAC3C,EAAe,EAAY,EAAU,KAAK,EAAG,cAAc,EAC3D,EAAc,EAAY,EAAU,KAAK,EAAG,aAAa,EACzD,EAAY,EAAY,EAAU,GAAG,EAAG,WAAW,EACnD,EAAW,EAAY,EAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IACR,CACF,CAAC,EACY,EAAY,EAAY,EAAA,IAAK,YAAa,CACrD,aAAc,CACZ,SAAU,SACZ,CACF,CAAC,EAEY,EAAS,EAAY,EAAU,QAAQ,EAAG,QAAQ,EAElD,EAAqB,EAAY,EAAU,KAAK,EAAG,qBAAsB,CACpF,aAAc,CACZ,QAAU,GAAkC,CAC1C,EAAE,eAAe,EAEjB,IAAM,EADe,aAAa,QAAQ,kBACzB,IAAiB,SAAW,OAAS,SACtD,aAAa,QAAQ,mBAAoB,CAAQ,EACjD,EAAE,cAAc,aAAa,aAAc,CAAQ,EACnD,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC,CAC3C,EACA,UAAW,qCAET,aAAc,OAAO,aAAiB,KAAc,aAAa,QAAQ,kBAAkB,GAAc,OAE3G,UACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsB,CAAA,CAClB,CAAA,CAEV,CACF,CAAC"}

package/dist/components/app/navigation/AppNavigation.d.ts

@@ -1,8 +1,8 @@
+import { StyledComponent } from '@stokelp/styled-system/types';
 import { ComponentProps, FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { ComponentVariants } from '../../../utils/slots';
-import { StyledComponent } from '@stokelp/styled-system/types';
 import { AppNavigationRecipe } from '@stokelp/styled-system/recipes';
-import { IconProps, TagProps } from '../..';
+import { TagProps } from '../..';
 export declare const Root: ComponentVariants<StyledComponent<"nav", {}>, AppNavigationRecipe>;
 export declare const Header: StyledComponent<"header", {}>;
 export declare const Body: StyledComponent<"main", {}>;
@@ -10,7 +10,7 @@ export declare const Item: StyledComponent<"div", {}>;
 export declare const ItemSubItems: StyledComponent<"div", {}>;
 export declare const ItemContent: StyledComponent<"div", {}>;
 export declare const ItemLabel: StyledComponent<"p", {}>;
-export declare const ItemIcon: FC<IconProps>;
+export declare const ItemIcon: FC<any>;
 export declare const ItemAlpha: ForwardRefExoticComponent< TagProps & RefAttributes<HTMLDivElement>>;
 export declare const Footer: StyledComponent<"footer", {}>;
 export declare const MiniaturizeTrigger: StyledComponent<"div", {}>;

package/dist/components/app/navigation/AppNavigation.js

@@ -3,24 +3,24 @@ import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.js";
 import { createStyleContext as t } from "../../../utils/slots.js";
 import { Tag as n } from "../../tag/Tag.js";
 import { Icon as r } from "../../icon/Icon.js";
-import i from "../../../node_modules/@heroicons/react/24/outline/esm/ArrowLeftCircleIcon.js";
+import i from "../../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/node_modules/@heroicons/react/24/outline/esm/ArrowLeftCircleIcon.js";
 import { styled as a } from "@stokelp/styled-system/jsx";
 import { appNavigation as o } from "@stokelp/styled-system/recipes";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/app/navigation/AppNavigation.tsx
 var c = /* @__PURE__ */ e({
-	Body: () => p,
-	Footer: () => b,
-	Header: () => f,
-	Item: () => m,
-	ItemAlpha: () => y,
-	ItemContent: () => g,
-	ItemIcon: () => v,
-	ItemLabel: () => _,
-	ItemSubItems: () => h,
-	MiniaturizeTrigger: () => x,
-	Root: () => d
-}), { withProvider: l, withContext: u } = t(o, { dataAttr: !0 }), d = l(a("nav"), "root", { defaultProps: {} }), f = u(a("header"), "header"), p = u(a("main"), "body"), m = u(a("div"), "item"), h = u(a("div"), "itemSubItems"), g = u(a("div"), "itemContent"), _ = u(a("p"), "itemLabel"), v = u(r, "itemIcon", { defaultProps: { size: "sm" } }), y = u(n, "itemAlpha", { defaultProps: { severity: "success" } }), b = u(a("footer"), "footer"), x = u(a("div"), "miniaturizeTrigger", { defaultProps: {
+	Body: () => m,
+	Footer: () => x,
+	Header: () => p,
+	Item: () => h,
+	ItemAlpha: () => b,
+	ItemContent: () => _,
+	ItemIcon: () => y,
+	ItemLabel: () => v,
+	ItemSubItems: () => g,
+	MiniaturizeTrigger: () => S,
+	Root: () => f
+}), { withProvider: l, withContext: u } = t(o, { dataAttr: !0 }), d = (e) => a(e), f = l(d("nav"), "root", { defaultProps: {} }), p = u(d("header"), "header"), m = u(d("main"), "body"), h = u(d("div"), "item"), g = u(d("div"), "itemSubItems"), _ = u(d("div"), "itemContent"), v = u(d("p"), "itemLabel"), y = u(r, "itemIcon", { defaultProps: { size: "sm" } }), b = u(n, "itemAlpha", { defaultProps: { severity: "success" } }), x = u(d("footer"), "footer"), S = u(d("div"), "miniaturizeTrigger", { defaultProps: {
 	onClick: (e) => {
 		e.preventDefault();
 		let t = localStorage.getItem("isMiniaturizeNav") === "closed" ? "open" : "closed";

package/dist/components/app/navigation/AppNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigation.js","names":[],"sources":["../../../../src/components/app/navigation/AppNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { appNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps, type MouseEvent } from 'react'\nimport { ArrowLeftCircleIcon } from '@heroicons/react/24/outline'\nimport { Tag } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(appNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root', {\n  defaultProps: {\n    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',\n  },\n})\nexport const Header = withContext(styled('header'), 'header')\nexport const Body = withContext(styled('main'), 'body')\n\nexport const Item = withContext(styled('div'), 'item')\nexport const ItemSubItems = withContext(styled('div'), 'itemSubItems')\nexport const ItemContent = withContext(styled('div'), 'itemContent')\nexport const ItemLabel = withContext(styled('p'), 'itemLabel')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemAlpha = withContext(Tag, 'itemAlpha', {\n  defaultProps: {\n    severity: 'success',\n  },\n})\n\nexport const Footer = withContext(styled('footer'), 'footer')\n\nexport const MiniaturizeTrigger = withContext(styled('div'), 'miniaturizeTrigger', {\n  defaultProps: {\n    onClick: (e: MouseEvent<HTMLDivElement>) => {\n      e.preventDefault()\n      const currentState = localStorage.getItem('isMiniaturizeNav')\n      const newState = currentState === 'closed' ? 'open' : 'closed'\n      localStorage.setItem('isMiniaturizeNav', newState)\n      e.currentTarget.setAttribute('data-state', newState)\n      window.dispatchEvent(new Event('storage'))\n    },\n    className: 'app-navigation__miniaturizeTrigger',\n    ...{\n      'data-state': typeof localStorage !== 'undefined' ? localStorage.getItem('isMiniaturizeNav') || 'open' : 'open',\n    },\n    children: (\n      <Icon>\n        <ArrowLeftCircleIcon />\n      </Icon>\n    ),\n  },\n})\n\nexport interface AppNavigationProps extends ComponentProps<typeof Root> {}\nexport interface AppNavigationHeaderProps extends ComponentProps<typeof Header> {}\nexport interface AppNavigationBodyProps extends ComponentProps<typeof Body> {}\nexport interface AppNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface AppNavigationItemSubItemsProps extends ComponentProps<typeof ItemSubItems> {}\nexport interface AppNavigationItemContentProps extends ComponentProps<typeof ItemContent> {}\nexport type AppNavigationItemLabelProps = ComponentProps<typeof ItemLabel>\nexport interface AppNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface AppNavigationFooterProps extends ComponentProps<typeof Footer> {}\nexport interface AppNavigationMiniaturizeTriggerProps extends ComponentProps<typeof MiniaturizeTrigger> {}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAQM,EAAE,iBAAc,mBAAgB,EAAmB,GAAe,EACtE,UAAU,GACZ,CAAC,GAEY,IAAO,EAAa,EAAO,KAAK,GAAG,QAAQ,EACtD,cAAc,CAEd,EACF,CAAC,GACY,IAAS,EAAY,EAAO,QAAQ,GAAG,QAAQ,GAC/C,IAAO,EAAY,EAAO,MAAM,GAAG,MAAM,GAEzC,IAAO,EAAY,EAAO,KAAK,GAAG,MAAM,GACxC,IAAe,EAAY,EAAO,KAAK,GAAG,cAAc,GACxD,IAAc,EAAY,EAAO,KAAK,GAAG,aAAa,GACtD,IAAY,EAAY,EAAO,GAAG,GAAG,WAAW,GAChD,IAAW,EAAY,GAAM,YAAY,EACpD,cAAc,EACZ,MAAM,KACR,EACF,CAAC,GACY,IAAY,EAAY,GAAK,aAAa,EACrD,cAAc,EACZ,UAAU,UACZ,EACF,CAAC,GAEY,IAAS,EAAY,EAAO,QAAQ,GAAG,QAAQ,GAE/C,IAAqB,EAAY,EAAO,KAAK,GAAG,sBAAsB,EACjF,cAAc;CACZ,UAAU,MAAkC;EAC1C,EAAE,eAAe;EAEjB,IAAM,IADe,aAAa,QAAQ,kBACzB,MAAiB,WAAW,SAAS;EAGtD,AAFA,aAAa,QAAQ,oBAAoB,CAAQ,GACjD,EAAE,cAAc,aAAa,cAAc,CAAQ,GACnD,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC;CAC3C;CACA,WAAW;CAET,cAAc,OAAO,eAAiB,OAAc,aAAa,QAAQ,kBAAkB,KAAc;CAE3G,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAsB,CAAA,EAClB,CAAA;AAEV,EACF,CAAC"}
+{"version":3,"file":"AppNavigation.js","names":[],"sources":["../../../../src/components/app/navigation/AppNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { appNavigation } from '@stokelp/styled-system/recipes'\nimport type { StyledComponent } from '@stokelp/styled-system/types'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps, type JSX, type MouseEvent } from 'react'\nimport { ArrowLeftCircleIcon } from '@heroicons/react/24/outline'\nimport { Tag } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(appNavigation, {\n  dataAttr: true,\n})\n\n// See Table.tsx for why we wrap `styled(tag)` to pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nexport const Root = withProvider(styledTag('nav'), 'root', {\n  defaultProps: {\n    //'data-state': localStorage.getItem('isMiniaturizeNav') || 'open',\n  },\n})\nexport const Header = withContext(styledTag('header'), 'header')\nexport const Body = withContext(styledTag('main'), 'body')\n\nexport const Item = withContext(styledTag('div'), 'item')\nexport const ItemSubItems = withContext(styledTag('div'), 'itemSubItems')\nexport const ItemContent = withContext(styledTag('div'), 'itemContent')\nexport const ItemLabel = withContext(styledTag('p'), 'itemLabel')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemAlpha = withContext(Tag, 'itemAlpha', {\n  defaultProps: {\n    severity: 'success',\n  },\n})\n\nexport const Footer = withContext(styledTag('footer'), 'footer')\n\nexport const MiniaturizeTrigger = withContext(styledTag('div'), 'miniaturizeTrigger', {\n  defaultProps: {\n    onClick: (e: MouseEvent<HTMLDivElement>) => {\n      e.preventDefault()\n      const currentState = localStorage.getItem('isMiniaturizeNav')\n      const newState = currentState === 'closed' ? 'open' : 'closed'\n      localStorage.setItem('isMiniaturizeNav', newState)\n      e.currentTarget.setAttribute('data-state', newState)\n      window.dispatchEvent(new Event('storage'))\n    },\n    className: 'app-navigation__miniaturizeTrigger',\n    ...{\n      'data-state': typeof localStorage !== 'undefined' ? localStorage.getItem('isMiniaturizeNav') || 'open' : 'open',\n    },\n    children: (\n      <Icon>\n        <ArrowLeftCircleIcon />\n      </Icon>\n    ),\n  },\n})\n\nexport interface AppNavigationProps extends ComponentProps<typeof Root> {}\nexport interface AppNavigationHeaderProps extends ComponentProps<typeof Header> {}\nexport interface AppNavigationBodyProps extends ComponentProps<typeof Body> {}\nexport interface AppNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface AppNavigationItemSubItemsProps extends ComponentProps<typeof ItemSubItems> {}\nexport interface AppNavigationItemContentProps extends ComponentProps<typeof ItemContent> {}\nexport type AppNavigationItemLabelProps = ComponentProps<typeof ItemLabel>\nexport interface AppNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface AppNavigationFooterProps extends ComponentProps<typeof Footer> {}\nexport interface AppNavigationMiniaturizeTriggerProps extends ComponentProps<typeof MiniaturizeTrigger> {}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IASM,EAAE,iBAAc,mBAAgB,EAAmB,GAAe,EACtE,UAAU,GACZ,CAAC,GAGK,KAAoD,MACxD,EAAO,CAAG,GAEC,IAAO,EAAa,EAAU,KAAK,GAAG,QAAQ,EACzD,cAAc,CAEd,EACF,CAAC,GACY,IAAS,EAAY,EAAU,QAAQ,GAAG,QAAQ,GAClD,IAAO,EAAY,EAAU,MAAM,GAAG,MAAM,GAE5C,IAAO,EAAY,EAAU,KAAK,GAAG,MAAM,GAC3C,IAAe,EAAY,EAAU,KAAK,GAAG,cAAc,GAC3D,IAAc,EAAY,EAAU,KAAK,GAAG,aAAa,GACzD,IAAY,EAAY,EAAU,GAAG,GAAG,WAAW,GACnD,IAAW,EAAY,GAAM,YAAY,EACpD,cAAc,EACZ,MAAM,KACR,EACF,CAAC,GACY,IAAY,EAAY,GAAK,aAAa,EACrD,cAAc,EACZ,UAAU,UACZ,EACF,CAAC,GAEY,IAAS,EAAY,EAAU,QAAQ,GAAG,QAAQ,GAElD,IAAqB,EAAY,EAAU,KAAK,GAAG,sBAAsB,EACpF,cAAc;CACZ,UAAU,MAAkC;EAC1C,EAAE,eAAe;EAEjB,IAAM,IADe,aAAa,QAAQ,kBACzB,MAAiB,WAAW,SAAS;EAGtD,AAFA,aAAa,QAAQ,oBAAoB,CAAQ,GACjD,EAAE,cAAc,aAAa,cAAc,CAAQ,GACnD,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC;CAC3C;CACA,WAAW;CAET,cAAc,OAAO,eAAiB,OAAc,aAAa,QAAQ,kBAAkB,KAAc;CAE3G,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAsB,CAAA,EAClB,CAAA;AAEV,EACF,CAAC"}

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

@@ -1,10 +1,14 @@
-import { Avatar, PolymorphicProps } from '@ark-ui/react';
-import { ComponentProps, ReactNode, ForwardRefExoticComponent, ClassAttributes, HTMLAttributes, RefAttributes } from 'react';
+import { Avatar } from '@ark-ui/react';
+import { ComponentProps, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/types';
-import { AvatarGroupVariantProps, AvatarRecipe } from '@stokelp/styled-system/recipes';
 import { ComponentVariants } from '../../utils/slots';
-declare const InnerGroup: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, AvatarGroupVariantProps>;
-export declare const Group: ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+import { AvatarRecipe } from '@stokelp/styled-system/recipes';
+declare const InnerGroup: StyledComponent<any, {
+    [x: string]: unknown;
+    [x: number]: unknown;
+    size?: unknown;
+}>;
+export declare const Group: ForwardRefExoticComponent<any>;
 export declare const Root: ComponentVariants<StyledComponent<ForwardRefExoticComponent<Avatar.RootProps & RefAttributes<HTMLDivElement>>, {}>, AvatarRecipe>;
 export declare const Image: StyledComponent<ForwardRefExoticComponent<Avatar.ImageProps & RefAttributes<HTMLImageElement>>, {}>;
 export declare const Fallback: StyledComponent<ForwardRefExoticComponent<Avatar.FallbackProps & RefAttributes<HTMLSpanElement>>, {}>;

package/dist/components/breadcrumb/Breadcrumb.cjs

@@ -1,2 +1,2 @@
-"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;
+"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=e=>(0,r.styled)(e),d=c(u(`nav`),`root`),f=l(u(`ol`),`list`),p=l(u(`li`),`item`),m=l((0,r.styled)(n.ark.a),`link`),h=(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`})}),g=(0,a.forwardRef)(({children:e,separator:t=h,...n},r)=>{let i=a.Children.toArray(s.isFragment(e)?void 0:e);return(0,o.jsx)(d,{...n,"aria-label":n[`aria-label`]??`breadcrumb`,ref:r,children:(0,o.jsx)(f,{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=g,exports.BreadcrumbItem=p,exports.BreadcrumbLink=m;
 //# sourceMappingURL=Breadcrumb.cjs.map

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

@@ -1 +1 @@
-{"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"}
+{"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 type { StyledComponent } from '@stokelp/styled-system/types'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, type JSX, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\n// See Table.tsx for why we pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nconst StyledBreadcrumb = withProvider(styledTag('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styledTag('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styledTag('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":"oTAQA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,UAAU,EAG7D,EAAoD,IAAA,EAAA,EAAA,QACjD,CAAG,EAEN,EAAmB,EAAa,EAAU,KAAK,EAAG,MAAM,EACxD,EAAuB,EAAY,EAAU,IAAI,EAAG,MAAM,EAEnD,EAAiB,EAAY,EAAU,IAAI,EAAG,MAAM,EACpD,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

@@ -1,11 +1,11 @@
+import { StyledComponent } from '@stokelp/styled-system/types';
 import { ComponentProps, FC, ReactNode, ForwardRefExoticComponent, ClassAttributes, AnchorHTMLAttributes } from 'react';
 import { ComponentVariants } from '../../utils/slots';
-import { StyledComponent } from '@stokelp/styled-system/types';
 import { BreadcrumbRecipe } from '@stokelp/styled-system/recipes';
 import { PolymorphicProps } from '@ark-ui/react';
 declare const StyledBreadcrumb: ComponentVariants<StyledComponent<"nav", {}>, BreadcrumbRecipe>;
 export declare const BreadcrumbItem: StyledComponent<"li", {}>;
-export declare const BreadcrumbLink: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLAnchorElement> & AnchorHTMLAttributes<HTMLAnchorElement> & PolymorphicProps>, {}>;
+export declare const BreadcrumbLink: StyledComponent< ForwardRefExoticComponent< ClassAttributes<HTMLAnchorElement> & AnchorHTMLAttributes<HTMLAnchorElement> & PolymorphicProps>, {}>;
 export declare const Breadcrumb: FC<BreadcrumbProps>;
 export type BreadcrumbLinkProps = ComponentProps<typeof BreadcrumbLink>;
 export type BreadcrumbItemProps = ComponentProps<typeof BreadcrumbItem>;

package/dist/components/breadcrumb/Breadcrumb.js

@@ -7,7 +7,7 @@ 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", {
+var { withProvider: d, withContext: f } = e(r), p = (e) => n(e), m = d(p("nav"), "root"), h = f(p("ol"), "list"), g = f(p("li"), "item"), _ = f(n(t.a), "link"), v = /* @__PURE__ */ c("svg", {
 	width: "16",
 	height: "16",
 	viewBox: "0 0 24 24",
@@ -19,13 +19,13 @@ var { withProvider: d, withContext: f } = e(r), p = d(n("nav"), "root"), m = f(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",
 		fill: "#1E3A76"
 	})
-}), v = o(({ children: e, separator: t = _, ...n }, r) => {
+}), y = o(({ children: e, separator: t = v, ...n }, r) => {
 	let o = i.toArray(u.isFragment(e) ? void 0 : e);
-	return /* @__PURE__ */ c(p, {
+	return /* @__PURE__ */ c(m, {
 		...n,
 		"aria-label": n["aria-label"] ?? "breadcrumb",
 		ref: r,
-		children: /* @__PURE__ */ c(m, { children: o.map((e, n) => a(e, {
+		children: /* @__PURE__ */ c(h, { 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",
@@ -35,6 +35,6 @@ var { withProvider: d, withContext: f } = e(r), p = d(n("nav"), "root"), m = f(n
 	});
 });
 //#endregion
-export { v as Breadcrumb, h as BreadcrumbItem, g as BreadcrumbLink };
+export { y as Breadcrumb, g as BreadcrumbItem, _ as BreadcrumbLink };
 
 //# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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 type { StyledComponent } from '@stokelp/styled-system/types'\nimport { createStyleContext } from '~/utils/slots'\nimport { ark } from '@ark-ui/react'\nimport * as ReactIs from 'react-is'\nimport { Children, cloneElement, ComponentProps, type FC, forwardRef, type JSX, ReactElement, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(breadcrumb)\n\n// See Table.tsx for why we pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nconst StyledBreadcrumb = withProvider(styledTag('nav'), 'root')\nconst StyledBreadcrumbList = withContext(styledTag('ol'), 'list')\n\nexport const BreadcrumbItem = withContext(styledTag('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":";;;;;;;;;AAQA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAU,GAG7D,KAAoD,MACxD,EAAO,CAAG,GAEN,IAAmB,EAAa,EAAU,KAAK,GAAG,MAAM,GACxD,IAAuB,EAAY,EAAU,IAAI,GAAG,MAAM,GAEnD,IAAiB,EAAY,EAAU,IAAI,GAAG,MAAM,GACpD,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.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Button.cjs","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button, type ButtonVariantProps } from '@stokelp/styled-system/recipes'\nimport type { JsxStyleProps } from '@stokelp/styled-system/types'\nimport type { ComponentProps, JSX } from 'react'\n\n// We need three things from the Button typing:\n// 1. Native `<button>` HTML attrs (including a properly-typed onClick event)\n// 2. ark's polymorphic `asChild` prop\n// 3. The button recipe's variant props\n//\n// `styled(ark.button, button)` runtime is correct, but TS d.ts emit widens\n// the inferred component type and consumers lose onClick typing (TS7006).\n// This explicit cast pins all three layers.\ntype ButtonComponentProps = HTMLArkProps<'button'> & JsxStyleProps & ButtonVariantProps\ntype ButtonComponent = ((props: ButtonComponentProps) => JSX.Element) & { displayName?: string }\n\nexport const Button = styled(ark.button, button) as unknown as ButtonComponent\nexport type ButtonProps = ComponentProps<typeof Button>\n"],"mappings":"gIAiBA,IAAa,GAAA,EAAA,EAAA,QAAgB,EAAA,IAAI,OAAQ,EAAA,MAAM"}

package/dist/components/button/Button.d.ts

@@ -1,7 +1,11 @@
-import { ComponentProps, ForwardRefExoticComponent, ClassAttributes, ButtonHTMLAttributes } from 'react';
-import { StyledComponent } from '@stokelp/styled-system/types';
-import { PolymorphicProps } from '@ark-ui/react';
+import { HTMLArkProps } from '@ark-ui/react';
 import { ButtonVariantProps } from '@stokelp/styled-system/recipes';
-export declare const Button: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & PolymorphicProps>, ButtonVariantProps>;
-export interface ButtonProps extends ComponentProps<typeof Button> {
-}
+import { JsxStyleProps } from '@stokelp/styled-system/types';
+import { ComponentProps, JSX } from 'react';
+type ButtonComponentProps = HTMLArkProps<'button'> & JsxStyleProps & ButtonVariantProps;
+type ButtonComponent = ((props: ButtonComponentProps) => JSX.Element) & {
+    displayName?: string;
+};
+export declare const Button: ButtonComponent;
+export type ButtonProps = ComponentProps<typeof Button>;
+export {};

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { button, type ButtonVariantProps } from '@stokelp/styled-system/recipes'\nimport type { JsxStyleProps } from '@stokelp/styled-system/types'\nimport type { ComponentProps, JSX } from 'react'\n\n// We need three things from the Button typing:\n// 1. Native `<button>` HTML attrs (including a properly-typed onClick event)\n// 2. ark's polymorphic `asChild` prop\n// 3. The button recipe's variant props\n//\n// `styled(ark.button, button)` runtime is correct, but TS d.ts emit widens\n// the inferred component type and consumers lose onClick typing (TS7006).\n// This explicit cast pins all three layers.\ntype ButtonComponentProps = HTMLArkProps<'button'> & JsxStyleProps & ButtonVariantProps\ntype ButtonComponent = ((props: ButtonComponentProps) => JSX.Element) & { displayName?: string }\n\nexport const Button = styled(ark.button, button) as unknown as ButtonComponent\nexport type ButtonProps = ComponentProps<typeof Button>\n"],"mappings":";;;;;AAiBA,IAAa,IAAS,EAAO,EAAI,QAAQ,CAAM"}

package/dist/components/button-filter/ButtonFilter.d.ts

@@ -1,7 +1,8 @@
-import { ComponentProps, ForwardRefExoticComponent, ClassAttributes, ButtonHTMLAttributes } from 'react';
+import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/types';
-import { PolymorphicProps } from '@ark-ui/react';
-import { ButtonFilterVariantProps } from '@stokelp/styled-system/recipes';
-export declare const ButtonFilter: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & PolymorphicProps>, ButtonFilterVariantProps>;
+export declare const ButtonFilter: StyledComponent<any, {
+    [x: string]: unknown;
+    [x: number]: unknown;
+}>;
 export interface ButtonFilterProps extends ComponentProps<typeof ButtonFilter> {
 }

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

@@ -1,5 +1,5 @@
 import { FC, ReactElement, ForwardRefExoticComponent, ClassAttributes, HTMLAttributes } from 'react';
-import { chat, ChatRecipe, ChatMessageVariantProps } from '@stokelp/styled-system/recipes';
+import { chat, ChatRecipe } from '@stokelp/styled-system/recipes';
 import { ChatMessageProps } from './ChatMessage.tsx';
 import { ChatDocumentMessageProps } from './ChatDocumentMessage.tsx';
 import { HTMLStyledProps, RecipeVariantProps, StyledComponent } from '@stokelp/styled-system/types';
@@ -7,9 +7,14 @@ import { ChatProfileAvatarProps } from './ChatProfileAvatar.tsx';
 import { ComponentVariants } from '../../utils/slots.tsx';
 import { PolymorphicProps } from '@ark-ui/react';
 export declare const MessageContainer: ComponentVariants<ForwardRefExoticComponent< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, ChatRecipe>;
-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>;
+export declare const Message: ComponentVariants<StyledComponent<any, {
+    [x: string]: unknown;
+    [x: number]: unknown;
+    side?: unknown;
+    variant?: unknown;
+}>, ChatRecipe>;
+export declare const DocumentMessage: ComponentVariants<FC<any>, ChatRecipe>;
+export declare const ProfileAvatar: ComponentVariants<FC<any>, ChatRecipe>;
 type ChatRootMessage = {
     side?: 'left' | 'right' | 'center';
     children: ReactElement;

package/dist/components/chat/ChatDocumentMessage.cjs

@@ -1,2 +1,2 @@
-"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;
+"use client";const e=require("../text/Text.cjs"),t=require("../icon/Icon.cjs"),n=require("../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.cjs"),r=require("../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/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","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"}
+{"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":"+dAeA,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,8 +1,8 @@
 "use client";
 import { Text as e } from "../text/Text.js";
 import { Icon as t } from "../icon/Icon.js";
-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 n from "../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/node_modules/@heroicons/react/24/outline/esm/ArrowDownTrayIcon.js";
+import r from "../../node_modules/.pnpm/@heroicons_react@2.2.0_react@19.2.6/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";

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

@@ -1,7 +1,10 @@
-import { ComponentProps, ForwardRefExoticComponent, ClassAttributes, HTMLAttributes } from 'react';
+import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/types';
-import { PolymorphicProps } from '@ark-ui/react';
-import { ChatMessageVariantProps } from '@stokelp/styled-system/recipes';
-export declare const ChatMessage: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, ChatMessageVariantProps>;
+export declare const ChatMessage: StyledComponent<any, {
+    [x: string]: unknown;
+    [x: number]: unknown;
+    side?: unknown;
+    variant?: unknown;
+}>;
 export interface ChatMessageProps extends ComponentProps<typeof ChatMessage> {
 }

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

@@ -1,2 +1,2 @@
-"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;
+"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=e=>(0,r.styled)(e),d=c((0,r.styled)(n.Checkbox.Root)),f=l((0,r.styled)(n.Checkbox.Label),`title`),p=l(u(`div`),`content`),m=l(u(`p`),`description`),h=l((0,r.styled)(n.ark.img),`image`),g=(0,a.forwardRef)((e,a)=>{let[c,l]=i.checkboxCard.splitVariantProps(e),[u,f]=(0,r.splitCssProps)(l),{children:p,className:m,...h}=f,g=(0,i.checkboxCard)(c);return(0,o.jsxs)(d,{ref:a,className:(0,s.cx)(g.root,(0,s.css)(u),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,{})]})});g.displayName=`CheckboxCard`,exports.CheckboxCard=g,exports.CheckboxCardContent=p,exports.CheckboxCardDescription=m,exports.CheckboxCardImage=h,exports.CheckboxCardTitle=f;
 //# sourceMappingURL=CheckboxCard.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCard.cjs","names":[],"sources":["../../../src/components/checkbox-card/CheckboxCard.tsx"],"sourcesContent":["import { ark, Checkbox as ArkCheckbox, type CheckboxRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { checkboxCard, type CheckboxCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\nimport { type CheckboxProps } from '~/components/checkbox'\nimport { CheckIcon, MinusIcon } from '~/shared/assets/icons'\n\ntype StyledCheckboxRootProps = Assign<JsxStyleProps, CheckboxRootProps>\n\nexport interface CheckboxCardProps extends Omit<StyledCheckboxRootProps, 'value'>, CheckboxCardVariantProps {\n  value?: string | number\n}\n\nconst { withProvider, withContext } = createStyleContext(checkboxCard, {\n  dataAttr: true,\n})\n\nconst CheckboxCardRoot = withProvider(styled(ArkCheckbox.Root))\n\nexport const CheckboxCardTitle = withContext(styled(ArkCheckbox.Label), 'title')\nexport const CheckboxCardContent = withContext(styled('div'), 'content')\nexport const CheckboxCardDescription = withContext(styled('p'), 'description')\nexport const CheckboxCardImage = withContext(styled(ark.img), 'image')\n\nexport type CheckboxCardTitleProps = ComponentProps<typeof CheckboxCardTitle>\nexport type CheckboxCardContentProps = ComponentProps<typeof CheckboxCardContent>\nexport type CheckboxCardDescriptionProps = ComponentProps<typeof CheckboxCardDescription>\nexport type CheckboxCardImageProps = ComponentProps<typeof CheckboxCardImage>\n\nexport const CheckboxCard = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const [variantProps, checkboxProps] = checkboxCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(checkboxProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = checkboxCard(variantProps)\n\n  return (\n    <CheckboxCardRoot\n      ref={ref}\n      className={cx(styles.root, css(cssProps), className)}\n      {...rootProps}\n      value={rootProps.value as string | undefined}\n    >\n      <ArkCheckbox.Control className={styles.control}>\n        <ArkCheckbox.Indicator>\n          <CheckIcon />\n        </ArkCheckbox.Indicator>\n        <ArkCheckbox.Indicator indeterminate>\n          <MinusIcon />\n        </ArkCheckbox.Indicator>\n      </ArkCheckbox.Control>\n      {children}\n      <ArkCheckbox.HiddenInput />\n    </CheckboxCardRoot>\n  )\n})\n\nCheckboxCard.displayName = 'CheckboxCard'\n"],"mappings":"8SAgBA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,aAAc,CACrE,SAAU,EACZ,CAAC,EAEK,EAAmB,GAAA,EAAA,EAAA,QAAoB,EAAA,SAAY,IAAI,CAAC,EAEjD,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,SAAY,KAAK,EAAG,OAAO,EAClE,EAAsB,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,SAAS,EAC1D,EAA0B,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,aAAa,EAChE,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,OAAO,EAOxD,GAAA,EAAA,EAAA,aAA4D,EAAO,IAAQ,CACtF,GAAM,CAAC,EAAc,GAAiB,EAAA,aAAa,kBAAkB,CAAK,EACpE,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAa,EACpD,CAAE,WAAU,YAAW,GAAG,GAAc,EACxC,GAAA,EAAA,EAAA,cAAsB,CAAY,EAExC,OACE,EAAA,EAAA,MAAC,EAAD,CACO,MACL,WAAA,EAAA,EAAA,IAAc,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EACnD,GAAI,EACJ,MAAO,EAAU,eAJnB,EAME,EAAA,EAAA,MAAC,EAAA,SAAY,QAAb,CAAqB,UAAW,EAAO,iBAAvC,EACE,EAAA,EAAA,KAAC,EAAA,SAAY,UAAb,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACS,CAAA,GACvB,EAAA,EAAA,KAAC,EAAA,SAAY,UAAb,CAAuB,cAAA,aACrB,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACS,CAAA,CACJ,IACpB,GACD,EAAA,EAAA,KAAC,EAAA,SAAY,YAAb,CAA0B,CAAA,CACV,GAEtB,CAAC,EAED,EAAa,YAAc"}
+{"version":3,"file":"CheckboxCard.cjs","names":[],"sources":["../../../src/components/checkbox-card/CheckboxCard.tsx"],"sourcesContent":["import { ark, Checkbox as ArkCheckbox, type CheckboxRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { checkboxCard, type CheckboxCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps, StyledComponent } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef, type JSX } from 'react'\nimport { createStyleContext } from '~/utils/slots'\nimport { type CheckboxProps } from '~/components/checkbox'\nimport { CheckIcon, MinusIcon } from '~/shared/assets/icons'\n\ntype StyledCheckboxRootProps = Assign<JsxStyleProps, CheckboxRootProps>\n\nexport interface CheckboxCardProps extends Omit<StyledCheckboxRootProps, 'value'>, CheckboxCardVariantProps {\n  value?: string | number\n}\n\nconst { withProvider, withContext } = createStyleContext(checkboxCard, {\n  dataAttr: true,\n})\n\n// See Table.tsx for why we pin the literal tag.\nconst styledTag = <T extends keyof JSX.IntrinsicElements>(tag: T): StyledComponent<T, {}> =>\n  styled(tag) as StyledComponent<T, {}>\n\nconst CheckboxCardRoot = withProvider(styled(ArkCheckbox.Root))\n\nexport const CheckboxCardTitle = withContext(styled(ArkCheckbox.Label), 'title')\nexport const CheckboxCardContent = withContext(styledTag('div'), 'content')\nexport const CheckboxCardDescription = withContext(styledTag('p'), 'description')\nexport const CheckboxCardImage = withContext(styled(ark.img), 'image')\n\nexport type CheckboxCardTitleProps = ComponentProps<typeof CheckboxCardTitle>\nexport type CheckboxCardContentProps = ComponentProps<typeof CheckboxCardContent>\nexport type CheckboxCardDescriptionProps = ComponentProps<typeof CheckboxCardDescription>\nexport type CheckboxCardImageProps = ComponentProps<typeof CheckboxCardImage>\n\nexport const CheckboxCard = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const [variantProps, checkboxProps] = checkboxCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(checkboxProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = checkboxCard(variantProps)\n\n  return (\n    <CheckboxCardRoot\n      ref={ref}\n      className={cx(styles.root, css(cssProps), className)}\n      {...rootProps}\n      value={rootProps.value as string | undefined}\n    >\n      <ArkCheckbox.Control className={styles.control}>\n        <ArkCheckbox.Indicator>\n          <CheckIcon />\n        </ArkCheckbox.Indicator>\n        <ArkCheckbox.Indicator indeterminate>\n          <MinusIcon />\n        </ArkCheckbox.Indicator>\n      </ArkCheckbox.Control>\n      {children}\n      <ArkCheckbox.HiddenInput />\n    </CheckboxCardRoot>\n  )\n})\n\nCheckboxCard.displayName = 'CheckboxCard'\n"],"mappings":"8SAgBA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,aAAc,CACrE,SAAU,EACZ,CAAC,EAGK,EAAoD,IAAA,EAAA,EAAA,QACjD,CAAG,EAEN,EAAmB,GAAA,EAAA,EAAA,QAAoB,EAAA,SAAY,IAAI,CAAC,EAEjD,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,SAAY,KAAK,EAAG,OAAO,EAClE,EAAsB,EAAY,EAAU,KAAK,EAAG,SAAS,EAC7D,EAA0B,EAAY,EAAU,GAAG,EAAG,aAAa,EACnE,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,OAAO,EAOxD,GAAA,EAAA,EAAA,aAA4D,EAAO,IAAQ,CACtF,GAAM,CAAC,EAAc,GAAiB,EAAA,aAAa,kBAAkB,CAAK,EACpE,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAa,EACpD,CAAE,WAAU,YAAW,GAAG,GAAc,EACxC,GAAA,EAAA,EAAA,cAAsB,CAAY,EAExC,OACE,EAAA,EAAA,MAAC,EAAD,CACO,MACL,WAAA,EAAA,EAAA,IAAc,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EACnD,GAAI,EACJ,MAAO,EAAU,eAJnB,EAME,EAAA,EAAA,MAAC,EAAA,SAAY,QAAb,CAAqB,UAAW,EAAO,iBAAvC,EACE,EAAA,EAAA,KAAC,EAAA,SAAY,UAAb,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACS,CAAA,GACvB,EAAA,EAAA,KAAC,EAAA,SAAY,UAAb,CAAuB,cAAA,aACrB,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACS,CAAA,CACJ,IACpB,GACD,EAAA,EAAA,KAAC,EAAA,SAAY,YAAb,CAA0B,CAAA,CACV,GAEtB,CAAC,EAED,EAAa,YAAc"}

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

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

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

@@ -8,9 +8,9 @@ import { forwardRef as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { css as d, cx as f } from "@stokelp/styled-system/css";
 //#region src/components/checkbox-card/CheckboxCard.tsx
-var { withProvider: p, withContext: m } = e(s, { dataAttr: !0 }), h = p(o(r.Root)), g = m(o(r.Label), "title"), _ = m(o("div"), "content"), v = m(o("p"), "description"), y = m(o(i.img), "image"), b = c((e, i) => {
-	let [o, c] = s.splitVariantProps(e), [p, m] = a(c), { children: g, className: _, ...v } = m, y = s(o);
-	return /* @__PURE__ */ u(h, {
+var { withProvider: p, withContext: m } = e(s, { dataAttr: !0 }), h = (e) => o(e), g = p(o(r.Root)), _ = m(o(r.Label), "title"), v = m(h("div"), "content"), y = m(h("p"), "description"), b = m(o(i.img), "image"), x = c((e, i) => {
+	let [o, c] = s.splitVariantProps(e), [p, m] = a(c), { children: h, className: _, ...v } = m, y = s(o);
+	return /* @__PURE__ */ u(g, {
 		ref: i,
 		className: f(y.root, d(p), _),
 		...v,
@@ -23,13 +23,13 @@ var { withProvider: p, withContext: m } = e(s, { dataAttr: !0 }), h = p(o(r.Root
 					children: /* @__PURE__ */ l(n, {})
 				})]
 			}),
-			g,
+			h,
 			/* @__PURE__ */ l(r.HiddenInput, {})
 		]
 	});
 });
-b.displayName = "CheckboxCard";
+x.displayName = "CheckboxCard";
 //#endregion
-export { b as CheckboxCard, _ as CheckboxCardContent, v as CheckboxCardDescription, y as CheckboxCardImage, g as CheckboxCardTitle };
+export { x as CheckboxCard, v as CheckboxCardContent, y as CheckboxCardDescription, b as CheckboxCardImage, _ as CheckboxCardTitle };
 
 //# sourceMappingURL=CheckboxCard.js.map