@lerianstudio/sindarian-ui 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/esm/components/card/account-card/index.js

@@ -1,53 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Collapsible } from '@radix-ui/react-collapsible';
-import { cn } from '../../../lib/utils.js';
-import { Card } from '../../../components/ui/card/index.js';
-import { Button } from '../../../components/ui/button/index.js';
-import { CheckCircle2, RefreshCw, Trash, User } from 'lucide-react';
-import { CollapsibleContent, CollapsibleTrigger } from '../../../components/ui/collapsible/index.js';
-import { Skeleton } from '../../../components/ui/skeleton/index.js';
-import { useTime } from '../../../hooks/use-time.js';
-import dayjs from 'dayjs';
-import { IconButton } from '../../../components/ui/icon-button/index.js';
-const AccountBalanceCardContext = React.createContext({
-    open: false
-});
-export function AccountBalanceCard({ className, open, onOpenChange, children, ...props }) {
-    return (_jsx(Collapsible, { open: open, onOpenChange: onOpenChange, "data-slot": "account-balance-card", className: cn('w-full', className), ...props, children: _jsx(AccountBalanceCardContext.Provider, { value: { open }, children: _jsx(Card, { className: "relative gap-2 px-5 py-4 shadow-xs", children: children }) }) }));
-}
-export function AccountBalanceCardIcon({ className, ...props }) {
-    return (_jsx(User, { "data-slot": "account-balance-card-icon", strokeWidth: 1, className: cn('text-foreground mb-[14px] size-8 opacity-40', className), ...props }));
-}
-export function AccountBalanceCardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "account-balance-card-header", className: cn('flex flex-col', className), ...props }));
-}
-export function AccountBalanceCardTitle({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "account-balance-card-title", className: cn('text-foreground text-lg font-bold', className), ...props }));
-}
-export function AccountBalanceCardDeleteButton({ className, ...props }) {
-    return (_jsx(IconButton, { variant: "outline", size: "small", rounded: true, "data-slot": "account-balance-card-delete-button", className: cn('absolute top-3 right-3', className), ...props, children: _jsx(Trash, { className: "text-muted-foreground h-4 w-4" }) }));
-}
-export function AccountBalanceCardContent({ className, ...props }) {
-    return (_jsx(CollapsibleContent, { "data-slot": "account-balance-card-content", className: cn('motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden', className), ...props }));
-}
-export function AccountBalanceCardLoading({ className, ...props }) {
-    return (_jsx(Skeleton, { "data-slot": "account-balance-card-loading", className: cn('bg-muted mt-3 h-3 w-full rounded-md', className), ...props }));
-}
-export function AccountBalanceCardEmpty({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "account-balance-card-empty", className: cn('text-muted-foreground mt-3 text-center text-sm font-normal', className), ...props }));
-}
-export function AccountBalanceCardInfo({ className, assetCode, value, children: _children, ref, ...props }) {
-    return (_jsxs("div", { ref: ref, "data-slot": "account-balance-card-info", className: cn('text-muted-foreground mt-3 flex flex-row items-center justify-between text-sm font-normal', className), ...props, children: [_jsx("p", { children: assetCode }), _jsx("p", { children: value })] }));
-}
-export function AccountBalanceCardUpdateButton({ className: _className, loading, timestamp, loadingLabel = 'Updating...', updatedInLabel = 'Updated in', updatedLabel = 'Updated', onRefresh, children: _children, ref, ...props }) {
-    const _time = useTime({ interval: 1000 * 60 });
-    const updated = React.useMemo(() => {
-        return !dayjs(timestamp).isBefore(dayjs().subtract(1, 'minute'));
-    }, [_time, timestamp]);
-    return (_jsxs("div", { className: "mb-3 flex flex-row items-center justify-end gap-2", children: [_jsxs("p", { className: "text-muted-foreground text-xs font-medium", children: [loading && loadingLabel, !loading && !updated && updatedInLabel, !loading && updated && updatedLabel] }), !loading && updated && (_jsx(CheckCircle2, { className: "text-system-success-h1a h-4 w-4" })), (!updated || loading) && (_jsx(Button, { ref: ref, variant: "link", "data-slot": "account-balance-card-update-button", className: "h-3 p-0", onClick: onRefresh, disabled: loading, ...props, children: _jsx(RefreshCw, { className: cn('size-4', { 'motion-safe:animate-spin': loading }) }) }))] }));
-}
-export function AccountBalanceCardTrigger({ className, openLabel, closeLabel, children: _children, ...props }) {
-    const { open } = React.useContext(AccountBalanceCardContext);
-    return (_jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { variant: "link", "data-slot": "account-balance-card-trigger", className: cn('text-muted-foreground h-4 p-0 text-xs', className), ...props, children: !open ? openLabel : closeLabel }) }));
-}
+import{jsx as a,jsxs as d}from"react/jsx-runtime";import i from"react";import{Collapsible as b}from"@radix-ui/react-collapsible";import{cn as n}from"../../../lib/utils.js";import{Card as N}from"../../../components/ui/card/index.js";import{Button as u}from"../../../components/ui/button/index.js";import{CheckCircle2 as B,RefreshCw as g,Trash as A,User as v}from"lucide-react";import{CollapsibleContent as w,CollapsibleTrigger as y}from"../../../components/ui/collapsible/index.js";import{Skeleton as j}from"../../../components/ui/skeleton/index.js";import{useTime as _}from"../../../hooks/use-time.js";import m from"dayjs";import{IconButton as k}from"../../../components/ui/icon-button/index.js";const f=i.createContext({open:false});export function AccountBalanceCard({className:t,open:e,onOpenChange:c,children:r,...o}){return a(b,{open:e,onOpenChange:c,"data-slot":"account-balance-card",className:n("w-full",t),...o,children:a(f.Provider,{value:{open:e},children:a(N,{className:"relative gap-2 px-5 py-4 shadow-xs",children:r})})})}export function AccountBalanceCardIcon({className:t,...e}){return a(v,{"data-slot":"account-balance-card-icon",strokeWidth:1,className:n("text-foreground mb-[14px] size-8 opacity-40",t),...e})}export function AccountBalanceCardHeader({className:t,...e}){return a("div",{"data-slot":"account-balance-card-header",className:n("flex flex-col",t),...e})}export function AccountBalanceCardTitle({className:t,...e}){return a("p",{"data-slot":"account-balance-card-title",className:n("text-foreground text-lg font-bold",t),...e})}export function AccountBalanceCardDeleteButton({className:t,...e}){return a(k,{variant:"outline",size:"small",rounded:true,"data-slot":"account-balance-card-delete-button",className:n("absolute top-3 right-3",t),...e,children:a(A,{className:"text-muted-foreground h-4 w-4"})})}export function AccountBalanceCardContent({className:t,...e}){return a(w,{"data-slot":"account-balance-card-content",className:n("motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden",t),...e})}export function AccountBalanceCardLoading({className:t,...e}){return a(j,{"data-slot":"account-balance-card-loading",className:n("bg-muted mt-3 h-3 w-full rounded-md",t),...e})}export function AccountBalanceCardEmpty({className:t,...e}){return a("p",{"data-slot":"account-balance-card-empty",className:n("text-muted-foreground mt-3 text-center text-sm font-normal",t),...e})}export function AccountBalanceCardInfo({className:t,assetCode:e,value:c,children:r,ref:o,...l}){return d("div",{ref:o,"data-slot":"account-balance-card-info",className:n("text-muted-foreground mt-3 flex flex-row items-center justify-between text-sm font-normal",t),...l,children:[a("p",{children:e}),a("p",{children:c})]})}export function AccountBalanceCardUpdateButton({className:t,loading:e,timestamp:c,loadingLabel:r="Updating...",updatedInLabel:o="Updated in",updatedLabel:l="Updated",onRefresh:p,children:T,ref:x,...h}){const C=_({interval:1e3*60});const s=i.useMemo(()=>{return!m(c).isBefore(m().subtract(1,"minute"))},[C,c]);return d("div",{className:"mb-3 flex flex-row items-center justify-end gap-2",children:[d("p",{className:"text-muted-foreground text-xs font-medium",children:[e&&r,!e&&!s&&o,!e&&s&&l]}),!e&&s&&a(B,{className:"text-system-success-h1a h-4 w-4"}),(!s||e)&&a(u,{ref:x,variant:"link","data-slot":"account-balance-card-update-button",className:"h-3 p-0",onClick:p,disabled:e,...h,children:a(g,{className:n("size-4",{"motion-safe:animate-spin":e})})})]})}export function AccountBalanceCardTrigger({className:t,openLabel:e,closeLabel:c,children:r,...o}){const{open:l}=i.useContext(f);return a(y,{asChild:true,children:a(u,{variant:"link","data-slot":"account-balance-card-trigger",className:n("text-muted-foreground h-4 p-0 text-xs",t),...o,children:!l?e:c})})}

