@lerianstudio/sindarian-ui 1.2.0 → 1.3.0-beta.2

package/dist/esm/charts/chart.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Recharts wrapper family (shadcn canon).
+ *
+ * `ChartContainer` takes a `ChartConfig` keyed by series name and injects one
+ * `--color-<key>` CSS variable per series, scoped to that chart instance and
+ * emitted twice — once for light, once under `.dark` — so a chart re-colors
+ * with the theme without a re-render. Recharts series then reference
+ * `var(--color-<key>)`.
+ *
+ * Series colors come from the design tokens: pass `color: 'var(--color-chart-1)'`
+ * (the Tailwind `@theme` name, already wrapped in `hsl()`), never the raw
+ * `var(--chart-1)` triple, which is not a usable color value on its own.
+ */
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { cn } from '../lib/utils.js';
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: '', dark: '.dark' };
+/**
+ * ChartStyle writes a stylesheet through `dangerouslySetInnerHTML`, so every
+ * interpolated value is an injection sink: `</style>` inside a config key, id,
+ * or color would close the element and let arbitrary markup follow. Config
+ * often carries server data (series names from an API), so these are validated
+ * rather than trusted.
+ *
+ * CSS_IDENT — the chart id, which lands in an UNQUOTED attribute selector and
+ * so may not lead with a digit.
+ * CONFIG_KEY — series keys, which become `--color-<key>` custom-property names.
+ * Custom properties DO allow a leading digit, so a numeric series (a year, say)
+ * must pass; only CSS syntax is excluded.
+ */
+const CSS_IDENT = /^[A-Za-z_][\w-]*$/;
+const CONFIG_KEY = /^[\w-]+$/;
+/**
+ * A deliberately conservative character allowlist covering hex, named, `var(…)`,
+ * `rgb()/hsl()/color-mix()` and slash-alpha forms. It admits no `<`, `>`, `{`,
+ * `}`, `;`, `:`, quote, backslash, `@`, `*` or `!`, which rules out tag-closing,
+ * rule termination, comments, at-rules and `!important`.
+ *
+ * `url(…)` is rejected separately: the allowlist alone would pass an unquoted
+ * `url(//evil.test/pixel.png)` — no colon or quote required — which the browser
+ * would fetch, leaking the viewer's IP and referrer to a third party. The
+ * whitespace tolerance covers `url (…)` variants.
+ */
+const CSS_COLOR = /^[\w\s#%.,()/-]+$/;
+const CSS_URL = /url\s*\(/i;
+function isSafeColor(color) {
+    return CSS_COLOR.test(color) && !CSS_URL.test(color);
+}
+const INITIAL_DIMENSION = { width: 320, height: 200 };
+const ChartContext = React.createContext(null);
+function useChart() {
+    const context = React.useContext(ChartContext);
+    if (!context) {
+        throw new Error('useChart must be used within a <ChartContainer />');
+    }
+    return context;
+}
+function ChartContainer({ id, className, children, config, ariaLabel, initialDimension = INITIAL_DIMENSION, ...props }) {
+    const uniqueId = React.useId();
+    // chartId lands in BOTH a DOM attribute and a CSS attribute selector, so the
+    // two must agree and neither may carry syntax — strip to [\w-] once, here.
+    const chartId = `chart-${(id ?? uniqueId).replace(/[^\w-]/g, '')}`;
+    // Resolve the accessibility contract for the container element:
+    // named → expose as an image with that name; false → hide from a11y tree.
+    const a11yProps = typeof ariaLabel === 'string' && ariaLabel.length > 0
+        ? { role: 'img', 'aria-label': ariaLabel }
+        : ariaLabel === false
+            ? { 'aria-hidden': true }
+            : {};
+    return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, ...a11yProps, className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
+}
+const ChartStyle = ({ id, config }) => {
+    // An id that cannot be written as a CSS identifier cannot be scoped safely,
+    // and an unscoped rule would leak across every chart on the page.
+    if (!CSS_IDENT.test(id)) {
+        return null;
+    }
+    const colorConfig = Object.entries(config).filter(([key, config]) => CONFIG_KEY.test(key) && (config.theme ?? config.color));
+    if (!colorConfig.length) {
+        return null;
+    }
+    return (_jsx("style", { dangerouslySetInnerHTML: {
+            __html: Object.entries(THEMES)
+                .map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+                .map(([key, itemConfig]) => {
+                const color = itemConfig.theme?.[theme] ??
+                    itemConfig.color;
+                return color && isSafeColor(color) ? `  --color-${key}: ${color};` : null;
+            })
+                .join('\n')}
+}
+`)
+                .join('\n')
+        } }));
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, payload, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === 'string'
+            ? (config[label]?.label ?? label)
+            : itemConfig?.label;
+        if (labelFormatter) {
+            return (_jsx("div", { className: cn('font-medium', labelClassName), children: labelFormatter(value, payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return _jsx("div", { className: cn('font-medium', labelClassName), children: value });
+    }, [
+        label,
+        labelFormatter,
+        payload,
+        hideLabel,
+        labelClassName,
+        config,
+        labelKey
+    ]);
+    if (!active || !payload?.length) {
+        return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== 'dot';
+    return (_jsxs("div", { className: cn('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl', className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
+                    .filter((item) => item.type !== 'none')
+                    .map((item, index) => {
+                    const key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
+                    return (_jsx("div", { className: cn('[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5', indicator === 'dot' && 'items-center'), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: cn('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {
+                                        'h-2.5 w-2.5': indicator === 'dot',
+                                        'w-1': indicator === 'line',
+                                        'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
+                                        'my-0.5': nestLabel && indicator === 'dashed'
+                                    }), style: {
+                                        '--color-bg': indicatorColor,
+                                        '--color-border': indicatorColor
+                                    } }))), _jsxs("div", { className: cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (_jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: typeof item.value === 'number'
+                                                ? item.value.toLocaleString()
+                                                : String(item.value) }))] })] })) }, index));
+                }) })] }));
+}
+const ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }) {
+    const { config } = useChart();
+    if (!payload?.length) {
+        return null;
+    }
+    return (_jsx("div", { className: cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className), children: payload
+            .filter((item) => item.type !== 'none')
+            .map((item, index) => {
+            const key = `${nameKey ?? item.dataKey ?? 'value'}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            return (_jsxs("div", { className: cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
+                            backgroundColor: item.color
+                        } })), itemConfig?.label] }, index));
+        }) }));
+}
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (typeof payload !== 'object' || payload === null) {
+        return undefined;
+    }
+    const payloadPayload = 'payload' in payload &&
+        typeof payload.payload === 'object' &&
+        payload.payload !== null
+        ? payload.payload
+        : undefined;
+    let configLabelKey = key;
+    if (key in payload &&
+        typeof payload[key] === 'string') {
+        configLabelKey = payload[key];
+    }
+    else if (payloadPayload &&
+        key in payloadPayload &&
+        typeof payloadPayload[key] === 'string') {
+        configLabelKey = payloadPayload[key];
+    }
+    return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle };

