@hub-kit/core 0.3.0

package/dist/pages/vat-rules/rule-row.d.ts

@@ -0,0 +1,20 @@
+import type { VatRule, VatRulesAdapter } from "../../adapters/vat-rules";
+import type { VatRulesLabels } from "./labels";
+export interface ScopeNameMaps {
+    supplierNameById: Map<string, string>;
+    propertyLabelById: Map<string, string>;
+    companyLabelById: Map<string, string>;
+}
+export declare function ruleValueText(rule: VatRule, labels: VatRulesLabels): string;
+export declare function RuleRow({ rule, maps, adapter, labels, }: {
+    rule: VatRule;
+    maps: ScopeNameMaps;
+    adapter: VatRulesAdapter;
+    labels: VatRulesLabels;
+}): import("react").JSX.Element;
+export declare function RuleCard({ rule, maps, adapter, labels, }: {
+    rule: VatRule;
+    maps: ScopeNameMaps;
+    adapter: VatRulesAdapter;
+    labels: VatRulesLabels;
+}): import("react").JSX.Element;

package/dist/pages/vat-rules/rule-row.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Trash2, Wand2 } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Switch } from "../../ui/switch.js";
+import { TableCell, TableRow } from "../../ui/table.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../ui/alert-dialog.js";
+import { cn } from "../../lib/class-names.js";
+import { readableErrorMessage } from "../../components/feedback/query-states.js";
+function buildScopeChips(rule, maps, labels) {
+    const chips = [];
+    if (rule.supplierId) {
+        chips.push({
+            label: labels.scopeNames.supplier,
+            value: maps.supplierNameById.get(rule.supplierId) ?? rule.supplierId,
+        });
+    }
+    if (rule.propertyId) {
+        chips.push({
+            label: labels.scopeNames.property,
+            value: maps.propertyLabelById.get(rule.propertyId) ?? rule.propertyId,
+        });
+    }
+    if (rule.companyId) {
+        chips.push({
+            label: labels.scopeNames.company,
+            value: maps.companyLabelById.get(rule.companyId) ?? rule.companyId,
+        });
+    }
+    if (rule.referencePattern) {
+        chips.push({ label: labels.scopeNames.referencePattern, value: rule.referencePattern });
+    }
+    return chips;
+}
+export function ruleValueText(rule, labels) {
+    return rule.vatRate != null ? labels.vatRateValue(rule.vatRate) : "—";
+}
+function RuleValueContent({ rule, labels }) {
+    return (_jsxs(_Fragment, { children: [ruleValueText(rule, labels), rule.vatTreatment ? (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: labels.vatTreatmentName(rule.vatTreatment) })) : null, rule.vatDeductiblePercent != null ? (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: labels.deductibleShare(rule.vatDeductiblePercent) })) : null, rule.vatSpecialCase ? (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: labels.vatSpecialCaseName(rule.vatSpecialCase) })) : null, rule.note ? _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: rule.note }) : null] }));
+}
+function ScopeChips({ chips }) {
+    return (_jsx("div", { className: "flex flex-wrap gap-1.5", children: chips.map((chip) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-border bg-muted/50 px-1.5 py-0.5 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: chip.label }), _jsx("span", { className: "text-foreground", children: chip.value })] }, chip.label))) }));
+}
+function EffectText({ impactQuery, labels, }) {
+    if (impactQuery.isLoading)
+        return _jsx("span", { className: "text-muted-foreground", children: "\u2026" });
+    return (_jsx("span", { title: labels.effectHint, className: cn((impactQuery.data?.wouldChange ?? 0) > 0 && "font-medium text-warning"), children: labels.effect(impactQuery.data?.wouldChange ?? 0, impactQuery.data?.matches ?? 0) }));
+}
+function RuleActions({ rule, valueText, impactQuery, adapter, labels, layout, }) {
+    const [isApplying, setIsApplying] = useState(false);
+    const [deleteReason, setDeleteReason] = useState("");
+    const wouldChange = impactQuery.data?.wouldChange ?? 0;
+    const matches = impactQuery.data?.matches ?? 0;
+    const buttonClass = layout === "card" ? "flex-1 justify-center gap-1.5" : "gap-1.5";
+    async function applyRule() {
+        setIsApplying(true);
+        try {
+            const result = await adapter.applyVatRuleToExisting(rule.id);
+            if (result.changed === 0) {
+                toast.info(labels.apply.appliedNone);
+            }
+            else if (result.skipped > 0) {
+                toast.success(labels.apply.appliedWithSkipped(result.changed, result.matches, result.skipped));
+            }
+            else {
+                toast.success(labels.apply.applied(result.changed, result.matches));
+            }
+        }
+        catch (error) {
+            toast.error(labels.actionFailed(readableErrorMessage(error, "")));
+        }
+        finally {
+            setIsApplying(false);
+        }
+    }
+    async function deleteRule() {
+        try {
+            await adapter.deleteVatRule({ id: rule.id, reason: deleteReason.trim() });
+            toast.success(labels.deleteRule.deleted);
+        }
+        catch (error) {
+            toast.error(labels.actionFailed(readableErrorMessage(error, "")));
+        }
+    }
+    return (_jsxs("div", { className: cn(layout === "card" ? "flex gap-2" : "inline-flex items-center gap-1"), children: [_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: buttonClass, disabled: isApplying || wouldChange === 0, children: [_jsx(Wand2, { className: "size-4" }), " ", labels.apply.action] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: labels.apply.title }), _jsx(AlertDialogDescription, { children: wouldChange > 0
+                                            ? labels.apply.description(wouldChange, matches)
+                                            : labels.apply.nothingToApply })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: labels.apply.cancel }), _jsx(AlertDialogAction, { disabled: wouldChange === 0, onClick: applyRule, children: labels.apply.confirm(wouldChange) })] })] })] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: cn(buttonClass, "text-destructive hover:bg-destructive/10 hover:text-destructive"), children: [_jsx(Trash2, { className: "size-4" }), " ", labels.deleteRule.action] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: labels.deleteRule.title }), _jsx(AlertDialogDescription, { children: labels.deleteRule.description(valueText) })] }), _jsx(Input, { value: deleteReason, onChange: (event) => setDeleteReason(event.target.value), placeholder: labels.deleteRule.reasonPlaceholder }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: labels.deleteRule.cancel }), _jsx(AlertDialogAction, { disabled: !deleteReason.trim(), className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", onClick: deleteRule, children: labels.deleteRule.confirm })] })] })] })] }));
+}
+function ActiveSwitch({ rule, adapter, labels, }) {
+    const [isSaving, setIsSaving] = useState(false);
+    async function toggle(nextActive) {
+        setIsSaving(true);
+        try {
+            await adapter.setVatRuleActive({ id: rule.id, isActive: nextActive });
+            toast.success(nextActive ? labels.toggleActivated : labels.toggleDeactivated);
+        }
+        catch (error) {
+            toast.error(labels.actionFailed(readableErrorMessage(error, "")));
+        }
+        finally {
+            setIsSaving(false);
+        }
+    }
+    return (_jsx(Switch, { checked: rule.isActive, disabled: isSaving, "aria-label": labels.columns.active, onCheckedChange: toggle }));
+}
+export function RuleRow({ rule, maps, adapter, labels, }) {
+    const chips = buildScopeChips(rule, maps, labels);
+    const impactQuery = adapter.useRuleImpact(rule.id);
+    const valueText = ruleValueText(rule, labels);
+    return (_jsxs(TableRow, { className: cn(!rule.isActive && "opacity-60"), children: [_jsx(TableCell, { className: "font-medium text-foreground", children: _jsx(RuleValueContent, { rule: rule, labels: labels }) }), _jsx(TableCell, { children: _jsx(ScopeChips, { chips: chips }) }), _jsx(TableCell, { className: "text-right text-sm tabular-nums", children: _jsx(EffectText, { impactQuery: impactQuery, labels: labels }) }), _jsx(TableCell, { children: _jsx(ActiveSwitch, { rule: rule, adapter: adapter, labels: labels }) }), _jsx(TableCell, { className: "text-right", children: _jsx(RuleActions, { rule: rule, valueText: valueText, impactQuery: impactQuery, adapter: adapter, labels: labels, layout: "row" }) })] }));
+}
+// Mobile card equivalent of RuleRow — same fields, stacked instead of columned.
+export function RuleCard({ rule, maps, adapter, labels, }) {
+    const chips = buildScopeChips(rule, maps, labels);
+    const impactQuery = adapter.useRuleImpact(rule.id);
+    const valueText = ruleValueText(rule, labels);
+    return (_jsxs("div", { className: cn("rounded-xl border border-border bg-card p-4", !rule.isActive && "opacity-60"), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("div", { className: "min-w-0 font-medium text-foreground", children: _jsx(RuleValueContent, { rule: rule, labels: labels }) }), _jsx(ActiveSwitch, { rule: rule, adapter: adapter, labels: labels })] }), chips.length > 0 && (_jsx("div", { className: "mt-2", children: _jsx(ScopeChips, { chips: chips }) })), _jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [labels.columns.effect, ": ", _jsx(EffectText, { impactQuery: impactQuery, labels: labels })] }), _jsx("div", { className: "mt-3 border-t border-border pt-3", children: _jsx(RuleActions, { rule: rule, valueText: valueText, impactQuery: impactQuery, adapter: adapter, labels: labels, layout: "card" }) })] }));
+}