package/dist/esm/components/card/basic-card/index.js

@@ -1,14 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-export function BasicCard({ className, ...props }) {
-    return (_jsx("div", { className: cn('bg-card flex flex-col rounded-lg p-6', className), ...props }));
-}
-export function BasicCardTitle({ className, ...props }) {
-    return (_jsx("h2", { className: cn('text-foreground mb-4 text-sm font-medium', className), ...props }));
-}
-export function BasicCardContent({ className, ...props }) {
-    return (_jsx("div", { className: cn('text-muted-foreground mb-6 text-sm font-medium', className), ...props }));
-}
-export function BasicCardAction({ className, ...props }) {
-    return _jsx("div", { className: cn('flex flex-col', className), ...props });
-}
+import{jsx as r}from"react/jsx-runtime";import{cn as o}from"../../../lib/utils.js";export function BasicCard({className:t,...e}){return r("div",{className:o("bg-card flex flex-col rounded-lg p-6",t),...e})}export function BasicCardTitle({className:t,...e}){return r("h2",{className:o("text-foreground mb-4 text-sm font-medium",t),...e})}export function BasicCardContent({className:t,...e}){return r("div",{className:o("text-muted-foreground mb-6 text-sm font-medium",t),...e})}export function BasicCardAction({className:t,...e}){return r("div",{className:o("flex flex-col",t),...e})}

package/dist/esm/components/card/dashboard-card/index.js

@@ -1,14 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-export function DashboardCard({ className, ...props }) {
-    return (_jsx("div", { className: cn('bg-card relative flex flex-col rounded-lg p-6 pt-4', className), ...props }));
-}
-export function DashboardCardIcon({ className, ...props }) {
-    return (_jsx("div", { className: cn('text-muted-foreground absolute top-4 right-6 flex size-6 items-center justify-center [&>svg]:size-6', className), ...props }));
-}
-export function DashboardCardTitle({ className, ...props }) {
-    return (_jsx("h2", { className: cn('text-muted-foreground mb-4 text-sm font-medium uppercase', className), ...props }));
-}
-export function DashboardCardContent({ className, ...props }) {
-    return (_jsx("div", { className: cn('text-muted-foreground text-[32px] font-extrabold', className), ...props }));
-}
+import{jsx as r}from"react/jsx-runtime";import{cn as o}from"../../../lib/utils.js";export function DashboardCard({className:e,...t}){return r("div",{className:o("bg-card relative flex flex-col rounded-lg p-6 pt-4",e),...t})}export function DashboardCardIcon({className:e,...t}){return r("div",{className:o("text-muted-foreground absolute top-4 right-6 flex size-6 items-center justify-center [&>svg]:size-6",e),...t})}export function DashboardCardTitle({className:e,...t}){return r("h2",{className:o("text-muted-foreground mb-4 text-sm font-medium uppercase",e),...t})}export function DashboardCardContent({className:e,...t}){return r("div",{className:o("text-muted-foreground text-[32px] font-extrabold",e),...t})}

package/dist/esm/components/card/entity-card/index.js

