@cryptlex/web-components 6.6.6-alpha17 → 6.6.6-alpha20

package/dist/components/badge.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{classNames as i}from"../utilities/theme.js";import"clsx";function m({className:n,children:o,...r}){return e("span",{className:i("text-muted leading-none body-sm px-1 inline-flex items-center justify-center select-none bg-popover border h-input focus:outline-hidden focus:ring-1 focus:ring-ring",n),...r,children:e("span",{children:o})})}export{m as Badge};
+import{jsx as e}from"react/jsx-runtime";import{classNames as t}from"../utilities/theme.js";import"clsx";function m({className:n,children:i,...r}){return e("span",{className:t("text-muted leading-none body-sm px-1 inline-flex items-center justify-center select-none border h-input focus:outline-hidden focus:ring-1 focus:ring-ring",n),...r,children:e("span",{children:i})})}export{m as Badge};
 //# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\nexport function Badge({ className, children, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            className={classNames(\n                'text-muted leading-none body-sm px-1 inline-flex items-center justify-center select-none bg-popover border h-input focus:outline-hidden focus:ring-1 focus:ring-ring',\n                className\n            )}\n            {...props}\n        >\n            {/* Contents */}\n            <span>{children}</span>\n        </span>\n    );\n}\n"],"names":["Badge","className","children","props","jsx","classNames"],"mappings":"wGAEO,SAASA,EAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAuC,CACnF,OACIC,EAAC,OAAA,CACG,UAAWC,EACP,uKACAJ,CAAA,EAEH,GAAGE,EAGJ,SAAAC,EAAC,QAAM,SAAAF,CAAA,CAAS,CAAA,CAAA,CAG5B"}
