@cryptlex/web-components 6.7.9 → 6.7.10

package/dist/components/alert.d.ts

@@ -2,8 +2,8 @@ import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { CtxIcon } from './icons';
 export declare const alertVariants: (props?: ({
-    variant?: "warning" | "success" | "destructive" | "default" | "neutral" | null | undefined;
+    variant?: "destructive" | "success" | "warning" | "neutral" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare function Alert({ children, className, variant, icon, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & {
     icon?: CtxIcon;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/alert.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as s}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";import{classNames as u}from"../utilities/theme.js";import{IcInfo as l,IcWarning as m,IcCheck as d,IcError as f}from"./icons.js";import"clsx";import"@icons-pack/react-simple-icons";import"react";const p=o("rounded-md transition-colors bg-surface-primary border p-icon body-sm inline-flex items-start gap-2 w-full sm:w-auto",{variants:{variant:{destructive:"text-destructive border-destructive",success:"text-success border-success",warning:"text-warning",neutral:"text-muted border-muted",default:""}},defaultVariants:{variant:"default"}}),v=e=>{switch(e){case"destructive":return f;case"success":return d;case"warning":return m;default:return l}};function N({children:e,className:a,variant:r,icon:n,...c}){const t=n??v(r);return i("div",{role:"alert",className:u(p({variant:r}),a),...c,children:[t&&s(t,{className:"inline-block size-icon shrink-0"}),s("span",{className:"inline-block flex-1 min-w-0 mt-0",children:e})]})}export{N as Alert,p as alertVariants};
-//# sourceMappingURL=alert.js.map
+import{classNames as e}from"../utilities/theme.js";import{D as t,H as n,c as r,qt as i}from"../icons.js";import"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";var c=s(`rounded-md transition-colors bg-surface-primary border p-icon body-sm inline-flex items-start gap-2 w-full sm:w-auto`,{variants:{variant:{destructive:`text-destructive border-destructive`,success:`text-success border-success`,warning:`text-warning`,neutral:`text-muted border-muted`,default:``}},defaultVariants:{variant:`default`}}),l=e=>{switch(e){case`destructive`:return t;case`success`:return r;case`warning`:return i;case`neutral`:case void 0:default:return n}};function u({children:t,className:n,variant:r,icon:i,...s}){let u=i??l(r);return o(`div`,{role:`alert`,className:e(c({variant:r}),n),...s,children:[u&&a(u,{className:`inline-block size-icon shrink-0`}),a(`span`,{className:`inline-block flex-1 min-w-0 mt-0`,children:t})]})}export{u as Alert,c as alertVariants};
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\nimport type { CtxIcon } from './icons';\nimport { IcCheck, IcError, IcInfo, IcWarning } from './icons';\n\nexport const alertVariants = cva(\n    `rounded-md transition-colors bg-surface-primary border p-icon body-sm inline-flex items-start gap-2 w-full sm:w-auto`,\n    {\n        variants: {\n            variant: {\n                destructive: 'text-destructive border-destructive',\n                success: 'text-success border-success',\n                warning: 'text-warning',\n                neutral: 'text-muted border-muted',\n                default: '',\n            },\n        },\n        defaultVariants: {\n            variant: 'default',\n        },\n    }\n);\n\n// Default icons for each variant\nconst getDefaultIcon = (variant: string | null | undefined): CtxIcon | null => {\n    switch (variant) {\n        case 'destructive':\n            return IcError;\n        case 'success':\n            return IcCheck;\n        case 'warning':\n            return IcWarning;\n        case 'neutral':\n        case undefined:\n        default:\n            return IcInfo;\n    }\n};\nexport function Alert({\n    children,\n    className,\n    variant,\n    icon,\n    ...props\n}: React.ComponentProps<'div'> &\n    VariantProps<typeof alertVariants> & {\n        icon?: CtxIcon;\n    }) {\n    // Overrides the default icon with the provided icon\n    const Icon = icon ?? getDefaultIcon(variant);\n\n    return (\n        <div role=\"alert\" className={classNames(alertVariants({ variant }), className)} {...props}>\n            {Icon && <Icon className=\"inline-block size-icon shrink-0\" />}\n            <span className=\"inline-block flex-1 min-w-0 mt-0\">{children}</span>\n        </div>\n    );\n}\n"],"names":["alertVariants","cva","getDefaultIcon","variant","IcError","IcCheck","IcWarning","IcInfo","Alert","children","className","icon","props","Icon","jsxs","classNames","jsx"],"mappings":"mSAMO,MAAMA,EAAgBC,EACzB,uHACA,CACI,SAAU,CACN,QAAS,CACL,YAAa,sCACb,QAAS,8BACT,QAAS,eACT,QAAS,0BACT,QAAS,EAAA,CACb,EAEJ,gBAAiB,CACb,QAAS,SAAA,CACb,CAER,EAGMC,EAAkBC,GAAuD,CAC3E,OAAQA,EAAA,CACJ,IAAK,cACD,OAAOC,EACX,IAAK,UACD,OAAOC,EACX,IAAK,UACD,OAAOC,EAGX,QACI,OAAOC,CAAA,CAEnB,EACO,SAASC,EAAM,CAClB,SAAAC,EACA,UAAAC,EACA,QAAAP,EACA,KAAAQ,EACA,GAAGC,CACP,EAGO,CAEH,MAAMC,EAAOF,GAAQT,EAAeC,CAAO,EAE3C,OACIW,EAAC,MAAA,CAAI,KAAK,QAAQ,UAAWC,EAAWf,EAAc,CAAE,QAAAG,CAAA,CAAS,EAAGO,CAAS,EAAI,GAAGE,EAC/E,SAAA,CAAAC,GAAQG,EAACH,EAAA,CAAK,UAAU,iCAAA,CAAkC,EAC3DG,EAAC,OAAA,CAAK,UAAU,mCAAoC,SAAAP,CAAA,CAAS,CAAA,EACjE,CAER"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\nimport type { CtxIcon } from './icons';\nimport { IcCheck, IcError, IcInfo, IcWarning } from './icons';\n\nexport const alertVariants = cva(\n    `rounded-md transition-colors bg-surface-primary border p-icon body-sm inline-flex items-start gap-2 w-full sm:w-auto`,\n    {\n        variants: {\n            variant: {\n                destructive: 'text-destructive border-destructive',\n                success: 'text-success border-success',\n                warning: 'text-warning',\n                neutral: 'text-muted border-muted',\n                default: '',\n            },\n        },\n        defaultVariants: {\n            variant: 'default',\n        },\n    }\n);\n\n// Default icons for each variant\nconst getDefaultIcon = (variant: string | null | undefined): CtxIcon | null => {\n    switch (variant) {\n        case 'destructive':\n            return IcError;\n        case 'success':\n            return IcCheck;\n        case 'warning':\n            return IcWarning;\n        case 'neutral':\n        case undefined:\n        default:\n            return IcInfo;\n    }\n};\nexport function Alert({\n    children,\n    className,\n    variant,\n    icon,\n    ...props\n}: React.ComponentProps<'div'> &\n    VariantProps<typeof alertVariants> & {\n        icon?: CtxIcon;\n    }) {\n    // Overrides the default icon with the provided icon\n    const Icon = icon ?? getDefaultIcon(variant);\n\n    return (\n        <div role=\"alert\" className={classNames(alertVariants({ variant }), className)} {...props}>\n            {Icon && <Icon className=\"inline-block size-icon shrink-0\" />}\n            <span className=\"inline-block flex-1 min-w-0 mt-0\">{children}</span>\n        </div>\n    );\n}\n"],"mappings":"wNAMA,IAAa,EAAgB,EACzB,uHACA,CACI,SAAU,CACN,QAAS,CACL,YAAa,sCACb,QAAS,8BACT,QAAS,eACT,QAAS,0BACT,QAAS,EACb,CACJ,EACA,gBAAiB,CACb,QAAS,SACb,CACJ,CACJ,EAGM,EAAkB,GAAuD,CAC3E,OAAQ,EAAR,CACI,IAAK,cACD,OAAO,EACX,IAAK,UACD,OAAO,EACX,IAAK,UACD,OAAO,EACX,IAAK,UACL,KAAK,IAAA,GACL,QACI,OAAO,CACf,CACJ,EACA,SAAgB,EAAM,CAClB,WACA,YACA,UACA,OACA,GAAG,GAIA,CAEH,IAAM,EAAO,GAAQ,EAAe,CAAO,EAE3C,OACI,EAAC,MAAD,CAAK,KAAK,QAAQ,UAAW,EAAW,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,EAApF,SAAA,CACK,GAAQ,EAAC,EAAD,CAAM,UAAU,iCAAmC,CAAA,EAC5D,EAAC,OAAD,CAAM,UAAU,mCAAoC,UAAe,CAAA,CAClE,GAEb"}

package/dist/components/autocomplete.js

@@ -1,2 +1,2 @@
-import{Autocomplete as o}from"react-aria-components";const e=o;export{e as Autocomplete};
-//# sourceMappingURL=autocomplete.js.map
+import{Autocomplete as e}from"react-aria-components";var t=e;export{t as Autocomplete};
+//# sourceMappingURL=autocomplete.js.map

package/dist/components/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sources":["../../lib/components/autocomplete.tsx"],"sourcesContent":["import { Autocomplete as AriaAutoComplete } from 'react-aria-components';\n\n/** https://react-spectrum.adobe.com/react-aria/Autocomplete.html */\nexport const Autocomplete = AriaAutoComplete;\n"],"names":["Autocomplete","AriaAutoComplete"],"mappings":"qDAGO,MAAMA,EAAeC"}
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../../lib/components/autocomplete.tsx"],"sourcesContent":["import { Autocomplete as AriaAutoComplete } from 'react-aria-components';\n\n/** https://react-spectrum.adobe.com/react-aria/Autocomplete.html */\nexport const Autocomplete = AriaAutoComplete;\n"],"mappings":"qDAGA,IAAa,EAAe"}

package/dist/components/avatar.d.ts

@@ -4,5 +4,5 @@ interface InitialString {
 export interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {
     size?: 'sm' | 'lg';
 }
-export declare function Avatar({ className, initials, size, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ className, initials, size, ...props }: AvatarProps): import("react").JSX.Element;
 export {};

package/dist/components/avatar.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{classNames as r}from"../utilities/theme.js";import"clsx";const i={sm:"size-icon",lg:"size-input"};function m({className:e,initials:n,size:o="lg",...t}){return s("div",{className:r("relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none shrink-0 overflow-hidden rounded-full",e,i[o]),...t,children:n})}export{m as Avatar};
-//# sourceMappingURL=avatar.js.map
+import{classNames as e}from"../utilities/theme.js";import{jsx as t}from"react/jsx-runtime";var n={sm:`size-icon`,lg:`size-input`};function r({className:r,initials:i,size:a=`lg`,...o}){return t(`div`,{className:e(`relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none shrink-0 overflow-hidden rounded-full`,r,n[a]),...o,children:i})}export{r as Avatar};
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../lib/components/avatar.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\ninterface InitialString {\n    initials: string[2];\n}\nconst sizeClasses = {\n    sm: 'size-icon',\n    lg: 'size-input',\n};\nexport interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {\n    size?: 'sm' | 'lg';\n}\nexport function Avatar({ className, initials, size = 'lg', ...props }: AvatarProps) {\n    return (\n        <div\n            className={classNames(\n                'relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none shrink-0 overflow-hidden rounded-full',\n                className,\n                sizeClasses[size]\n            )}\n            {...props}\n        >\n            {initials}\n        </div>\n    );\n}\n"],"names":["sizeClasses","Avatar","className","initials","size","props","jsx","classNames"],"mappings":"wGAKA,MAAMA,EAAc,CAChB,GAAI,YACJ,GAAI,YACR,EAIO,SAASC,EAAO,CAAE,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAO,KAAM,GAAGC,GAAsB,CAChF,OACIC,EAAC,MAAA,CACG,UAAWC,EACP,wKACAL,EACAF,EAAYI,CAAI,CAAA,EAEnB,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGb"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../lib/components/avatar.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\ninterface InitialString {\n    initials: string[2];\n}\nconst sizeClasses = {\n    sm: 'size-icon',\n    lg: 'size-input',\n};\nexport interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {\n    size?: 'sm' | 'lg';\n}\nexport function Avatar({ className, initials, size = 'lg', ...props }: AvatarProps) {\n    return (\n        <div\n            className={classNames(\n                'relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none shrink-0 overflow-hidden rounded-full',\n                className,\n                sizeClasses[size]\n            )}\n            {...props}\n        >\n            {initials}\n        </div>\n    );\n}\n"],"mappings":"2FAKA,IAAM,EAAc,CAChB,GAAI,YACJ,GAAI,YACR,EAIA,SAAgB,EAAO,CAAE,YAAW,WAAU,OAAO,KAAM,GAAG,GAAsB,CAChF,OACI,EAAC,MAAD,CACI,UAAW,EACP,wKACA,EACA,EAAY,EAChB,EACA,GAAI,EAEH,SAAA,CACA,CAAA,CAEb"}

package/dist/components/badge.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 export declare const badgeVariants: (props?: ({
-    variant?: "warning" | "success" | "destructive" | "neutral" | "info" | "discovery" | null | undefined;
+    variant?: "destructive" | "success" | "warning" | "neutral" | "info" | "discovery" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare function Badge({ className, children, variant, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ className, children, variant, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): React.JSX.Element;

package/dist/components/badge.js

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as t}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";import{classNames as s}from"../utilities/theme.js";import"clsx";const u=o("leading-tight body-sm px-2 relative rounded-full inline-flex gap-2 items-center justify-start select-none h-input-sm focus:outline-hidden focus:ring-1 focus:ring-ring",{variants:{variant:{success:"bg-success/8 text-success",destructive:"bg-destructive/8 text-destructive",warning:"bg-warning/8 text-warning",neutral:"bg-muted/8 text-muted",info:"bg-primary/8 text-primary",discovery:"bg-discovery/8 text-discovery"}},defaultVariants:{variant:"neutral"}}),d={success:"bg-success",destructive:"bg-destructive",warning:"bg-warning",neutral:"bg-muted",info:"bg-primary",discovery:"bg-discovery"};function b({className:r,children:n,variant:e,...i}){const a=d[e??"neutral"];return c("span",{className:s(u({variant:e}),r),...i,children:[t("span",{role:"presentation",className:s("rounded-full size-1.5",a)}),t("span",{children:n})]})}export{b as Badge,u as badgeVariants};
-//# sourceMappingURL=badge.js.map
+import{classNames as e}from"../utilities/theme.js";import"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";var i=r(`leading-tight body-sm px-2 relative rounded-full inline-flex gap-2 items-center justify-start select-none h-input-sm focus:outline-hidden focus:ring-1 focus:ring-ring`,{variants:{variant:{success:`bg-success/8 text-success`,destructive:`bg-destructive/8 text-destructive`,warning:`bg-warning/8 text-warning`,neutral:`bg-muted/8 text-muted`,info:`bg-primary/8 text-primary`,discovery:`bg-discovery/8 text-discovery`}},defaultVariants:{variant:`neutral`}}),a={success:`bg-success`,destructive:`bg-destructive`,warning:`bg-warning`,neutral:`bg-muted`,info:`bg-primary`,discovery:`bg-discovery`};function o({className:r,children:o,variant:s,...c}){let l=a[s??`neutral`];return n(`span`,{className:e(i({variant:s}),r),...c,children:[t(`span`,{role:`presentation`,className:e(`rounded-full size-1.5`,l)}),t(`span`,{children:o})]})}export{o as Badge,i as badgeVariants};
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport const badgeVariants = cva(\n    'leading-tight body-sm px-2 relative rounded-full inline-flex gap-2 items-center justify-start select-none h-input-sm focus:outline-hidden focus:ring-1 focus:ring-ring',\n    {\n        variants: {\n            variant: {\n                success: 'bg-success/8 text-success',\n                destructive: 'bg-destructive/8 text-destructive',\n                warning: 'bg-warning/8 text-warning',\n                neutral: 'bg-muted/8 text-muted',\n                info: 'bg-primary/8 text-primary',\n                discovery: 'bg-discovery/8 text-discovery',\n            },\n        },\n        defaultVariants: {\n            variant: 'neutral',\n        },\n    }\n);\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;\n\nconst dotVariants: Record<BadgeVariant, string> = {\n    success: 'bg-success',\n    destructive: 'bg-destructive',\n    warning: 'bg-warning',\n    neutral: 'bg-muted',\n    info: 'bg-primary',\n    discovery: 'bg-discovery',\n};\n\nexport function Badge({\n    className,\n    children,\n    variant,\n    ...props\n}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>) {\n    const dotClass = dotVariants[variant ?? 'neutral'];\n    return (\n        <span className={classNames(badgeVariants({ variant }), className)} {...props}>\n            <span role=\"presentation\" className={classNames('rounded-full size-1.5', dotClass)}></span>\n            {/* Contents */}\n            <span>{children}</span>\n        </span>\n    );\n}\n"],"names":["badgeVariants","cva","dotVariants","Badge","className","children","variant","props","dotClass","jsxs","classNames","jsx"],"mappings":"iKAIO,MAAMA,EAAgBC,EACzB,yKACA,CACI,SAAU,CACN,QAAS,CACL,QAAS,4BACT,YAAa,oCACb,QAAS,4BACT,QAAS,wBACT,KAAM,4BACN,UAAW,+BAAA,CACf,EAEJ,gBAAiB,CACb,QAAS,SAAA,CACb,CAER,EAIMC,EAA4C,CAC9C,QAAS,aACT,YAAa,iBACb,QAAS,aACT,QAAS,WACT,KAAM,aACN,UAAW,cACf,EAEO,SAASC,EAAM,CAClB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACP,EAAsE,CAClE,MAAMC,EAAWN,EAAYI,GAAW,SAAS,EACjD,OACIG,EAAC,OAAA,CAAK,UAAWC,EAAWV,EAAc,CAAE,QAAAM,CAAA,CAAS,EAAGF,CAAS,EAAI,GAAGG,EACpE,SAAA,CAAAI,EAAC,QAAK,KAAK,eAAe,UAAWD,EAAW,wBAAyBF,CAAQ,EAAG,EAEpFG,EAAC,QAAM,SAAAN,CAAA,CAAS,CAAA,EACpB,CAER"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport const badgeVariants = cva(\n    'leading-tight body-sm px-2 relative rounded-full inline-flex gap-2 items-center justify-start select-none h-input-sm focus:outline-hidden focus:ring-1 focus:ring-ring',\n    {\n        variants: {\n            variant: {\n                success: 'bg-success/8 text-success',\n                destructive: 'bg-destructive/8 text-destructive',\n                warning: 'bg-warning/8 text-warning',\n                neutral: 'bg-muted/8 text-muted',\n                info: 'bg-primary/8 text-primary',\n                discovery: 'bg-discovery/8 text-discovery',\n            },\n        },\n        defaultVariants: {\n            variant: 'neutral',\n        },\n    }\n);\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;\n\nconst dotVariants: Record<BadgeVariant, string> = {\n    success: 'bg-success',\n    destructive: 'bg-destructive',\n    warning: 'bg-warning',\n    neutral: 'bg-muted',\n    info: 'bg-primary',\n    discovery: 'bg-discovery',\n};\n\nexport function Badge({\n    className,\n    children,\n    variant,\n    ...props\n}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>) {\n    const dotClass = dotVariants[variant ?? 'neutral'];\n    return (\n        <span className={classNames(badgeVariants({ variant }), className)} {...props}>\n            <span role=\"presentation\" className={classNames('rounded-full size-1.5', dotClass)}></span>\n            {/* Contents */}\n            <span>{children}</span>\n        </span>\n    );\n}\n"],"mappings":"kKAIA,IAAa,EAAgB,EACzB,yKACA,CACI,SAAU,CACN,QAAS,CACL,QAAS,4BACT,YAAa,oCACb,QAAS,4BACT,QAAS,wBACT,KAAM,4BACN,UAAW,+BACf,CACJ,EACA,gBAAiB,CACb,QAAS,SACb,CACJ,CACJ,EAIM,EAA4C,CAC9C,QAAS,aACT,YAAa,iBACb,QAAS,aACT,QAAS,WACT,KAAM,aACN,UAAW,cACf,EAEA,SAAgB,EAAM,CAClB,YACA,WACA,UACA,GAAG,GAC+D,CAClE,IAAM,EAAW,EAAY,GAAW,WACxC,OACI,EAAC,OAAD,CAAM,UAAW,EAAW,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,EAAxE,SAAA,CACI,EAAC,OAAD,CAAM,KAAK,eAAe,UAAW,EAAW,wBAAyB,CAAQ,CAAS,CAAA,EAE1F,EAAC,OAAD,CAAO,UAAe,CAAA,CACpB,GAEd"}

package/dist/components/breadcrumbs.d.ts

@@ -1,6 +1,6 @@
 import { LinkProps as AriaLinkProps } from 'react-aria-components';
-export declare function Breadcrumbs({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
-export declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-export declare function BreadcrumbLink({ className, ...props }: AriaLinkProps): import("react/jsx-runtime").JSX.Element;
-export declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-export declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs({ className, ...props }: React.ComponentProps<'ol'>): import("react").JSX.Element;
+export declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
+export declare function BreadcrumbLink({ className, ...props }: AriaLinkProps): import("react").JSX.Element;
+export declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>): import("react").JSX.Element;
+export declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react").JSX.Element;

package/dist/components/breadcrumbs.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as n}from"react/jsx-runtime";import{Link as i,composeRenderProps as o}from"react-aria-components";import{classNames as s}from"../utilities/theme.js";import{IcMoreHorizontal as c,IcRight as m}from"./icons.js";import"clsx";import"@icons-pack/react-simple-icons";import"react";function b({className:e,...r}){return n("nav",{children:n("ol",{className:s("flex list-none flex-wrap items-center gap-1 break-words",e),...r})})}function h({className:e,...r}){return n("li",{className:s("flex gap-1 items-center",e),...r})}function B({className:e,...r}){return n(i,{className:o(e,t=>s("btn p-0 text-sm",t)),...r})}function z({children:e,className:r,...t}){return n("span",{role:"presentation","aria-hidden":"true",className:s("opacity-70",r),...t,children:e||n(m,{className:"size-icon"})})}function g({className:e,...r}){return a("span",{role:"presentation","aria-hidden":"true",className:s("flex size-input items-center justify-center",e),...r,children:[n(c,{className:"size-icon"}),n("span",{className:"sr-only",children:"More"})]})}export{g as BreadcrumbEllipsis,h as BreadcrumbItem,B as BreadcrumbLink,z as BreadcrumbSeparator,b as Breadcrumbs};
-//# sourceMappingURL=breadcrumbs.js.map
+import{classNames as e}from"../utilities/theme.js";import{At as t,ot as n}from"../icons.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Link as a,composeRenderProps as o}from"react-aria-components";function s({className:t,...n}){return r(`nav`,{children:r(`ol`,{className:e(`flex list-none flex-wrap items-center gap-1 break-words`,t),...n})})}function c({className:t,...n}){return r(`li`,{className:e(`flex gap-1 items-center`,t),...n})}function l({className:t,...n}){return r(a,{className:o(t,t=>e(`btn p-0 text-sm`,t)),...n})}function u({children:n,className:i,...a}){return r(`span`,{role:`presentation`,"aria-hidden":`true`,className:e(`opacity-70`,i),...a,children:n||r(t,{className:`size-icon`})})}function d({className:t,...a}){return i(`span`,{role:`presentation`,"aria-hidden":`true`,className:e(`flex size-input items-center justify-center`,t),...a,children:[r(n,{className:`size-icon`}),r(`span`,{className:`sr-only`,children:`More`})]})}export{d as BreadcrumbEllipsis,c as BreadcrumbItem,l as BreadcrumbLink,u as BreadcrumbSeparator,s as Breadcrumbs};
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import { Link as AriaLink, LinkProps as AriaLinkProps, composeRenderProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs({ className, ...props }: React.ComponentProps<'ol'>) {\n    return (\n        <nav>\n            <ol\n                className={classNames('flex list-none flex-wrap items-center gap-1 break-words', className)}\n                {...props}\n            />\n        </nav>\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('flex gap-1 items-center', className)} {...props} />;\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('btn p-0 text-sm', className))}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span role=\"presentation\" aria-hidden=\"true\" className={classNames('opacity-70', className)} {...props}>\n            {children || <IcRight className=\"size-icon\" />}\n        </span>\n    );\n}\n\nexport function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className={classNames('flex size-input items-center justify-center', className)}\n            {...props}\n        >\n            <IcMoreHorizontal className=\"size-icon\" />\n            <span className=\"sr-only\">More</span>\n        </span>\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","classNames","BreadcrumbItem","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcRight","BreadcrumbEllipsis","jsxs","IcMoreHorizontal"],"mappings":"uSAIO,SAASA,EAAY,CAAE,UAAAC,EAAW,GAAGC,GAAqC,CAC7E,SACK,MAAA,CACG,SAAAC,EAAC,KAAA,CACG,UAAWC,EAAW,0DAA2DH,CAAS,EACzF,GAAGC,CAAA,CAAA,EAEZ,CAER,CAEO,SAASG,EAAe,CAAE,UAAAJ,EAAW,GAAGC,GAAqC,CAChF,OAAOC,EAAC,MAAG,UAAWC,EAAW,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CACvF,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACI,EAAA,CACG,UAAWC,EAAmBP,EAAWA,GAAaG,EAAW,kBAAmBH,CAAS,CAAC,EAC7F,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASO,EAAoB,CAAE,SAAAC,EAAU,UAAAT,EAAW,GAAGC,GAAuC,CACjG,SACK,OAAA,CAAK,KAAK,eAAe,cAAY,OAAO,UAAWE,EAAW,aAAcH,CAAS,EAAI,GAAGC,EAC5F,SAAAQ,KAAaC,EAAA,CAAQ,UAAU,YAAY,EAChD,CAER,CAEO,SAASC,EAAmB,CAAE,UAAAX,EAAW,GAAGC,GAAuC,CACtF,OACIW,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWT,EAAW,8CAA+CH,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACW,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCX,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C"}
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import { Link as AriaLink, LinkProps as AriaLinkProps, composeRenderProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs({ className, ...props }: React.ComponentProps<'ol'>) {\n    return (\n        <nav>\n            <ol\n                className={classNames('flex list-none flex-wrap items-center gap-1 break-words', className)}\n                {...props}\n            />\n        </nav>\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('flex gap-1 items-center', className)} {...props} />;\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('btn p-0 text-sm', className))}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span role=\"presentation\" aria-hidden=\"true\" className={classNames('opacity-70', className)} {...props}>\n            {children || <IcRight className=\"size-icon\" />}\n        </span>\n    );\n}\n\nexport function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className={classNames('flex size-input items-center justify-center', className)}\n            {...props}\n        >\n            <IcMoreHorizontal className=\"size-icon\" />\n            <span className=\"sr-only\">More</span>\n        </span>\n    );\n}\n"],"mappings":"mNAIA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAqC,CAC7E,OACI,EAAC,MAAD,CAAA,SACI,EAAC,KAAD,CACI,UAAW,EAAW,0DAA2D,CAAS,EAC1F,GAAI,CACP,CAAA,CACA,CAAA,CAEb,CAEA,SAAgB,EAAe,CAAE,YAAW,GAAG,GAAqC,CAChF,OAAO,EAAC,KAAD,CAAI,UAAW,EAAW,0BAA2B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxF,CAEA,SAAgB,EAAe,CAAE,YAAW,GAAG,GAAwB,CACnE,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GAAa,EAAW,kBAAmB,CAAS,CAAC,EAC9F,GAAI,CACP,CAAA,CAET,CAEA,SAAgB,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAuC,CACjG,OACI,EAAC,OAAD,CAAM,KAAK,eAAe,cAAY,OAAO,UAAW,EAAW,aAAc,CAAS,EAAG,GAAI,EAC5F,SAAA,GAAY,EAAC,EAAD,CAAS,UAAU,WAAa,CAAA,CAC3C,CAAA,CAEd,CAEA,SAAgB,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACtF,OACI,EAAC,OAAD,CACI,KAAK,eACL,cAAY,OACZ,UAAW,EAAW,8CAA+C,CAAS,EAC9E,GAAI,EAJR,SAAA,CAMI,EAAC,EAAD,CAAkB,UAAU,WAAa,CAAA,EACzC,EAAC,OAAD,CAAM,UAAU,UAAU,SAAA,MAAU,CAAA,CAClC,GAEd"}

package/dist/components/button.d.ts

@@ -1,11 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 export declare const buttonVariants: (props?: ({
-    variant?: "primary" | "destructive" | "link" | "destructive_neutral" | "neutral" | "primary_neutral" | "ghost" | null | undefined;
-    size?: "none" | "default" | "sm" | "icon" | "icon-sm" | null | undefined;
+    variant?: "link" | "destructive" | "neutral" | "primary" | "destructive_neutral" | "primary_neutral" | "ghost" | null | undefined;
+    size?: "none" | "default" | "icon" | "sm" | "icon-sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonProps = AriaButtonProps & VariantProps<typeof buttonVariants> & {
     ref?: React.Ref<HTMLButtonElement>;
     active?: boolean;
 };
-export declare function Button({ className: additionalClasses, variant, size, children, isPending, active, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ className: additionalClasses, variant, size, children, isPending, active, ...props }: ButtonProps): import("react").JSX.Element;

package/dist/components/button.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as p,Fragment as i}from"react/jsx-runtime";import{cva as d}from"class-variance-authority";import{Button as c,composeRenderProps as a}from"react-aria-components";import{classNames as l}from"../utilities/theme.js";import{Loader as b}from"./loader.js";import"clsx";import"./icons.js";import"@icons-pack/react-simple-icons";import"react";const f=d("btn",{variants:{variant:{primary:"btn-primary",destructive:"btn-destructive",destructive_neutral:"btn-destructive-neutral",neutral:"btn-neutral",primary_neutral:"btn-primary-neutral",ghost:"btn-ghost",link:"btn-link"},size:{default:"input-dim",sm:"h-input-sm px-2 py-1 body-sm rounded-md leading-tight",icon:"size-input rounded-md","icon-sm":"size-input-sm rounded-md",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function V({className:n,variant:o,size:m,children:s,isPending:e,active:v,...u}){return r(c,{...u,className:a(n,t=>l(f({variant:o,size:m,className:t}),n)),children:a(s,t=>p(i,{children:[e&&r(b,{}),!e&&r(i,{children:t})]}))})}export{V as Button,f as buttonVariants};
-//# sourceMappingURL=button.js.map
+"use client";import{classNames as e}from"../utilities/theme.js";import{Loader as t}from"./loader.js";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import{Button as o,composeRenderProps as s}from"react-aria-components";var c=a(`btn`,{variants:{variant:{primary:`btn-primary`,destructive:`btn-destructive`,destructive_neutral:`btn-destructive-neutral`,neutral:`btn-neutral`,primary_neutral:`btn-primary-neutral`,ghost:`btn-ghost`,link:`btn-link`},size:{default:`input-dim`,sm:`h-input-sm px-2 py-1 body-sm rounded-md leading-tight`,icon:`size-input rounded-md`,"icon-sm":`size-input-sm rounded-md`,none:``}},defaultVariants:{variant:`neutral`,size:`default`}});function l({className:a,variant:l,size:u,children:d,isPending:f,active:p,...m}){return r(o,{...m,className:s(a,t=>e(c({variant:l,size:u,className:t}),a)),children:s(d,e=>i(n,{children:[f&&r(t,{}),!f&&r(n,{children:e})]}))})}export{l as Button,c as buttonVariants};
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n    variants: {\n        variant: {\n            primary: 'btn-primary',\n            destructive: 'btn-destructive',\n            destructive_neutral: 'btn-destructive-neutral',\n            neutral: 'btn-neutral',\n            primary_neutral: 'btn-primary-neutral',\n            ghost: 'btn-ghost',\n            link: 'btn-link',\n        },\n        size: {\n            default: 'input-dim',\n            sm: 'h-input-sm px-2 py-1 body-sm rounded-md leading-tight',\n            icon: 'size-input rounded-md',\n            'icon-sm': 'size-input-sm rounded-md',\n            none: '',\n        },\n    },\n    defaultVariants: {\n        variant: 'neutral',\n        size: 'default',\n    },\n});\n\nexport type ButtonProps = AriaButtonProps &\n    VariantProps<typeof buttonVariants> & {\n        ref?: React.Ref<HTMLButtonElement>;\n        active?: boolean;\n    };\n\nexport function Button({\n    className: additionalClasses,\n    variant,\n    size,\n    children,\n    isPending,\n    active,\n    ...props\n}: ButtonProps) {\n    return (\n        <AriaButton\n            {...props}\n            className={composeRenderProps(additionalClasses, className =>\n                classNames(\n                    buttonVariants({\n                        variant,\n                        size,\n                        className,\n                    }),\n                    additionalClasses\n                )\n            )}\n        >\n            {composeRenderProps(children, children => (\n                <>\n                    {isPending && <Loader />}\n                    {!isPending && <>{children}</>}\n                </>\n            ))}\n        </AriaButton>\n    );\n}\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","classNames","jsxs","Fragment","Loader"],"mappings":"gXAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,YAAa,kBACb,oBAAqB,0BACrB,QAAS,cACT,gBAAiB,sBACjB,MAAO,YACP,KAAM,UAAA,EAEV,KAAM,CACF,QAAS,YACT,GAAI,wDACJ,KAAM,wBACN,UAAW,2BACX,KAAM,EAAA,CACV,EAEJ,gBAAiB,CACb,QAAS,UACT,KAAM,SAAA,CAEd,CAAC,EAQM,SAASC,EAAO,CACnB,UAAWC,EACX,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAACC,EAAA,CACI,GAAGF,EACJ,UAAWG,EAAmBT,EAAmBU,GAC7CC,EACId,EAAe,CACX,QAAAI,EACA,KAAAC,EACA,UAAAQ,CAAA,CACH,EACDV,CAAA,CACJ,EAGH,SAAAS,EAAmBN,EAAUA,GAC1BS,EAAAC,EAAA,CACK,SAAA,CAAAT,KAAcU,EAAA,EAAO,EACrB,CAACV,GAAaG,EAAAM,EAAA,CAAG,SAAAV,CAAAA,CAAS,CAAA,EAC/B,CACH,CAAA,CAAA,CAGb"}
+{"version":3,"file":"button.js","names":[],"sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n    variants: {\n        variant: {\n            primary: 'btn-primary',\n            destructive: 'btn-destructive',\n            destructive_neutral: 'btn-destructive-neutral',\n            neutral: 'btn-neutral',\n            primary_neutral: 'btn-primary-neutral',\n            ghost: 'btn-ghost',\n            link: 'btn-link',\n        },\n        size: {\n            default: 'input-dim',\n            sm: 'h-input-sm px-2 py-1 body-sm rounded-md leading-tight',\n            icon: 'size-input rounded-md',\n            'icon-sm': 'size-input-sm rounded-md',\n            none: '',\n        },\n    },\n    defaultVariants: {\n        variant: 'neutral',\n        size: 'default',\n    },\n});\n\nexport type ButtonProps = AriaButtonProps &\n    VariantProps<typeof buttonVariants> & {\n        ref?: React.Ref<HTMLButtonElement>;\n        active?: boolean;\n    };\n\nexport function Button({\n    className: additionalClasses,\n    variant,\n    size,\n    children,\n    isPending,\n    active,\n    ...props\n}: ButtonProps) {\n    return (\n        <AriaButton\n            {...props}\n            className={composeRenderProps(additionalClasses, className =>\n                classNames(\n                    buttonVariants({\n                        variant,\n                        size,\n                        className,\n                    }),\n                    additionalClasses\n                )\n            )}\n        >\n            {composeRenderProps(children, children => (\n                <>\n                    {isPending && <Loader />}\n                    {!isPending && <>{children}</>}\n                </>\n            ))}\n        </AriaButton>\n    );\n}\n"],"mappings":"2RAMA,IAAa,EAAiB,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,YAAa,kBACb,oBAAqB,0BACrB,QAAS,cACT,gBAAiB,sBACjB,MAAO,YACP,KAAM,UACV,EACA,KAAM,CACF,QAAS,YACT,GAAI,wDACJ,KAAM,wBACN,UAAW,2BACX,KAAM,EACV,CACJ,EACA,gBAAiB,CACb,QAAS,UACT,KAAM,SACV,CACJ,CAAC,EAQD,SAAgB,EAAO,CACnB,UAAW,EACX,UACA,OACA,WACA,YACA,SACA,GAAG,GACS,CACZ,OACI,EAAC,EAAD,CACI,GAAI,EACJ,UAAW,EAAmB,EAAmB,GAC7C,EACI,EAAe,CACX,UACA,OACA,WACJ,CAAC,EACD,CACJ,CACJ,EAEC,SAAA,EAAmB,EAAU,GAC1B,EAAA,EAAA,CAAA,SAAA,CACK,GAAa,EAAC,EAAD,CAAS,CAAA,EACtB,CAAC,GAAa,EAAA,EAAA,CAAG,UAAW,CAAA,CAC/B,CAAA,CAAA,CACL,CACO,CAAA,CAEpB"}

package/dist/components/calendar.d.ts

@@ -2,25 +2,25 @@ import { CalendarCellProps as AriaCalendarCellProps, CalendarGridBodyProps as Ar
 /**
  * Calendar header with navigation buttons and month/year display.
  */
-export declare function CalendarHeading(props: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarHeading(props: React.HTMLAttributes<HTMLElement>): import("react").JSX.Element;
 /**
  * Grid container for calendar cells with proper spacing.
  */
-export declare function CalendarGrid({ className, ...props }: AriaCalendarGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarGrid({ className, ...props }: AriaCalendarGridProps): import("react").JSX.Element;
 export declare const CalendarGridHeader: (props: import('react-aria-components').CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => import('react').ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
  * Header cell displaying day of week abbreviation.
  */
-export declare function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps): import("react").JSX.Element;
 /**
  * Body container for calendar date cells.
  */
-export declare function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps): import("react").JSX.Element;
 /**
  * Individual calendar date cell with selection, hover, and availability states.
  * Automatically adapts styling for range selection contexts.
  */
-export declare function CalendarCell({ className, ...props }: AriaCalendarCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarCell({ className, ...props }: AriaCalendarCellProps): import("react").JSX.Element;
 interface CalendarProps<T extends AriaDateValue> extends AriaCalendarProps<T> {
     /** Error message to display below the calendar */
     errorMessage?: string;
@@ -33,7 +33,7 @@ interface CalendarProps<T extends AriaDateValue> extends AriaCalendarProps<T> {
  * <Calendar defaultValue={today(getLocalTimeZone())} />
  * ```
  */
-export declare function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>): import("react").JSX.Element;
 interface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {
     /** Error message to display below the calendar */
     errorMessage?: string;
@@ -51,5 +51,5 @@ interface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarP
  * />
  * ```
  */
-export declare function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/calendar.js

@@ -1,2 +1,2 @@
-"use client";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{today as b,getLocalTimeZone as v}from"@internationalized/date";import{Calendar as y,CalendarGridHeader as S,composeRenderProps as l,useLocale as G,Heading as H,CalendarGrid as N,CalendarHeaderCell as R,CalendarGridBody as $,RangeCalendarStateContext as w,CalendarCell as B,RangeCalendar as z}from"react-aria-components";import{use as E}from"react";import{Button as c,buttonVariants as I}from"./button.js";import{classNames as n}from"../utilities/theme.js";import{FormFieldError as m}from"./form.js";import{IcRight as s,IcLeft as u}from"./icons.js";import"class-variance-authority";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";import"./card.js";function f(a){let{direction:t}=G();return o("header",{className:"flex w-full items-center gap-1 px-1 pb-icon",...a,children:[e(c,{slot:"previous",size:"icon",children:t==="rtl"?e(s,{"aria-hidden":!0}):e(u,{"aria-hidden":!0})}),e(H,{className:"grow text-center body font-medium"}),e(c,{slot:"next",size:"icon",children:t==="rtl"?e(u,{"aria-hidden":!0}):e(s,{"aria-hidden":!0})})]})}function g({className:a,...t}){return e(N,{className:n(" border-separate border-spacing-x-0 border-spacing-y-1 ",a),...t})}const C=S;function h({className:a,...t}){return e(R,{className:n("w-9 body-sm font-normal text-muted-foreground",a),...t})}function x({className:a,...t}){return e($,{className:n("[&>tr>td]:p-0",a),...t})}function p({className:a,...t}){const i=!!E(w);return e(B,{className:l(a,(d,r)=>n(I({variant:"ghost",size:"icon"}),r.isDisabled&&"text-muted-foreground opacity-50",r.isSelected&&"bg-primary text-primary-foreground data-[focused]:bg-primary  data-[focused]:text-primary-foreground",r.isHovered&&r.isSelected&&(r.isSelectionStart||r.isSelectionEnd||!i)&&"data-[hovered]:bg-primary data-[hovered]:text-primary-foreground",r.isSelected&&i&&!r.isSelectionStart&&!r.isSelectionEnd&&"rounded-none bg-accent text-accent-foreground",r.isOutsideMonth&&"text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30",r.date.compare(b(v()))===0&&!r.isSelected&&"bg-accent text-accent-foreground",r.isUnavailable&&"cursor-default text-destructive ",r.isInvalid&&"bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground",d)),...t})}function K({errorMessage:a,className:t,...i}){return o(y,{className:l(t,d=>n("w-fit",d)),...i,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(x,{children:d=>e(p,{date:d})})]}),a&&e(m,{children:a})]})}function M({errorMessage:a,className:t,...i}){return o(z,{className:l(t,d=>n("w-fit",d)),...i,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(x,{children:d=>e(p,{date:d})})]}),a&&e(m,{slot:"errorMessage",children:a})]})}export{K as Calendar,p as CalendarCell,g as CalendarGrid,x as CalendarGridBody,C as CalendarGridHeader,h as CalendarHeaderCell,f as CalendarHeading,M as RangeCalendar};
-//# sourceMappingURL=calendar.js.map
+"use client";import{classNames as e}from"../utilities/theme.js";import{At as t,K as n}from"../icons.js";import{Button as r,buttonVariants as i}from"./button.js";import{FormFieldError as a}from"./form.js";import{use as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Calendar as l,CalendarCell as u,CalendarGrid as d,CalendarGridBody as f,CalendarGridHeader as p,CalendarHeaderCell as m,Heading as h,RangeCalendar as g,RangeCalendarStateContext as _,composeRenderProps as v,useLocale as y}from"react-aria-components";import{getLocalTimeZone as b,today as x}from"@internationalized/date";function S(e){let{direction:i}=y();return c(`header`,{className:`flex w-full items-center gap-1 px-1 pb-icon`,...e,children:[s(r,{slot:`previous`,size:`icon`,children:s(i===`rtl`?t:n,{"aria-hidden":!0})}),s(h,{className:`grow text-center body font-medium`}),s(r,{slot:`next`,size:`icon`,children:s(i===`rtl`?n:t,{"aria-hidden":!0})})]})}function C({className:t,...n}){return s(d,{className:e(` border-separate border-spacing-x-0 border-spacing-y-1 `,t),...n})}var w=p;function T({className:t,...n}){return s(m,{className:e(`w-9 body-sm font-normal text-muted-foreground`,t),...n})}function E({className:t,...n}){return s(f,{className:e(`[&>tr>td]:p-0`,t),...n})}function D({className:t,...n}){let r=!!o(_);return s(u,{className:v(t,(t,n)=>e(i({variant:`ghost`,size:`icon`}),n.isDisabled&&`text-muted-foreground opacity-50`,n.isSelected&&`bg-primary text-primary-foreground data-[focused]:bg-primary  data-[focused]:text-primary-foreground`,n.isHovered&&n.isSelected&&(n.isSelectionStart||n.isSelectionEnd||!r)&&`data-[hovered]:bg-primary data-[hovered]:text-primary-foreground`,n.isSelected&&r&&!n.isSelectionStart&&!n.isSelectionEnd&&`rounded-none bg-accent text-accent-foreground`,n.isOutsideMonth&&`text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30`,n.date.compare(x(b()))===0&&!n.isSelected&&`bg-accent text-accent-foreground`,n.isUnavailable&&`cursor-default text-destructive `,n.isInvalid&&`bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground`,t)),...n})}function O({errorMessage:t,className:n,...r}){return c(l,{className:v(n,t=>e(`w-fit`,t)),...r,children:[s(S,{}),c(C,{children:[s(w,{children:e=>s(T,{children:e})}),s(E,{children:e=>s(D,{date:e})})]}),t&&s(a,{children:t})]})}function k({errorMessage:t,className:n,...r}){return c(g,{className:v(n,t=>e(`w-fit`,t)),...r,children:[s(S,{}),c(C,{children:[s(w,{children:e=>s(T,{children:e})}),s(E,{children:e=>s(D,{date:e})})]}),t&&s(a,{slot:`errorMessage`,children:t})]})}export{O as Calendar,D as CalendarCell,C as CalendarGrid,E as CalendarGridBody,w as CalendarGridHeader,T as CalendarHeaderCell,S as CalendarHeading,k as RangeCalendar};
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../lib/components/calendar.tsx"],"sourcesContent":["'use client';\nimport { getLocalTimeZone, today } from '@internationalized/date';\nimport {\n    Calendar as AriaCalendar,\n    CalendarCell as AriaCalendarCell,\n    CalendarCellProps as AriaCalendarCellProps,\n    CalendarGrid as AriaCalendarGrid,\n    CalendarGridBody as AriaCalendarGridBody,\n    CalendarGridBodyProps as AriaCalendarGridBodyProps,\n    CalendarGridHeader as AriaCalendarGridHeader,\n    CalendarGridProps as AriaCalendarGridProps,\n    CalendarHeaderCell as AriaCalendarHeaderCell,\n    CalendarHeaderCellProps as AriaCalendarHeaderCellProps,\n    CalendarProps as AriaCalendarProps,\n    DateValue as AriaDateValue,\n    Heading as AriaHeading,\n    RangeCalendar as AriaRangeCalendar,\n    RangeCalendarProps as AriaRangeCalendarProps,\n    RangeCalendarStateContext as AriaRangeCalendarStateContext,\n    composeRenderProps,\n    useLocale,\n} from 'react-aria-components';\n\nimport { use } from 'react';\nimport { Button, buttonVariants } from '../components/button';\nimport { classNames } from '../utilities/theme';\nimport { FormFieldError } from './form';\nimport { IcLeft, IcRight } from './icons';\n\n/**\n * Calendar header with navigation buttons and month/year display.\n */\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n    let { direction } = useLocale();\n\n    return (\n        <header className=\"flex w-full items-center gap-1 px-1 pb-icon\" {...props}>\n            <Button slot=\"previous\" size=\"icon\">\n                {direction === 'rtl' ? <IcRight aria-hidden /> : <IcLeft aria-hidden />}\n            </Button>\n            <AriaHeading className=\"grow text-center body font-medium\" />\n            <Button slot=\"next\" size=\"icon\">\n                {direction === 'rtl' ? <IcLeft aria-hidden /> : <IcRight aria-hidden />}\n            </Button>\n        </header>\n    );\n}\n\n/**\n * Grid container for calendar cells with proper spacing.\n */\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n    return (\n        <AriaCalendarGrid\n            className={classNames(' border-separate border-spacing-x-0 border-spacing-y-1 ', className)}\n            {...props}\n        />\n    );\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\n/**\n * Header cell displaying day of week abbreviation.\n */\nexport function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps) {\n    return (\n        <AriaCalendarHeaderCell\n            className={classNames('w-9 body-sm font-normal text-muted-foreground', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body container for calendar date cells.\n */\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n    return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\n\n/**\n * Individual calendar date cell with selection, hover, and availability states.\n * Automatically adapts styling for range selection contexts.\n */\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n    const isRange = Boolean(use(AriaRangeCalendarStateContext));\n    return (\n        <AriaCalendarCell\n            className={composeRenderProps(className, (className, renderProps) =>\n                classNames(\n                    buttonVariants({ variant: 'ghost', size: 'icon' }),\n                    /* Disabled */\n                    renderProps.isDisabled && 'text-muted-foreground opacity-50',\n                    /* Selected */\n                    renderProps.isSelected &&\n                        'bg-primary text-primary-foreground data-[focused]:bg-primary  data-[focused]:text-primary-foreground',\n                    /* Hover */\n                    renderProps.isHovered &&\n                        renderProps.isSelected &&\n                        (renderProps.isSelectionStart || renderProps.isSelectionEnd || !isRange) &&\n                        'data-[hovered]:bg-primary data-[hovered]:text-primary-foreground',\n                    /* Selection Start/End */\n                    renderProps.isSelected &&\n                        isRange &&\n                        !renderProps.isSelectionStart &&\n                        !renderProps.isSelectionEnd &&\n                        'rounded-none bg-accent text-accent-foreground',\n                    /* Outside Month */\n                    renderProps.isOutsideMonth &&\n                        'text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30',\n                    /* Current Date */\n                    renderProps.date.compare(today(getLocalTimeZone())) === 0 &&\n                        !renderProps.isSelected &&\n                        'bg-accent text-accent-foreground',\n                    /* Unavailable Date */\n                    renderProps.isUnavailable && 'cursor-default text-destructive ',\n                    renderProps.isInvalid &&\n                        'bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n}\n\ninterface CalendarProps<T extends AriaDateValue> extends AriaCalendarProps<T> {\n    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for single date selection.\n *\n * @example Basic usage\n * ```tsx\n * <Calendar defaultValue={today(getLocalTimeZone())} />\n * ```\n */\nexport function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>) {\n    return (\n        <AriaCalendar className={composeRenderProps(className, className => classNames('w-fit', className))} {...props}>\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FormFieldError>{errorMessage}</FormFieldError>}\n        </AriaCalendar>\n    );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for date range selection.\n *\n * @example Basic range selection\n * ```tsx\n * <RangeCalendar\n *   defaultValue={{\n *     start: today(getLocalTimeZone()),\n *     end: today(getLocalTimeZone()).add({ days: 7 })\n *   }}\n * />\n * ```\n */\nexport function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>) {\n    return (\n        <AriaRangeCalendar\n            className={composeRenderProps(className, className => classNames('w-fit', className))}\n            {...props}\n        >\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FormFieldError slot=\"errorMessage\">{errorMessage}</FormFieldError>}\n        </AriaRangeCalendar>\n    );\n}\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","IcRight","IcLeft","AriaHeading","CalendarGrid","className","AriaCalendarGrid","classNames","CalendarGridHeader","AriaCalendarGridHeader","CalendarHeaderCell","AriaCalendarHeaderCell","CalendarGridBody","AriaCalendarGridBody","CalendarCell","isRange","use","AriaRangeCalendarStateContext","AriaCalendarCell","composeRenderProps","renderProps","buttonVariants","today","getLocalTimeZone","Calendar","errorMessage","AriaCalendar","day","date","FormFieldError","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}
+{"version":3,"file":"calendar.js","names":[],"sources":["../../lib/components/calendar.tsx"],"sourcesContent":["'use client';\nimport { getLocalTimeZone, today } from '@internationalized/date';\nimport {\n    Calendar as AriaCalendar,\n    CalendarCell as AriaCalendarCell,\n    CalendarCellProps as AriaCalendarCellProps,\n    CalendarGrid as AriaCalendarGrid,\n    CalendarGridBody as AriaCalendarGridBody,\n    CalendarGridBodyProps as AriaCalendarGridBodyProps,\n    CalendarGridHeader as AriaCalendarGridHeader,\n    CalendarGridProps as AriaCalendarGridProps,\n    CalendarHeaderCell as AriaCalendarHeaderCell,\n    CalendarHeaderCellProps as AriaCalendarHeaderCellProps,\n    CalendarProps as AriaCalendarProps,\n    DateValue as AriaDateValue,\n    Heading as AriaHeading,\n    RangeCalendar as AriaRangeCalendar,\n    RangeCalendarProps as AriaRangeCalendarProps,\n    RangeCalendarStateContext as AriaRangeCalendarStateContext,\n    composeRenderProps,\n    useLocale,\n} from 'react-aria-components';\n\nimport { use } from 'react';\nimport { Button, buttonVariants } from '../components/button';\nimport { classNames } from '../utilities/theme';\nimport { FormFieldError } from './form';\nimport { IcLeft, IcRight } from './icons';\n\n/**\n * Calendar header with navigation buttons and month/year display.\n */\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n    let { direction } = useLocale();\n\n    return (\n        <header className=\"flex w-full items-center gap-1 px-1 pb-icon\" {...props}>\n            <Button slot=\"previous\" size=\"icon\">\n                {direction === 'rtl' ? <IcRight aria-hidden /> : <IcLeft aria-hidden />}\n            </Button>\n            <AriaHeading className=\"grow text-center body font-medium\" />\n            <Button slot=\"next\" size=\"icon\">\n                {direction === 'rtl' ? <IcLeft aria-hidden /> : <IcRight aria-hidden />}\n            </Button>\n        </header>\n    );\n}\n\n/**\n * Grid container for calendar cells with proper spacing.\n */\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n    return (\n        <AriaCalendarGrid\n            className={classNames(' border-separate border-spacing-x-0 border-spacing-y-1 ', className)}\n            {...props}\n        />\n    );\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\n/**\n * Header cell displaying day of week abbreviation.\n */\nexport function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps) {\n    return (\n        <AriaCalendarHeaderCell\n            className={classNames('w-9 body-sm font-normal text-muted-foreground', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body container for calendar date cells.\n */\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n    return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\n\n/**\n * Individual calendar date cell with selection, hover, and availability states.\n * Automatically adapts styling for range selection contexts.\n */\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n    const isRange = Boolean(use(AriaRangeCalendarStateContext));\n    return (\n        <AriaCalendarCell\n            className={composeRenderProps(className, (className, renderProps) =>\n                classNames(\n                    buttonVariants({ variant: 'ghost', size: 'icon' }),\n                    /* Disabled */\n                    renderProps.isDisabled && 'text-muted-foreground opacity-50',\n                    /* Selected */\n                    renderProps.isSelected &&\n                        'bg-primary text-primary-foreground data-[focused]:bg-primary  data-[focused]:text-primary-foreground',\n                    /* Hover */\n                    renderProps.isHovered &&\n                        renderProps.isSelected &&\n                        (renderProps.isSelectionStart || renderProps.isSelectionEnd || !isRange) &&\n                        'data-[hovered]:bg-primary data-[hovered]:text-primary-foreground',\n                    /* Selection Start/End */\n                    renderProps.isSelected &&\n                        isRange &&\n                        !renderProps.isSelectionStart &&\n                        !renderProps.isSelectionEnd &&\n                        'rounded-none bg-accent text-accent-foreground',\n                    /* Outside Month */\n                    renderProps.isOutsideMonth &&\n                        'text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30',\n                    /* Current Date */\n                    renderProps.date.compare(today(getLocalTimeZone())) === 0 &&\n                        !renderProps.isSelected &&\n                        'bg-accent text-accent-foreground',\n                    /* Unavailable Date */\n                    renderProps.isUnavailable && 'cursor-default text-destructive ',\n                    renderProps.isInvalid &&\n                        'bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n}\n\ninterface CalendarProps<T extends AriaDateValue> extends AriaCalendarProps<T> {\n    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for single date selection.\n *\n * @example Basic usage\n * ```tsx\n * <Calendar defaultValue={today(getLocalTimeZone())} />\n * ```\n */\nexport function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>) {\n    return (\n        <AriaCalendar className={composeRenderProps(className, className => classNames('w-fit', className))} {...props}>\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FormFieldError>{errorMessage}</FormFieldError>}\n        </AriaCalendar>\n    );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for date range selection.\n *\n * @example Basic range selection\n * ```tsx\n * <RangeCalendar\n *   defaultValue={{\n *     start: today(getLocalTimeZone()),\n *     end: today(getLocalTimeZone()).add({ days: 7 })\n *   }}\n * />\n * ```\n */\nexport function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>) {\n    return (\n        <AriaRangeCalendar\n            className={composeRenderProps(className, className => classNames('w-fit', className))}\n            {...props}\n        >\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FormFieldError slot=\"errorMessage\">{errorMessage}</FormFieldError>}\n        </AriaRangeCalendar>\n    );\n}\n"],"mappings":"imBAgCA,SAAgB,EAAgB,EAA0C,CACtE,GAAI,CAAE,aAAc,EAAU,EAE9B,OACI,EAAC,SAAD,CAAQ,UAAU,8CAA8C,GAAI,EAApE,SAAA,CACI,EAAC,EAAD,CAAQ,KAAK,WAAW,KAAK,OACxB,SAAsB,EAAtB,IAAc,MAAS,EAA0B,EAA3B,CAAS,cAAA,EAAa,CAAyB,CAClE,CAAA,EACR,EAAC,EAAD,CAAa,UAAU,mCAAqC,CAAA,EAC5D,EAAC,EAAD,CAAQ,KAAK,OAAO,KAAK,OACpB,SAAsB,EAAtB,IAAc,MAAS,EAAyB,EAA1B,CAAQ,cAAA,EAAa,CAA0B,CAClE,CAAA,CACJ,GAEhB,CAKA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CACzE,OACI,EAAC,EAAD,CACI,UAAW,EAAW,0DAA2D,CAAS,EAC1F,GAAI,CACP,CAAA,CAET,CAEA,IAAa,EAAqB,EAKlC,SAAgB,EAAmB,CAAE,YAAW,GAAG,GAAsC,CACrF,OACI,EAAC,EAAD,CACI,UAAW,EAAW,gDAAiD,CAAS,EAChF,GAAI,CACP,CAAA,CAET,CAKA,SAAgB,EAAiB,CAAE,YAAW,GAAG,GAAoC,CACjF,OAAO,EAAC,EAAD,CAAsB,UAAW,EAAW,gBAAiB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChG,CAMA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAgC,CACzE,IAAM,EAAU,EAAQ,EAAI,CAA6B,EACzD,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,GAAY,EAAW,IACjD,EACI,EAAe,CAAE,QAAS,QAAS,KAAM,MAAO,CAAC,EAEjD,EAAY,YAAc,mCAE1B,EAAY,YACR,uGAEJ,EAAY,WACR,EAAY,aACX,EAAY,kBAAoB,EAAY,gBAAkB,CAAC,IAChE,mEAEJ,EAAY,YACR,GACA,CAAC,EAAY,kBACb,CAAC,EAAY,gBACb,gDAEJ,EAAY,gBACR,iIAEJ,EAAY,KAAK,QAAQ,EAAM,EAAiB,CAAC,CAAC,IAAM,GACpD,CAAC,EAAY,YACb,mCAEJ,EAAY,eAAiB,mCAC7B,EAAY,WACR,+LACJ,CACJ,CACJ,EACA,GAAI,CACP,CAAA,CAET,CAeA,SAAgB,EAAkC,CAAE,eAAc,YAAW,GAAG,GAA2B,CACvG,OACI,EAAC,EAAD,CAAc,UAAW,EAAmB,EAAW,GAAa,EAAW,QAAS,CAAS,CAAC,EAAG,GAAI,EAAzG,SAAA,CACI,EAAC,EAAD,CAAkB,CAAA,EAClB,EAAC,EAAD,CAAA,SAAA,CACI,EAAC,EAAD,CAAA,SAAqB,GAAO,EAAC,EAAD,CAAA,SAAqB,CAAwB,CAAA,CAAsB,CAAA,EAC/F,EAAC,EAAD,CAAA,SAAmB,GAAQ,EAAC,EAAD,CAAoB,MAAO,CAAA,CAAoB,CAAA,CAChE,CAAA,CAAA,EACb,GAAgB,EAAC,EAAD,CAAA,SAAiB,CAA6B,CAAA,CACrD,GAEtB,CAoBA,SAAgB,EAAuC,CAAE,eAAc,YAAW,GAAG,GAAgC,CACjH,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GAAa,EAAW,QAAS,CAAS,CAAC,EACpF,GAAI,EAFR,SAAA,CAII,EAAC,EAAD,CAAkB,CAAA,EAClB,EAAC,EAAD,CAAA,SAAA,CACI,EAAC,EAAD,CAAA,SAAqB,GAAO,EAAC,EAAD,CAAA,SAAqB,CAAwB,CAAA,CAAsB,CAAA,EAC/F,EAAC,EAAD,CAAA,SAAmB,GAAQ,EAAC,EAAD,CAAoB,MAAO,CAAA,CAAoB,CAAA,CAChE,CAAA,CAAA,EACb,GAAgB,EAAC,EAAD,CAAgB,KAAK,eAAgB,SAAA,CAA6B,CAAA,CACpE,GAE3B"}

package/dist/components/card.d.ts

@@ -1,7 +1,7 @@
 import type * as React from 'react';
-export declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function CardTitle({ className, ...props }: React.ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
-export declare function CardDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-export declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardTitle({ className, ...props }: React.ComponentProps<'h3'>): React.JSX.Element;
+export declare function CardDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+export declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/dist/components/card.js

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{classNames as t}from"../utilities/theme.js";import"clsx";function d({className:r,...e}){return n("div",{className:t("flex flex-col p-icon border border-border rounded-lg bg-surface-primary text-text-primary",r),...e})}function s({className:r,...e}){return n("div",{className:t("flex flex-col gap-y-1 pb-icon shrink-0",r),...e})}function c({className:r,...e}){return n("h3",{className:t("heading-3 leading-none",r),...e})}function l({className:r,...e}){return n("p",{className:t("body-sm text-muted",r),...e})}function m({className:r,...e}){return n("div",{className:t("grow body",r),...e})}function u({className:r,...e}){return n("div",{className:t("flex items-center w-full pt-icon gap-2 justify-end",r),...e})}export{d as Card,m as CardContent,l as CardDescription,u as CardFooter,s as CardHeader,c as CardTitle};
-//# sourceMappingURL=card.js.map
+import{classNames as e}from"../utilities/theme.js";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return t(`div`,{className:e(`flex flex-col p-icon border border-border rounded-lg bg-surface-primary text-text-primary`,n),...r})}function r({className:n,...r}){return t(`div`,{className:e(`flex flex-col gap-y-1 pb-icon shrink-0`,n),...r})}function i({className:n,...r}){return t(`h3`,{className:e(`heading-3 leading-none`,n),...r})}function a({className:n,...r}){return t(`p`,{className:e(`body-sm text-muted`,n),...r})}function o({className:n,...r}){return t(`div`,{className:e(`grow body`,n),...r})}function s({className:n,...r}){return t(`div`,{className:e(`flex items-center w-full pt-icon gap-2 justify-end`,n),...r})}export{n as Card,o as CardContent,a as CardDescription,s as CardFooter,r as CardHeader,i as CardTitle};
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../lib/components/card.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport function Card({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            className={classNames(\n                'flex flex-col p-icon border border-border rounded-lg bg-surface-primary text-text-primary',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex flex-col gap-y-1 pb-icon shrink-0', className)} {...props} />;\n}\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n    return <h3 className={classNames('heading-3 leading-none', className)} {...props} />;\n}\n\nexport function CardDescription({ className, ...props }: React.ComponentProps<'p'>) {\n    return <p className={classNames('body-sm text-muted', className)} {...props} />;\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('grow body', className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex items-center w-full pt-icon gap-2 justify-end', className)} {...props} />;\n}\n"],"names":["Card","className","props","jsx","classNames","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"wGAGO,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CACvE,OACIC,EAAC,MAAA,CACG,UAAWC,EACP,4FACAH,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,yCAA0CH,CAAS,EAAI,GAAGC,EAAO,CACvG,CAEO,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CAC3E,OAAOC,EAAC,MAAG,UAAWC,EAAW,yBAA0BH,CAAS,EAAI,GAAGC,EAAO,CACtF,CAEO,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAoC,CAChF,OAAOC,EAAC,KAAE,UAAWC,EAAW,qBAAsBH,CAAS,EAAI,GAAGC,EAAO,CACjF,CAEO,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CAC9E,OAAOC,EAAC,OAAI,UAAWC,EAAW,YAAaH,CAAS,EAAI,GAAGC,EAAO,CAC1E,CAEO,SAASO,EAAW,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,qDAAsDH,CAAS,EAAI,GAAGC,EAAO,CACnH"}
+{"version":3,"file":"card.js","names":[],"sources":["../../lib/components/card.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport function Card({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            className={classNames(\n                'flex flex-col p-icon border border-border rounded-lg bg-surface-primary text-text-primary',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex flex-col gap-y-1 pb-icon shrink-0', className)} {...props} />;\n}\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n    return <h3 className={classNames('heading-3 leading-none', className)} {...props} />;\n}\n\nexport function CardDescription({ className, ...props }: React.ComponentProps<'p'>) {\n    return <p className={classNames('body-sm text-muted', className)} {...props} />;\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('grow body', className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex items-center w-full pt-icon gap-2 justify-end', className)} {...props} />;\n}\n"],"mappings":"2FAGA,SAAgB,EAAK,CAAE,YAAW,GAAG,GAAsC,CACvE,OACI,EAAC,MAAD,CACI,UAAW,EACP,4FACA,CACJ,EACA,GAAI,CACP,CAAA,CAET,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAC,MAAD,CAAK,UAAW,EAAW,yCAA0C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxG,CAEA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAD,CAAI,UAAW,EAAW,yBAA0B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvF,CAEA,SAAgB,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAChF,OAAO,EAAC,IAAD,CAAG,UAAW,EAAW,qBAAsB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClF,CAEA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAsC,CAC9E,OAAO,EAAC,MAAD,CAAK,UAAW,EAAW,YAAa,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAC,MAAD,CAAK,UAAW,EAAW,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CACpH"}

package/dist/components/charts.d.ts

@@ -1,26 +1,26 @@
 import { CartesianGrid as RechartsCartesianGrid, Legend as RechartsLegend, Tooltip as RechartsTooltip, XAxis as RechartsXAxis, YAxis as RechartsYAxis, ResponsiveContainer } from 'recharts';
 export declare function formateYAxisTick(value: number): string;
-export declare function ChartXAxis({ ...props }: React.ComponentProps<typeof RechartsXAxis>): import("react/jsx-runtime").JSX.Element;
-export declare function ChartYAxis({ ...props }: React.ComponentProps<typeof RechartsYAxis>): import("react/jsx-runtime").JSX.Element;
-export declare function ChartCartesianGrid({ ...props }: React.ComponentProps<typeof RechartsCartesianGrid>): import("react/jsx-runtime").JSX.Element;
-export declare function ChartLegend({ ...props }: React.ComponentProps<typeof RechartsLegend>): import("react/jsx-runtime").JSX.Element;
-export declare function ChartTooltip({ ...props }: React.ComponentProps<typeof RechartsTooltip>): import("react/jsx-runtime").JSX.Element;
+export declare function ChartXAxis({ ...props }: React.ComponentProps<typeof RechartsXAxis>): import("react").JSX.Element;
+export declare function ChartYAxis({ ...props }: React.ComponentProps<typeof RechartsYAxis>): import("react").JSX.Element;
+export declare function ChartCartesianGrid({ ...props }: React.ComponentProps<typeof RechartsCartesianGrid>): import("react").JSX.Element;
+export declare function ChartLegend({ ...props }: React.ComponentProps<typeof RechartsLegend>): import("react").JSX.Element;
+export declare function ChartTooltip({ ...props }: React.ComponentProps<typeof RechartsTooltip>): import("react").JSX.Element;
 export declare function Linechart<T extends object>({ className, data, config, ...props }: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {
     data: T[];
     config: {
         xAxis: keyof T;
         lines: (keyof T)[];
     };
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function Barchart<T>({ className, data, config, ...props }: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {
     data: T[];
     config: {
         xAxis: keyof T;
         bars: (keyof T)[];
     };
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function PieChart<T extends Record<string, number>>({ data, variant, showLabels, ...props }: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {
     data: T;
     variant?: 'full' | 'semi';
     showLabels?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/charts.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as l}from"react/jsx-runtime";import{ResponsiveContainer as c,BarChart as b,Bar as k,CartesianGrid as v,Legend as S,Tooltip as C,XAxis as A,YAxis as L,LineChart as $,Line as z,PieChart as K,Pie as T}from"recharts";import{formatNumber as m}from"../utilities/numbers.js";function W(t){return m(t,{notation:"compact",maximumFractionDigits:2})}function u({...t}){return r(A,{axisLine:!1,tickLine:!1,tick:{fill:"var(--color-muted-foreground)",fontSize:12},...t})}function p({...t}){return r(L,{axisLine:!1,tickLine:!1,tick:{fill:"var(--color-muted-foreground)",fontSize:12},width:48,tickFormatter:W,...t})}function h({...t}){return r(v,{vertical:!1,stroke:"var(--color-border)",strokeDasharray:"3 3",...t})}function s({...t}){return r(S,{iconSize:8,iconType:"circle",formatter:e=>r("span",{style:{color:"var(--color-muted-foreground)",fontSize:12,marginLeft:4},children:e}),wrapperStyle:{paddingTop:"1rem"},...t})}function d({...t}){return r(C,{formatter:e=>typeof e=="number"?m(e):e,cursor:{fill:"var(--color-surface-tertiary)",opacity:.5},contentStyle:{backgroundColor:"var(--color-surface-primary)",border:"1px solid var(--color-border)",borderRadius:"6px",boxShadow:"0 4px 12px rgba(0,0,0,0.08)",padding:"8px 12px"},labelStyle:{color:"var(--color-text-primary)",fontWeight:"600",marginBottom:"4px",fontSize:12},itemStyle:{color:"var(--color-muted-foreground)",padding:"1px 0",fontSize:12},...t})}function j({className:t,data:e,config:o,...n}){return r(c,{...n,children:l($,{className:"body-sm",data:e,margin:{top:4,right:4,left:0,bottom:0},children:[r(h,{}),r(u,{dataKey:o.xAxis.toString()}),r(p,{}),r(d,{}),r(s,{iconType:"plainline"}),o.lines.map((a,i)=>r(z,{strokeWidth:2,type:"monotone",dataKey:a.toString(),stroke:`var(--color-chart-${i%5+1})`,dot:!1,activeDot:{r:4,strokeWidth:0}},a.toString()))]})})}function w({className:t,data:e,config:o,...n}){return r(c,{className:t,...n,children:l(b,{className:"body-sm",data:e,margin:{top:4,right:4,left:0,bottom:0},barCategoryGap:"30%",children:[r(h,{}),r(u,{dataKey:o.xAxis.toString()}),r(p,{}),r(d,{cursor:{fill:"var(--color-surface-tertiary)",opacity:.4}}),r(s,{}),o.bars.map((a,i)=>r(k,{dataKey:a.toString(),fill:`var(--color-chart-${i%5+1})`,fillOpacity:.15,stroke:`var(--color-chart-${i%5+1})`,strokeWidth:1.5,radius:[4,4,0,0]},a.toString()))]})})}function B(t){const{name:e,percent:o}=t;return`${e}: ${((typeof o=="number"?o:0)*100).toFixed(0)}%`}function D({data:t,variant:e="full",showLabels:o=!0,...n}){const a=e==="semi"?180:0,i=e==="semi"?0:360,g=e==="semi"?"100%":"50%";return r(c,{...n,children:l(K,{children:[r(d,{}),r(s,{}),r(T,{data:Object.entries(t).map(([y,x],f)=>({fill:`var(--color-chart-${f%5+1})`,fillOpacity:.75,stroke:`var(--color-chart-${f%5+1})`,strokeWidth:1.5,strokeOpacity:1,name:y,value:x})),dataKey:"value",nameKey:"name",cx:"50%",cy:g,innerRadius:"40%",paddingAngle:2,startAngle:a,endAngle:i,label:o?B:void 0,labelLine:{stroke:"var(--color-stroke-secondary)"},isAnimationActive:!0})]})})}export{w as Barchart,h as ChartCartesianGrid,s as ChartLegend,d as ChartTooltip,u as ChartXAxis,p as ChartYAxis,j as Linechart,D as PieChart,W as formateYAxisTick};
-//# sourceMappingURL=charts.js.map
+"use client";import{formatNumber as e}from"../utilities/numbers.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Bar as r,BarChart as i,CartesianGrid as a,Legend as o,Line as s,LineChart as c,Pie as l,PieChart as u,ResponsiveContainer as d,Tooltip as f,XAxis as p,YAxis as m}from"recharts";function h(t){return e(t,{notation:`compact`,maximumFractionDigits:2})}function g({...e}){return t(p,{axisLine:!1,tickLine:!1,tick:{fill:`var(--color-muted-foreground)`,fontSize:12},...e})}function _({...e}){return t(m,{axisLine:!1,tickLine:!1,tick:{fill:`var(--color-muted-foreground)`,fontSize:12},width:48,tickFormatter:h,...e})}function v({...e}){return t(a,{vertical:!1,stroke:`var(--color-border)`,strokeDasharray:`3 3`,...e})}function y({...e}){return t(o,{iconSize:8,iconType:`circle`,formatter:e=>t(`span`,{style:{color:`var(--color-muted-foreground)`,fontSize:12,marginLeft:4},children:e}),wrapperStyle:{paddingTop:`1rem`},...e})}function b({...n}){return t(f,{formatter:t=>typeof t==`number`?e(t):t,cursor:{fill:`var(--color-surface-tertiary)`,opacity:.5},contentStyle:{backgroundColor:`var(--color-surface-primary)`,border:`1px solid var(--color-border)`,borderRadius:`6px`,boxShadow:`0 4px 12px rgba(0,0,0,0.08)`,padding:`8px 12px`},labelStyle:{color:`var(--color-text-primary)`,fontWeight:`600`,marginBottom:`4px`,fontSize:12},itemStyle:{color:`var(--color-muted-foreground)`,padding:`1px 0`,fontSize:12},...n})}function x({className:e,data:r,config:i,...a}){return t(d,{...a,children:n(c,{className:`body-sm`,data:r,margin:{top:4,right:4,left:0,bottom:0},children:[t(v,{}),t(g,{dataKey:i.xAxis.toString()}),t(_,{}),t(b,{}),t(y,{iconType:`plainline`}),i.lines.map((e,n)=>t(s,{strokeWidth:2,type:`monotone`,dataKey:e.toString(),stroke:`var(--color-chart-${n%5+1})`,dot:!1,activeDot:{r:4,strokeWidth:0}},e.toString()))]})})}function S({className:e,data:a,config:o,...s}){return t(d,{className:e,...s,children:n(i,{className:`body-sm`,data:a,margin:{top:4,right:4,left:0,bottom:0},barCategoryGap:`30%`,children:[t(v,{}),t(g,{dataKey:o.xAxis.toString()}),t(_,{}),t(b,{cursor:{fill:`var(--color-surface-tertiary)`,opacity:.4}}),t(y,{}),o.bars.map((e,n)=>t(r,{dataKey:e.toString(),fill:`var(--color-chart-${n%5+1})`,fillOpacity:.15,stroke:`var(--color-chart-${n%5+1})`,strokeWidth:1.5,radius:[4,4,0,0]},e.toString()))]})})}function C(e){let{name:t,percent:n}=e;return`${t}: ${((typeof n==`number`?n:0)*100).toFixed(0)}%`}function w({data:e,variant:r=`full`,showLabels:i=!0,...a}){let o=r===`semi`?180:0,s=r===`semi`?0:360,c=r===`semi`?`100%`:`50%`;return t(d,{...a,children:n(u,{children:[t(b,{}),t(y,{}),t(l,{data:Object.entries(e).map(([e,t],n)=>({fill:`var(--color-chart-${n%5+1})`,fillOpacity:.75,stroke:`var(--color-chart-${n%5+1})`,strokeWidth:1.5,strokeOpacity:1,name:e,value:t})),dataKey:`value`,nameKey:`name`,cx:`50%`,cy:c,innerRadius:`40%`,paddingAngle:2,startAngle:o,endAngle:s,label:i?C:void 0,labelLine:{stroke:`var(--color-stroke-secondary)`},isAnimationActive:!0})]})})}export{S as Barchart,v as ChartCartesianGrid,y as ChartLegend,b as ChartTooltip,g as ChartXAxis,_ as ChartYAxis,x as Linechart,w as PieChart,h as formateYAxisTick};
+//# sourceMappingURL=charts.js.map

package/dist/components/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","sources":["../../lib/components/charts.tsx"],"sourcesContent":["'use client';\nimport {\n    Bar,\n    BarChart,\n    Line,\n    LineChart,\n    Pie,\n    CartesianGrid as RechartsCartesianGrid,\n    Legend as RechartsLegend,\n    PieChart as RechartsPieChart,\n    Tooltip as RechartsTooltip,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    ResponsiveContainer,\n    type PieLabelRenderProps,\n} from 'recharts';\nimport { formatNumber } from '../utilities/numbers';\n\nexport function formateYAxisTick(value: number) {\n    return formatNumber(value, {\n        notation: 'compact',\n        maximumFractionDigits: 2,\n    });\n}\n\nexport function ChartXAxis({ ...props }: React.ComponentProps<typeof RechartsXAxis>) {\n    return (\n        <RechartsXAxis\n            axisLine={false}\n            tickLine={false}\n            tick={{ fill: 'var(--color-muted-foreground)', fontSize: 12 }}\n            {...props}\n        />\n    );\n}\n\nexport function ChartYAxis({ ...props }: React.ComponentProps<typeof RechartsYAxis>) {\n    return (\n        <RechartsYAxis\n            axisLine={false}\n            tickLine={false}\n            tick={{ fill: 'var(--color-muted-foreground)', fontSize: 12 }}\n            width={48}\n            tickFormatter={formateYAxisTick}\n            {...props}\n        />\n    );\n}\n\nexport function ChartCartesianGrid({ ...props }: React.ComponentProps<typeof RechartsCartesianGrid>) {\n    return <RechartsCartesianGrid vertical={false} stroke=\"var(--color-border)\" strokeDasharray=\"3 3\" {...props} />;\n}\n\nexport function ChartLegend({ ...props }: React.ComponentProps<typeof RechartsLegend>) {\n    return (\n        <RechartsLegend\n            iconSize={8}\n            iconType=\"circle\"\n            formatter={v => (\n                <span style={{ color: 'var(--color-muted-foreground)', fontSize: 12, marginLeft: 4 }}>{v}</span>\n            )}\n            wrapperStyle={{ paddingTop: '1rem' }}\n            {...props}\n        />\n    );\n}\n\nexport function ChartTooltip({ ...props }: React.ComponentProps<typeof RechartsTooltip>) {\n    return (\n        <RechartsTooltip\n            formatter={v => (typeof v === 'number' ? formatNumber(v) : v)}\n            cursor={{ fill: 'var(--color-surface-tertiary)', opacity: 0.5 }}\n            contentStyle={{\n                backgroundColor: 'var(--color-surface-primary)',\n                border: '1px solid var(--color-border)',\n                borderRadius: '6px',\n                boxShadow: '0 4px 12px rgba(0,0,0,0.08)',\n                padding: '8px 12px',\n            }}\n            labelStyle={{\n                color: 'var(--color-text-primary)',\n                fontWeight: '600',\n                marginBottom: '4px',\n                fontSize: 12,\n            }}\n            itemStyle={{\n                color: 'var(--color-muted-foreground)',\n                padding: '1px 0',\n                fontSize: 12,\n            }}\n            {...props}\n        />\n    );\n}\n\nexport function Linechart<T extends object>({\n    className,\n    data,\n    config,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T[];\n    config: {\n        xAxis: keyof T;\n        lines: (keyof T)[];\n    };\n}) {\n    return (\n        <ResponsiveContainer {...props}>\n            <LineChart className=\"body-sm\" data={data} margin={{ top: 4, right: 4, left: 0, bottom: 0 }}>\n                <ChartCartesianGrid />\n                <ChartXAxis dataKey={config.xAxis.toString()} />\n                <ChartYAxis />\n                <ChartTooltip />\n                <ChartLegend iconType=\"plainline\" />\n                {config.lines.map((l, i) => (\n                    <Line\n                        key={l.toString()}\n                        strokeWidth={2}\n                        type=\"monotone\"\n                        dataKey={l.toString()}\n                        stroke={`var(--color-chart-${(i % 5) + 1})`}\n                        dot={false}\n                        activeDot={{ r: 4, strokeWidth: 0 }}\n                    />\n                ))}\n            </LineChart>\n        </ResponsiveContainer>\n    );\n}\n\nexport function Barchart<T>({\n    className,\n    data,\n    config,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T[];\n    config: {\n        xAxis: keyof T;\n        bars: (keyof T)[];\n    };\n}) {\n    return (\n        <ResponsiveContainer className={className} {...props}>\n            <BarChart\n                className=\"body-sm\"\n                data={data}\n                margin={{ top: 4, right: 4, left: 0, bottom: 0 }}\n                barCategoryGap=\"30%\"\n            >\n                <ChartCartesianGrid />\n                <ChartXAxis dataKey={config.xAxis.toString()} />\n                <ChartYAxis />\n                <ChartTooltip cursor={{ fill: 'var(--color-surface-tertiary)', opacity: 0.4 }} />\n                <ChartLegend />\n                {config.bars.map((b, i) => (\n                    <Bar\n                        key={b.toString()}\n                        dataKey={b.toString()}\n                        fill={`var(--color-chart-${(i % 5) + 1})`}\n                        fillOpacity={0.15}\n                        stroke={`var(--color-chart-${(i % 5) + 1})`}\n                        strokeWidth={1.5}\n                        radius={[4, 4, 0, 0]}\n                    />\n                ))}\n            </BarChart>\n        </ResponsiveContainer>\n    );\n}\n\nfunction getLabel(props: PieLabelRenderProps) {\n    const { name, percent } = props;\n    return `${name}: ${((typeof percent === 'number' ? percent : 0) * 100).toFixed(0)}%`;\n}\n\nexport function PieChart<T extends Record<string, number>>({\n    data,\n    variant = 'full',\n    showLabels = true,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T;\n    variant?: 'full' | 'semi';\n    showLabels?: boolean;\n}) {\n    const finalStartAngle = variant === 'semi' ? 180 : 0;\n    const finalEndAngle = variant === 'semi' ? 0 : 360;\n    const cy = variant === 'semi' ? '100%' : '50%';\n\n    return (\n        <ResponsiveContainer {...props}>\n            <RechartsPieChart>\n                <ChartTooltip />\n                <ChartLegend />\n                <Pie\n                    data={Object.entries(data).map(([name, value], i) => ({\n                        fill: `var(--color-chart-${(i % 5) + 1})`,\n                        fillOpacity: 0.75,\n                        stroke: `var(--color-chart-${(i % 5) + 1})`,\n                        strokeWidth: 1.5,\n                        strokeOpacity: 1,\n                        name,\n                        value,\n                    }))}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    cx=\"50%\"\n                    cy={cy}\n                    innerRadius=\"40%\"\n                    paddingAngle={2}\n                    startAngle={finalStartAngle}\n                    endAngle={finalEndAngle}\n                    label={showLabels ? getLabel : undefined}\n                    labelLine={{ stroke: 'var(--color-stroke-secondary)' }}\n                    isAnimationActive={true}\n                />\n            </RechartsPieChart>\n        </ResponsiveContainer>\n    );\n}\n"],"names":["formateYAxisTick","value","formatNumber","ChartXAxis","props","jsx","RechartsXAxis","ChartYAxis","RechartsYAxis","ChartCartesianGrid","RechartsCartesianGrid","ChartLegend","RechartsLegend","v","ChartTooltip","RechartsTooltip","Linechart","className","data","config","ResponsiveContainer","jsxs","LineChart","l","Line","Barchart","BarChart","b","Bar","getLabel","name","percent","PieChart","variant","showLabels","finalStartAngle","finalEndAngle","cy","RechartsPieChart","Pie","i"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":[],"sources":["../../lib/components/charts.tsx"],"sourcesContent":["'use client';\nimport {\n    Bar,\n    BarChart,\n    Line,\n    LineChart,\n    Pie,\n    CartesianGrid as RechartsCartesianGrid,\n    Legend as RechartsLegend,\n    PieChart as RechartsPieChart,\n    Tooltip as RechartsTooltip,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    ResponsiveContainer,\n    type PieLabelRenderProps,\n} from 'recharts';\nimport { formatNumber } from '../utilities/numbers';\n\nexport function formateYAxisTick(value: number) {\n    return formatNumber(value, {\n        notation: 'compact',\n        maximumFractionDigits: 2,\n    });\n}\n\nexport function ChartXAxis({ ...props }: React.ComponentProps<typeof RechartsXAxis>) {\n    return (\n        <RechartsXAxis\n            axisLine={false}\n            tickLine={false}\n            tick={{ fill: 'var(--color-muted-foreground)', fontSize: 12 }}\n            {...props}\n        />\n    );\n}\n\nexport function ChartYAxis({ ...props }: React.ComponentProps<typeof RechartsYAxis>) {\n    return (\n        <RechartsYAxis\n            axisLine={false}\n            tickLine={false}\n            tick={{ fill: 'var(--color-muted-foreground)', fontSize: 12 }}\n            width={48}\n            tickFormatter={formateYAxisTick}\n            {...props}\n        />\n    );\n}\n\nexport function ChartCartesianGrid({ ...props }: React.ComponentProps<typeof RechartsCartesianGrid>) {\n    return <RechartsCartesianGrid vertical={false} stroke=\"var(--color-border)\" strokeDasharray=\"3 3\" {...props} />;\n}\n\nexport function ChartLegend({ ...props }: React.ComponentProps<typeof RechartsLegend>) {\n    return (\n        <RechartsLegend\n            iconSize={8}\n            iconType=\"circle\"\n            formatter={v => (\n                <span style={{ color: 'var(--color-muted-foreground)', fontSize: 12, marginLeft: 4 }}>{v}</span>\n            )}\n            wrapperStyle={{ paddingTop: '1rem' }}\n            {...props}\n        />\n    );\n}\n\nexport function ChartTooltip({ ...props }: React.ComponentProps<typeof RechartsTooltip>) {\n    return (\n        <RechartsTooltip\n            formatter={v => (typeof v === 'number' ? formatNumber(v) : v)}\n            cursor={{ fill: 'var(--color-surface-tertiary)', opacity: 0.5 }}\n            contentStyle={{\n                backgroundColor: 'var(--color-surface-primary)',\n                border: '1px solid var(--color-border)',\n                borderRadius: '6px',\n                boxShadow: '0 4px 12px rgba(0,0,0,0.08)',\n                padding: '8px 12px',\n            }}\n            labelStyle={{\n                color: 'var(--color-text-primary)',\n                fontWeight: '600',\n                marginBottom: '4px',\n                fontSize: 12,\n            }}\n            itemStyle={{\n                color: 'var(--color-muted-foreground)',\n                padding: '1px 0',\n                fontSize: 12,\n            }}\n            {...props}\n        />\n    );\n}\n\nexport function Linechart<T extends object>({\n    className,\n    data,\n    config,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T[];\n    config: {\n        xAxis: keyof T;\n        lines: (keyof T)[];\n    };\n}) {\n    return (\n        <ResponsiveContainer {...props}>\n            <LineChart className=\"body-sm\" data={data} margin={{ top: 4, right: 4, left: 0, bottom: 0 }}>\n                <ChartCartesianGrid />\n                <ChartXAxis dataKey={config.xAxis.toString()} />\n                <ChartYAxis />\n                <ChartTooltip />\n                <ChartLegend iconType=\"plainline\" />\n                {config.lines.map((l, i) => (\n                    <Line\n                        key={l.toString()}\n                        strokeWidth={2}\n                        type=\"monotone\"\n                        dataKey={l.toString()}\n                        stroke={`var(--color-chart-${(i % 5) + 1})`}\n                        dot={false}\n                        activeDot={{ r: 4, strokeWidth: 0 }}\n                    />\n                ))}\n            </LineChart>\n        </ResponsiveContainer>\n    );\n}\n\nexport function Barchart<T>({\n    className,\n    data,\n    config,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T[];\n    config: {\n        xAxis: keyof T;\n        bars: (keyof T)[];\n    };\n}) {\n    return (\n        <ResponsiveContainer className={className} {...props}>\n            <BarChart\n                className=\"body-sm\"\n                data={data}\n                margin={{ top: 4, right: 4, left: 0, bottom: 0 }}\n                barCategoryGap=\"30%\"\n            >\n                <ChartCartesianGrid />\n                <ChartXAxis dataKey={config.xAxis.toString()} />\n                <ChartYAxis />\n                <ChartTooltip cursor={{ fill: 'var(--color-surface-tertiary)', opacity: 0.4 }} />\n                <ChartLegend />\n                {config.bars.map((b, i) => (\n                    <Bar\n                        key={b.toString()}\n                        dataKey={b.toString()}\n                        fill={`var(--color-chart-${(i % 5) + 1})`}\n                        fillOpacity={0.15}\n                        stroke={`var(--color-chart-${(i % 5) + 1})`}\n                        strokeWidth={1.5}\n                        radius={[4, 4, 0, 0]}\n                    />\n                ))}\n            </BarChart>\n        </ResponsiveContainer>\n    );\n}\n\nfunction getLabel(props: PieLabelRenderProps) {\n    const { name, percent } = props;\n    return `${name}: ${((typeof percent === 'number' ? percent : 0) * 100).toFixed(0)}%`;\n}\n\nexport function PieChart<T extends Record<string, number>>({\n    data,\n    variant = 'full',\n    showLabels = true,\n    ...props\n}: Omit<React.ComponentProps<typeof ResponsiveContainer>, 'children'> & {\n    data: T;\n    variant?: 'full' | 'semi';\n    showLabels?: boolean;\n}) {\n    const finalStartAngle = variant === 'semi' ? 180 : 0;\n    const finalEndAngle = variant === 'semi' ? 0 : 360;\n    const cy = variant === 'semi' ? '100%' : '50%';\n\n    return (\n        <ResponsiveContainer {...props}>\n            <RechartsPieChart>\n                <ChartTooltip />\n                <ChartLegend />\n                <Pie\n                    data={Object.entries(data).map(([name, value], i) => ({\n                        fill: `var(--color-chart-${(i % 5) + 1})`,\n                        fillOpacity: 0.75,\n                        stroke: `var(--color-chart-${(i % 5) + 1})`,\n                        strokeWidth: 1.5,\n                        strokeOpacity: 1,\n                        name,\n                        value,\n                    }))}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    cx=\"50%\"\n                    cy={cy}\n                    innerRadius=\"40%\"\n                    paddingAngle={2}\n                    startAngle={finalStartAngle}\n                    endAngle={finalEndAngle}\n                    label={showLabels ? getLabel : undefined}\n                    labelLine={{ stroke: 'var(--color-stroke-secondary)' }}\n                    isAnimationActive={true}\n                />\n            </RechartsPieChart>\n        </ResponsiveContainer>\n    );\n}\n"],"mappings":"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"}

package/dist/components/checkbox.d.ts

@@ -5,7 +5,7 @@ type CheckboxProps = AriaCheckboxProps & FormFieldProps & {
     variant?: 'checkbox' | 'switch';
     size?: 'sm' | 'lg';
 };
-export declare function Checkbox({ className, label, description, errorMessage, requiredIndicator, variant, size, ...props }: Omit<CheckboxProps, 'children'>): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ className, label, description, errorMessage, requiredIndicator, variant, size, ...props }: Omit<CheckboxProps, 'children'>): import("react").JSX.Element;
 export type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, 'onChange' | 'onBlur' | 'isChecked'>;
-export declare function TfCheckbox({ ...props }: TfCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function TfCheckbox({ ...props }: TfCheckboxProps): import("react").JSX.Element;
 export {};