@@ -1,52 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from '../../../components/ui/badge/index.js';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../../components/ui/dropdown-menu/index.js';
-import { IconButton } from '../../../components/ui/icon-button/index.js';
-import { Progress } from '../../../components/ui/progress/index.js';
-import { Separator } from '../../../components/ui/separator/index.js';
-import { cn } from '../../../lib/utils.js';
-import { EllipsisVertical } from 'lucide-react';
-export function EntityCardGrid({ className, ...props }) {
-    return (_jsx("div", { className: cn('grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3', className), "data-slot": "entity-card-grid", ...props }));
-}
-export function EntityCardGridFooter({ className, ...props }) {
-    return (_jsx("div", { className: cn(
-        // Semantic tokens, not raw palette steps: `bg-white`/`border-zinc-200`
-        // have no dark counterpart, so this footer stayed a white slab under
-        // cards that followed the theme.
-        'border-border bg-card flex items-center justify-between rounded-lg border px-6 py-4', className), "data-slot": "entity-card-grid-footer", ...props }));
-}
-export function EntityCard({ className, value, progress = false, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "entity-card-wrapper", className: "transition-shadow hover:shadow-xl", children: [_jsx("div", { "data-slot": "entity-card", className: cn('bg-card relative flex flex-col gap-4 rounded-lg px-5 py-4', { 'rounded-b-none': progress }, className), ...props, children: children }), progress && _jsx(Progress, { className: "h-1.5 rounded-t-none", value: value })] }));
-}
-export function EntityCardAction({ children, ...props }) {
-    return (_jsxs(DropdownMenu, { ...props, children: [_jsx(DropdownMenuTrigger, { className: "absolute top-2.5 right-2.5", children: _jsx(IconButton, { variant: "outline", size: "small", rounded: true, children: _jsx(EllipsisVertical, {}) }) }), _jsx(DropdownMenuContent, { children: children })] }));
-}
-export const EntityCardActionItem = DropdownMenuItem;
-export function EntityCardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "entity-card-header", className: cn('flex flex-col gap-2', className), ...props }));
-}
-export function EntityCardTitle({ className, ...props }) {
-    return (_jsx("h3", { "data-slot": "entity-card-title", className: cn('text-foreground text-sm font-semibold', className), ...props }));
-}
-export function EntityCardIcon({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "entity-card-icon", className: cn('text-muted-foreground size-8 [&>svg]:size-8 [&>svg]:stroke-[1.5]', className), ...props }));
-}
-export function EntityCardBadgeList({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "entity-card-badge-list", className: cn('flex flex-wrap gap-2', className), ...props }));
-}
-export function EntityCardBadge({ className, ...props }) {
-    return (_jsx(Badge, { "data-slot": "entity-card-badge", className: cn('h-5 text-xs', className), ...props }));
-}
-export function EntityCardContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "entity-card-content", className: cn('flex flex-col gap-2.5', className), ...props }));
-}
-export function EntityCardDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "entity-card-description", className: cn('text-muted-foreground text-xs font-medium', className), ...props }));
-}
-export function EntityCardList({ className, ...props }) {
-    return (_jsx("ul", { "data-slot": "entity-card-list", className: cn('text-muted-foreground mx-2 list-inside list-disc space-y-1 text-xs font-medium', className), ...props }));
-}
-export function EntityCardFooter({ className, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "entity-card-footer", className: cn('text-muted-foreground flex flex-col gap-2 text-xs font-medium', className), ...props, children: [_jsx(Separator, {}), _jsx("div", { className: "[&>svg]:text-muted-foreground flex flex-row items-center gap-2 [&>svg]:size-4 [&>svg]:stroke-[1.5]", children: children })] }));
-}
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Badge as s}from"../../../components/ui/badge/index.js";import{DropdownMenu as l,DropdownMenuContent as c,DropdownMenuItem as u,DropdownMenuTrigger as m}from"../../../components/ui/dropdown-menu/index.js";import{IconButton as x}from"../../../components/ui/icon-button/index.js";import{Progress as f}from"../../../components/ui/progress/index.js";import{Separator as p}from"../../../components/ui/separator/index.js";import{cn as o}from"../../../lib/utils.js";import{EllipsisVertical as g}from"lucide-react";export function EntityCardGrid({className:t,...e}){return r("div",{className:o("grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",t),"data-slot":"entity-card-grid",...e})}export function EntityCardGridFooter({className:t,...e}){return r("div",{className:o("border-border bg-card flex items-center justify-between rounded-lg border px-6 py-4",t),"data-slot":"entity-card-grid-footer",...e})}export function EntityCard({className:t,value:e,progress:n=false,children:d,...i}){return a("div",{"data-slot":"entity-card-wrapper",className:"transition-shadow hover:shadow-xl",children:[r("div",{"data-slot":"entity-card",className:o("bg-card relative flex flex-col gap-4 rounded-lg px-5 py-4",{"rounded-b-none":n},t),...i,children:d}),n&&r(f,{className:"h-1.5 rounded-t-none",value:e})]})}export function EntityCardAction({children:t,...e}){return a(l,{...e,children:[r(m,{className:"absolute top-2.5 right-2.5",children:r(x,{variant:"outline",size:"small",rounded:true,children:r(g,{})})}),r(c,{children:t})]})}export const EntityCardActionItem=u;export function EntityCardHeader({className:t,...e}){return r("div",{"data-slot":"entity-card-header",className:o("flex flex-col gap-2",t),...e})}export function EntityCardTitle({className:t,...e}){return r("h3",{"data-slot":"entity-card-title",className:o("text-foreground text-sm font-semibold",t),...e})}export function EntityCardIcon({className:t,...e}){return r("span",{"data-slot":"entity-card-icon",className:o("text-muted-foreground size-8 [&>svg]:size-8 [&>svg]:stroke-[1.5]",t),...e})}export function EntityCardBadgeList({className:t,...e}){return r("div",{"data-slot":"entity-card-badge-list",className:o("flex flex-wrap gap-2",t),...e})}export function EntityCardBadge({className:t,...e}){return r(s,{"data-slot":"entity-card-badge",className:o("h-5 text-xs",t),...e})}export function EntityCardContent({className:t,...e}){return r("div",{"data-slot":"entity-card-content",className:o("flex flex-col gap-2.5",t),...e})}export function EntityCardDescription({className:t,...e}){return r("p",{"data-slot":"entity-card-description",className:o("text-muted-foreground text-xs font-medium",t),...e})}export function EntityCardList({className:t,...e}){return r("ul",{"data-slot":"entity-card-list",className:o("text-muted-foreground mx-2 list-inside list-disc space-y-1 text-xs font-medium",t),...e})}export function EntityCardFooter({className:t,children:e,...n}){return a("div",{"data-slot":"entity-card-footer",className:o("text-muted-foreground flex flex-col gap-2 text-xs font-medium",t),...n,children:[r(p,{}),r("div",{className:"[&>svg]:text-muted-foreground flex flex-row items-center gap-2 [&>svg]:size-4 [&>svg]:stroke-[1.5]",children:e})]})}

package/dist/esm/components/card/index.js

@@ -1,4 +1 @@
-export * from './account-card/index.js';
-export * from './basic-card/index.js';
-export * from './dashboard-card/index.js';
-export * from './entity-card/index.js';
+export*from"./account-card/index.js";export*from"./basic-card/index.js";export*from"./dashboard-card/index.js";export*from"./entity-card/index.js";

package/dist/esm/components/dialog/confirmation-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/confirmation-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuD9B,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;IAC3D;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,KAAK,8BAA8B,GAC/B;IACE,OAAO,EAAE,OAAO,CAAA;IAChB;;;;;;OAMG;IACH,YAAY,EAAE,MAAM,CAAA;CACrB,GACD;IACE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAEL,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GACjE,8BAA8B,CAAA;AAEhC,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,KAAY,EACZ,WAAkB,EAClB,OAAmB,EACnB,OAAO,EACP,SAAoB,EACpB,QAAmB,EACnB,YAAY,EACZ,WAAW,EACX,YAAY,EACb,EAAE,uBAAuB,qBAiGzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/confirmation-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4D9B,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;IAC3D;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,KAAK,8BAA8B,GAC/B;IACE,OAAO,EAAE,OAAO,CAAA;IAChB;;;;;;OAMG;IACH,YAAY,EAAE,MAAM,CAAA;CACrB,GACD;IACE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAEL,MAAM,MAAM,uBAAuB,GAAG,6BAA6B,GACjE,8BAA8B,CAAA;AAEhC,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,KAAY,EACZ,WAAkB,EAClB,OAAmB,EACnB,OAAO,EACP,SAAoB,EACpB,QAAmB,EACnB,YAAY,EACZ,WAAW,EACX,YAAY,EACb,EAAE,uBAAuB,qBAiGzB"}

package/dist/esm/components/dialog/confirmation-dialog/index.js

