@cryptlex/web-components 6.5.0-alpha01 → 6.5.2

package/dist/components/alert.d.ts

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

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 { type LucideIcon } from 'lucide-react';\nimport { classNames } from '../utils/primitives';\n\nexport const alertVariants = cva(\n    `transition-colors border border-dotted p-2 text-foreground body inline-flex items-start gap-2`,\n    {\n        variants: {\n            variant: {\n                destructive: 'bg-destructive-foreground/20 text-destructive border-destructive',\n                success: 'bg-success-foreground/20 text-success border-success',\n                muted: 'bg-muted-foreground/20 text-muted border-muted',\n            },\n        },\n        defaultVariants: {\n            variant: 'muted',\n        },\n    }\n);\n\nexport function Alert({\n    children,\n    className,\n    variant,\n    icon: Icon,\n    ...props\n}: React.ComponentProps<'div'> &\n    VariantProps<typeof alertVariants> & {\n        icon?: LucideIcon;\n    }) {\n    return (\n        <div role=\"alert\" className={classNames(alertVariants({ variant }), className)} {...props}>\n            {Icon && <Icon className=\"size-icon mt-1\" />}\n            <span className=\"w-full\">{children}</span>\n        </div>\n    );\n}\n"],"names":["alertVariants","cva","Alert","children","className","variant","Icon","props","jsxs","classNames","jsx"],"mappings":"oLAIO,MAAMA,EAAgBC,EACzB,gGACA,CACI,SAAU,CACN,QAAS,CACL,YAAa,mEACb,QAAS,uDACT,MAAO,gDAAA,CACX,EAEJ,gBAAiB,CACb,QAAS,OAAA,CACb,CAER,EAEO,SAASC,EAAM,CAClB,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAMC,EACN,GAAGC,CACP,EAGO,CACH,OACIC,EAAC,MAAA,CAAI,KAAK,QAAQ,UAAWC,EAAWT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAAI,GAAGG,EAC/E,SAAA,CAAAD,GAAQI,EAACJ,EAAA,CAAK,UAAU,gBAAA,CAAiB,EAC1CI,EAAC,OAAA,CAAK,UAAU,SAAU,SAAAP,CAAA,CAAS,CAAA,EACvC,CAER"}
+{"version":3,"file":"alert.js","sources":["../../lib/components/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { classNames } from '../utils/primitives';\nimport type { CtxIcon } from './icons';\n\nexport const alertVariants = cva(\n    `transition-colors border border-dotted p-2 text-foreground body inline-flex items-start gap-2`,\n    {\n        variants: {\n            variant: {\n                destructive: 'bg-destructive-foreground/20 text-destructive border-destructive',\n                success: 'bg-success-foreground/20 text-success border-success',\n                muted: 'bg-muted-foreground/20 text-muted border-muted',\n            },\n        },\n        defaultVariants: {\n            variant: 'muted',\n        },\n    }\n);\n\nexport function Alert({\n    children,\n    className,\n    variant,\n    icon: Icon,\n    ...props\n}: React.ComponentProps<'div'> &\n    VariantProps<typeof alertVariants> & {\n        icon?: CtxIcon;\n    }) {\n    return (\n        <div role=\"alert\" className={classNames(alertVariants({ variant }), className)} {...props}>\n            {Icon && <Icon className=\"size-icon mt-1\" />}\n            <span className=\"w-full\">{children}</span>\n        </div>\n    );\n}\n"],"names":["alertVariants","cva","Alert","children","className","variant","Icon","props","jsxs","classNames","jsx"],"mappings":"oLAIO,MAAMA,EAAgBC,EACzB,gGACA,CACI,SAAU,CACN,QAAS,CACL,YAAa,mEACb,QAAS,uDACT,MAAO,gDAAA,CACX,EAEJ,gBAAiB,CACb,QAAS,OAAA,CACb,CAER,EAEO,SAASC,EAAM,CAClB,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAMC,EACN,GAAGC,CACP,EAGO,CACH,OACIC,EAAC,MAAA,CAAI,KAAK,QAAQ,UAAWC,EAAWT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAAI,GAAGG,EAC/E,SAAA,CAAAD,GAAQI,EAACJ,EAAA,CAAK,UAAU,gBAAA,CAAiB,EAC1CI,EAAC,OAAA,CAAK,UAAU,SAAU,SAAAP,CAAA,CAAS,CAAA,EACvC,CAER"}

package/dist/components/breadcrumbs.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as i}from"react/jsx-runtime";import{Breadcrumbs as c,Breadcrumb as m,Link as s,composeRenderProps as o}from"react-aria-components";import{ChevronRight as d,DotSquare as u}from"lucide-react";import{classNames as t}from"../utils/primitives.js";import"clsx";import"lodash-es";function B({className:e,...r}){return a(c,{className:t("flex flex-wrap items-center gap-1.5 break-words body-sm text-muted-foreground sm:gap-2.5",e),...r})}function N({className:e,...r}){return a(m,{className:t("inline-flex items-center gap-1.5 sm:gap-2.5",e),...r})}function h({className:e,...r}){return a(s,{className:o(e,n=>t("transition-colors","data-[hovered]:text-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-[current]:pointer-events-auto data-[current]:opacity-100",n)),...r})}function v({children:e,className:r,...n}){return a("span",{role:"presentation","aria-hidden":"true",className:t("[&>svg]:size-icon",r),...n,children:e||a(d,{})})}function y({className:e,...r}){return i("span",{role:"presentation","aria-hidden":"true",className:t("flex size-input items-center justify-center",e),...r,children:[a(u,{className:"size-icon"}),a("span",{className:"sr-only",children:"More"})]})}function j({className:e,...r}){return a(s,{className:o(e,n=>t("font-normal text-foreground",n)),...r})}export{y as BreadcrumbEllipsis,N as BreadcrumbItem,h as BreadcrumbLink,j as BreadcrumbPage,v as BreadcrumbSeparator,B as Breadcrumbs};
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import{Breadcrumbs as c,Breadcrumb as m,Link as s,composeRenderProps as o}from"react-aria-components";import{classNames as t}from"../utils/primitives.js";import{IcRight as d,IcMoreHorizontal as u}from"./icons.js";import"clsx";import"lodash-es";import"react";function N({className:e,...r}){return a(c,{className:t("flex flex-wrap items-center gap-1.5 break-words body-sm text-muted-foreground sm:gap-2.5",e),...r})}function h({className:e,...r}){return a(m,{className:t("inline-flex items-center gap-1.5 sm:gap-2.5",e),...r})}function y({className:e,...r}){return a(s,{className:o(e,n=>t("transition-colors","data-[hovered]:text-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-[current]:pointer-events-auto data-[current]:opacity-100",n)),...r})}function v({children:e,className:r,...n}){return a("span",{role:"presentation","aria-hidden":"true",className:t("[&>svg]:size-icon",r),...n,children:e||a(d,{})})}function z({className:e,...r}){return i("span",{role:"presentation","aria-hidden":"true",className:t("flex size-input items-center justify-center",e),...r,children:[a(u,{className:"size-icon"}),a("span",{className:"sr-only",children:"More"})]})}function j({className:e,...r}){return a(s,{className:o(e,n=>t("font-normal text-foreground",n)),...r})}export{z as BreadcrumbEllipsis,h as BreadcrumbItem,y as BreadcrumbLink,j as BreadcrumbPage,v as BreadcrumbSeparator,N 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 {\n    Breadcrumb as AriaBreadcrumb,\n    BreadcrumbProps as AriaBreadcrumbProps,\n    Breadcrumbs as AriaBreadcrumbs,\n    BreadcrumbsProps as AriaBreadcrumbsProps,\n    Link as AriaLink,\n    LinkProps as AriaLinkProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { ChevronRight, DotSquare } from 'lucide-react';\nimport { classNames } from '../utils/primitives';\n\nexport function Breadcrumbs<T extends object>({ className, ...props }: AriaBreadcrumbsProps<T>) {\n    return (\n        <AriaBreadcrumbs\n            className={classNames(\n                'flex flex-wrap items-center gap-1.5 break-words body-sm text-muted-foreground sm:gap-2.5',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: AriaBreadcrumbProps) {\n    return (\n        <AriaBreadcrumb className={classNames('inline-flex items-center gap-1.5 sm:gap-2.5', className)} {...props} />\n    );\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'transition-colors',\n                    /* Hover */\n                    'data-[hovered]:text-foreground',\n                    /* Disabled */\n                    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n                    /* Current */\n                    'data-[current]:pointer-events-auto data-[current]:opacity-100',\n                    className\n                )\n            )}\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('[&>svg]:size-icon', className)} {...props}>\n            {children || <ChevronRight />}\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            <DotSquare className=\"size-icon\" />\n            <span className=\"sr-only\">More</span>\n        </span>\n    );\n}\n\ninterface BreadcrumbPageProps extends Omit<AriaLinkProps, 'href'> {}\n\nexport function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('font-normal text-foreground', className))}\n            {...props}\n        />\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","AriaBreadcrumbs","classNames","BreadcrumbItem","AriaBreadcrumb","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare","BreadcrumbPage"],"mappings":"sSAaO,SAASA,EAA8B,CAAE,UAAAC,EAAW,GAAGC,GAAkC,CAC5F,OACIC,EAACC,EAAA,CACG,UAAWC,EACP,2FACAJ,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACI,GAAe,UAAWF,EAAW,8CAA+CJ,CAAS,EAAI,GAAGC,EAAO,CAEpH,CAEO,SAASM,EAAe,CAAE,UAAAP,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GACrCI,EACI,oBAEA,iCAEA,iEAEA,gEACAJ,CAAA,CACJ,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASS,EAAoB,CAAE,SAAAC,EAAU,UAAAX,EAAW,GAAGC,GAAuC,CACjG,SACK,OAAA,CAAK,KAAK,eAAe,cAAY,OAAO,UAAWG,EAAW,oBAAqBJ,CAAS,EAAI,GAAGC,EACnG,SAAAU,GAAYT,EAACU,IAAa,EAC/B,CAER,CAEO,SAASC,EAAmB,CAAE,UAAAb,EAAW,GAAGC,GAAuC,CACtF,OACIa,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWV,EAAW,8CAA+CJ,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACa,EAAA,CAAU,UAAU,WAAA,CAAY,EACjCb,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C,CAIO,SAASc,EAAe,CAAE,UAAAhB,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GAAaI,EAAW,8BAA+BJ,CAAS,CAAC,EACzG,GAAGC,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import {\n    Breadcrumb as AriaBreadcrumb,\n    BreadcrumbProps as AriaBreadcrumbProps,\n    Breadcrumbs as AriaBreadcrumbs,\n    BreadcrumbsProps as AriaBreadcrumbsProps,\n    Link as AriaLink,\n    LinkProps as AriaLinkProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utils/primitives';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs<T extends object>({ className, ...props }: AriaBreadcrumbsProps<T>) {\n    return (\n        <AriaBreadcrumbs\n            className={classNames(\n                'flex flex-wrap items-center gap-1.5 break-words body-sm text-muted-foreground sm:gap-2.5',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: AriaBreadcrumbProps) {\n    return (\n        <AriaBreadcrumb className={classNames('inline-flex items-center gap-1.5 sm:gap-2.5', className)} {...props} />\n    );\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'transition-colors',\n                    /* Hover */\n                    'data-[hovered]:text-foreground',\n                    /* Disabled */\n                    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n                    /* Current */\n                    'data-[current]:pointer-events-auto data-[current]:opacity-100',\n                    className\n                )\n            )}\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('[&>svg]:size-icon', className)} {...props}>\n            {children || <IcRight />}\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\ninterface BreadcrumbPageProps extends Omit<AriaLinkProps, 'href'> {}\n\nexport function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('font-normal text-foreground', className))}\n            {...props}\n        />\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","AriaBreadcrumbs","classNames","BreadcrumbItem","AriaBreadcrumb","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcRight","BreadcrumbEllipsis","jsxs","IcMoreHorizontal","BreadcrumbPage"],"mappings":"oTAaO,SAASA,EAA8B,CAAE,UAAAC,EAAW,GAAGC,GAAkC,CAC5F,OACIC,EAACC,EAAA,CACG,UAAWC,EACP,2FACAJ,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACI,GAAe,UAAWF,EAAW,8CAA+CJ,CAAS,EAAI,GAAGC,EAAO,CAEpH,CAEO,SAASM,EAAe,CAAE,UAAAP,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GACrCI,EACI,oBAEA,iCAEA,iEAEA,gEACAJ,CAAA,CACJ,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASS,EAAoB,CAAE,SAAAC,EAAU,UAAAX,EAAW,GAAGC,GAAuC,CACjG,SACK,OAAA,CAAK,KAAK,eAAe,cAAY,OAAO,UAAWG,EAAW,oBAAqBJ,CAAS,EAAI,GAAGC,EACnG,SAAAU,GAAYT,EAACU,IAAQ,EAC1B,CAER,CAEO,SAASC,EAAmB,CAAE,UAAAb,EAAW,GAAGC,GAAuC,CACtF,OACIa,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWV,EAAW,8CAA+CJ,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACa,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCb,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C,CAIO,SAASc,EAAe,CAAE,UAAAhB,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GAAaI,EAAW,8BAA+BJ,CAAS,CAAC,EACzG,GAAGC,CAAA,CAAA,CAGhB"}