package/dist/pages/vat-rules/vat-rules-page.d.ts

@@ -0,0 +1,9 @@
+import { type Formatters } from "../../lib/formatters";
+import type { VatRulesAdapter } from "../../adapters/vat-rules";
+import { type VatRulesLabels } from "./labels";
+export interface VatRulesPageProps {
+    adapter: VatRulesAdapter;
+    labels?: VatRulesLabels;
+    formatters?: Formatters;
+}
+export declare function VatRulesPage({ adapter, labels, formatters, }: VatRulesPageProps): import("react").JSX.Element;

package/dist/pages/vat-rules/vat-rules-page.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Label } from "../../ui/label.js";
+import { Field } from "../../ui/field.js";
+import { Combobox } from "../../ui/combobox.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../ui/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/tabs.js";
+import { EmptyState, ErrorState, TableSkeleton } from "../../components/feedback/query-states.js";
+import { cn } from "../../lib/class-names.js";
+import { englishFormatters } from "../../lib/formatters.js";
+import { englishVatRulesLabels } from "./labels.js";
+import { NewVatRuleDialog } from "./new-rule-dialog.js";
+import { RuleCard, RuleRow } from "./rule-row.js";
+const NONE = "__none";
+// A negative reserve means deductible input VAT exceeded output VAT: the company is owed money.
+// It gets its own colour and says so in words, so "-829.34" cannot read like an error.
+function ReserveAmount({ value, formatters, labels, className, }) {
+    // Not `< 0`: a reserve of exactly 0 is neither owed nor owing, and -0.004 rounds to "0.00".
+    const isRefund = Math.round(value * 100) < 0;
+    return (_jsxs("span", { className: "block text-right", children: [_jsx("span", { className: cn("font-semibold tabular-nums", isRefund ? "text-success" : "text-foreground", className), children: formatters.formatMoney(value) }), isRefund ? (_jsx("span", { className: "mt-0.5 block text-xs font-normal text-success", children: labels.reserve.refund })) : null] }));
+}
+export function VatRulesPage({ adapter, labels = englishVatRulesLabels, formatters = englishFormatters, }) {
+    const companiesQuery = adapter.useCompanies();
+    const suppliersQuery = adapter.useSuppliers();
+    const propertiesQuery = adapter.useProperties();
+    const rulesQuery = adapter.useVatRules();
+    const [companyId, setCompanyId] = useState(NONE);
+    const companies = companiesQuery.data ?? [];
+    // "All companies": each company owes VAT to its own tax office separately, so that view is a
+    // per-company breakdown table, not a single combined figure.
+    const reserveQuery = adapter.useVatReserve(companyId === NONE ? null : companyId);
+    const reserveAllQuery = adapter.useVatReserveForCompanies(companyId === NONE ? companies.map((company) => company.id) : []);
+    const companyLabelById = useMemo(() => new Map(companies.map((company) => [company.id, `${company.code} · ${company.name}`])), [companies]);
+    const scopeNameMaps = useMemo(() => ({
+        supplierNameById: new Map((suppliersQuery.data ?? []).map((supplier) => [supplier.id, supplier.name])),
+        propertyLabelById: new Map((propertiesQuery.data ?? []).map((property) => [
+            property.id,
+            property.name ? `${property.code} · ${property.name}` : property.code,
+        ])),
+        companyLabelById,
+    }), [suppliersQuery.data, propertiesQuery.data, companyLabelById]);
+    const vatRules = rulesQuery.data ?? [];
+    const scopedRules = useMemo(() => vatRules.filter((rule) => companyId === NONE || rule.companyId === companyId || rule.companyId === null), [vatRules, companyId]);
+    const scopeCounts = useMemo(() => ({
+        supplier: scopedRules.filter((rule) => rule.supplierId).length,
+        property: scopedRules.filter((rule) => rule.propertyId).length,
+        company: scopedRules.filter((rule) => rule.companyId).length,
+        global: scopedRules.filter((rule) => rule.companyId === null).length,
+    }), [scopedRules]);
+    return (_jsxs("div", { children: [_jsx("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: labels.title }), _jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: labels.subtitle }), _jsxs(Field, { className: "mt-6 w-full max-w-xs space-y-1.5", children: [_jsx(Label, { children: labels.companyLabel }), _jsx(Combobox, { value: companyId, onValueChange: setCompanyId, options: [
+                            { value: NONE, label: labels.allCompanies },
+                            ...companies.map((company) => ({
+                                value: company.id,
+                                label: `${company.code} · ${company.name}`,
+                                keywords: company.name,
+                            })),
+                        ] })] }), _jsxs(Tabs, { defaultValue: "rules", className: "mt-6", children: [_jsxs(TabsList, { className: "flex h-auto w-full flex-wrap justify-start gap-1", children: [_jsx(TabsTrigger, { value: "rules", children: labels.rulesTab }), _jsx(TabsTrigger, { value: "reserve", children: labels.reserveTab })] }), _jsxs(TabsContent, { value: "rules", className: "mt-4 space-y-4", children: [_jsxs("div", { className: "flex flex-col items-start gap-4 sm:flex-row sm:justify-between", children: [_jsx("p", { className: "max-w-3xl rounded-lg border border-border bg-muted/40 p-3 text-xs text-muted-foreground", children: labels.rulesHint }), _jsx("div", { className: "w-full sm:w-auto sm:shrink-0", children: _jsx(NewVatRuleDialog, { adapter: adapter, labels: labels, defaultCompanyId: companyId === NONE ? undefined : companyId }) })] }), _jsxs("div", { className: "flex flex-wrap gap-2 text-xs text-muted-foreground", children: [_jsx("span", { className: "rounded border border-border bg-muted/50 px-2 py-1", children: labels.countBySupplier(scopeCounts.supplier) }), _jsx("span", { className: "rounded border border-border bg-muted/50 px-2 py-1", children: labels.countByProperty(scopeCounts.property) }), _jsx("span", { className: "rounded border border-border bg-muted/50 px-2 py-1", children: labels.countByCompany(scopeCounts.company) }), _jsx("span", { className: "rounded border border-border bg-muted/50 px-2 py-1", children: labels.countGlobal(scopeCounts.global) })] }), rulesQuery.isError ? (_jsx(ErrorState, { error: rulesQuery.error, onRetry: rulesQuery.refetch })) : rulesQuery.isLoading ? (_jsx(TableSkeleton, { rows: 6, columns: 6 })) : scopedRules.length === 0 ? (_jsx(EmptyState, { title: labels.empty, hint: labels.emptyHint })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden rounded-xl border border-border sm:block", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: labels.columns.value }), _jsx(TableHead, { children: labels.columns.scope }), _jsx(TableHead, { className: "text-right", children: labels.columns.effect }), _jsx(TableHead, { children: labels.columns.active }), _jsx(TableHead, { className: "text-right", children: labels.columns.actions })] }) }), _jsx(TableBody, { children: scopedRules.map((rule) => (_jsx(RuleRow, { rule: rule, maps: scopeNameMaps, adapter: adapter, labels: labels }, rule.id))) })] }) }), _jsx("div", { className: "space-y-3 sm:hidden", children: scopedRules.map((rule) => (_jsx(RuleCard, { rule: rule, maps: scopeNameMaps, adapter: adapter, labels: labels }, rule.id))) })] }))] }), _jsx(TabsContent, { value: "reserve", className: "mt-4", children: _jsxs("div", { className: "rounded-xl border border-border p-4", children: [_jsx("h2", { className: "text-sm font-semibold tracking-tight text-foreground", children: labels.reserve.title }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.reserve.hint }), companyId !== NONE ? (reserveQuery.isLoading ? (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: "\u2026" })) : reserveQuery.isError ? (_jsx(ErrorState, { error: reserveQuery.error, onRetry: reserveQuery.refetch })) : reserveQuery.data ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-2 lg:grid-cols-5", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-muted-foreground", children: labels.reserve.totalInputVat }), _jsx("p", { className: "text-lg font-semibold text-foreground tabular-nums", children: formatters.formatMoney(reserveQuery.data.inputVatTotal) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-muted-foreground", children: labels.reserve.deductible }), _jsx("p", { className: "text-lg font-semibold text-foreground tabular-nums", children: formatters.formatMoney(reserveQuery.data.inputVatDeductible) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-muted-foreground", children: labels.reserve.nondeductible }), _jsx("p", { className: "text-lg font-semibold text-foreground tabular-nums", children: formatters.formatMoney(reserveQuery.data.inputVatNondeductible) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-muted-foreground", children: labels.reserve.outputVat }), _jsx("p", { className: "text-lg font-semibold text-foreground tabular-nums", children: formatters.formatMoney(reserveQuery.data.outputVat) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-muted-foreground", children: labels.reserve.reserveAmount }), _jsx(ReserveAmount, { value: reserveQuery.data.reserve, formatters: formatters, labels: labels, className: "text-lg" })] })] }), reserveQuery.data.unresolvedCount > 0 ? (_jsx("p", { className: "mt-3 text-xs text-warning", children: labels.reserve.unresolved(reserveQuery.data.unresolvedCount, formatters.formatMoney(reserveQuery.data.unresolvedAmount)) })) : null] })) : null) : reserveAllQuery.isLoading ? (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: "\u2026" })) : reserveAllQuery.isError ? (_jsx(ErrorState, { error: reserveAllQuery.error, onRetry: reserveAllQuery.refetch })) : (reserveAllQuery.data ?? []).length === 0 ? (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: labels.reserve.emptyAllCompanies })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "mt-3 hidden rounded-lg border border-border sm:block", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: labels.companyLabel }), _jsx(TableHead, { className: "text-right", children: labels.reserve.totalInputVat }), _jsx(TableHead, { className: "text-right", children: labels.reserve.deductible }), _jsx(TableHead, { className: "text-right", children: labels.reserve.nondeductible }), _jsx(TableHead, { className: "text-right", children: labels.reserve.outputVat }), _jsx(TableHead, { className: "text-right", children: labels.reserve.reserveAmount })] }) }), _jsx(TableBody, { children: (reserveAllQuery.data ?? []).map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium text-foreground", children: companyLabelById.get(row.companyId) ?? row.companyId }), _jsxs(TableCell, { className: "text-right tabular-nums", children: [formatters.formatMoney(row.inputVatTotal), row.unresolvedCount > 0 ? (_jsx("span", { className: "mt-0.5 block text-xs font-normal text-warning", children: labels.reserve.unresolvedShort(row.unresolvedCount, formatters.formatMoney(row.unresolvedAmount)) })) : null] }), _jsx(TableCell, { className: "text-right tabular-nums", children: formatters.formatMoney(row.inputVatDeductible) }), _jsx(TableCell, { className: "text-right tabular-nums", children: formatters.formatMoney(row.inputVatNondeductible) }), _jsx(TableCell, { className: "text-right tabular-nums", children: formatters.formatMoney(row.outputVat) }), _jsx(TableCell, { className: "text-right font-medium tabular-nums", children: _jsx(ReserveAmount, { value: row.reserve, formatters: formatters, labels: labels, className: "text-sm" }) })] }, row.companyId))) })] }) }), _jsx("div", { className: "mt-3 space-y-3 sm:hidden", children: (reserveAllQuery.data ?? []).map((row) => {
+                                                const companyName = companyLabelById.get(row.companyId) ?? row.companyId;
+                                                return (_jsxs("section", { "aria-label": companyName, className: "rounded-xl border border-border bg-card p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "font-medium text-foreground", children: companyName }), _jsx(ReserveAmount, { value: row.reserve, formatters: formatters, labels: labels, className: "text-sm" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: labels.reserve.reserveAmount }), row.unresolvedCount > 0 ? (_jsx("p", { className: "mt-2 text-xs text-warning", children: labels.reserve.unresolved(row.unresolvedCount, formatters.formatMoney(row.unresolvedAmount)) })) : null, _jsxs("dl", { className: "mt-3 grid grid-cols-3 gap-2 border-t border-border pt-3 text-xs", children: [_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: labels.reserve.totalInputVat }), _jsx("dd", { className: "text-foreground tabular-nums", children: formatters.formatMoney(row.inputVatTotal) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: labels.reserve.deductible }), _jsx("dd", { className: "text-foreground tabular-nums", children: formatters.formatMoney(row.inputVatDeductible) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: labels.reserve.nondeductible }), _jsx("dd", { className: "text-foreground tabular-nums", children: formatters.formatMoney(row.inputVatNondeductible) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: labels.reserve.outputVat }), _jsx("dd", { className: "text-foreground tabular-nums", children: formatters.formatMoney(row.outputVat) })] })] })] }, row.companyId));
+                                            }) })] }))] }) })] })] }));
+}