@@ -1,60 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Button } from '../../../components/ui/button/index.js';
-import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from '../../../components/ui/alert-dialog/index.js';
-import { LoadingButton } from '../../../components/ui/loading-button/index.js';
-import { Ban, CheckCircle2, TriangleAlert } from 'lucide-react';
-import { cn } from '../../../lib/utils.js';
-import { cva } from 'class-variance-authority';
-const confirmationDialogIconVariants = cva('flex size-10 shrink-0 items-center justify-center rounded-lg [&>svg]:size-6', {
-    variants: {
-        // System tokens, not raw palette steps: a raw 50-step surface has no dark
-        // counterpart, so on the dark canvas it rendered a near-white block.
-        // `default` is deliberately neutral so `destructive` reads as a distinct,
-        // heavier warning instead of an alias of it.
-        variant: {
-            default: 'bg-muted text-foreground',
-            warning: 'bg-system-alert-surface text-system-alert-h1a',
-            destructive: 'bg-system-error-surface text-system-error-h1a',
-            success: 'bg-system-success-surface text-system-success-h1a'
-        }
-    },
-    defaultVariants: {
-        variant: 'default'
-    }
-});
-const ConfirmationDialogIcon = ({ className, variant, ...props }) => (_jsxs("span", { className: cn(confirmationDialogIconVariants({ variant }), className), ...props, children: [variant === 'default' && _jsx(Ban, {}), variant === 'warning' && _jsx(TriangleAlert, {}), variant === 'destructive' && _jsx(Ban, {}), variant === 'success' && _jsx(CheckCircle2, {})] }));
-export function ConfirmationDialog({ open, onOpenChange, title = null, description = null, variant = 'default', loading, onConfirm = () => { }, onCancel = () => { }, confirmLabel, cancelLabel, pendingLabel }) {
-    const [pending, setPending] = React.useState(false);
-    const busy = Boolean(loading) || pending;
-    const handleConfirm = async () => {
-        if (busy) {
-            return;
-        }
-        setPending(true);
-        try {
-            await onConfirm();
-            onOpenChange(false);
-        }
-        catch {
-            // Deliberately silent: the caller owns error UX. Catching only keeps a
-            // rejection from escaping the click handler as an unhandled rejection —
-            // the dialog stays open so the caller can render the failure in place.
-        }
-        finally {
-            setPending(false);
-        }
-    };
-    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { "data-testid": "dialog", 
-            // Radix already blocks outside interaction on an alert dialog, so
-            // Escape is the only remaining way to abandon a mutation mid-flight.
-            onEscapeKeyDown: (event) => {
-                if (busy) {
-                    event.preventDefault();
-                }
-            }, children: [_jsxs(AlertDialogHeader, { className: "flex-row items-center", children: [_jsx(ConfirmationDialogIcon, { variant: variant }), _jsxs("div", { className: "flex flex-col gap-4", children: [title == null ||
-                                    title === false ||
-                                    title === true ||
-                                    title === '' ? (_jsx(AlertDialogTitle, { className: "sr-only", children: confirmLabel || 'Confirm' })) : (_jsx(AlertDialogTitle, { children: title })), description == null ? null : (_jsx(AlertDialogDescription, { children: description }))] })] }), pendingLabel ? (_jsx("span", { role: "status", className: "sr-only", children: busy ? pendingLabel : '' })) : null, _jsxs(AlertDialogFooter, { className: "gap-4", children: [_jsx(AlertDialogCancel, { asChild: true, variant: "secondary", children: _jsx(Button, { onClick: onCancel, disabled: busy, variant: "secondary", size: "small", children: cancelLabel ?? 'Cancel' }) }), _jsx(LoadingButton, { loading: busy, onClick: handleConfirm, variant: "primary", size: "small", "data-testid": "confirm", children: confirmLabel ?? 'Confirm' })] })] }) }));
-}
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as x from"react";import{Button as D}from"../../../components/ui/button/index.js";import{AlertDialog as v,AlertDialogCancel as A,AlertDialogContent as N,AlertDialogDescription as j,AlertDialogFooter as k,AlertDialogHeader as w,AlertDialogTitle as m}from"../../../components/ui/alert-dialog/index.js";import{LoadingButton as b}from"../../../components/ui/loading-button/index.js";import{Ban as z,CheckCircle2 as B,CircleQuestionMark as I,TriangleAlert as T}from"lucide-react";import{cn as V}from"../../../lib/utils.js";import{cva as _}from"class-variance-authority";const E=_("flex size-10 shrink-0 items-center justify-center rounded-lg [&>svg]:size-6",{variants:{variant:{default:"bg-muted text-foreground",warning:"bg-system-alert-surface text-system-alert-h1a",destructive:"bg-system-error-surface text-system-error-h1a",success:"bg-system-success-surface text-system-success-h1a"}},defaultVariants:{variant:"default"}});const F=({className:l,variant:r,...s})=>t("span",{className:V(E({variant:r}),l),...s,children:[r==="default"&&e(I,{}),r==="warning"&&e(T,{}),r==="destructive"&&e(z,{}),r==="success"&&e(B,{})]});export function ConfirmationDialog({open:l,onOpenChange:r,title:s=null,description:n=null,variant:i="default",loading:u,onConfirm:f=()=>{},onCancel:g=()=>{},confirmLabel:o,cancelLabel:h,pendingLabel:c}){const[p,d]=x.useState(false);const a=Boolean(u)||p;const y=async()=>{if(a){return}d(true);try{await f();r(false)}catch{}finally{d(false)}};return e(v,{open:l,onOpenChange:r,children:t(N,{"data-testid":"dialog",onEscapeKeyDown:C=>{if(a){C.preventDefault()}},children:[t(w,{className:"flex-row items-center",children:[e(F,{variant:i}),t("div",{className:"flex flex-col gap-4",children:[s==null||s===false||s===true||s===""?e(m,{className:"sr-only",children:o||"Confirm"}):e(m,{children:s}),n==null?null:e(j,{children:n})]})]}),c?e("span",{role:"status",className:"sr-only",children:a?c:""}):null,t(k,{className:"gap-4",children:[e(A,{asChild:true,variant:"secondary",children:e(D,{onClick:g,disabled:a,variant:"secondary",size:"small",children:h??"Cancel"})}),e(b,{loading:a,onClick:y,variant:i==="destructive"?"destructive":"primary",size:"small","data-testid":"confirm",children:o??"Confirm"})]})]})})}

package/dist/esm/components/dialog/confirmation-dialog/use-confirm-dialog.js