package/dist/components/button.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as c,Fragment as o}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{Button as l,composeRenderProps as i}from"react-aria-components";import{classNames as d}from"../utils/primitives.js";import{Loader as f}from"./loader.js";import"clsx";import"lodash-es";import"lucide-react";const v=p("btn",{variants:{variant:{primary:"btn-primary",secondary:"btn-secondary",destructive:"btn-destructive",neutral:"btn-neutral",ghost:"btn-ghost",link:"text-primary underline-offset-4 hover:underline"},size:{default:"input-dim",icon:"size-input",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function V({className:e,variant:a,size:s,children:m,isPending:n,active:b,...u}){return r(l,{...u,className:i(e,t=>d(v({variant:a,size:s,className:t}),e)),children:i(m,t=>c(o,{children:[n&&r(f,{}),!n&&r(o,{children:t})]}))})}export{V as Button,v as buttonVariants};
+"use client";import{jsx as r,jsxs as c,Fragment as o}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{Button as l,composeRenderProps as i}from"react-aria-components";import{classNames as d}from"../utils/primitives.js";import{Loader as f}from"./loader.js";import"clsx";import"lodash-es";import"./icons.js";import"react";const v=p("btn",{variants:{variant:{primary:"btn-primary",secondary:"btn-secondary",destructive:"btn-destructive",neutral:"btn-neutral",ghost:"btn-ghost",link:"text-primary underline-offset-4 hover:underline"},size:{default:"input-dim",icon:"size-input",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function k({className:e,variant:a,size:s,children:m,isPending:n,active:b,...u}){return r(l,{...u,className:i(e,t=>d(v({variant:a,size:s,className:t}),e)),children:i(m,t=>c(o,{children:[n&&r(f,{}),!n&&r(o,{children:t})]}))})}export{k as Button,v 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 '../utils/primitives';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n    variants: {\n        variant: {\n            primary: 'btn-primary',\n            secondary: 'btn-secondary',\n            destructive: 'btn-destructive',\n            neutral: 'btn-neutral',\n            ghost: 'btn-ghost',\n            link: 'text-primary underline-offset-4 hover:underline',\n        },\n        size: {\n            default: 'input-dim',\n            icon: 'size-input',\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":"gVAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,UAAW,gBACX,YAAa,kBACb,QAAS,cACT,MAAO,YACP,KAAM,iDAAA,EAEV,KAAM,CACF,QAAS,YACT,KAAM,aACN,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","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 '../utils/primitives';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n    variants: {\n        variant: {\n            primary: 'btn-primary',\n            secondary: 'btn-secondary',\n            destructive: 'btn-destructive',\n            neutral: 'btn-neutral',\n            ghost: 'btn-ghost',\n            link: 'text-primary underline-offset-4 hover:underline',\n        },\n        size: {\n            default: 'input-dim',\n            icon: 'size-input',\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":"4VAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,UAAW,gBACX,YAAa,kBACb,QAAS,cACT,MAAO,YACP,KAAM,iDAAA,EAEV,KAAM,CACF,QAAS,YACT,KAAM,aACN,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"}

package/dist/components/calendar.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{today as y,getLocalTimeZone as b}from"@internationalized/date";import{CalendarGridHeader as v,useLocale as N,Heading as S,CalendarGrid as G,CalendarHeaderCell as H,CalendarGridBody as R,RangeCalendarStateContext as $,CalendarCell as w,composeRenderProps as l,Calendar as z,RangeCalendar as B}from"react-aria-components";import{ChevronRight as c,ChevronLeft as s}from"lucide-react";import{use as j}from"react";import{Button as u,buttonVariants as E}from"./button.js";import{FieldError as m}from"./field.js";import{classNames as n}from"../utils/primitives.js";import"class-variance-authority";import"./loader.js";import"clsx";import"lodash-es";function f(a){let{direction:t}=N();return o("header",{className:"flex w-full items-center gap-1 px-1 pb-icon",...a,children:[e(u,{slot:"previous",size:"none",className:n("size-7 bg-transparent p-0 opacity-50","data-[hovered]:opacity-100"),children:t==="rtl"?e(c,{"aria-hidden":!0}):e(s,{"aria-hidden":!0})}),e(S,{className:"grow text-center body font-medium"}),e(u,{slot:"next",className:n("size-7 bg-transparent p-0 opacity-50","data-[hovered]:opacity-100"),children:t==="rtl"?e(s,{"aria-hidden":!0}):e(c,{"aria-hidden":!0})})]})}function g({className:a,...t}){return e(G,{className:n(" border-separate border-spacing-x-0 border-spacing-y-1 ",a),...t})}const C=v;function h({className:a,...t}){return e(H,{className:n("w-9 body-sm font-normal text-muted-foreground",a),...t})}function p({className:a,...t}){return e(R,{className:n("[&>tr>td]:p-0",a),...t})}function x({className:a,...t}){const i=!!j($);return e(w,{className:l(a,(d,r)=>n(E({variant:"ghost",size:"none"}),"relative flex size-9 items-center justify-center p-0 body-sm font-normal",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(y(b()))===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 J({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(p,{children:d=>e(x,{date:d})})]}),a&&e(m,{children:a})]})}function K({errorMessage:a,className:t,...i}){return o(B,{className:l(t,d=>n("w-fit",d)),...i,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(p,{children:d=>e(x,{date:d})})]}),a&&e(m,{slot:"errorMessage",children:a})]})}export{J as Calendar,x as CalendarCell,g as CalendarGrid,p as CalendarGridBody,C as CalendarGridHeader,h as CalendarHeaderCell,f as CalendarHeading,K as RangeCalendar};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{today as y,getLocalTimeZone as b}from"@internationalized/date";import{CalendarGridHeader as v,useLocale as N,Heading as S,CalendarGrid as G,CalendarHeaderCell as H,CalendarGridBody as R,RangeCalendarStateContext as $,CalendarCell as w,composeRenderProps as l,Calendar as z,RangeCalendar as B}from"react-aria-components";import{use as j}from"react";import{Button as c,buttonVariants as E}from"./button.js";import{FieldError as m}from"./field.js";import{classNames as i}from"../utils/primitives.js";import{IcRight as s,IcLeft as u}from"./icons.js";import"class-variance-authority";import"./loader.js";import"clsx";import"lodash-es";function f(a){let{direction:t}=N();return o("header",{className:"flex w-full items-center gap-1 px-1 pb-icon",...a,children:[e(c,{slot:"previous",size:"none",className:i("size-7 bg-transparent p-0 opacity-50","data-[hovered]:opacity-100"),children:t==="rtl"?e(s,{"aria-hidden":!0}):e(u,{"aria-hidden":!0})}),e(S,{className:"grow text-center body font-medium"}),e(c,{slot:"next",className:i("size-7 bg-transparent p-0 opacity-50","data-[hovered]:opacity-100"),children:t==="rtl"?e(u,{"aria-hidden":!0}):e(s,{"aria-hidden":!0})})]})}function g({className:a,...t}){return e(G,{className:i(" border-separate border-spacing-x-0 border-spacing-y-1 ",a),...t})}const C=v;function h({className:a,...t}){return e(H,{className:i("w-9 body-sm font-normal text-muted-foreground",a),...t})}function p({className:a,...t}){return e(R,{className:i("[&>tr>td]:p-0",a),...t})}function x({className:a,...t}){const n=!!j($);return e(w,{className:l(a,(d,r)=>i(E({variant:"ghost",size:"none"}),"relative flex size-9 items-center justify-center p-0 body-sm font-normal",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||!n)&&"data-[hovered]:bg-primary data-[hovered]:text-primary-foreground",r.isSelected&&n&&!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(y(b()))===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 J({errorMessage:a,className:t,...n}){return o(z,{className:l(t,d=>i("w-fit",d)),...n,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(p,{children:d=>e(x,{date:d})})]}),a&&e(m,{children:a})]})}function K({errorMessage:a,className:t,...n}){return o(B,{className:l(t,d=>i("w-fit",d)),...n,children:[e(f,{}),o(g,{children:[e(C,{children:d=>e(h,{children:d})}),e(p,{children:d=>e(x,{date:d})})]}),a&&e(m,{slot:"errorMessage",children:a})]})}export{J as Calendar,x as CalendarCell,g as CalendarGrid,p as CalendarGridBody,C as CalendarGridHeader,h as CalendarHeaderCell,f 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":["import { 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 { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { use } from 'react';\nimport { Button, buttonVariants } from '../components/button';\nimport { FieldError } from '../components/field';\nimport { classNames } from '../utils/primitives';\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\n                slot=\"previous\"\n                size=\"none\"\n                className={classNames(\n                    'size-7 bg-transparent p-0 opacity-50',\n                    /* Hover */\n                    'data-[hovered]:opacity-100'\n                )}\n            >\n                {direction === 'rtl' ? <ChevronRight aria-hidden /> : <ChevronLeft aria-hidden />}\n            </Button>\n            <AriaHeading className=\"grow text-center body font-medium\" />\n            <Button\n                slot=\"next\"\n                className={classNames(\n                    'size-7 bg-transparent p-0 opacity-50',\n                    /* Hover */\n                    'data-[hovered]:opacity-100'\n                )}\n            >\n                {direction === 'rtl' ? <ChevronLeft aria-hidden /> : <ChevronRight aria-hidden />}\n            </Button>\n        </header>\n    );\n}\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\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\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n    return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\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: 'none' }),\n                    'relative flex size-9 items-center justify-center p-0 body-sm font-normal',\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    errorMessage?: string;\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 && <FieldError>{errorMessage}</FieldError>}\n        </AriaCalendar>\n    );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n    errorMessage?: string;\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 && <FieldError slot=\"errorMessage\">{errorMessage}</FieldError>}\n        </AriaRangeCalendar>\n    );\n}\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","classNames","ChevronRight","ChevronLeft","AriaHeading","CalendarGrid","className","AriaCalendarGrid","CalendarGridHeader","AriaCalendarGridHeader","CalendarHeaderCell","AriaCalendarHeaderCell","CalendarGridBody","AriaCalendarGridBody","CalendarCell","isRange","use","AriaRangeCalendarStateContext","AriaCalendarCell","composeRenderProps","renderProps","buttonVariants","today","getLocalTimeZone","Calendar","errorMessage","AriaCalendar","day","date","FieldError","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}
+{"version":3,"file":"calendar.js","sources":["../../lib/components/calendar.tsx"],"sourcesContent":["import { 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 { FieldError } from '../components/field';\nimport { classNames } from '../utils/primitives';\nimport { IcLeft, IcRight } from './icons';\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\n                slot=\"previous\"\n                size=\"none\"\n                className={classNames(\n                    'size-7 bg-transparent p-0 opacity-50',\n                    /* Hover */\n                    'data-[hovered]:opacity-100'\n                )}\n            >\n                {direction === 'rtl' ? <IcRight aria-hidden /> : <IcLeft aria-hidden />}\n            </Button>\n            <AriaHeading className=\"grow text-center body font-medium\" />\n            <Button\n                slot=\"next\"\n                className={classNames(\n                    'size-7 bg-transparent p-0 opacity-50',\n                    /* Hover */\n                    'data-[hovered]:opacity-100'\n                )}\n            >\n                {direction === 'rtl' ? <IcLeft aria-hidden /> : <IcRight aria-hidden />}\n            </Button>\n        </header>\n    );\n}\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\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\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n    return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\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: 'none' }),\n                    'relative flex size-9 items-center justify-center p-0 body-sm font-normal',\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    errorMessage?: string;\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 && <FieldError>{errorMessage}</FieldError>}\n        </AriaCalendar>\n    );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n    errorMessage?: string;\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 && <FieldError slot=\"errorMessage\">{errorMessage}</FieldError>}\n        </AriaRangeCalendar>\n    );\n}\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","classNames","IcRight","IcLeft","AriaHeading","CalendarGrid","className","AriaCalendarGrid","CalendarGridHeader","AriaCalendarGridHeader","CalendarHeaderCell","AriaCalendarHeaderCell","CalendarGridBody","AriaCalendarGridBody","CalendarCell","isRange","use","AriaRangeCalendarStateContext","AriaCalendarCell","composeRenderProps","renderProps","buttonVariants","today","getLocalTimeZone","Calendar","errorMessage","AriaCalendar","day","date","FieldError","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as a}from"react/jsx-runtime";import{Checkbox as u,composeRenderProps as c,CheckboxGroup as m}from"react-aria-components";import{Minus as b,Check as p}from"lucide-react";import{FormField as h,labelVariants as x}from"./field.js";import{useTfFieldContext as g}from"../utils/form-utils.js";import{classNames as d}from"../utils/primitives.js";import"class-variance-authority";import"react";import"../utils/form-context.js";import"@tanstack/react-form";import"clsx";import"lodash-es";const T=m;function f({className:r,label:o,description:s,errorMessage:n,...l}){return e("div",{className:"group form-field",children:e(h,{label:o,description:s,errorMessage:n,children:e(u,{className:c(r,t=>d("group/checkbox cursor-pointer focus-ring flex items-center gap-x-2","disabled-muted",x,t)),...l,children:c(e(a,{}),(t,i)=>e(a,{children:e("div",{className:d("flex size-input shrink-0 items-center bg-popover justify-center border border-input text-current ring-offset-background","group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground  group-data-[selected]/checkbox:text-primary-foreground","group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50","group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground","focus:outline-none focus-visible:outline-none"),children:i.isIndeterminate?e(b,{className:"size-icon"}):i.isSelected?e(p,{className:"size-icon"}):null})}))})})})}function $({...r}){const o=g({disabled:r.isDisabled});return e(f,{isSelected:o.state.value,isDisabled:o.form.state.isSubmitting||r.isDisabled,onChange:()=>o.handleChange(!o.state.value),onBlur:o.handleBlur,...r})}export{f as Checkbox,T as CheckboxGroup,$ as TfCheckbox};
+import{jsx as e,Fragment as c}from"react/jsx-runtime";import{Checkbox as u,composeRenderProps as a,CheckboxGroup as m}from"react-aria-components";import{FormField as b,labelVariants as p}from"./field.js";import{useTfFieldContext as h}from"../utils/form-utils.js";import{classNames as d}from"../utils/primitives.js";import{IcMinus as x,IcCheck as g}from"./icons.js";import"class-variance-authority";import"react";import"../utils/form-context.js";import"@tanstack/react-form";import"clsx";import"lodash-es";const B=m;function f({className:r,label:o,description:s,errorMessage:n,...l}){return e("div",{className:"group form-field",children:e(b,{label:o,description:s,errorMessage:n,children:e(u,{className:a(r,t=>d("group/checkbox cursor-pointer focus-ring flex items-center gap-x-2","disabled-muted",p,t)),...l,children:a(e(c,{}),(t,i)=>e(c,{children:e("div",{className:d("flex size-input shrink-0 items-center bg-popover justify-center border border-input text-current ring-offset-background","group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground  group-data-[selected]/checkbox:text-primary-foreground","group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50","group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground","focus:outline-none focus-visible:outline-none"),children:i.isIndeterminate?e(x,{className:"size-icon"}):i.isSelected?e(g,{className:"size-icon"}):null})}))})})})}function T({...r}){const o=h({disabled:r.isDisabled});return e(f,{isSelected:o.state.value,isDisabled:o.form.state.isSubmitting||r.isDisabled,onChange:()=>o.handleChange(!o.state.value),onBlur:o.handleBlur,...r})}export{f as Checkbox,B as CheckboxGroup,T as TfCheckbox};
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../lib/components/checkbox.tsx"],"sourcesContent":["import {\n    Checkbox as AriaCheckbox,\n    CheckboxGroup as AriaCheckboxGroup,\n    composeRenderProps,\n    type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { Check, Minus } from 'lucide-react';\nimport { FormField, labelVariants, type FormFieldProps } from '../components/field';\nimport { useTfFieldContext } from '../utils/form-utils';\nimport { classNames } from '../utils/primitives';\n\nexport const CheckboxGroup = AriaCheckboxGroup;\ntype CheckboxProps = AriaCheckboxProps & FormFieldProps;\nexport function Checkbox({ className, label, description, errorMessage, ...props }: Omit<CheckboxProps, 'children'>) {\n    return (\n        <div className=\"group form-field\">\n            <FormField label={label} description={description} errorMessage={errorMessage}>\n                <AriaCheckbox\n                    className={composeRenderProps(className, className =>\n                        classNames(\n                            'group/checkbox cursor-pointer focus-ring flex items-center gap-x-2',\n                            /* Disabled */\n                            'disabled-muted',\n                            labelVariants,\n                            className\n                        )\n                    )}\n                    {...props}\n                >\n                    {composeRenderProps(<></>, (_, renderProps) => (\n                        <>\n                            <div\n                                className={classNames(\n                                    'flex size-input shrink-0 items-center bg-popover justify-center border border-input text-current ring-offset-background',\n                                    /* Selected */\n                                    'group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground  group-data-[selected]/checkbox:text-primary-foreground',\n                                    /* Disabled */\n                                    'group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50',\n                                    /* Invalid */\n                                    'group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground',\n                                    /* Resets */\n                                    'focus:outline-none focus-visible:outline-none'\n                                )}\n                            >\n                                {renderProps.isIndeterminate ? (\n                                    <Minus className=\"size-icon\" />\n                                ) : renderProps.isSelected ? (\n                                    <Check className=\"size-icon\" />\n                                ) : null}\n                            </div>\n                        </>\n                    ))}\n                </AriaCheckbox>\n            </FormField>\n        </div>\n    );\n}\n\nexport type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, 'onChange' | 'onBlur' | 'isChecked'>;\nexport function TfCheckbox({ ...props }: TfCheckboxProps) {\n    const field = useTfFieldContext<boolean>({ disabled: props.isDisabled });\n    return (\n        <Checkbox\n            isSelected={field.state.value}\n            isDisabled={field.form.state.isSubmitting || props.isDisabled}\n            onChange={() => field.handleChange(!field.state.value)}\n            onBlur={field.handleBlur}\n            {...props}\n        />\n    );\n}\n"],"names":["CheckboxGroup","AriaCheckboxGroup","Checkbox","className","label","description","errorMessage","props","jsx","FormField","AriaCheckbox","composeRenderProps","classNames","labelVariants","Fragment","_","renderProps","Minus","Check","TfCheckbox","field","useTfFieldContext"],"mappings":"ufAYO,MAAMA,EAAgBC,EAEtB,SAASC,EAAS,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,aAAAC,EAAc,GAAGC,GAA0C,CACjH,OACIC,EAAC,OAAI,UAAU,mBACX,WAACC,EAAA,CAAU,MAAAL,EAAc,YAAAC,EAA0B,aAAAC,EAC/C,SAAAE,EAACE,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACI,qEAEA,iBACAC,EACAV,CAAA,CACJ,EAEH,GAAGI,EAEH,WAAmBC,EAAAM,EAAA,CAAA,CAAE,EAAK,CAACC,EAAGC,IAC3BR,EAAAM,EAAA,CACI,SAAAN,EAAC,MAAA,CACG,UAAWI,EACP,0HAEA,+MAEA,8FAEA,wNAEA,+CAAA,EAGH,SAAAI,EAAY,gBACTR,EAACS,EAAA,CAAM,UAAU,WAAA,CAAY,EAC7BD,EAAY,WACZR,EAACU,EAAA,CAAM,UAAU,YAAY,EAC7B,IAAA,CAAA,EAEZ,CACH,CAAA,CAAA,EAET,CAAA,CACJ,CAER,CAGO,SAASC,EAAW,CAAE,GAAGZ,GAA0B,CACtD,MAAMa,EAAQC,EAA2B,CAAE,SAAUd,EAAM,WAAY,EACvE,OACIC,EAACN,EAAA,CACG,WAAYkB,EAAM,MAAM,MACxB,WAAYA,EAAM,KAAK,MAAM,cAAgBb,EAAM,WACnD,SAAU,IAAMa,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK,EACrD,OAAQA,EAAM,WACb,GAAGb,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"checkbox.js","sources":["../../lib/components/checkbox.tsx"],"sourcesContent":["import {\n    Checkbox as AriaCheckbox,\n    CheckboxGroup as AriaCheckboxGroup,\n    composeRenderProps,\n    type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { FormField, labelVariants, type FormFieldProps } from '../components/field';\nimport { useTfFieldContext } from '../utils/form-utils';\nimport { classNames } from '../utils/primitives';\nimport { IcCheck, IcMinus } from './icons';\n\nexport const CheckboxGroup = AriaCheckboxGroup;\ntype CheckboxProps = AriaCheckboxProps & FormFieldProps;\nexport function Checkbox({ className, label, description, errorMessage, ...props }: Omit<CheckboxProps, 'children'>) {\n    return (\n        <div className=\"group form-field\">\n            <FormField label={label} description={description} errorMessage={errorMessage}>\n                <AriaCheckbox\n                    className={composeRenderProps(className, className =>\n                        classNames(\n                            'group/checkbox cursor-pointer focus-ring flex items-center gap-x-2',\n                            /* Disabled */\n                            'disabled-muted',\n                            labelVariants,\n                            className\n                        )\n                    )}\n                    {...props}\n                >\n                    {composeRenderProps(<></>, (_, renderProps) => (\n                        <>\n                            <div\n                                className={classNames(\n                                    'flex size-input shrink-0 items-center bg-popover justify-center border border-input text-current ring-offset-background',\n                                    /* Selected */\n                                    'group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground  group-data-[selected]/checkbox:text-primary-foreground',\n                                    /* Disabled */\n                                    'group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50',\n                                    /* Invalid */\n                                    'group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground',\n                                    /* Resets */\n                                    'focus:outline-none focus-visible:outline-none'\n                                )}\n                            >\n                                {renderProps.isIndeterminate ? (\n                                    <IcMinus className=\"size-icon\" />\n                                ) : renderProps.isSelected ? (\n                                    <IcCheck className=\"size-icon\" />\n                                ) : null}\n                            </div>\n                        </>\n                    ))}\n                </AriaCheckbox>\n            </FormField>\n        </div>\n    );\n}\n\nexport type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, 'onChange' | 'onBlur' | 'isChecked'>;\nexport function TfCheckbox({ ...props }: TfCheckboxProps) {\n    const field = useTfFieldContext<boolean>({ disabled: props.isDisabled });\n    return (\n        <Checkbox\n            isSelected={field.state.value}\n            isDisabled={field.form.state.isSubmitting || props.isDisabled}\n            onChange={() => field.handleChange(!field.state.value)}\n            onBlur={field.handleBlur}\n            {...props}\n        />\n    );\n}\n"],"names":["CheckboxGroup","AriaCheckboxGroup","Checkbox","className","label","description","errorMessage","props","jsx","FormField","AriaCheckbox","composeRenderProps","classNames","labelVariants","Fragment","_","renderProps","IcMinus","IcCheck","TfCheckbox","field","useTfFieldContext"],"mappings":"yfAYO,MAAMA,EAAgBC,EAEtB,SAASC,EAAS,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,aAAAC,EAAc,GAAGC,GAA0C,CACjH,OACIC,EAAC,OAAI,UAAU,mBACX,WAACC,EAAA,CAAU,MAAAL,EAAc,YAAAC,EAA0B,aAAAC,EAC/C,SAAAE,EAACE,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACI,qEAEA,iBACAC,EACAV,CAAA,CACJ,EAEH,GAAGI,EAEH,WAAmBC,EAAAM,EAAA,CAAA,CAAE,EAAK,CAACC,EAAGC,IAC3BR,EAAAM,EAAA,CACI,SAAAN,EAAC,MAAA,CACG,UAAWI,EACP,0HAEA,+MAEA,8FAEA,wNAEA,+CAAA,EAGH,SAAAI,EAAY,gBACTR,EAACS,EAAA,CAAQ,UAAU,WAAA,CAAY,EAC/BD,EAAY,WACZR,EAACU,EAAA,CAAQ,UAAU,YAAY,EAC/B,IAAA,CAAA,EAEZ,CACH,CAAA,CAAA,EAET,CAAA,CACJ,CAER,CAGO,SAASC,EAAW,CAAE,GAAGZ,GAA0B,CACtD,MAAMa,EAAQC,EAA2B,CAAE,SAAUd,EAAM,WAAY,EACvE,OACIC,EAACN,EAAA,CACG,WAAYkB,EAAM,MAAM,MACxB,WAAYA,EAAM,KAAK,MAAM,cAAgBb,EAAM,WACnD,SAAU,IAAMa,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK,EACrD,OAAQA,EAAM,WACb,GAAGb,CAAA,CAAA,CAGhB"}

package/dist/components/data-table-commons.d.ts

@@ -1,11 +1,5 @@
 import { components, operations, paths } from '@cryptlex/web-api-types';
-import { ColumnHelper, PaginationState, SortingState, Table } from '@tanstack/react-table';
-import { LucideIcon } from 'lucide-react';
 import { default as createClient } from 'openapi-fetch';
-import { PressEvent } from 'react-aria-components';
-export declare const TABLE_CHECK_BOX_COLUMN: import('@tanstack/react-table').AccessorKeyColumnDef<any, any>[];
-export declare const TABLE_ID_COLUMN: import('@tanstack/react-table').AccessorKeyColumnDef<any, any>[];
-export declare const TABLE_DEFAULT_DATE_COLUMNS: import('@tanstack/react-table').AccessorKeyColumnDef<any, any>[];
 export declare function formatDate(date: string | null | undefined): string | null;
 /**
  * Format multiple license parameters (expired, suspended, revoked) into a single status
@@ -16,16 +10,6 @@ export declare function secondsToDuration(seconds: number): string;
 export declare const ALL_OS: {
     [key: string]: string;
 };
-export type TableAction = {
-    onClick: (e: PressEvent, t: Table<any>) => void;
-    bulk: boolean;
-    icon: LucideIcon;
-    tooltip?: string;
-};
-export type TableFetchFn<TData extends object> = (p: PaginationState, s: SortingState, q: string, f: Record<string, any>) => Promise<{
-    total: number;
-    data: TData[] | undefined;
-}>;
 export type _CtxClient = ReturnType<typeof createClient<paths>>;
 export type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];
 export type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;
@@ -37,14 +21,3 @@ export type ApiGetAllParameters = {
 };
 export type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;
 export type ApiFilters<T extends keyof operations> = NonNullable<Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>>;
-export declare function getTableCallback<T extends object>(getter: (q: Record<string, any>) => Promise<{
-    data?: T[];
-    error?: {
-        code?: string | null;
-        message: string;
-    };
-    response: Response;
-}>): {
-    callback: TableFetchFn<T>;
-    columnHelper: ColumnHelper<T>;
-};

package/dist/components/data-table-commons.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{createColumnHelper as c}from"@tanstack/react-table";import{intervalToDuration as g}from"date-fns";import{Checkbox as d}from"./checkbox.js";import"react-aria-components";import"lucide-react";import"./field.js";import"class-variance-authority";import"../utils/primitives.js";import"clsx";import"lodash-es";import"../utils/form-utils.js";import"react";import"../utils/form-context.js";import"@tanstack/react-form";const r=c(),b=[r.accessor("checkbox",{header:({table:e})=>s(d,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:e})=>s(d,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],H=[r.accessor("id",{header:()=>"ID"})],O=[r.accessor("createdAt",{header:()=>"Creation Date",cell:({row:e})=>{const t=e.getValue("createdAt");return i(t)},enableHiding:!1}),r.accessor("updatedAt",{header:()=>"Last Updated",cell:({row:e})=>{const t=e.getValue("updatedAt");return i(t)},enableHiding:!1})];function i(e){if(!e)return null;const t=new Date(e);return new Intl.DateTimeFormat(void 0,{dateStyle:"medium",timeStyle:"short"}).format(t)}function P(e){const t=e.expiresAt&&new Date(e.expiresAt)<new Date;switch(!0){case(e.revoked&&e.suspended&&t):return"Revoked, Suspended, Expired";case(e.revoked&&e.suspended):return"Revoked, Suspended";case(e.revoked&&t):return"Revoked, Expired";case(e.suspended&&t):return"Suspended, Expired";case e.suspended:return"Suspended";case e.revoked:return"Revoked";case t:return"Expired";default:return"Active"}}function $(e){return e===0||!e?"Lifetime":S(e)}function S(e){const t=g({start:0,end:e*1e3});return[t.years&&`${t.years}y`,t.months&&`${t.months}m`,t.days&&`${t.days}d`,t.hours&&`${t.hours}h`].filter(Boolean).join(" ").trim()}const B={windows:"Windows",macos:"macOS",linux:"Linux",ios:"iOS",android:"Android"};function U(e){const t=async(a,u,l,p)=>{const m={...p,page:a.pageIndex+1,limit:a.pageSize,sort:f(u[0]),search:l},n=await e(m);return{total:Number.parseInt(n.response.headers.get("Pagination-Count")||"0"),data:n.data}},o=c();return{callback:t,columnHelper:o}}function f(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}export{B as ALL_OS,b as TABLE_CHECK_BOX_COLUMN,O as TABLE_DEFAULT_DATE_COLUMNS,H as TABLE_ID_COLUMN,i as formatDate,P as getLicenseStatus,U as getTableCallback,$ as getValidityDisplay,S as secondsToDuration};
+import{intervalToDuration as t}from"date-fns";function s(e){if(!e)return null;const r=new Date(e);return Intl.DateTimeFormat(void 0,{dateStyle:"medium",timeStyle:"short"}).format(r)}function u(e){const r=e.expiresAt&&new Date(e.expiresAt)<new Date;switch(!0){case(e.revoked&&e.suspended&&r):return"Revoked, Suspended, Expired";case(e.revoked&&e.suspended):return"Revoked, Suspended";case(e.revoked&&r):return"Revoked, Expired";case(e.suspended&&r):return"Suspended, Expired";case e.suspended:return"Suspended";case e.revoked:return"Revoked";case r:return"Expired";default:return"Active"}}function a(e){return e===0||!e?"Lifetime":n(e)}function n(e){const r=t({start:0,end:e*1e3});return[r.years&&`${r.years}y`,r.months&&`${r.months}m`,r.days&&`${r.days}d`,r.hours&&`${r.hours}h`].filter(Boolean).join(" ").trim()}const i={windows:"Windows",macos:"macOS",linux:"Linux",ios:"iOS",android:"Android"};export{i as ALL_OS,s as formatDate,u as getLicenseStatus,a as getValidityDisplay,n as secondsToDuration};
 //# sourceMappingURL=data-table-commons.js.map

package/dist/components/data-table-commons.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-commons.js","sources":["../../lib/components/data-table-commons.tsx"],"sourcesContent":["import type { components, operations, paths } from '@cryptlex/web-api-types';\nimport type { ColumnHelper, PaginationState, SortingState, Table } from '@tanstack/react-table';\nimport { createColumnHelper } from '@tanstack/react-table';\nimport { intervalToDuration } from 'date-fns';\nimport type { LucideIcon } from 'lucide-react';\nimport type createClient from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { Checkbox } from '../components/checkbox';\n\nconst cH = createColumnHelper<any>();\nexport const TABLE_CHECK_BOX_COLUMN = [\n    cH.accessor('checkbox', {\n        header: ({ table }) => (\n            <Checkbox\n                isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n                isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n                onChange={() => table.toggleAllPageRowsSelected()}\n                aria-label=\"Select all\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox isSelected={row.getIsSelected()} onChange={() => row.toggleSelected()} aria-label=\"Select row\" />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nexport const TABLE_ID_COLUMN = [\n    cH.accessor('id', {\n        header: () => 'ID',\n    }),\n];\nexport const TABLE_DEFAULT_DATE_COLUMNS = [\n    cH.accessor('createdAt', {\n        header: () => 'Creation Date',\n        cell: ({ row }) => {\n            const date = row.getValue('createdAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n    cH.accessor('updatedAt', {\n        header: () => 'Last Updated',\n        cell: ({ row }) => {\n            const date = row.getValue('updatedAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n];\n\n// TODO, i18n using react-aria\nexport function formatDate(date: string | null | undefined) {\n    if (!date) return null;\n    const _date = new Date(date);\n    return new Intl.DateTimeFormat(undefined, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n    }).format(_date);\n}\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n    const licenseExpired = license.expiresAt && new Date(license.expiresAt) < new Date();\n    // Status Column\n    switch (true) {\n        case license.revoked && license.suspended && licenseExpired:\n            return 'Revoked, Suspended, Expired';\n        case license.revoked && license.suspended:\n            return 'Revoked, Suspended';\n        case license.revoked && licenseExpired:\n            return 'Revoked, Expired';\n        case license.suspended && licenseExpired:\n            return 'Suspended, Expired';\n        case license.suspended:\n            return 'Suspended';\n        case license.revoked:\n            return 'Revoked';\n        case licenseExpired:\n            return 'Expired';\n        default:\n            return 'Active';\n    }\n}\n\nexport function getValidityDisplay(validity: number | undefined) {\n    if (validity === 0 || !validity) {\n        return 'Lifetime';\n    } else {\n        return secondsToDuration(validity);\n    }\n}\nexport function secondsToDuration(seconds: number): string {\n    //@ts-ignore\n    const duration = intervalToDuration({\n        start: 0,\n        end: seconds * 1000,\n    });\n\n    const parts = [\n        duration.years && `${duration.years}y`,\n        duration.months && `${duration.months}m`,\n        duration.days && `${duration.days}d`,\n        duration.hours && `${duration.hours}h`,\n    ];\n\n    // Filter out undefined values and join\n    return parts.filter(Boolean).join(' ').trim();\n}\n\nexport const ALL_OS: { [key: string]: string } = {\n    windows: 'Windows',\n    macos: 'macOS',\n    linux: 'Linux',\n    ios: 'iOS',\n    android: 'Android',\n};\n\nexport type TableAction = {\n    onClick: (e: PressEvent, t: Table<any>) => void;\n    bulk: boolean;\n    icon: LucideIcon;\n    tooltip?: string;\n};\n\nexport type TableFetchFn<TData extends object> = (\n    p: PaginationState,\n    s: SortingState,\n    q: string,\n    f: Record<string, any>\n) => Promise<{\n    total: number;\n    data: TData[] | undefined;\n}>;\n\nexport type _CtxClient = ReturnType<typeof createClient<paths>>;\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiGetAllParameters = {\n    page: number;\n    limit: number;\n    search?: string;\n    sort?: string;\n};\n\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;\nexport type ApiFilters<T extends keyof operations> = NonNullable<\n    Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>\n>;\n\nexport function getTableCallback<T extends object>(\n    getter: (\n        q: Record<string, any>\n    ) => Promise<{ data?: T[]; error?: { code?: string | null; message: string }; response: Response }>\n): { callback: TableFetchFn<T>; columnHelper: ColumnHelper<T> } {\n    const callback: TableFetchFn<T> = async (pagination, sorting, searching, filters) => {\n        const query = {\n            ...filters,\n            page: pagination.pageIndex + 1,\n            limit: pagination.pageSize,\n            sort: generateSortParam(sorting[0]),\n            search: searching,\n        };\n\n        const _f = await getter(query);\n\n        return {\n            total: Number.parseInt(_f.response.headers.get('Pagination-Count') || '0'),\n            data: _f.data,\n        };\n    };\n\n    const columnHelper = createColumnHelper<T>();\n\n    return { callback, columnHelper };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n    if (sort) {\n        if (sort.desc) {\n            return `-${sort.id}`;\n        } else {\n            return `+${sort.id}`;\n        }\n    } else {\n        return '-createdAt';\n    }\n}\n"],"names":["cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","formatDate","_date","getLicenseStatus","license","licenseExpired","getValidityDisplay","validity","secondsToDuration","seconds","duration","intervalToDuration","ALL_OS","getTableCallback","getter","callback","pagination","sorting","searching","filters","query","generateSortParam","_f","columnHelper","sort"],"mappings":"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"}
+{"version":3,"file":"data-table-commons.js","sources":["../../lib/components/data-table-commons.tsx"],"sourcesContent":["import type { components, operations, paths } from '@cryptlex/web-api-types';\nimport { intervalToDuration } from 'date-fns';\nimport type createClient from 'openapi-fetch';\n\n// TODO, i18n using react-aria\nexport function formatDate(date: string | null | undefined) {\n    if (!date) return null;\n    const _date = new Date(date);\n    return Intl.DateTimeFormat(undefined, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n    }).format(_date);\n}\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n    const licenseExpired = license.expiresAt && new Date(license.expiresAt) < new Date();\n    // Status Column\n    switch (true) {\n        case license.revoked && license.suspended && licenseExpired:\n            return 'Revoked, Suspended, Expired';\n        case license.revoked && license.suspended:\n            return 'Revoked, Suspended';\n        case license.revoked && licenseExpired:\n            return 'Revoked, Expired';\n        case license.suspended && licenseExpired:\n            return 'Suspended, Expired';\n        case license.suspended:\n            return 'Suspended';\n        case license.revoked:\n            return 'Revoked';\n        case licenseExpired:\n            return 'Expired';\n        default:\n            return 'Active';\n    }\n}\n\nexport function getValidityDisplay(validity: number | undefined) {\n    if (validity === 0 || !validity) {\n        return 'Lifetime';\n    } else {\n        return secondsToDuration(validity);\n    }\n}\nexport function secondsToDuration(seconds: number): string {\n    //@ts-ignore\n    const duration = intervalToDuration({\n        start: 0,\n        end: seconds * 1000,\n    });\n\n    const parts = [\n        duration.years && `${duration.years}y`,\n        duration.months && `${duration.months}m`,\n        duration.days && `${duration.days}d`,\n        duration.hours && `${duration.hours}h`,\n    ];\n\n    // Filter out undefined values and join\n    return parts.filter(Boolean).join(' ').trim();\n}\n\nexport const ALL_OS: { [key: string]: string } = {\n    windows: 'Windows',\n    macos: 'macOS',\n    linux: 'Linux',\n    ios: 'iOS',\n    android: 'Android',\n};\n\nexport type _CtxClient = ReturnType<typeof createClient<paths>>;\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiGetAllParameters = {\n    page: number;\n    limit: number;\n    search?: string;\n    sort?: string;\n};\n\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;\nexport type ApiFilters<T extends keyof operations> = NonNullable<\n    Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>\n>;\n"],"names":["formatDate","date","_date","getLicenseStatus","license","licenseExpired","getValidityDisplay","validity","secondsToDuration","seconds","duration","intervalToDuration","ALL_OS"],"mappings":"8CAKO,SAASA,EAAWC,EAAiC,CACxD,GAAI,CAACA,EAAM,OAAO,KAClB,MAAMC,EAAQ,IAAI,KAAKD,CAAI,EAC3B,OAAO,KAAK,eAAe,OAAW,CAClC,UAAW,SACX,UAAW,OAAA,CACd,EAAE,OAAOC,CAAK,CACnB,CAIO,SAASC,EAAiBC,EAAsB,CACnD,MAAMC,EAAiBD,EAAQ,WAAa,IAAI,KAAKA,EAAQ,SAAS,EAAI,IAAI,KAE9E,OAAQ,GAAA,CACJ,KAAKA,EAAQ,SAAWA,EAAQ,WAAaC,GACzC,MAAO,8BACX,KAAKD,EAAQ,SAAWA,EAAQ,WAC5B,MAAO,qBACX,KAAKA,EAAQ,SAAWC,GACpB,MAAO,mBACX,KAAKD,EAAQ,WAAaC,GACtB,MAAO,qBACX,KAAKD,EAAQ,UACT,MAAO,YACX,KAAKA,EAAQ,QACT,MAAO,UACX,KAAKC,EACD,MAAO,UACX,QACI,MAAO,QAAA,CAEnB,CAEO,SAASC,EAAmBC,EAA8B,CAC7D,OAAIA,IAAa,GAAK,CAACA,EACZ,WAEAC,EAAkBD,CAAQ,CAEzC,CACO,SAASC,EAAkBC,EAAyB,CAEvD,MAAMC,EAAWC,EAAmB,CAChC,MAAO,EACP,IAAKF,EAAU,GAAA,CAClB,EAUD,MARc,CACVC,EAAS,OAAS,GAAGA,EAAS,KAAK,IACnCA,EAAS,QAAU,GAAGA,EAAS,MAAM,IACrCA,EAAS,MAAQ,GAAGA,EAAS,IAAI,IACjCA,EAAS,OAAS,GAAGA,EAAS,KAAK,GAAA,EAI1B,OAAO,OAAO,EAAE,KAAK,GAAG,EAAE,KAAA,CAC3C,CAEO,MAAME,EAAoC,CAC7C,QAAS,UACT,MAAO,QACP,MAAO,QACP,IAAK,MACL,QAAS,SACb"}

package/dist/components/data-table-filter.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"lucide-react";import"react";import"./button.js";import{C as z,D as G,F as H}from"./data-table.js";import"./date-picker.js";import"./id-search.js";import"./menu.js";import"./popover.js";import"../utils/form-hook.js";import"../utils/primitives.js";import"../utils/resource-names.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"lodash-es";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"@dnd-kit/sortable";import"@dnd-kit/core";import"@dnd-kit/utilities";import"./data-table-commons.js";import"date-fns";import"./checkbox.js";import"./field.js";import"../utils/form-utils.js";import"../utils/form-context.js";import"@tanstack/react-form";import"./searchfield.js";import"./table.js";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";export{z as COMPARISON_OPERATOR_LABELS,G as DataTableFilter,H as FILTER_COMPARISON_OPERATORS};
+import"react/jsx-runtime";import"react";import"./button.js";import{C as z,D as G,F as H}from"./data-table.js";import"./date-picker.js";import"./id-search.js";import"./menu.js";import"./popover.js";import"../utils/form-hook.js";import"../utils/primitives.js";import"../utils/resource-names.js";import"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"lodash-es";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"./data-table-commons.js";import"date-fns";import"./searchfield.js";import"./field.js";import"./table.js";import"./checkbox.js";import"../utils/form-utils.js";import"../utils/form-context.js";import"@tanstack/react-form";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";export{z as COMPARISON_OPERATOR_LABELS,G as DataTableFilter,H as FILTER_COMPARISON_OPERATORS};
 //# sourceMappingURL=data-table-filter.js.map

package/dist/components/data-table.d.ts

@@ -1,83 +1,117 @@
 import { operations } from '@cryptlex/web-api-types';
-import { ColumnDef, TableState } from '@tanstack/react-table';
-import { TableAction, TableFetchFn } from '../components/data-table-commons';
+import { ColumnDef, ColumnHelper, PaginationState, SortingState } from '@tanstack/react-table';
+import { PressEvent } from 'react-aria-components';
 import { FiltersConfig, TableFilter } from '../components/data-table-filter';
+import { CtxResourceName } from '../utils/resources';
+import { CtxIcon } from './icons';
 /** Reserved name for actions column */
-export declare const ACTIONS_COLUMN_ID = "tableActions";
+export type TableAction<in TActionData> = {
+    onClick: (e: PressEvent, t: TActionData[]) => void;
+    bulk: boolean;
+    icon: CtxIcon;
+    tooltip?: string;
+};
+export type TableFetchFn<in out TData extends object> = (p: PaginationState, s: SortingState, q: string, f: Record<string, any>) => Promise<{
+    total: number;
+    data: TData[] | undefined;
+}>;
+export declare function getTableCallback<T extends object>(getter: (q: Record<string, any>) => Promise<{
+    data?: T[];
+    error?: {
+        code?: string | null;
+        message: string;
+    };
+    response: Response;
+}>): {
+    callback: TableFetchFn<T>;
+    columnHelper: ColumnHelper<T>;
+};
+type RowAction<T> = {
+    onPress: (t: T) => void;
+    label: React.ReactElement;
+    disabled: (t: T) => boolean;
+};
 type DataTableFactory<T extends object, TOperation extends keyof operations> = {
+    resourceName: CtxResourceName;
     callback: TableFetchFn<T>;
     columns: ColumnDef<T, any>[];
-    allowSelection?: boolean;
+    tableActions: TableAction<T>[];
     columnsToHideByDefault?: Partial<Record<keyof T, boolean>>;
+    allowSelection?: boolean;
     filterConfig: FiltersConfig<TOperation>;
     initialFilters: TableFilter[];
+    rowActions?: RowAction<T>[];
+};
+type DataTableState = {
+    sorting: SortingState;
+    pagination: PaginationState;
 };
-type DataTableState = Pick<TableState, 'sorting' | 'pagination'> & {};
 /**
  * Hook for handling all data-table state. Used in DataTableContext
  */
-export declare function useDataTableState<T extends object, TOperation extends keyof operations>({ columns, callback, filterConfig, columnsToHideByDefault, allowSelection, initialFilters, }: DataTableFactory<T, TOperation>): {
-    tableState: Pick<TableState, "sorting" | "pagination">;
-    updateTableState: (updates: Partial<DataTableState>) => void;
-    query: import('@tanstack/react-query').UseQueryResult<{
+export declare function useDataTableState<T extends object, TOperation extends keyof operations>({ resourceName, columns, callback, filterConfig, columnsToHideByDefault, allowSelection, initialFilters, tableActions, rowActions, }: DataTableFactory<T, TOperation>): {
+    readonly tableState: DataTableState;
+    readonly updateTableState: (updates: Partial<DataTableState>) => void;
+    readonly query: import('@tanstack/react-query').UseQueryResult<{
         total: number;
         data: T[] | undefined;
     }, Error>;
-    setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
-    searchQuery: string;
-    tanTable: import('@tanstack/react-table').Table<any>;
-    mergedFilters: {
+    readonly setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
+    readonly searchQuery: string;
+    readonly tanTable: import('@tanstack/react-table').Table<any>;
+    readonly mergedFilters: {
         [x: string]: {
             [x: string]: string | boolean | Set<string | number> | import('@internationalized/date').CalendarDateTime | undefined;
         };
     };
-    filters: TableFilter[];
-    setFilters: import('react').Dispatch<import('react').SetStateAction<TableFilter[]>>;
-    filterConfig: Required<Record<Exclude<keyof import('../components/data-table-commons').ApiQuery<TOperation>, "search" | "sort" | "page" | "limit">, import('../components/data-table-filter').FilterConfig>>;
+    readonly filters: TableFilter[];
+    readonly setFilters: import('react').Dispatch<import('react').SetStateAction<TableFilter[]>>;
+    readonly filterConfig: Required<Record<Exclude<keyof import('../components/data-table-commons').ApiQuery<TOperation>, "search" | "sort" | "page" | "limit">, import('../components/data-table-filter').FilterConfig>>;
+    readonly tableActions: TableAction<T>[];
 };
 export declare const DataTableContext: import('react').Context<{
-    tableState: Pick<TableState, "sorting" | "pagination">;
-    updateTableState: (updates: Partial<DataTableState>) => void;
-    query: import('@tanstack/react-query').UseQueryResult<{
+    readonly tableState: DataTableState;
+    readonly updateTableState: (updates: Partial<DataTableState>) => void;
+    readonly query: import('@tanstack/react-query').UseQueryResult<{
         total: number;
         data: object[] | undefined;
     }, Error>;
-    setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
-    searchQuery: string;
-    tanTable: import('@tanstack/react-table').Table<any>;
-    mergedFilters: {
+    readonly setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
+    readonly searchQuery: string;
+    readonly tanTable: import('@tanstack/react-table').Table<any>;
+    readonly mergedFilters: {
         [x: string]: {
             [x: string]: string | boolean | Set<string | number> | import('@internationalized/date').CalendarDateTime | undefined;
         };
     };
-    filters: TableFilter[];
-    setFilters: import('react').Dispatch<import('react').SetStateAction<TableFilter[]>>;
-    filterConfig: Required<Record<never, import('../components/data-table-filter').FilterConfig>>;
+    readonly filters: TableFilter[];
+    readonly setFilters: import('react').Dispatch<import('react').SetStateAction<TableFilter[]>>;
+    readonly filterConfig: Required<Record<never, import('../components/data-table-filter').FilterConfig>>;
+    readonly tableActions: TableAction<object>[];
 } | null>;
 export declare const useDataTable: () => {
-    tableState: Pick<TableState, "sorting" | "pagination">;
-    updateTableState: (updates: Partial<DataTableState>) => void;
-    query: import('@tanstack/react-query').UseQueryResult<{
+    readonly tableState: DataTableState;
+    readonly updateTableState: (updates: Partial<DataTableState>) => void;
+    readonly query: import('@tanstack/react-query').UseQueryResult<{
         total: number;
         data: object[] | undefined;
     }, Error>;
-    setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
-    searchQuery: string;
-    tanTable: import('@tanstack/react-table').Table<any>;
-    mergedFilters: {
+    readonly setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
+    readonly searchQuery: string;
+    readonly tanTable: import('@tanstack/react-table').Table<any>;
+    readonly mergedFilters: {
         [x: string]: {
             [x: string]: string | boolean | Set<string | number> | import('@internationalized/date').CalendarDateTime | undefined;
         };
     };
-    filters: TableFilter[];
-    setFilters: import('react').Dispatch<import('react').SetStateAction<TableFilter[]>>;
-    filterConfig: Required<Record<never, import('../components/data-table-filter').FilterConfig>>;
+    readonly filters: TableFilter[];
+    readonly setFilters: import('react').Dispatch<import('react').SetStateAction<TableFilter[]>>;
+    readonly filterConfig: Required<Record<never, import('../components/data-table-filter').FilterConfig>>;
+    readonly tableActions: TableAction<object>[];
 };
-export declare function DataTableProvider({ children, ...props }: {
+export declare function DataTableProvider<T extends object, TOperation extends keyof operations>({ children, ...props }: {
     children: React.ReactNode;
-} & ReturnType<typeof useDataTableState>): import("react/jsx-runtime").JSX.Element;
-export type DataTableProps = React.ComponentProps<'section'> & {
-    tableActions: TableAction[];
-};
-export declare function DataTable({ tableActions, className, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+} & ReturnType<typeof useDataTableState<T, TOperation>>): import("react/jsx-runtime").JSX.Element;
+export type DataTableProps = React.ComponentProps<'section'>;
+export declare function DataTable({ className, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,Fragment as C,jsxs as s}from"react/jsx-runtime";import{Info as ne,RotateCw as re,Columns3 as ae,GripVertical as ie,ChevronFirst as oe,ChevronLeft as le,ChevronRight as se,ChevronLast as ce,ArrowDownNarrowWide as de,ArrowDownWideNarrow as ue,ArrowUpDown as me,Filter as pe,Trash as ge}from"lucide-react";import{createContext as fe,useId as he,useState as D,useMemo as E,useEffect as be,useContext as ye,useRef as Se}from"react";import{Button as y}from"./button.js";import{useQuery as ve,keepPreviousData as Ce}from"@tanstack/react-query";import{createColumnHelper as we,useReactTable as xe,getCoreRowModel as Ne,flexRender as V}from"@tanstack/react-table";import{useLocalStorage as H}from"@uidotdev/usehooks";import{sortableKeyboardCoordinates as Te,SortableContext as Ae,verticalListSortingStrategy as Fe,arrayMove as Pe,useSortable as De}from"@dnd-kit/sortable";import{useSensors as Oe,useSensor as B,PointerSensor as Ie,KeyboardSensor as _e,DndContext as ze,closestCenter as Le,DragOverlay as Re}from"@dnd-kit/core";import{CSS as Me}from"@dnd-kit/utilities";import{merge as Ee}from"lodash-es";import{TABLE_CHECK_BOX_COLUMN as Ve,TABLE_ID_COLUMN as qe,TABLE_DEFAULT_DATE_COLUMNS as $e}from"./data-table-commons.js";import{TfDatePicker as Ue}from"./date-picker.js";import{TfIdSearchInput as je}from"./id-search.js";import{EasyMenu as $,MenuItem as _}from"./menu.js";import{PopoverTrigger as ke,Popover as He}from"./popover.js";import{useAppForm as Be}from"../utils/form-hook.js";import{classNames as x}from"../utils/primitives.js";import{useResourceFormatter as G}from"../utils/resource-names.js";import{Loader as Ke}from"./loader.js";import{SearchField as Qe}from"./searchfield.js";import{Table as We,TableHeader as Ge,TableRow as K,TableHead as Xe,TableBody as Ze,TableCell as Je}from"./table.js";import"class-variance-authority";import"react-aria-components";import"date-fns";import"./checkbox.js";import"./field.js";import"../utils/form-utils.js";import"../utils/form-context.js";import"@tanstack/react-form";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"clsx";const q="tableActions";function Kt({columns:t,callback:a,filterConfig:o,columnsToHideByDefault:i={},allowSelection:r=!1,initialFilters:f=[]}){const c=he(),[u,h]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[m,S]=D({}),[d,l]=D(""),[g,p]=H("ctx_column_order_preference",[]),[w,z]=H("ctx_column_visibility_preference",{id:!1,updatedAt:!1,...i}),[L,J]=D(f),R=E(()=>L.map(n=>Array.isArray(n.value)?{[n.property]:{[n.operator]:n.value.join(",")}}:{[n.property]:{[n.operator]:n.value}}).reduce((n,v)=>Ee(n,v),{}),[L]),M=n=>{h(v=>({...v,...n}))},{sorting:O,pagination:I}=u,T=ve({queryKey:[c,I,O,d,R],queryFn:()=>a(I,O,d,R),placeholderData:Ce,retry:0,refetchOnWindowFocus:!1}),Y=E(()=>we(),[]),U=E(()=>{const n=T.data?.data;if(!n?.length)return[];const v=b=>b!=null&&typeof b=="object"&&"metadata"in b&&Array.isArray(b.metadata),k=n.filter(v);return k.length===0?[]:Array.from(new Set(k.flatMap(b=>b.metadata?.map(A=>A.key)??[]))).map(b=>Y.accessor(A=>v(A)?A?.metadata?.find(P=>P.key===b)?.value??"":"",{id:b,header:b,enableSorting:!1,cell:A=>{const P=A.getValue();return P==null?"":String(P)}}))},[T.data?.data]),ee=[...r?Ve:[],...qe,...t.filter(n=>n.id!==q),...U.length?U:[],...$e,...t.filter(n=>n.id===q)];function te(n){return typeof n=="function"}function F(n,v){return te(n)?n(v):n}const j=xe({data:T.data?.data??[],columns:ee,getCoreRowModel:Ne(),rowCount:T.data?.total,manualPagination:!0,onPaginationChange:n=>{M({pagination:F(n,I)})},manualSorting:!0,onSortingChange:n=>{S({}),M({sorting:[...F(n,O)]})},manualFiltering:!0,onColumnVisibilityChange:n=>{z(F(n,w))},onRowSelectionChange:n=>{S(F(n,m))},onColumnOrderChange:n=>{p(F(n,g))},state:{sorting:O,columnVisibility:w,pagination:I,rowSelection:m,columnOrder:g},meta:{refetch:T.refetch}});return be(()=>{p([...j.getAllLeafColumns().map(n=>n.id)])},[]),{tableState:u,updateTableState:M,query:T,setSearchQuery:l,searchQuery:d,tanTable:j,mergedFilters:R,filters:L,setFilters:J,filterConfig:o}}const X=fe(null),N=()=>{const t=ye(X);if(!t)throw Error("DataTable should be used within DataTableProvider.");return t};function Qt({children:t,...a}){return e(X.Provider,{value:a,children:t})}function Wt({tableActions:t,className:a,...o}){const{query:i,tanTable:r}=N();return e(C,{children:s("section",{...o,className:x("flex flex-col bg-card",a),children:[e(nt,{tableActions:t}),s("div",{className:"w-full overflow-auto border-x grow min-h-table relative",tabIndex:0,children:[i.isLoading&&e(Q,{className:"cursor-wait",children:e(Ke,{})}),!i.isLoading&&r.getRowModel().rows.length===0&&e(Q,{className:"cursor-not-allowed",children:!i.isFetching&&(i.isError?s("span",{className:"flex gap-3 justify-center items-center",children:[e(ne,{}),e("span",{children:i.error.message})]}):i.data?.data?.length===0?e(C,{children:"No results found."}):e(C,{children:"Unknown error. Please contact customer support."}))}),!i.isLoading&&r.getRowModel().rows.length!==0&&e(rt,{className:"size-full"})]}),s("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[s("div",{className:"flex gap-icon",children:[e(Ye,{}),e(tt,{})]}),e(et,{})]})]})})}function Q({children:t,className:a}){return s(C,{children:[e("span",{className:x(a,"absolute top-0 bg-card z-20 size-full body-sm flex items-center justify-center"),children:t}),e("span",{className:"relative h-full w-0 block"})]})}function Ye(){const{tanTable:t}=N(),[a,o]=D(null),i=G(),r=Oe(B(Ie),B(_e,{coordinateGetter:Te}));return e(ze,{sensors:r,collisionDetection:Le,onDragStart:c=>{const{active:u}=c;o(u.id.toString())},onDragEnd:c=>{const{active:u,over:h}=c;if(h&&u.id!==h.id){const m=t.getState().columnOrder,S=m.indexOf(u.id.toString()),d=m.indexOf(h.id.toString());t.setColumnOrder([...Pe(m,S,d)])}o(null)},children:s(Ae,{items:t.getState().columnOrder,strategy:Fe,children:[s($,{label:s(C,{children:[e(ae,{}),"Columns"]}),selectionMode:"multiple",items:t.getAllFlatColumns(),selectedKeys:t.getIsAllColumnsVisible()?"all":t.getVisibleFlatColumns().map(c=>c.id),children:[e(_,{onAction:()=>t.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),t.getState().columnOrder.map(c=>{const u=t.getAllFlatColumns().find(h=>h.id===c);return u?e(f,{column:u},u.id):null})]}),e(Re,{children:a?e("div",{className:"opacity-70 border-2 border-primary",children:i(a)}):null})]})});function f({column:c}){const{attributes:u,listeners:h,setNodeRef:m,transform:S,transition:d}=De({id:c.id}),l={transform:Me.Transform.toString(S),transition:d,zIndex:"999"};return s(_,{ref:m,style:l,...u,id:c.id,onAction:()=>c.toggleVisibility(),isDisabled:!c.getCanHide(),className:"flex items-center",children:[e(ie,{...h,className:"size-icon cursor-grab"}),i(c.id),c.getIsSorted()&&e(Z,{className:"size-icon",direction:c.getIsSorted()})]})}}function et(){const{tanTable:t,query:a}=N(),o=a.data?.total??0;return s("div",{className:"flex items-center gap-2",children:[e("span",{className:"whitespace-nowrap body-sm text-muted",children:`${t.getState().pagination.pageIndex*t.getState().pagination.pageSize+1} - ${Math.min((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize,o)} of ${o?.toLocaleString()}`}),e(y,{onPress:()=>t.firstPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(oe,{})}),e(y,{onPress:()=>t.previousPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(le,{})}),e(y,{onPress:()=>t.nextPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(se,{})}),e(y,{onClick:()=>t.lastPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(ce,{})})]})}function tt(){const{tanTable:t}=N(),a=[10,20,30,40,50];return e($,{label:t.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[t.getState().pagination.pageSize.toString()],items:a.map(o=>({id:o.toString(),value:o})),children:o=>e(_,{onAction:()=>t.setPageSize(o.value),children:o.value})})}function nt({tableActions:t}){const{query:a,tanTable:o,searchQuery:i,setSearchQuery:r}=N();return s("section",{className:"flex bg-card justify-between my-0 p-icon border gap-icon overflow-auto",children:[s("div",{className:"flex gap-icon",children:[e(y,{isPending:a.isFetching,onClick:()=>a.refetch(),variant:"neutral",size:"icon",children:e(re,{})}),t.filter(f=>f.bulk===o.getSelectedRowModel().rows.length>0).map((f,c)=>{const u=f.icon;return e(y,{type:"button",isDisabled:a.isFetching,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:h=>{f.onClick(h,o)},size:"icon",children:e(u,{})},`${c}-${f.bulk}`)})]}),s("div",{className:"flex gap-icon",children:[e(it,{}),e(Qe,{value:i,onChange:r})]})]})}function Z({direction:t,...a}){return t==="asc"?e(de,{...a}):t==="desc"?e(ue,{...a}):e(me,{...a})}function rt({className:t}){const{tanTable:a}=N(),o=(i,r)=>x("animate-in fade-in slide-in-from-top-10","px-icon py-2 text-left body-sm font-medium whitespace-nowrap",i&&"bg-card sticky right-0 z-50 text-center",r);return s(We,{className:x(t),children:[e(Ge,{className:"sticky top-0 z-10",children:a.getHeaderGroups().map(i=>e(K,{className:x("h-input"),children:i.headers.map(r=>s(Xe,{className:o(!1,"bg-card"),children:[!r.column.getCanSort()&&!r.isPlaceholder&&e(C,{children:V(r.column.columnDef.header,r.getContext())}),r.column.getCanSort()&&s(y,{variant:"ghost",className:"w-full !justify-start !px-1.5",onPress:r.column.getToggleSortingHandler(),children:[V(r.column.columnDef.header,r.getContext()),e(Z,{direction:r.column.getIsSorted()})]})]},r.id))},i.id))}),e(Ze,{className:"flex-1 overflow-y-auto relative",children:a.getRowModel().rows.map(i=>e(K,{className:x("h-input transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":i.getIsSelected(),children:i.getVisibleCells().map(r=>e(Je,{className:o(r.column.id===q),children:V(r.column.columnDef.cell,r.getContext())},r.id))},i.id))})]})}const Gt=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],at={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to"},W={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["lt","gt"]};function it({className:t,...a}){const{filters:o,query:i,setFilters:r,filterConfig:f}=N(),c=Se(null),u=G(),m=Be({defaultValues:{filters:o},onSubmit:({value:d})=>{r(d.filters)}}),S=Object.keys(f).sort();return e("section",{...a,className:x("flex gap-icon items-center",t),children:s(ke,{onOpenChange:d=>{d?c.current?.focus():m.handleSubmit()},children:[s("div",{className:"relative",children:[o.length>0&&e("div",{className:"size-2 rounded-full absolute bg-destructive z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),e(y,{isDisabled:i.isPending||S.length===0,type:"button",size:"icon",variant:"neutral",children:e(pe,{})})]}),e(He,{className:"w-full p-icon",children:e("form",{onSubmit:d=>{d.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:e(m.Field,{mode:"array",name:"filters",children:d=>s(C,{children:[d.state.value.map((l,g)=>s("div",{className:"flex gap-icon items-center justify-normal",children:[e("span",{className:"body-sm",children:u(l.property)}),e(m.AppField,{name:`filters[${g}].operator`,children:p=>e(p.TfSingleSelect,{items:W[l.type].map(w=>({id:w,label:e(C,{children:at[w]})}))})},l.id),l.type==="bool"&&e(m.AppField,{name:`filters[${g}].value`,children:p=>e(p.TfCheckbox,{})}),l.type==="date"&&e(m.AppField,{name:`filters[${g}].value`,children:p=>e(Ue,{})}),l.type==="id"&&e(m.AppField,{name:`filters[${g}].value`,children:p=>e(p.TfTextField,{})}),l.type==="string"&&e(m.AppField,{name:`filters[${g}].value`,children:p=>e(p.TfTextField,{})}),l.type==="enum"&&e(m.AppField,{name:`filters[${g}].value`,children:p=>e(p.TfMultiSelect,{items:f[l.property].options})}),l.type==="id-search"&&e(m.AppField,{name:`filters[${g}].value`,children:p=>e(je,{multiple:!0,accessor:"id",searchFn:f[l.property].search})}),e(y,{type:"button",variant:"destructive",size:"icon",onPress:()=>d.removeValue(g),children:e(ge,{})})]},l.id)),s("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[e($,{label:"Add Filter",children:S.map(l=>e(_,{onAction:()=>{const g=f[l].type,p=z=>{switch(z){case"bool":return!0;case"string":return"";case"date":return new Date().toISOString();case"id":return"";case"id-search":return[];case"enum":return[]}},w={id:`${l}-${Date.now()}`,operator:W[g][0],value:p(g),type:g,property:l};d.pushValue(w)},children:u(l)},l))}),d.state.value.length>0?e(y,{type:"button",variant:"neutral",onPress:()=>{d.setValue([])},children:"Reset filters"}):null]})]})})})})]})})}export{q as ACTIONS_COLUMN_ID,at as C,it as D,Wt as DataTable,X as DataTableContext,Qt as DataTableProvider,Gt as F,N as useDataTable,Kt as useDataTableState};
+"use client";import{jsx as e,Fragment as C,jsxs as c}from"react/jsx-runtime";import{createContext as le,useState as D,useMemo as B,useEffect as se,useContext as ce,useRef as de}from"react";import{Button as S}from"./button.js";import{useSensors as ue,useSensor as K,PointerSensor as me,KeyboardSensor as ge,DndContext as pe,closestCenter as fe,DragOverlay as he}from"@dnd-kit/core";import{sortableKeyboardCoordinates as be,SortableContext as Se,verticalListSortingStrategy as ye,arrayMove as ve,useSortable as Ce}from"@dnd-kit/sortable";import{CSS as xe}from"@dnd-kit/utilities";import{useQuery as we,keepPreviousData as Ae}from"@tanstack/react-query";import{createColumnHelper as Y,useReactTable as Ie,getCoreRowModel as Te,flexRender as $}from"@tanstack/react-table";import{useLocalStorage as Q}from"@uidotdev/usehooks";import{merge as Ne}from"lodash-es";import{formatDate as G}from"./data-table-commons.js";import{TfDatePicker as Pe}from"./date-picker.js";import{TfIdSearchInput as Fe}from"./id-search.js";import{EasyMenu as L,MenuItem as R}from"./menu.js";import{PopoverTrigger as De,Popover as Re}from"./popover.js";import{useAppForm as Oe}from"../utils/form-hook.js";import{classNames as w}from"../utils/primitives.js";import{useResourceFormatter as ee}from"../utils/resource-names.js";import{IcInfo as _e,IcMoreVertical as ze,IcRefresh as Le,IcColumns as Me,IcGrip as Ee,IcFirst as Ve,IcLeft as $e,IcRight as ke,IcLast as qe,IcSortAsc as He,IcSortDesc as Ue,IcSortNone as je,IcFilter as Be,IcRemove as Ke}from"./icons.js";import{Loader as Qe}from"./loader.js";import{SearchField as Ge}from"./searchfield.js";import{Table as We,TableHeader as Xe,TableRow as W,TableHead as Ze,TableBody as Je,TableCell as Ye}from"./table.js";import{Checkbox as X}from"./checkbox.js";import"class-variance-authority";import"react-aria-components";import"date-fns";import"@internationalized/date";import"./calendar.js";import"./field.js";import"./datefield.js";import"../utils/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"../utils/form-utils.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"clsx";function Jt(t){const n=async(o,i,g,l)=>{const u={...l,page:o.pageIndex+1,limit:o.pageSize,sort:et(i[0]),search:g},f=await t(u);return{total:Number.parseInt(f.response.headers.get("Pagination-Count")||"0"),data:f.data}},r=Y();return{callback:n,columnHelper:r}}function et(t){return t?t.desc?`-${t.id}`:`+${t.id}`:"-createdAt"}const N=Y(),tt=[N.accessor("checkbox",{header:({table:t})=>e(X,{isIndeterminate:t.getIsSomeRowsSelected()&&!t.getIsAllPageRowsSelected(),isSelected:t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected(),onChange:()=>t.toggleAllPageRowsSelected(),"aria-label":"Select all"}),cell:({row:t})=>e(X,{isSelected:t.getIsSelected(),onChange:()=>t.toggleSelected(),"aria-label":"Select row"}),enableSorting:!1,enableHiding:!1})],nt=[N.accessor("id",{header:()=>"ID"})],rt=[N.accessor("createdAt",{header:()=>"Creation Date",cell:({row:t})=>{const n=t.getValue("createdAt");return G(n)},enableHiding:!1}),N.accessor("updatedAt",{header:()=>"Last Updated",cell:({row:t})=>{const n=t.getValue("updatedAt");return G(n)},enableHiding:!1})],k="TableActions",at=t=>t.length===0?[]:[N.accessor(k,{header:"",id:k,enableHiding:!1,cell:({row:n})=>e(L,{label:e(ze,{}),size:"icon",children:t.map(r=>e(R,{isDisabled:r.disabled(n.original),onPress:()=>r.onPress(n.original),children:r.label}))})})];function Yt({resourceName:t,columns:n,callback:r,filterConfig:o,columnsToHideByDefault:i={},allowSelection:g=!1,initialFilters:l=[],tableActions:u,rowActions:f}){const[d,y]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),[m,s]=D({}),[p,h]=D(""),[x,O]=Q(`${t}_ctx_column_order_preference`,[]),[q,re]=Q(`${t}_ctx_column_visibility_preference`,{id:!1,updatedAt:!1,...i}),[M,ae]=D(l),E=B(()=>M.map(a=>Array.isArray(a.value)?{[a.property]:{[a.operator]:a.value.join(",")}}:{[a.property]:{[a.operator]:a.value}}).reduce((a,v)=>Ne(a,v),{}),[M]),V=a=>{y(v=>({...v,...a}))},{sorting:_,pagination:z}=d,I=we({queryKey:[t,z,_,p,E],queryFn:()=>r(z,_,p,E),placeholderData:Ae,retry:0,refetchOnWindowFocus:!1}),H=B(()=>{const a=I.data?.data;if(!a?.length)return[];const v=b=>b!=null&&typeof b=="object"&&"metadata"in b&&Array.isArray(b.metadata),j=a.filter(v);return j.length===0?[]:Array.from(new Set(j.flatMap(b=>b.metadata?.map(T=>T.key)??[]))).map(b=>N.accessor(T=>v(T)?T?.metadata?.find(F=>F.key===b)?.value??"":"",{id:b,header:b,enableSorting:!1,cell:T=>{const F=T.getValue();return F==null?"":String(F)}}))},[I.data?.data]),ie=[...g?tt:[],...nt,...n,...H.length?H:[],...rt,...at(f??[])];function oe(a){return typeof a=="function"}function P(a,v){return oe(a)?a(v):a}const U=Ie({data:I.data?.data??[],columns:ie,getCoreRowModel:Te(),rowCount:I.data?.total,manualPagination:!0,onPaginationChange:a=>{V({pagination:P(a,z)})},manualSorting:!0,onSortingChange:a=>{s({}),V({sorting:[...P(a,_)]})},manualFiltering:!0,onColumnVisibilityChange:a=>{re(P(a,q))},onRowSelectionChange:a=>{s(P(a,m))},onColumnOrderChange:a=>{O(P(a,x))},state:{sorting:_,columnVisibility:q,pagination:z,rowSelection:m,columnOrder:x},meta:{refetch:I.refetch}});return se(()=>{O([...U.getAllLeafColumns().map(a=>a.id)])},[]),{tableState:d,updateTableState:V,query:I,setSearchQuery:h,searchQuery:p,tanTable:U,mergedFilters:E,filters:M,setFilters:ae,filterConfig:o,tableActions:u}}const te=le(null),A=()=>{const t=ce(te);if(!t)throw Error("DataTable should be used within DataTableProvider.");return t};function en({children:t,...n}){return e(te.Provider,{value:n,children:t})}function tn({className:t,...n}){const{query:r,tanTable:o}=A();return e(C,{children:c("section",{...n,className:w("flex flex-col bg-card",t),children:[e(st,{}),c("div",{className:"w-full overflow-auto border-x grow min-h-table relative",tabIndex:0,children:[r.isLoading&&e(Z,{className:"cursor-wait",children:e(Qe,{})}),!r.isLoading&&o.getRowModel().rows.length===0&&e(Z,{className:"cursor-not-allowed",children:!r.isFetching&&(r.isError?c("span",{className:"flex gap-3 justify-center items-center",children:[e(_e,{}),e("span",{children:r.error.message})]}):r.data?.data?.length===0?e(C,{children:"No results found."}):e(C,{children:"Unknown error. Please contact customer support."}))}),!r.isLoading&&o.getRowModel().rows.length!==0&&e(ct,{className:"size-full"})]}),c("div",{className:"flex w-full justify-between border gap-icon p-icon overflow-x-auto",children:[c("div",{className:"flex gap-icon",children:[e(it,{}),e(lt,{})]}),e(ot,{})]})]})})}function Z({children:t,className:n}){return c(C,{children:[e("span",{className:w(n,"absolute top-0 bg-card z-20 size-full body-sm flex items-center justify-center"),children:t}),e("span",{className:"relative h-full w-0 block"})]})}function it(){const{tanTable:t}=A(),[n,r]=D(null),o=ee(),i=ue(K(me),K(ge,{coordinateGetter:be}));return e(pe,{sensors:i,collisionDetection:fe,onDragStart:l=>{const{active:u}=l;r(u.id.toString())},onDragEnd:l=>{const{active:u,over:f}=l;if(f&&u.id!==f.id){const d=t.getState().columnOrder,y=d.indexOf(u.id.toString()),m=d.indexOf(f.id.toString());t.setColumnOrder([...ve(d,y,m)])}r(null)},children:c(Se,{items:t.getState().columnOrder,strategy:ye,children:[c(L,{label:c(C,{children:[e(Me,{}),"Columns"]}),selectionMode:"multiple",items:t.getAllFlatColumns(),selectedKeys:t.getIsAllColumnsVisible()?"all":t.getVisibleFlatColumns().map(l=>l.id),children:[e(R,{onAction:()=>t.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),t.getState().columnOrder.map(l=>{const u=t.getAllFlatColumns().find(f=>f.id===l);return u?e(g,{column:u},u.id):null})]}),e(he,{children:n?e("div",{className:"opacity-70 border-2 border-primary",children:o(n)}):null})]})});function g({column:l}){const{attributes:u,listeners:f,setNodeRef:d,transform:y,transition:m}=Ce({id:l.id}),s={transform:xe.Transform.toString(y),transition:m,zIndex:"999"};return c(R,{ref:d,style:s,...u,id:l.id,onAction:()=>l.toggleVisibility(),isDisabled:!l.getCanHide(),className:"flex items-center",children:[e(Ee,{...f,className:"size-icon cursor-grab"}),o(l.id),l.getIsSorted()&&e(ne,{className:"size-icon",direction:l.getIsSorted()})]})}}function ot(){const{tanTable:t,query:n}=A(),r=n.data?.total??0;return c("div",{className:"flex items-center gap-2",children:[e("span",{className:"whitespace-nowrap body-sm text-muted",children:`${t.getState().pagination.pageIndex*t.getState().pagination.pageSize+1} - ${Math.min((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize,r)} of ${r?.toLocaleString()}`}),e(S,{onPress:()=>t.firstPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e(Ve,{})}),e(S,{onPress:()=>t.previousPage(),isDisabled:!t.getCanPreviousPage(),variant:"neutral",size:"icon",children:e($e,{})}),e(S,{onPress:()=>t.nextPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(ke,{})}),e(S,{onClick:()=>t.lastPage(),isDisabled:!t.getCanNextPage(),variant:"neutral",size:"icon",children:e(qe,{})})]})}function lt(){const{tanTable:t}=A(),n=[10,20,30,40,50];return e(L,{label:t.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[t.getState().pagination.pageSize.toString()],items:n.map(r=>({id:r.toString(),value:r})),children:r=>e(R,{onAction:()=>t.setPageSize(r.value),children:r.value})})}function st(){const{query:t,tanTable:n,searchQuery:r,setSearchQuery:o,tableActions:i}=A();return c("section",{className:"flex bg-card justify-between my-0 p-icon border gap-icon overflow-auto",children:[c("div",{className:"flex gap-icon",children:[e(S,{isPending:t.isFetching,onClick:()=>t.refetch(),variant:"neutral",size:"icon",children:e(Le,{})}),i.filter(g=>g.bulk===n.getSelectedRowModel().rows.length>0).map((g,l)=>{const u=g.icon;return e(S,{type:"button",isDisabled:t.isFetching,className:"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform",onPress:f=>{g.onClick(f,n.getSelectedRowModel().rows.map(d=>d.original))},size:"icon",children:e(u,{})},`${l}-${g.bulk}`)})]}),c("div",{className:"flex gap-icon",children:[e(ut,{}),e(Ge,{value:r,onChange:o})]})]})}function ne({direction:t,...n}){return t==="asc"?e(He,{...n}):t==="desc"?e(Ue,{...n}):e(je,{...n})}function ct({className:t}){const{tanTable:n}=A(),r=(o,i)=>w("animate-in fade-in slide-in-from-top-10","px-icon py-2 text-left body-sm font-medium whitespace-nowrap",o&&"bg-card sticky right-0 z-50 text-center",i);return c(We,{className:w(t),children:[e(Xe,{className:"sticky top-0 z-10",children:n.getHeaderGroups().map(o=>e(W,{className:w("h-input"),children:o.headers.map(i=>c(Ze,{className:r(!1,"bg-card"),children:[!i.column.getCanSort()&&!i.isPlaceholder&&e(C,{children:$(i.column.columnDef.header,i.getContext())}),i.column.getCanSort()&&c(S,{variant:"ghost",className:"w-full !justify-start !px-1.5",onPress:i.column.getToggleSortingHandler(),children:[$(i.column.columnDef.header,i.getContext()),e(ne,{direction:i.column.getIsSorted()})]})]},i.id))},o.id))}),e(Je,{className:"flex-1 overflow-y-auto relative",children:n.getRowModel().rows.map(o=>e(W,{className:w("h-input transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20"),"data-selected":o.getIsSelected(),children:o.getVisibleCells().map(i=>e(Ye,{className:r(i.column.id===k),children:$(i.column.columnDef.cell,i.getContext())},i.id))},o.id))})]})}const nn=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte"],dt={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to"},J={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["lt","gt"]};function ut({className:t,...n}){const{filters:r,query:o,setFilters:i,filterConfig:g}=A(),l=de(null),u=ee(),d=Oe({defaultValues:{filters:r},onSubmit:({value:m})=>{i(m.filters)}}),y=Object.keys(g).sort();return e("section",{...n,className:w("flex gap-icon items-center",t),children:c(De,{onOpenChange:m=>{m?l.current?.focus():d.handleSubmit()},children:[c("div",{className:"relative",children:[r.length>0&&e("div",{className:"size-2 rounded-full absolute bg-destructive z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5"}),e(S,{isDisabled:o.isPending||y.length===0,type:"button",size:"icon",variant:"neutral",children:e(Be,{})})]}),e(Re,{className:"w-full p-icon",children:e("form",{onSubmit:m=>{m.preventDefault()},className:"flex flex-col gap-icon max-h-table overflow-auto ",children:e(d.Field,{mode:"array",name:"filters",children:m=>c(C,{children:[m.state.value.map((s,p)=>c("div",{className:"flex gap-icon items-center justify-normal",children:[e("span",{className:"body-sm",children:u(s.property)}),e(d.AppField,{name:`filters[${p}].operator`,children:h=>e(h.TfSingleSelect,{items:J[s.type].map(x=>({id:x,label:e(C,{children:dt[x]})}))})},s.id),s.type==="bool"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfCheckbox,{})}),s.type==="date"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(Pe,{})}),s.type==="id"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfTextField,{})}),s.type==="string"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfTextField,{})}),s.type==="enum"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(h.TfMultiSelect,{items:g[s.property].options})}),s.type==="id-search"&&e(d.AppField,{name:`filters[${p}].value`,children:h=>e(Fe,{accessor:"id",searchFn:g[s.property].search})}),e(S,{type:"button",variant:"destructive",size:"icon",onPress:()=>m.removeValue(p),children:e(Ke,{})})]},s.id)),c("div",{className:"flex w-full items-center justify-end gap-2 not-first:mt-icon",children:[e(L,{label:"Add Filter",children:y.map(s=>e(R,{onAction:()=>{const p=g[s].type,h=O=>{switch(O){case"bool":return!0;case"string":return"";case"date":return new Date().toISOString();case"id":return"";case"id-search":return[];case"enum":return[]}},x={id:`${s}-${Date.now()}`,operator:J[p][0],value:h(p),type:p,property:s};m.pushValue(x)},children:u(s)},s))}),m.state.value.length>0?e(S,{type:"button",variant:"neutral",onPress:()=>{m.setValue([])},children:"Reset filters"}):null]})]})})})})]})})}export{dt as C,ut as D,tn as DataTable,te as DataTableContext,en as DataTableProvider,nn as F,Jt as getTableCallback,A as useDataTable,Yt as useDataTableState};
 //# sourceMappingURL=data-table.js.map