package/dist/ui/alert-dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/ui/alert-dialog.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cn } from "../lib/class-names.js";
+import { buttonVariants } from "./button.js";
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn(
+            // See DialogContent's identical fix for why grid-cols-[minmax(0,1fr)] is needed here too:
+            // a plain `grid` item's default min-width is its own content's min-content size, not 0,
+            // so one long unbreakable text run anywhere in the body silently stretches the whole
+            // dialog past the viewport on a phone.
+            //
+            // w-[calc(100%-2rem)], not w-full: see DialogContent's identical fix — `fixed`'s containing
+            // block is the viewport, so w-full put the dialog's own edge flush against the screen edge
+            // on every phone width. The calc leaves a fixed 1rem gutter on each side; max-w-lg still
+            // wins once the viewport is wide enough for it to be the smaller value.
+            // rounded-lg unconditionally, not sm:rounded-lg — see DialogContent's identical fix.
+            // max-h-[calc(100dvh-2rem)] + overflow-y-auto gives the same 1rem gutter vertically that
+            // w-[calc(100%-2rem)] gives horizontally — see DialogContent's identical fix.
+            "fixed left-[50%] top-[50%] z-50 grid max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-lg grid-cols-[minmax(0,1fr)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), ...props })] })));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => (
+// Row + right-aligned + gap on every width — see DialogFooter's identical fix. The old
+// `flex-col-reverse` mobile default stacked Cancel/Action with no vertical gap between them.
+_jsx("div", { className: cn("flex flex-row flex-wrap justify-end gap-2", className), ...props }));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold", className), ...props })));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: "outline" }), className), ...props })));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
+export { Badge, badgeVariants };