@@ -1,49 +1 @@
-import React from 'react';
-/**
- * A custom hook that manages the state and behavior of a confirmation dialog.
- *
- * @template TData - The type of the data associated with the dialog.
- *
- * @param {UseConfirmDialog} param0 - An object containing the onConfirm callback.
- * @param {Function} [param0.onConfirm] - A callback function that is called when the dialog is confirmed.
- *
- * @returns {Object} An object containing the dialog state and handlers.
- * @returns {string} id - The current id associated with the dialog.
- * @returns {TData | null} data - The current data associated with the dialog.
- * @returns {Function} handleDialogOpen - A function to open the dialog with a specific id and optional data.
- * @returns {Object} dialogProps - An object containing the dialog properties and handlers.
- */
-export function useConfirmDialog({ onConfirm: onConfirmProp }) {
-    const [id, setId] = React.useState('');
-    const [data, setData] = React.useState(null);
-    const [open, setOpen] = React.useState(false);
-    const onOpenChange = (open) => setOpen(open);
-    const handleDialogOpen = (id, data) => {
-        setId(id);
-        setData(data);
-        setOpen(true);
-    };
-    const handleDialogClose = () => setOpen(false);
-    const onCancel = () => {
-        setId('');
-        setData(null);
-        setOpen(false);
-    };
-    const onConfirm = () => {
-        setId('');
-        setData(null);
-        onConfirmProp?.(id);
-    };
-    return {
-        id,
-        data,
-        handleDialogClose,
-        handleDialogOpen,
-        dialogProps: {
-            open,
-            onOpenChange,
-            onCancel,
-            onConfirm
-        }
-    };
-}
+import s from"react";export function useConfirmDialog({onConfirm:l}){const[a,e]=s.useState("");const[c,o]=s.useState(null);const[i,n]=s.useState(false);const r=t=>n(t);const u=(t,C)=>{e(t);o(C);n(true)};const f=()=>n(false);const p=()=>{e("");o(null);n(false)};const d=()=>{e("");o(null);l?.(a)};return{id:a,data:c,handleDialogClose:f,handleDialogOpen:u,dialogProps:{open:i,onOpenChange:r,onCancel:p,onConfirm:d}}}

package/dist/esm/components/dialog/index.js

@@ -1,3 +1 @@
-export * from './confirmation-dialog/index.js';
-export * from './confirmation-dialog/use-confirm-dialog.js';
-export * from './large-dialog/index.js';
+export*from"./confirmation-dialog/index.js";export*from"./confirmation-dialog/use-confirm-dialog.js";export*from"./large-dialog/index.js";

package/dist/esm/components/dialog/large-dialog/index.d.ts

@@ -1,5 +1,5 @@
-import { DialogContentProps } from '@radix-ui/react-dialog';
-declare function OnboardDialogContent({ className, ...props }: DialogContentProps): import("react").JSX.Element;
+import { DialogContent } from '../../../components/ui/dialog/index.js';
+declare function OnboardDialogContent({ className, ...props }: React.ComponentProps<typeof DialogContent>): import("react").JSX.Element;
 declare function OnboardDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 export type OnboardDialogTitleProps = React.ComponentProps<'div'> & {
     upperTitle: string;

package/dist/esm/components/dialog/large-dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/large-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAYxE;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ7B;AAED,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAClE,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,UAAU,EACV,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAezB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAU7B;AAED,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/large-dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAe,MAAM,wBAAwB,CAAA;AAEnE,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,+BAS5C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ7B;AAED,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAClE,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,UAAU,EACV,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAezB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAU7B;AAED,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,CAAA"}

package/dist/esm/components/dialog/large-dialog/index.js

@@ -1,16 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-import { DialogContent, DialogTitle } from '../../../components/ui/dialog/index.js';
-function OnboardDialogContent({ className, ...props }) {
-    return (_jsx(DialogContent, { "data-slot": "onboard-dialog-content", showCloseButton: false, className: cn('[data-radix-dialog-close] w-full max-w-[640px] p-12 sm:min-w-[640px]', className), ...props }));
-}
-function OnboardDialogHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "onboard-dialog-header", className: cn('flex flex-row justify-between', className), ...props }));
-}
-function OnboardDialogTitle({ upperTitle, title, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "onboard-dialog-title", className: cn('flex flex-col gap-8', className), ...props, children: [_jsx("p", { className: "text-muted-foreground text-base font-medium", children: upperTitle }), _jsx(DialogTitle, { className: "text-muted-foreground text-4xl font-bold", children: title })] }));
-}
-function OnboardDialogIcon({ className, children, ...props }) {
-    return (_jsx("div", { "data-slot": "onboard-dialog-icon", className: cn('flex items-center px-12', className), ...props, children: _jsx("div", { className: "shrink-0", children: children }) }));
-}
-export { OnboardDialogContent, OnboardDialogHeader, OnboardDialogTitle, OnboardDialogIcon };
+import{jsx as a,jsxs as r}from"react/jsx-runtime";import{cn as t}from"../../../lib/utils.js";import{DialogContent as i,DialogTitle as s}from"../../../components/ui/dialog/index.js";function d({className:o,...e}){return a(i,{"data-slot":"onboard-dialog-content",showCloseButton:false,className:t("w-full max-w-[640px] p-12 sm:min-w-[640px]",o),...e})}function c({className:o,...e}){return a("div",{"data-slot":"onboard-dialog-header",className:t("flex flex-row justify-between",o),...e})}function m({upperTitle:o,title:e,className:n,...l}){return r("div",{"data-slot":"onboard-dialog-title",className:t("flex flex-col gap-8",n),...l,children:[a("p",{className:"text-muted-foreground text-base font-medium",children:o}),a(s,{className:"text-muted-foreground text-4xl font-bold",children:e})]})}function f({className:o,children:e,...n}){return a("div",{"data-slot":"onboard-dialog-icon",className:t("flex items-center px-12",o),...n,children:a("div",{className:"shrink-0",children:e})})}export{d as OnboardDialogContent,c as OnboardDialogHeader,m as OnboardDialogTitle,f as OnboardDialogIcon};

package/dist/esm/components/entity-box/index.js