package/dist/esm/charts/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from './chart.js';
+export type { ChartConfig } from './chart.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAChB,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/esm/charts/index.js

@@ -0,0 +1,3 @@
+// Owned by lane theme-toasts-charts — see docs/plans/2026-08-26-sindarian-x-retirement/
+// ChartStyle stays internal: it is an implementation detail of ChartContainer.
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from './chart.js';

package/dist/esm/components/breadcrumb/get-breadcrumb-paths.d.ts

@@ -0,0 +1,10 @@
+import { BreadcrumbPath } from './index.js';
+type BreadcrumbPathTabs = (BreadcrumbPath & {
+    active?: () => boolean;
+})[];
+export declare function getBreadcrumbPaths(paths: BreadcrumbPathTabs): {
+    name: string;
+    href?: string;
+}[];
+export {};
+//# sourceMappingURL=get-breadcrumb-paths.d.ts.map

package/dist/esm/components/breadcrumb/get-breadcrumb-paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-breadcrumb-paths.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumb/get-breadcrumb-paths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAGlC,KAAK,kBAAkB,GAAG,CAAC,cAAc,GAAG;IAC1C,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;CACvB,CAAC,EAAE,CAAA;AAEJ,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB;;;IAa3D"}

package/dist/esm/components/breadcrumb/get-breadcrumb-paths.js

@@ -0,0 +1,12 @@
+import isNil from 'lodash/isNil.js';
+export function getBreadcrumbPaths(paths) {
+    return (paths
+        .filter((path) => {
+        if (isNil(path.active)) {
+            return true;
+        }
+        return path.active();
+    })
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        .map(({ active, ...path }) => path));
+}