package/dist/ui/badge.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/class-names.js";
+const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+            outline: "text-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant, ...props }) {
+    return _jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+export { Badge, badgeVariants };

package/dist/ui/breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/ui/breadcrumb.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { cn } from "../lib/class-names.js";
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className), ...props })));
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn("inline-flex items-center gap-1.5", className), ...props })));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    return (_jsx(Comp, { ref: ref, className: cn("transition-colors hover:text-foreground", className), ...props }));
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("font-normal text-foreground", className), ...props })));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/ui/button.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/ui/button.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/class-names.js";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/ui/calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+import { Button } from "./button";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, locale, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/ui/calendar.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn } from "../lib/class-names.js";
+import { Button, buttonVariants } from "./button.js";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, locale, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const monthDropdownLocale = locale?.code ?? "en-US";
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, locale: locale, formatters: {
+            formatMonthDropdown: (date) => date.toLocaleString(monthDropdownLocale, { month: "short" }),
+            ...formatters,
+        }, classNames: {
+            root: cn("w-fit", defaultClassNames.root),
+            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+            month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+            button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
+            button_next: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
+            month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+            dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+            dropdown_root: cn("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", defaultClassNames.dropdown_root),
+            dropdown: cn("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown),
+            caption_label: cn("select-none font-medium", captionLayout === "label"
+                ? "text-sm"
+                : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", defaultClassNames.caption_label),
+            table: "w-full border-collapse",
+            weekdays: cn("flex", defaultClassNames.weekdays),
+            weekday: cn("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday),
+            week: cn("mt-2 flex w-full", defaultClassNames.week),
+            week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+            week_number: cn("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number),
+            day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day),
+            range_start: cn("bg-accent rounded-l-md", defaultClassNames.range_start),
+            range_middle: cn("rounded-none", defaultClassNames.range_middle),
+            range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+            today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            hidden: cn("invisible", defaultClassNames.hidden),
+            ...classNames,
+        }, components: {
+            Root: ({ className, rootRef, ...props }) => {
+                return _jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props });
+            },
+            Chevron: ({ className, orientation, ...props }) => {
+                if (orientation === "left") {
+                    return _jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props });
+                }
+                if (orientation === "right") {
+                    return _jsx(ChevronRightIcon, { className: cn("size-4", className), ...props });
+                }
+                return _jsx(ChevronDownIcon, { className: cn("size-4", className), ...props });
+            },
+            DayButton: CalendarDayButton,
+            WeekNumber: ({ children, ...props }) => {
+                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
+            },
+            ...components,
+        }, ...props }));
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused)
+            ref.current?.focus();
+    }, [modifiers.focused]);
+    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+}
+export { Calendar, CalendarDayButton };