@@ -1,56 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { cn } from '../../lib/utils.js';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip/index.js';
-import { CircleHelp, Settings2 } from 'lucide-react';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible/index.js';
-import { Button } from '../ui/button/index.js';
-import { Separator } from '../ui/separator/index.js';
-function EntityBox({ className, children, ...props }) {
-    return (_jsx("div", { "data-slot": "entity-box", className: cn('shadow-entity-box bg-card mb-2 flex items-center justify-between rounded-lg p-6', className), ...props, children: children }));
-}
-/**
- * The open state, republished for the trigger.
- *
- * Radix keeps it in a context it does not export, and the trigger one element
- * down needs it to say what activating it will DO. Mirroring it here rather
- * than forcing every consumer to lift the state: all ten console call sites
- * render `<EntityBoxCollapsible>` uncontrolled.
- */
-const EntityBoxCollapsibleContext = React.createContext(false);
-function EntityBoxCollapsible({ className, open, defaultOpen, onOpenChange, ...props }) {
-    const [uncontrolled, setUncontrolled] = React.useState(defaultOpen ?? false);
-    return (_jsx(EntityBoxCollapsibleContext.Provider, { value: open ?? uncontrolled, children: _jsx(Collapsible, { className: cn('shadow-entity-box bg-card mb-2 flex flex-col rounded-lg', className), open: open, defaultOpen: defaultOpen, onOpenChange: (next) => {
-                setUncontrolled(next);
-                onOpenChange?.(next);
-            }, ...props }) }));
-}
-/**
- * ⛔ THIS TRIGGER HAS NO TEXT NODE. It is a `Settings2` glyph inside a Button,
- * so without an `aria-label` a screen reader announced "button" and nothing
- * else (SC 4.1.2) — and this is the control that opens the filter panel on
- * every console list page.
- *
- * The name describes the ACTION and Radix's `aria-expanded` carries the state,
- * so the two halves do not repeat each other. English defaults because no
- * consumer passes a label today; a translated console overrides both.
- */
-function EntityBoxCollapsibleTrigger({ expandLabel = 'Expand', collapseLabel = 'Collapse', 'aria-label': ariaLabel, ...props }) {
-    const open = React.useContext(EntityBoxCollapsibleContext);
-    return (_jsx(CollapsibleTrigger, { ...props, asChild: true, children: _jsx(Button, { variant: "secondary", className: "h-[34px] w-[34px] p-2", "aria-label": ariaLabel ?? (open ? collapseLabel : expandLabel), children: _jsx(Settings2, { size: 16, "aria-hidden": true }) }) }));
-}
-function EntityBoxCollapsibleContent({ children, ...props }) {
-    return (_jsxs(CollapsibleContent, { ...props, children: [_jsx(Separator, { orientation: "horizontal" }), _jsx("div", { className: "grid w-full grid-cols-3 p-6", children: children })] }));
-}
-function EntityBoxHeaderTitle({ title, subtitle, tooltip, tooltipWidth, className, as: Heading = 'h2', ...props }) {
-    return (_jsxs("div", { "data-slot": "entity-box-header", className: cn('flex flex-col items-start', className), ...props, children: [_jsxs("div", { className: "flex items-center gap-[10px]", children: [_jsx(Heading, { className: "text-muted-foreground text-lg font-medium", children: title }), tooltip && (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(CircleHelp, { className: "pointer text-muted-foreground h-5 w-5" }) }), _jsx(TooltipContent, { side: "right", style: tooltipWidth
-                                        ? { width: tooltipWidth, maxWidth: tooltipWidth }
-                                        : undefined, children: tooltip })] }) }))] }), subtitle && _jsx("p", { className: "text-muted-foreground text-sm", children: subtitle })] }));
-}
-function EntityBoxBanner({ className, children, ...props }) {
-    return (_jsx("div", { "data-slot": "entity-box-banner", className: cn('grid grid-cols-3 p-6', className), ...props, children: children }));
-}
-function EntityBoxActions({ className, children, ...props }) {
-    return (_jsx("div", { "data-slot": "entity-box-actions", className: cn('col-start-3 flex flex-row items-center justify-end gap-4', className), ...props, children: children }));
-}
-export { EntityBox, EntityBoxCollapsible, EntityBoxCollapsibleTrigger, EntityBoxCollapsibleContent, EntityBoxHeaderTitle, EntityBoxBanner, EntityBoxActions };
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import c from"react";import{cn as l}from"../../lib/utils.js";import{Tooltip as p,TooltipContent as u,TooltipProvider as f,TooltipTrigger as h}from"../ui/tooltip/index.js";import{CircleHelp as g,Settings2 as b}from"lucide-react";import{Collapsible as y,CollapsibleContent as C,CollapsibleTrigger as N}from"../ui/collapsible/index.js";import{Button as v}from"../ui/button/index.js";import{Separator as B}from"../ui/separator/index.js";function E({className:n,children:t,...r}){return e("div",{"data-slot":"entity-box",className:l("shadow-entity-box bg-card mb-2 flex items-center justify-between rounded-lg p-6",n),...r,children:t})}const x=c.createContext(false);function w({className:n,open:t,defaultOpen:r,onOpenChange:o,...i}){const[s,d]=c.useState(r??false);return e(x.Provider,{value:t??s,children:e(y,{className:l("shadow-entity-box bg-card mb-2 flex flex-col rounded-lg",n),open:t,defaultOpen:r,onOpenChange:m=>{d(m);o?.(m)},...i})})}function T({expandLabel:n="Expand",collapseLabel:t="Collapse","aria-label":r,...o}){const i=c.useContext(x);return e(N,{...o,asChild:true,children:e(v,{variant:"secondary",className:"h-[34px] w-[34px] p-2","aria-label":r??(i?t:n),children:e(b,{size:16,"aria-hidden":true})})})}function j({children:n,...t}){return a(C,{...t,children:[e(B,{orientation:"horizontal"}),e("div",{className:"grid w-full grid-cols-3 p-6",children:n})]})}function S({title:n,subtitle:t,tooltip:r,tooltipWidth:o,className:i,as:s="h2",...d}){return a("div",{"data-slot":"entity-box-header",className:l("flex flex-col items-start",i),...d,children:[a("div",{className:"flex items-center gap-[10px]",children:[e(s,{className:"text-muted-foreground text-lg font-medium",children:n}),r&&e(f,{children:a(p,{children:[e(h,{asChild:true,children:e(g,{className:"pointer text-muted-foreground h-5 w-5"})}),e(u,{side:"right",style:o?{width:o,maxWidth:o}:void 0,children:r})]})})]}),t&&e("p",{className:"text-muted-foreground text-sm",children:t})]})}function z({className:n,children:t,...r}){return e("div",{"data-slot":"entity-box-banner",className:l("grid grid-cols-3 p-6",n),...r,children:t})}function H({className:n,children:t,...r}){return e("div",{"data-slot":"entity-box-actions",className:l("col-start-3 flex flex-row items-center justify-end gap-4",n),...r,children:t})}export{E as EntityBox,w as EntityBoxCollapsible,T as EntityBoxCollapsibleTrigger,j as EntityBoxCollapsibleContent,S as EntityBoxHeaderTitle,z as EntityBoxBanner,H as EntityBoxActions};

package/dist/esm/components/entity-data-table/index.js

@@ -1,17 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils.js';
-import { Paper } from '../ui/paper/index.js';
-function EntityDataTableRoot({ className, ...props }) {
-    return _jsx(Paper, { className: className, ...props });
-}
-function EntityDataTableFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "data-table-footer", className: cn('flex flex-row items-center justify-between px-6 py-3', className), ...props }));
-}
-function EntityDataTableFooterText({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "data-table-footer-text", className: cn('text-muted-foreground text-sm leading-8 italic', className), ...props }));
-}
-export const EntityDataTable = {
-    Root: EntityDataTableRoot,
-    Footer: EntityDataTableFooter,
-    FooterText: EntityDataTableFooterText
-};
+import{jsx as a}from"react/jsx-runtime";import{cn as o}from"../../lib/utils.js";import{Paper as r}from"../ui/paper/index.js";function n({className:t,...e}){return a(r,{className:t,...e})}function i({className:t,...e}){return a("div",{"data-slot":"data-table-footer",className:o("flex flex-row items-center justify-between px-6 py-3",t),...e})}function l({className:t,...e}){return a("p",{"data-slot":"data-table-footer-text",className:o("text-muted-foreground text-sm leading-8 italic",t),...e})}export const EntityDataTable={Root:n,Footer:i,FooterText:l};

package/dist/esm/components/form/combo-box-field/index.js

@@ -1,28 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { FormField, FormItem, FormLabel, FormMessage } from '../../../components/ui/form.js';
-import { Popover, PopoverContent, PopoverTrigger } from '../../../components/ui/popover/index.js';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandList } from '../../../components/ui/command/index.js';
-import { Button } from '../../../components/ui/button/index.js';
-import { cn } from '../../../lib/utils.js';
-import { ChevronsUpDown } from 'lucide-react';
-export const ComboBoxField = ({ name, label, placeholder, emptyMessage, required, children, readOnly, ...others }) => {
-    const [open, setOpen] = React.useState(false);
-    // with the value and label
-    const options = React.useMemo(() => React.Children.map(React.Children.toArray(children), (child) => React.isValidElement(child) && {
-        value: child.props.value,
-        label: child.props.children
-    }), [children]);
-    const getDisplayValue = React.useCallback((value) => {
-        return options.find((option) => option.value === value)?.label ?? null;
-    }, [options]);
-    return (_jsx(FormField, { name: name, ...others, render: ({ field }) => (_jsxs(FormItem, { required: required, children: [label && _jsx(FormLabel, { children: label }), _jsxs(Popover, { open: readOnly ? false : open, onOpenChange: readOnly ? () => { } : setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": readOnly ? false : open, readOnly: readOnly, tabIndex: 0, className: cn('border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none', !field.value && 'text-muted-foreground'), children: [getDisplayValue(field.value) ?? placeholder, !readOnly && (_jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))] }) }), _jsx(PopoverContent, { className: "w-(--radix-popover-trigger-width) p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: placeholder }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: emptyMessage }), _jsx(CommandGroup, { children: React.Children.map(React.Children.toArray(children), (child) => React.isValidElement(child)
-                                                    ? React.cloneElement(child, {
-                                                        keywords: [child.props.children],
-                                                        onSelect: (value) => {
-                                                            field.onChange(field.value !== value ? value : '');
-                                                            setOpen(false);
-                                                        }
-                                                    })
-                                                    : child) })] })] }) })] }), _jsx(FormMessage, {})] })) }));
-};
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import o from"react";import{FormField as b,FormItem as g,FormLabel as v,FormMessage as w}from"../../../components/ui/form.js";import{Popover as F,PopoverContent as j,PopoverTrigger as y}from"../../../components/ui/popover/index.js";import{Command as E,CommandEmpty as k,CommandGroup as I,CommandInput as N,CommandList as P}from"../../../components/ui/command/index.js";import{Button as V}from"../../../components/ui/button/index.js";import{cn as A}from"../../../lib/utils.js";import{ChevronsUpDown as B}from"lucide-react";export const ComboBoxField=({name:c,label:s,placeholder:l,emptyMessage:f,required:h,children:m,readOnly:t,...C})=>{const[i,p]=o.useState(false);const d=o.useMemo(()=>o.Children.map(o.Children.toArray(m),e=>o.isValidElement(e)&&{value:e.props.value,label:e.props.children}),[m]);const x=o.useCallback(e=>{return d.find(n=>n.value===e)?.label??null},[d]);return r(b,{name:c,...C,render:({field:e})=>a(g,{required:h,children:[s&&r(v,{children:s}),a(F,{open:t?false:i,onOpenChange:t?()=>{}:p,children:[r(y,{asChild:true,children:a(V,{variant:"outline",role:"combobox","aria-expanded":t?false:i,readOnly:t,tabIndex:0,className:A("border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none",!e.value&&"text-muted-foreground"),children:[x(e.value)??l,!t&&r(B,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),r(j,{className:"w-(--radix-popover-trigger-width) p-0",children:a(E,{children:[r(N,{placeholder:l}),a(P,{children:[r(k,{children:f}),r(I,{children:o.Children.map(o.Children.toArray(m),n=>o.isValidElement(n)?o.cloneElement(n,{keywords:[n.props.children],onSelect:u=>{e.onChange(e.value!==u?u:"");p(false)}}):n)})]})]})})]}),r(w,{})]})})};

package/dist/esm/components/form/country-field/index.js

@@ -1,7 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CommandItem } from '../../../components/ui/command/index.js';
-import { ComboBoxField } from '../combo-box-field/index.js';
-import { getCountries } from '../../../utils/country-utils.js';
-export const CountryField = ({ ...others }) => {
-    return (_jsx(ComboBoxField, { ...others, children: getCountries().map((country) => (_jsx(CommandItem, { value: country.code, children: country.name }, country.code))) }));
-};
+import{jsx as m}from"react/jsx-runtime";import{CommandItem as r}from"../../../components/ui/command/index.js";import{ComboBoxField as i}from"../combo-box-field/index.js";import{getCountries as t}from"../../../utils/country-utils.js";export const CountryField=({...e})=>{return m(i,{...e,children:t().map(o=>m(r,{value:o.code,children:o.name},o.code))})};

package/dist/esm/components/form/date-picker-field/index.js

@@ -1,43 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button/index.js';
-import { Calendar } from '../../../components/ui/calendar/index.js';
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormTooltip } from '../../../components/ui/form.js';
-import { Popover, PopoverContent, PopoverTrigger } from '../../../components/ui/popover/index.js';
-import { cn } from '../../../lib/utils.js';
-import dayjs from 'dayjs';
-import { CalendarIcon } from 'lucide-react';
-import * as React from 'react';
-import { enUS } from 'react-day-picker/locale';
-export const DatePickerField = ({ name, label, tooltip, labelExtra, description, placeholder, disabled, readOnly, control, required, dateFormat = 'MMM DD, YYYY', align = 'start', valueAsString, locale = enUS, ...others }) => {
-    const [open, setOpen] = React.useState(false);
-    return (_jsx(FormField, { name: name, control: control, render: ({ field }) => {
-            const convertFieldValueToDate = (fieldValue) => {
-                if (!fieldValue)
-                    return undefined;
-                if (valueAsString) {
-                    const parsed = dayjs(fieldValue);
-                    return parsed.isValid() ? parsed.toDate() : undefined;
-                }
-                return fieldValue;
-            };
-            const convertDateToOutputFormat = (date) => {
-                if (!date)
-                    return undefined;
-                if (valueAsString) {
-                    const parsed = dayjs(date);
-                    return parsed.isValid() ? parsed.format('YYYY-MM-DD') : undefined;
-                }
-                return date;
-            };
-            const value = convertFieldValueToDate(field.value);
-            const handleSelect = (date) => {
-                field.onChange(convertDateToOutputFormat(date));
-            };
-            return (_jsxs(FormItem, { required: required, children: [label && (_jsx(FormLabel, { extra: tooltip ? _jsx(FormTooltip, { children: tooltip }) : labelExtra, children: label })), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(FormControl, { children: _jsx(Button, { variant: "outline", disabled: disabled, className: cn('bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal', readOnly && 'pointer-events-none', open && 'ring-ring ring-2 ring-offset-0'), "data-testid": others['data-testid'], icon: _jsx(CalendarIcon, { className: "size-4" }), children: value ? (_jsx("span", { className: "text-foreground flex-1 text-left font-bold", children: dayjs(value).format(dateFormat) })) : (_jsx("span", { className: "text-muted-foreground flex-1 text-left", children: placeholder })) }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: align, children: _jsx(Calendar, { mode: "single", 
-                                    // `required` mirrors the field's own required: a required
-                                    // field is not emptied by a re-click; an optional one keeps
-                                    // react-day-picker's clear gesture.
-                                    required: required, defaultMonth: value, selected: value, onSelect: handleSelect, disabled: disabled || readOnly, locale: locale }) })] }), _jsx(FormMessage, {}), description && _jsx(FormDescription, { children: description })] }));
-        } }));
-};
+"use client";import{jsx as e,jsxs as p}from"react/jsx-runtime";import{Button as P}from"../../../components/ui/button/index.js";import{Calendar as T}from"../../../components/ui/calendar/index.js";import{FormControl as S,FormDescription as w,FormField as I,FormItem as O,FormLabel as _,FormMessage as k,FormTooltip as q}from"../../../components/ui/form.js";import{Popover as y,PopoverContent as z,PopoverTrigger as B}from"../../../components/ui/popover/index.js";import{cn as L}from"../../../lib/utils.js";import n from"dayjs";import{CalendarIcon as R}from"lucide-react";import*as U from"react";import{enUS as V}from"react-day-picker/locale";export const DatePickerField=({name:h,label:i,tooltip:a,labelExtra:g,description:s,placeholder:x,disabled:d,readOnly:l,control:F,required:m,dateFormat:v="MMM DD, YYYY",align:D="start",valueAsString:c,locale:Y=V,...C})=>{const[f,M]=U.useState(false);return e(I,{name:h,control:F,render:({field:u})=>{const b=r=>{if(!r)return void 0;if(c){const t=n(r);return t.isValid()?t.toDate():void 0}return r};const j=r=>{if(!r)return void 0;if(c){const t=n(r);return t.isValid()?t.format("YYYY-MM-DD"):void 0}return r};const o=b(u.value);const N=r=>{u.onChange(j(r))};return p(O,{required:m,children:[i&&e(_,{extra:a?e(q,{children:a}):g,children:i}),p(y,{open:f,onOpenChange:M,children:[e(B,{asChild:true,children:e(S,{children:e(P,{variant:"outline",disabled:d,className:L("bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal",l&&"pointer-events-none",f&&"ring-ring ring-2 ring-offset-0"),"data-testid":C["data-testid"],icon:e(R,{className:"size-4"}),children:o?e("span",{className:"text-foreground flex-1 text-left font-bold",children:n(o).format(v)}):e("span",{className:"text-muted-foreground flex-1 text-left",children:x})})})}),e(z,{className:"w-auto p-0",align:D,children:e(T,{mode:"single",required:m,defaultMonth:o,selected:o,onSelect:N,disabled:d||l,locale:Y})})]}),e(k,{}),s&&e(w,{children:s})]})}})};

package/dist/esm/components/form/date-range-field/index.js

@@ -1,18 +1 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button/index.js';
-import { Calendar } from '../../../components/ui/calendar/index.js';
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormTooltip } from '../../../components/ui/form.js';
-import { Popover, PopoverContent, PopoverTrigger } from '../../../components/ui/popover/index.js';
-import { cn } from '../../../lib/utils.js';
-import dayjs from 'dayjs';
-import { CalendarIcon } from 'lucide-react';
-import * as React from 'react';
-import { enUS } from 'react-day-picker/locale';
-export const DateRangeField = ({ name, label, tooltip, labelExtra, description, placeholder, disabled, readOnly, control, required, numberOfMonths = 2, dateFormat = 'MMM DD, YYYY', align = 'start', locale = enUS, ...others }) => {
-    const [open, setOpen] = React.useState(false);
-    return (_jsx(FormField, { name: name, control: control, render: ({ field }) => {
-            const value = field.value;
-            return (_jsxs(FormItem, { required: required, children: [label && (_jsx(FormLabel, { extra: tooltip ? _jsx(FormTooltip, { children: tooltip }) : labelExtra, children: label })), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(FormControl, { children: _jsx(Button, { variant: "outline", disabled: disabled, className: cn('bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal', readOnly && 'pointer-events-none', open && 'ring-ring ring-2 ring-offset-0'), "data-testid": others['data-testid'], icon: _jsx(CalendarIcon, { className: "size-4" }), children: value?.from ? (_jsx("span", { className: "text-foreground flex-1 text-left font-bold", children: value.to ? (_jsxs(_Fragment, { children: [dayjs(value.from).format(dateFormat), " -", ' ', dayjs(value.to).format(dateFormat)] })) : (dayjs(value.from).format(dateFormat)) })) : (_jsx("span", { className: "text-muted-foreground flex-1 text-left", children: placeholder })) }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: align, children: _jsx(Calendar, { mode: "range", defaultMonth: value?.from, selected: value, onSelect: field.onChange, numberOfMonths: numberOfMonths, disabled: disabled || readOnly, locale: locale }) })] }), _jsx(FormMessage, {}), description && _jsx(FormDescription, { children: description })] }));
-        } }));
-};
+"use client";import{jsx as e,Fragment as j,jsxs as t}from"react/jsx-runtime";import{Button as M}from"../../../components/ui/button/index.js";import{Calendar as N}from"../../../components/ui/calendar/index.js";import{FormControl as D,FormDescription as Y,FormField as P,FormItem as S,FormLabel as _,FormMessage as w,FormTooltip as I}from"../../../components/ui/form.js";import{Popover as O,PopoverContent as R,PopoverTrigger as T}from"../../../components/ui/popover/index.js";import{cn as q}from"../../../lib/utils.js";import n from"dayjs";import{CalendarIcon as y}from"lucide-react";import*as z from"react";import{enUS as B}from"react-day-picker/locale";export const DateRangeField=({name:c,label:a,tooltip:m,labelExtra:p,description:i,placeholder:u,disabled:s,readOnly:l,control:g,required:h,numberOfMonths:x=2,dateFormat:o="MMM DD, YYYY",align:F="start",locale:v=B,...b})=>{const[d,C]=z.useState(false);return e(P,{name:c,control:g,render:({field:f})=>{const r=f.value;return t(S,{required:h,children:[a&&e(_,{extra:m?e(I,{children:m}):p,children:a}),t(O,{open:d,onOpenChange:C,children:[e(T,{asChild:true,children:e(D,{children:e(M,{variant:"outline",disabled:s,className:q("bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal",l&&"pointer-events-none",d&&"ring-ring ring-2 ring-offset-0"),"data-testid":b["data-testid"],icon:e(y,{className:"size-4"}),children:r?.from?e("span",{className:"text-foreground flex-1 text-left font-bold",children:r.to?t(j,{children:[n(r.from).format(o)," -"," ",n(r.to).format(o)]}):n(r.from).format(o)}):e("span",{className:"text-muted-foreground flex-1 text-left",children:u})})})}),e(R,{className:"w-auto p-0",align:F,children:e(N,{mode:"range",defaultMonth:r?.from,selected:r,onSelect:f.onChange,numberOfMonths:x,disabled:s||l,locale:v})})]}),e(w,{}),i&&e(Y,{children:i})]})}})};