package/dist/esm/components/breadcrumb/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type BreadcrumbPath = {
+    name: string;
+    href?: string;
+};
+type BreadcrumbProps = {
+    paths: BreadcrumbPath[];
+};
+export declare const Breadcrumb: ({ paths }: BreadcrumbProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,WAAW,eAAe,sBAoBpD,CAAA"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Breadcrumb as BaseBreadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '../../components/ui/breadcrumb/index.js';
+export const Breadcrumb = ({ paths }) => {
+    return (_jsx(BaseBreadcrumb, { children: _jsx(BreadcrumbList, { children: paths.map((path, index) => (_jsxs(React.Fragment, { children: [_jsx(BreadcrumbItem, { children: path.href ? (_jsx(BreadcrumbLink, { href: path.href, children: path.name })) : (_jsx(BreadcrumbPage, { children: path.name })) }), _jsx(BreadcrumbSeparator, {})] }, index))) }) }));
+};

package/dist/esm/components/card/account-card/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Collapsible } from '@radix-ui/react-collapsible';
+import { Button } from '../../../components/ui/button/index.js';
+import { LucideProps } from 'lucide-react';
+import { CollapsibleContent } from '../../../components/ui/collapsible/index.js';
+export declare function AccountBalanceCard({ className, open, onOpenChange, children, ...props }: React.ComponentProps<typeof Collapsible>): React.JSX.Element;
+export declare function AccountBalanceCardIcon({ className, ...props }: LucideProps): React.JSX.Element;
+export declare function AccountBalanceCardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function AccountBalanceCardTitle({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+export declare function AccountBalanceCardDeleteButton({ className, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+export declare function AccountBalanceCardContent({ className, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+export declare function AccountBalanceCardLoading({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function AccountBalanceCardEmpty({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+export type AccountBalanceCardInfoProps = React.ComponentProps<'div'> & {
+    assetCode: string;
+    value: string;
+};
+export declare function AccountBalanceCardInfo({ className, assetCode, value, children: _children, ref, ...props }: AccountBalanceCardInfoProps): React.JSX.Element;
+export type AccountBalanceCardUpdateButtonProps = React.ComponentProps<typeof Button> & {
+    loading?: boolean;
+    timestamp: number;
+    loadingLabel?: string;
+    updatedInLabel?: string;
+    updatedLabel?: string;
+    onRefresh: () => void;
+};
+export declare function AccountBalanceCardUpdateButton({ className: _className, loading, timestamp, loadingLabel, updatedInLabel, updatedLabel, onRefresh, children: _children, ref, ...props }: AccountBalanceCardUpdateButtonProps): React.JSX.Element;
+export declare function AccountBalanceCardTrigger({ className, openLabel, closeLabel, children: _children, ...props }: React.ComponentProps<typeof Button> & {
+    openLabel?: string;
+    closeLabel?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/card/account-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/account-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAGzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAgB,WAAW,EAA0B,MAAM,cAAc,CAAA;AAChF,OAAO,EACL,kBAAkB,EAEnB,MAAM,6BAA6B,CAAA;AAUpC,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,qBAc1C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAS1E;AAED,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQ3B;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAarC;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,qBAWjD;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3B;AAED,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACtE,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EAAE,SAAS,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,2BAA2B,qBAe7B;AAED,MAAM,MAAM,mCAAmC,GAAG,KAAK,CAAC,cAAc,CACpE,OAAO,MAAM,CACd,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,SAAS,EAAE,UAAU,EACrB,OAAO,EACP,SAAS,EACT,YAA4B,EAC5B,cAA6B,EAC7B,YAAwB,EACxB,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mCAAmC,qBAgCrC;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,qBAeA"}

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

@@ -0,0 +1,53 @@
+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-shadcn-600 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('data-[state=closed]:animate-accordion-up 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-shadcn-500 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-shadcn-500 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-shadcn-500 text-xs font-medium", children: [loading && loadingLabel, !loading && !updated && updatedInLabel, !loading && updated && updatedLabel] }), !loading && updated && (_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" })), (!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', { '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-shadcn-600/40 h-4 p-0 text-xs', className), ...props, children: !open ? openLabel : closeLabel }) }));
+}

package/dist/esm/components/card/basic-card/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function BasicCard({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function BasicCardTitle({ className, ...props }: React.ComponentProps<'h2'>): React.JSX.Element;
+export declare function BasicCardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function BasicCardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/card/basic-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/basic-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAO7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAO5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAO7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAE7B"}

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

@@ -0,0 +1,14 @@
+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-shadcn-600 mb-4 text-sm font-medium', className), ...props }));
+}
+export function BasicCardContent({ className, ...props }) {
+    return (_jsx("div", { className: cn('text-shadcn-500 mb-6 text-sm font-medium', className), ...props }));
+}
+export function BasicCardAction({ className, ...props }) {
+    return _jsx("div", { className: cn('flex flex-col', className), ...props });
+}

package/dist/esm/components/card/dashboard-card/index.d.ts

@@ -0,0 +1,5 @@
+export declare function DashboardCard({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DashboardCardIcon({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DashboardCardTitle({ className, ...props }: React.ComponentProps<'h2'>): import("react").JSX.Element;
+export declare function DashboardCardContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/card/dashboard-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/dashboard-card/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAU7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAU7B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,+BAU5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAU7B"}

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

@@ -0,0 +1,14 @@
+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 }));
+}

package/dist/esm/components/card/entity-card/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Badge } from '../../../components/ui/badge/index.js';
+import { DropdownMenu, DropdownMenuItem } from '../../../components/ui/dropdown-menu/index.js';
+export declare function EntityCardGrid({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function EntityCardGridFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export type EntityCardProps = React.ComponentProps<'div'> & {
+    value?: number;
+    progress?: boolean;
+};
+export declare function EntityCard({ className, value, progress, children, ...props }: EntityCardProps): React.JSX.Element;
+export declare function EntityCardAction({ children, ...props }: React.ComponentProps<typeof DropdownMenu>): React.JSX.Element;
+export declare const EntityCardActionItem: typeof DropdownMenuItem;
+export declare function EntityCardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function EntityCardTitle({ className, ...props }: React.ComponentProps<'h3'>): React.JSX.Element;
+export declare function EntityCardIcon({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+export declare function EntityCardBadgeList({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function EntityCardBadge({ className, ...props }: React.ComponentProps<typeof Badge>): React.JSX.Element;
+export declare function EntityCardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function EntityCardDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+export declare function EntityCardList({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+export declare function EntityCardFooter({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/card/entity-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/entity-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,gBAAgB,EAEjB,MAAM,+BAA+B,CAAA;AAOtC,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,qBAoBjB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,qBAW3C;AAED,eAAO,MAAM,oBAAoB,yBAAmB,CAAA;AAEpD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAQpC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQ3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAgB7B"}

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

@@ -0,0 +1,48 @@
+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('flex items-center justify-between rounded-lg border border-zinc-200 bg-white 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-shadcn-400 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-shadcn-400 text-xs font-medium', className), ...props }));
+}
+export function EntityCardList({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "entity-card-list", className: cn('text-shadcn-500 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-shadcn-400 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 })] }));
+}

package/dist/esm/components/card/index.d.ts

@@ -0,0 +1,5 @@
+export * from './account-card/index.js';
+export * from './basic-card/index.js';
+export * from './dashboard-card/index.js';
+export * from './entity-card/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type ConfirmationDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    ledgerName?: string;
+    variant?: 'default' | 'warning' | 'destructive' | 'success';
+    loading?: boolean;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};
+export declare function ConfirmationDialog({ open, onOpenChange, title, description, variant, loading, onConfirm, onCancel, confirmLabel, cancelLabel }: ConfirmationDialogProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;AAkD9B,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,WAAgB,EAChB,OAAmB,EACnB,OAAO,EACP,SAAoB,EACpB,QAAmB,EACnB,YAAY,EACZ,WAAW,EACZ,EAAE,uBAAuB,qBA6BzB"}

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

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../components/ui/button/index.js';
+import { DialogHeader, DialogFooter, Dialog, DialogContent, DialogTitle, DialogDescription } from '../../../components/ui/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: {
+        variant: {
+            default: 'bg-red-50 text-red-500',
+            warning: 'bg-yellow-50 text-yellow-500',
+            destructive: 'bg-red-50 text-red-500',
+            success: 'bg-green-50 text-green-800'
+        }
+    },
+    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 = '', description = '', variant = 'default', loading, onConfirm = () => { }, onCancel = () => { }, confirmLabel, cancelLabel }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-testid": "dialog", children: [_jsxs(DialogHeader, { className: "flex-row items-center", children: [_jsx(ConfirmationDialogIcon, { variant: variant }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] })] }), _jsxs(DialogFooter, { className: "gap-4", children: [_jsx(Button, { onClick: onCancel, variant: "secondary", size: "small", children: cancelLabel ?? 'Cancel' }), _jsx(LoadingButton, { loading: loading, onClick: onConfirm, variant: "primary", size: "small", "data-testid": "confirm", children: confirmLabel ?? 'Confirm' })] })] }) }));
+}

package/dist/esm/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts

@@ -0,0 +1,31 @@
+type UseConfirmDialog = {
+    onConfirm?: (id: string) => void;
+};
+/**
+ * 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 declare function useConfirmDialog<TData = Record<string, unknown>>({ onConfirm: onConfirmProp }: UseConfirmDialog): {
+    id: string;
+    data: TData | null;
+    handleDialogClose: () => void;
+    handleDialogOpen: (id: string, data?: any) => void;
+    dialogProps: {
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        onCancel: () => void;
+        onConfirm: () => void;
+    };
+};
+export {};
+//# sourceMappingURL=use-confirm-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirm-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/confirmation-dialog/use-confirm-dialog.ts"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,SAAS,EAAE,aAAa,EACzB,EAAE,gBAAgB;;;;2BAOa,MAAM,SAAS,GAAG;;;6BAFpB,OAAO;;;;EAkCpC"}