+{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\nexport function Badge({ className, children, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            className={classNames(\n                'text-muted leading-none body-sm px-1 inline-flex items-center justify-center select-none border h-input focus:outline-hidden focus:ring-1 focus:ring-ring',\n                className\n            )}\n            {...props}\n        >\n            {/* Contents */}\n            <span>{children}</span>\n        </span>\n    );\n}\n"],"names":["Badge","className","children","props","jsx","classNames"],"mappings":"wGAEO,SAASA,EAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAuC,CACnF,OACIC,EAAC,OAAA,CACG,UAAWC,EACP,4JACAJ,CAAA,EAEH,GAAGE,EAGJ,SAAAC,EAAC,QAAM,SAAAF,CAAA,CAAS,CAAA,CAAA,CAG5B"}

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{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 n}from"../utilities/theme.js";import{IcRight as s,IcLeft as u}from"./icons.js";import"class-variance-authority";import"./loader.js";import"clsx";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:n("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:n("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: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 A({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 J({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{A as Calendar,x as CalendarCell,g as CalendarGrid,p as CalendarGridBody,C as CalendarGridHeader,h as CalendarHeaderCell,f as CalendarHeading,J 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{classNames as n}from"../utilities/theme.js";import{FormFieldError as m}from"./form.js";import{IcRight as s,IcLeft as u}from"./icons.js";import"class-variance-authority";import"./loader.js";import"clsx";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:n("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:n("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: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 A({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 J({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{A as Calendar,x as CalendarCell,g as CalendarGrid,p as CalendarGridBody,C as CalendarGridHeader,h as CalendarHeaderCell,f as CalendarHeading,J 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 { use } from 'react';\nimport { Button, buttonVariants } from '../components/button';\nimport { FieldError } from '../components/field';\nimport { classNames } from '../utilities/theme';\nimport { IcLeft, IcRight } from './icons';\n\n/**\n * Calendar header with navigation buttons and month/year display.\n */\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n    let { direction } = useLocale();\n\n    return (\n        <header className=\"flex w-full items-center gap-1 px-1 pb-icon\" {...props}>\n            <Button\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\n/**\n * Grid container for calendar cells with proper spacing.\n */\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n    return (\n        <AriaCalendarGrid\n            className={classNames(' border-separate border-spacing-x-0 border-spacing-y-1 ', className)}\n            {...props}\n        />\n    );\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\n/**\n * Header cell displaying day of week abbreviation.\n */\nexport function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps) {\n    return (\n        <AriaCalendarHeaderCell\n            className={classNames('w-9 body-sm font-normal text-muted-foreground', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body container for calendar date cells.\n */\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n    return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\n\n/**\n * Individual calendar date cell with selection, hover, and availability states.\n * Automatically adapts styling for range selection contexts.\n */\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n    const isRange = Boolean(use(AriaRangeCalendarStateContext));\n    return (\n        <AriaCalendarCell\n            className={composeRenderProps(className, (className, renderProps) =>\n                classNames(\n                    buttonVariants({ variant: 'ghost', size: '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    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for single date selection.\n *\n * @example Basic usage\n * ```tsx\n * <Calendar defaultValue={today(getLocalTimeZone())} />\n * ```\n */\nexport function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>) {\n    return (\n        <AriaCalendar className={composeRenderProps(className, className => classNames('w-fit', className))} {...props}>\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FieldError>{errorMessage}</FieldError>}\n        </AriaCalendar>\n    );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for date range selection.\n *\n * @example Basic range selection\n * ```tsx\n * <RangeCalendar\n *   defaultValue={{\n *     start: today(getLocalTimeZone()),\n *     end: today(getLocalTimeZone()).add({ days: 7 })\n *   }}\n * />\n * ```\n */\nexport function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>) {\n    return (\n        <AriaRangeCalendar\n            className={composeRenderProps(className, className => classNames('w-fit', className))}\n            {...props}\n        >\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <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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"}
+{"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 { classNames } from '../utilities/theme';\nimport { FormFieldError } from './form';\nimport { IcLeft, IcRight } from './icons';\n\n/**\n * Calendar header with navigation buttons and month/year display.\n */\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n    let { direction } = useLocale();\n\n    return (\n        <header className=\"flex w-full items-center gap-1 px-1 pb-icon\" {...props}>\n            <Button\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\n/**\n * Grid container for calendar cells with proper spacing.\n */\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n    return (\n        <AriaCalendarGrid\n            className={classNames(' border-separate border-spacing-x-0 border-spacing-y-1 ', className)}\n            {...props}\n        />\n    );\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\n/**\n * Header cell displaying day of week abbreviation.\n */\nexport function CalendarHeaderCell({ className, ...props }: AriaCalendarHeaderCellProps) {\n    return (\n        <AriaCalendarHeaderCell\n            className={classNames('w-9 body-sm font-normal text-muted-foreground', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Body container for calendar date cells.\n */\nexport function CalendarGridBody({ className, ...props }: AriaCalendarGridBodyProps) {\n    return <AriaCalendarGridBody className={classNames('[&>tr>td]:p-0', className)} {...props} />;\n}\n\n/**\n * Individual calendar date cell with selection, hover, and availability states.\n * Automatically adapts styling for range selection contexts.\n */\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n    const isRange = Boolean(use(AriaRangeCalendarStateContext));\n    return (\n        <AriaCalendarCell\n            className={composeRenderProps(className, (className, renderProps) =>\n                classNames(\n                    buttonVariants({ variant: 'ghost', size: '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    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for single date selection.\n *\n * @example Basic usage\n * ```tsx\n * <Calendar defaultValue={today(getLocalTimeZone())} />\n * ```\n */\nexport function Calendar<T extends AriaDateValue>({ errorMessage, className, ...props }: CalendarProps<T>) {\n    return (\n        <AriaCalendar className={composeRenderProps(className, className => classNames('w-fit', className))} {...props}>\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FormFieldError>{errorMessage}</FormFieldError>}\n        </AriaCalendar>\n    );\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue> extends AriaRangeCalendarProps<T> {\n    /** Error message to display below the calendar */\n    errorMessage?: string;\n}\n\n/**\n * Calendar component for date range selection.\n *\n * @example Basic range selection\n * ```tsx\n * <RangeCalendar\n *   defaultValue={{\n *     start: today(getLocalTimeZone()),\n *     end: today(getLocalTimeZone()).add({ days: 7 })\n *   }}\n * />\n * ```\n */\nexport function RangeCalendar<T extends AriaDateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>) {\n    return (\n        <AriaRangeCalendar\n            className={composeRenderProps(className, className => classNames('w-fit', className))}\n            {...props}\n        >\n            <CalendarHeading />\n            <CalendarGrid>\n                <CalendarGridHeader>{day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}</CalendarGridHeader>\n                <CalendarGridBody>{date => <CalendarCell date={date} />}</CalendarGridBody>\n            </CalendarGrid>\n            {errorMessage && <FormFieldError slot=\"errorMessage\">{errorMessage}</FormFieldError>}\n        </AriaRangeCalendar>\n    );\n}\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","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","FormFieldError","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}

package/dist/components/card.js

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

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../lib/components/card.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport function Card({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            className={classNames('flex flex-col p-icon border border-border bg-card text-card-foreground', className)}\n            {...props}\n        />\n    );\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex flex-col gap-y-1 pb-icon shrink-0', className)} {...props} />;\n}\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n    return <h3 className={classNames('heading-3 leading-none', className)} {...props} />;\n}\n\nexport function CardDescription({ className, ...props }: React.ComponentProps<'p'>) {\n    return <p className={classNames('body-sm text-muted', className)} {...props} />;\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('grow body', className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex items-center w-full pt-icon gap-2 justify-end', className)} {...props} />;\n}\n"],"names":["Card","className","props","jsx","classNames","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"wGAGO,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CACvE,OACIC,EAAC,MAAA,CACG,UAAWC,EAAW,yEAA0EH,CAAS,EACxG,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,yCAA0CH,CAAS,EAAI,GAAGC,EAAO,CACvG,CAEO,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CAC3E,OAAOC,EAAC,MAAG,UAAWC,EAAW,yBAA0BH,CAAS,EAAI,GAAGC,EAAO,CACtF,CAEO,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAoC,CAChF,OAAOC,EAAC,KAAE,UAAWC,EAAW,qBAAsBH,CAAS,EAAI,GAAGC,EAAO,CACjF,CAEO,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CAC9E,OAAOC,EAAC,OAAI,UAAWC,EAAW,YAAaH,CAAS,EAAI,GAAGC,EAAO,CAC1E,CAEO,SAASO,EAAW,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,qDAAsDH,CAAS,EAAI,GAAGC,EAAO,CACnH"}
+{"version":3,"file":"card.js","sources":["../../lib/components/card.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport function Card({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            className={classNames(\n                'flex flex-col p-icon border border-border bg-elevation-1 text-foreground',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex flex-col gap-y-1 pb-icon shrink-0', className)} {...props} />;\n}\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n    return <h3 className={classNames('heading-3 leading-none', className)} {...props} />;\n}\n\nexport function CardDescription({ className, ...props }: React.ComponentProps<'p'>) {\n    return <p className={classNames('body-sm text-muted', className)} {...props} />;\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('grow body', className)} {...props} />;\n}\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex items-center w-full pt-icon gap-2 justify-end', className)} {...props} />;\n}\n"],"names":["Card","className","props","jsx","classNames","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"wGAGO,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CACvE,OACIC,EAAC,MAAA,CACG,UAAWC,EACP,2EACAH,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,yCAA0CH,CAAS,EAAI,GAAGC,EAAO,CACvG,CAEO,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAqC,CAC3E,OAAOC,EAAC,MAAG,UAAWC,EAAW,yBAA0BH,CAAS,EAAI,GAAGC,EAAO,CACtF,CAEO,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAoC,CAChF,OAAOC,EAAC,KAAE,UAAWC,EAAW,qBAAsBH,CAAS,EAAI,GAAGC,EAAO,CACjF,CAEO,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CAC9E,OAAOC,EAAC,OAAI,UAAWC,EAAW,YAAaH,CAAS,EAAI,GAAGC,EAAO,CAC1E,CAEO,SAASO,EAAW,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,EAAC,OAAI,UAAWC,EAAW,qDAAsDH,CAAS,EAAI,GAAGC,EAAO,CACnH"}

package/dist/components/checkbox.d.ts

@@ -1,8 +1,8 @@
 import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
-import { FormFieldProps } from '../components/field';
+import { FormFieldProps } from './form';
 export declare const CheckboxGroup: (props: import('react-aria-components').CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 type CheckboxProps = AriaCheckboxProps & FormFieldProps;
-export declare function Checkbox({ className, label, description, errorMessage, ...props }: Omit<CheckboxProps, 'children'>): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ className, label, description, errorMessage, requiredIndicator, ...props }: Omit<CheckboxProps, 'children'>): import("react/jsx-runtime").JSX.Element;
 export type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, 'onChange' | 'onBlur' | 'isChecked'>;
 export declare function TfCheckbox({ ...props }: TfCheckboxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-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{useFieldContext as h}from"../utilities/form-context.js";import{classNames as d}from"../utilities/theme.js";import{IcMinus as x,IcCheck as g}from"./icons.js";import"class-variance-authority";import"@tanstack/react-form";import"react";import"clsx";const S=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 j({...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,S as CheckboxGroup,j as TfCheckbox};
+import{jsx as e,Fragment as a}from"react/jsx-runtime";import{Checkbox as m,composeRenderProps as c,CheckboxGroup as b}from"react-aria-components";import{useFieldContext as p}from"../utilities/form-context.js";import{classNames as d}from"../utilities/theme.js";import{FormField as h,labelVariants as x}from"./form.js";import{IcMinus as g,IcCheck as f}from"./icons.js";import"@tanstack/react-form";import"react";import"clsx";import"class-variance-authority";const j=b;function k({className:r,label:o,description:n,errorMessage:s,requiredIndicator:l,...u}){return e("div",{className:"group form-field",children:e(h,{label:o,description:n,errorMessage:s,requiredIndicator:l,children:e(m,{className:c(r,t=>d("group/checkbox cursor-pointer relative focus-ring flex items-center gap-x-2","disabled-muted",x,t)),...u,children:c(e(a,{}),(t,i)=>e(a,{children:e("div",{className:d("flex size-input shrink-0 items-center bg-elevation-2 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(g,{className:"size-icon"}):i.isSelected?e(f,{className:"size-icon"}):null})}))})})})}function B({...r}){const o=p({disabled:r.isDisabled});return e(k,{isSelected:o.state.value,isDisabled:o.form.state.isSubmitting||r.isDisabled,onChange:()=>o.handleChange(!o.state.value),onBlur:o.handleBlur,...r})}export{k as Checkbox,j as CheckboxGroup,B 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 { FormField, labelVariants, type FormFieldProps } from '../components/field';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\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 = useFieldContext<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","useFieldContext"],"mappings":"ycAYO,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,EAAyB,CAAE,SAAUd,EAAM,WAAY,EACrE,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 { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { FormField, labelVariants, type FormFieldProps } from './form';\nimport { IcCheck, IcMinus } from './icons';\n\nexport const CheckboxGroup = AriaCheckboxGroup;\ntype CheckboxProps = AriaCheckboxProps & FormFieldProps;\nexport function Checkbox({\n    className,\n    label,\n    description,\n    errorMessage,\n    requiredIndicator,\n    ...props\n}: Omit<CheckboxProps, 'children'>) {\n    return (\n        <div className=\"group form-field\">\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                <AriaCheckbox\n                    className={composeRenderProps(className, className =>\n                        classNames(\n                            'group/checkbox cursor-pointer relative 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-elevation-2 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 = useFieldContext<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","requiredIndicator","props","jsx","FormField","AriaCheckbox","composeRenderProps","classNames","labelVariants","Fragment","_","renderProps","IcMinus","IcCheck","TfCheckbox","field","useFieldContext"],"mappings":"wcAYO,MAAMA,EAAgBC,EAEtB,SAASC,EAAS,CACrB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,GAAGC,CACP,EAAoC,CAChC,OACIC,EAAC,MAAA,CAAI,UAAU,mBACX,SAAAA,EAACC,EAAA,CAAgB,MAAAN,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAC,EAC/C,SAAAE,EAACE,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GACrCU,EACI,8EAEA,iBACAC,EACAX,CAAA,CACJ,EAEH,GAAGK,EAEH,WAAmBC,EAAAM,EAAA,CAAA,CAAE,EAAK,CAACC,EAAGC,IAC3BR,EAAAM,EAAA,CACI,SAAAN,EAAC,MAAA,CACG,UAAWI,EACP,8HAEA,+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,EAAyB,CAAE,SAAUd,EAAM,WAAY,EACrE,OACIC,EAACP,EAAA,CACG,WAAYmB,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-filter.d.ts

@@ -26,7 +26,7 @@ export type FilterConfig = {
     options: MultiSelectProps['items'];
 } | ({
     type: 'id-search';
-} & Pick<React.ComponentProps<typeof TfMultipleIdSearchInput>, 'accessor' | 'searchFn'>) | {
+} & Pick<React.ComponentProps<typeof TfMultipleIdSearchInput>, 'accessor' | 'searchFn' | 'resource'>) | {
     type: 'id';
 } | {
     type: 'bool';

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

@@ -1,2 +1,2 @@
-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"./menu.js";import"./popover.js";import"../utilities/form-hook.js";import"../utilities/resources.js";import"../utilities/theme.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"lodash-es";import"./searchfield.js";import"./field.js";import"./table.js";import"../utilities/date.js";import"./checkbox.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"../utilities/form.js";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"../utilities/string.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"./menu.js";import"./popover.js";import"../utilities/form-hook.js";import"../utilities/resources.js";import"../utilities/theme.js";import"./icons.js";import"./id-search.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"@tanstack/react-query";import"@tanstack/react-table";import"@uidotdev/usehooks";import"lodash-es";import"./searchfield.js";import"./form.js";import"./table.js";import"../utilities/date.js";import"./checkbox.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"@internationalized/date";import"./calendar.js";import"./datefield.js";import"../utilities/form.js";import"./list-box.js";import"./select.js";import"./multi-select.js";import"./numberfield.js";import"./textfield.js";import"../utilities/string.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.js

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