package/dist/ui/card.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/ui/card.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/class-names.js";
+const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+CardFooter.displayName = "CardFooter";
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/ui/chart.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => React.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> & {
+    accessibilityLayer?: boolean;
+    active?: boolean | undefined;
+    includeHidden?: boolean | undefined;
+    allowEscapeViewBox?: import("recharts/types/util/types").AllowInDimension;
+    animationDuration?: import("recharts/types/util/types").AnimationDuration;
+    animationEasing?: import("recharts/types/util/types").AnimationTiming;
+    content?: import("recharts/types/component/Tooltip").ContentType<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> | undefined;
+    coordinate?: Partial<import("recharts/types/util/types").Coordinate>;
+    cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
+    filterNull?: boolean;
+    defaultIndex?: number;
+    isAnimationActive?: boolean;
+    offset?: number;
+    payloadUniqBy?: import("recharts/types/util/payload/getUniqPayload").UniqueOption<import("recharts/types/component/DefaultTooltipContent").Payload<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>> | undefined;
+    position?: Partial<import("recharts/types/util/types").Coordinate>;
+    reverseDirection?: import("recharts/types/util/types").AllowInDimension;
+    shared?: boolean;
+    trigger?: "hover" | "click";
+    useTranslate3d?: boolean;
+    viewBox?: import("recharts/types/util/types").CartesianViewBox;
+    wrapperStyle?: React.CSSProperties;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };