vintasend 0.5.0 → 0.5.2

package/dist/tools/vintasend-dashboard/app/notifications/components/notifications-filters.js

@@ -0,0 +1,162 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationsFilters = NotificationsFilters;
+const react_1 = __importStar(require("react"));
+const input_1 = require("@/components/ui/input");
+const select_1 = require("@/components/ui/select");
+const NOTIFICATION_STATUSES = ['PENDING_SEND', 'SENT', 'FAILED', 'READ', 'CANCELLED'];
+const NOTIFICATION_TYPES = ['EMAIL', 'SMS', 'PUSH', 'IN_APP'];
+/**
+ * Filter bar for notifications list.
+ * Allows filtering by status, type, and free-text search.
+ * Search input is debounced (300ms) before calling the change callback.
+ *
+ * @param onFiltersChange - Callback invoked when filters change (after debounce for search)
+ * @param isLoading - Whether data is currently loading
+ * @param initialFilters - Initial filter values
+ */
+function NotificationsFilters({ onFiltersChange, isLoading = false, initialFilters, }) {
+    var _a, _b, _c;
+    const [status, setStatus] = (0, react_1.useState)((_a = initialFilters === null || initialFilters === void 0 ? void 0 : initialFilters.status) !== null && _a !== void 0 ? _a : 'all');
+    const [notificationType, setNotificationType] = (0, react_1.useState)((_b = initialFilters === null || initialFilters === void 0 ? void 0 : initialFilters.notificationType) !== null && _b !== void 0 ? _b : 'all');
+    const [search, setSearch] = (0, react_1.useState)((_c = initialFilters === null || initialFilters === void 0 ? void 0 : initialFilters.search) !== null && _c !== void 0 ? _c : '');
+    const debounceTimerRef = (0, react_1.useRef)(null);
+    // Debounced search handler
+    const handleSearchChange = (0, react_1.useCallback)((value) => {
+        setSearch(value);
+        // Clear previous timer
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        // Set new timer for debounced callback
+        debounceTimerRef.current = setTimeout(() => {
+            const filters = {};
+            if (status !== 'all')
+                filters.status = status;
+            if (notificationType !== 'all')
+                filters.notificationType = notificationType;
+            if (value)
+                filters.search = value;
+            onFiltersChange === null || onFiltersChange === void 0 ? void 0 : onFiltersChange(filters);
+        }, 300);
+    }, [status, notificationType, onFiltersChange]);
+    // Handle status change
+    const handleStatusChange = (value) => {
+        setStatus(value);
+        // Clear search debounce timer and fire immediately
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        const filters = {};
+        if (value !== 'all')
+            filters.status = value;
+        if (notificationType !== 'all')
+            filters.notificationType = notificationType;
+        if (search)
+            filters.search = search;
+        onFiltersChange === null || onFiltersChange === void 0 ? void 0 : onFiltersChange(filters);
+    };
+    // Handle type change
+    const handleTypeChange = (value) => {
+        setNotificationType(value);
+        // Clear search debounce timer and fire immediately
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        const filters = {};
+        if (status !== 'all')
+            filters.status = status;
+        if (value !== 'all')
+            filters.notificationType = value;
+        if (search)
+            filters.search = search;
+        onFiltersChange === null || onFiltersChange === void 0 ? void 0 : onFiltersChange(filters);
+    };
+    // Cleanup timer on unmount
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+        };
+    }, []);
+    return (<div className="flex flex-col gap-4 p-4 border border-input rounded-lg bg-background sm:flex-row sm:items-end sm:gap-2">
+      {/* Search Input */}
+      <div className="flex-1 min-w-0">
+        <label htmlFor="search-notifications" className="text-sm font-medium text-muted-foreground mb-2 block">
+          Search
+        </label>
+        <input_1.Input id="search-notifications" placeholder="Search by title, ID, or email..." value={search} onChange={(e) => handleSearchChange(e.target.value)} disabled={isLoading} data-testid="search-input"/>
+      </div>
+
+      {/* Status Select */}
+      <div className="w-full sm:w-auto">
+        <label htmlFor="status-filter" className="text-sm font-medium text-muted-foreground mb-2 block">
+          Status
+        </label>
+        <select_1.Select value={status} onValueChange={handleStatusChange} disabled={isLoading}>
+          <select_1.SelectTrigger id="status-filter" data-testid="status-select">
+            <select_1.SelectValue />
+          </select_1.SelectTrigger>
+          <select_1.SelectContent>
+            <select_1.SelectItem value="all">All Statuses</select_1.SelectItem>
+            {NOTIFICATION_STATUSES.map((s) => (<select_1.SelectItem key={s} value={s}>
+                {s}
+              </select_1.SelectItem>))}
+          </select_1.SelectContent>
+        </select_1.Select>
+      </div>
+
+      {/* Type Select */}
+      <div className="w-full sm:w-auto">
+        <label htmlFor="type-filter" className="text-sm font-medium text-muted-foreground mb-2 block">
+          Type
+        </label>
+        <select_1.Select value={notificationType} onValueChange={handleTypeChange} disabled={isLoading}>
+          <select_1.SelectTrigger id="type-filter" data-testid="type-select">
+            <select_1.SelectValue />
+          </select_1.SelectTrigger>
+          <select_1.SelectContent>
+            <select_1.SelectItem value="all">All Types</select_1.SelectItem>
+            {NOTIFICATION_TYPES.map((t) => (<select_1.SelectItem key={t} value={t}>
+                {t}
+              </select_1.SelectItem>))}
+          </select_1.SelectContent>
+        </select_1.Select>
+      </div>
+    </div>);
+}

package/dist/tools/vintasend-dashboard/app/notifications/components/notifications-table.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { AnyDashboardNotification } from '@/lib/notifications/types';
+interface NotificationsTableProps {
+    data: AnyDashboardNotification[];
+    pageCount: number;
+    currentPage: number;
+    pageSize: number;
+    isLoading?: boolean;
+    onPaginationChange?: (page: number) => void;
+}
+/**
+ * Renders a paginated, filterable notifications table.
+ * Uses TanStack Table for headless table logic and shadcn/ui for components.
+ *
+ * @param data - Array of notifications to display
+ * @param pageCount - Total number of pages
+ * @param currentPage - Current page (1-indexed)
+ * @param pageSize - Items per page
+ * @param isLoading - Whether data is loading
+ * @param onPaginationChange - Callback when page changes
+ */
+export declare function NotificationsTable({ data, pageCount, currentPage, pageSize, isLoading, onPaginationChange, }: NotificationsTableProps): React.JSX.Element;
+export {};

package/dist/tools/vintasend-dashboard/app/notifications/components/notifications-table.js

@@ -0,0 +1,132 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationsTable = NotificationsTable;
+const react_1 = __importStar(require("react"));
+const react_table_1 = require("@tanstack/react-table");
+const columns_1 = require("./columns");
+const table_1 = require("@/components/ui/table");
+const button_1 = require("@/components/ui/button");
+const skeleton_1 = require("@/components/ui/skeleton");
+const lucide_react_1 = require("lucide-react");
+/**
+ * Renders a paginated, filterable notifications table.
+ * Uses TanStack Table for headless table logic and shadcn/ui for components.
+ *
+ * @param data - Array of notifications to display
+ * @param pageCount - Total number of pages
+ * @param currentPage - Current page (1-indexed)
+ * @param pageSize - Items per page
+ * @param isLoading - Whether data is loading
+ * @param onPaginationChange - Callback when page changes
+ */
+function NotificationsTable({ data, pageCount, currentPage, pageSize, isLoading = false, onPaginationChange, }) {
+    const [sorting, setSorting] = (0, react_1.useState)([]);
+    const table = (0, react_table_1.useReactTable)({
+        data,
+        columns: columns_1.columns,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        manualPagination: true,
+        manualFiltering: true,
+        manualSorting: true,
+        state: {
+            sorting,
+        },
+        onSortingChange: setSorting,
+    });
+    const rows = table.getRowModel().rows;
+    // Show skeleton rows while loading
+    const displayRows = isLoading
+        ? Array.from({ length: pageSize }).map((_, i) => ({
+            id: `skeleton-${i}`,
+            original: null,
+            isSkeleton: true,
+        }))
+        : rows;
+    return (<div className="space-y-4">
+      {/* Table */}
+      <div className="border rounded-lg overflow-hidden">
+        <table_1.Table>
+          <table_1.TableHeader>
+            {table.getHeaderGroups().map((headerGroup) => (<table_1.TableRow key={headerGroup.id}>
+                {headerGroup.headers.map((header) => (<table_1.TableHead key={header.id} className="py-3 px-4">
+                    {header.isPlaceholder ? null : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext())}
+                  </table_1.TableHead>))}
+              </table_1.TableRow>))}
+          </table_1.TableHeader>
+          <table_1.TableBody>
+            {displayRows.length === 0 && !isLoading ? (<table_1.TableRow>
+                <table_1.TableCell colSpan={columns_1.columns.length} className="h-24 text-center text-muted-foreground">
+                  No notifications found.
+                </table_1.TableCell>
+              </table_1.TableRow>) : (displayRows.map((row) => (<table_1.TableRow key={row.id} data-testid={`notification-row-${row.id}`}>
+                  {row.isSkeleton ? (
+            // Skeleton row
+            Array.from({ length: columns_1.columns.length }).map((_, i) => (<table_1.TableCell key={i} className="py-3 px-4">
+                        <skeleton_1.Skeleton className="h-4 w-full"/>
+                      </table_1.TableCell>))) : (
+            // Normal row
+            row.getVisibleCells().map((cell) => (<table_1.TableCell key={cell.id} className="py-3 px-4">
+                        {(0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext())}
+                      </table_1.TableCell>)))}
+                </table_1.TableRow>)))}
+          </table_1.TableBody>
+        </table_1.Table>
+      </div>
+
+      {/* Pagination Controls */}
+      {pageCount > 1 && (<div className="flex items-center justify-between px-2">
+          <div className="text-sm text-muted-foreground">
+            Page {currentPage} of {pageCount}
+          </div>
+          <div className="flex gap-2">
+            <button_1.Button variant="outline" size="sm" onClick={() => onPaginationChange === null || onPaginationChange === void 0 ? void 0 : onPaginationChange(1)} disabled={currentPage === 1 || isLoading} title="First page">
+              <lucide_react_1.ChevronsLeft className="h-4 w-4"/>
+            </button_1.Button>
+            <button_1.Button variant="outline" size="sm" onClick={() => onPaginationChange === null || onPaginationChange === void 0 ? void 0 : onPaginationChange(currentPage - 1)} disabled={currentPage === 1 || isLoading} title="Previous page">
+              <lucide_react_1.ChevronLeft className="h-4 w-4"/>
+            </button_1.Button>
+            <button_1.Button variant="outline" size="sm" onClick={() => onPaginationChange === null || onPaginationChange === void 0 ? void 0 : onPaginationChange(currentPage + 1)} disabled={currentPage >= pageCount || isLoading} title="Next page">
+              <lucide_react_1.ChevronRight className="h-4 w-4"/>
+            </button_1.Button>
+            <button_1.Button variant="outline" size="sm" onClick={() => onPaginationChange === null || onPaginationChange === void 0 ? void 0 : onPaginationChange(pageCount)} disabled={currentPage >= pageCount || isLoading} title="Last page">
+              <lucide_react_1.ChevronsRight className="h-4 w-4"/>
+            </button_1.Button>
+          </div>
+        </div>)}
+    </div>);
+}

package/dist/tools/vintasend-dashboard/app/page.d.ts

@@ -0,0 +1 @@
+export default function Home(): import("react").JSX.Element;

package/dist/tools/vintasend-dashboard/app/page.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Home;
+const auth_status_1 = require("./components/auth-status");
+function Home() {
+    return (<div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
+      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black">
+        <div className="self-end">
+          <auth_status_1.AuthStatus />
+        </div>
+        <div className="flex flex-col items-center gap-6 text-center">
+          <h1 className="text-4xl font-bold tracking-tight text-black dark:text-zinc-50">
+            Vintasend Dashboard
+          </h1>
+          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
+            Authenticated with pluggable auth strategies (Clerk / Auth0)
+          </p>
+          <div className="mt-8 p-4 bg-blue-50 dark:bg-blue-950 rounded-lg">
+            <p className="text-sm text-blue-900 dark:text-blue-100">
+              Phase 4 Implementation Complete:
+            </p>
+            <ul className="text-sm text-blue-800 dark:text-blue-200 mt-2 space-y-1">
+              <li>✓ Middleware protecting routes</li>
+              <li>✓ Auth provider integrated in layout</li>
+              <li>✓ AuthContext providing user state</li>
+              <li>✓ AuthStatus component displaying user info</li>
+            </ul>
+          </div>
+        </div>
+      </main>
+    </div>);
+}

package/dist/tools/vintasend-dashboard/app/sign-in/[[...sign-in]]/page.d.ts

@@ -0,0 +1 @@
+export default function SignInPage(): import("react").JSX.Element;

package/dist/tools/vintasend-dashboard/app/sign-in/[[...sign-in]]/page.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SignInPage;
+const nextjs_1 = require("@clerk/nextjs");
+const navigation_1 = require("next/navigation");
+const auth_1 = require("@/lib/auth");
+function SignInPage() {
+    const strategy = (0, auth_1.resolveAuthStrategy)();
+    const authProvider = process.env.AUTH_PROVIDER;
+    // For Auth0, redirect to the login endpoint
+    if (authProvider === "auth0") {
+        (0, navigation_1.redirect)(strategy.getSignInUrl());
+    }
+    // For Clerk, render the SignIn component
+    return (<main className="flex w-full justify-center pt-64">
+      <nextjs_1.SignIn />
+    </main>);
+}

package/dist/tools/vintasend-dashboard/app/sign-out/[[...sign-out]]/page.d.ts

@@ -0,0 +1 @@
+export default function SignOutPage(): import("react").JSX.Element;

package/dist/tools/vintasend-dashboard/app/sign-out/[[...sign-out]]/page.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SignOutPage;
+const nextjs_1 = require("@clerk/nextjs");
+const auth_1 = require("@/lib/auth");
+const navigation_1 = require("next/navigation");
+function SignOutPage() {
+    const strategy = (0, auth_1.resolveAuthStrategy)();
+    const authProvider = process.env.AUTH_PROVIDER;
+    // For Auth0, redirect to the logout endpoint
+    if (authProvider === "auth0") {
+        (0, navigation_1.redirect)(strategy.getSignOutUrl());
+    }
+    // For Clerk, render the SignedOut component
+    return <nextjs_1.SignedOut />;
+}

package/dist/tools/vintasend-dashboard/components/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?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };

package/dist/tools/vintasend-dashboard/components/ui/badge.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVariants = void 0;
+exports.Badge = Badge;
+const React = __importStar(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const radix_ui_1 = require("radix-ui");
+const utils_1 = require("@/lib/utils");
+const badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 [a&]:hover:underline",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+exports.badgeVariants = badgeVariants;
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+    const Comp = asChild ? radix_ui_1.Slot.Root : "span";
+    return (<Comp data-slot="badge" data-variant={variant} className={(0, utils_1.cn)(badgeVariants({ variant }), className)} {...props}/>);
+}

package/dist/tools/vintasend-dashboard/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "lg" | "sm" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };

package/dist/tools/vintasend-dashboard/components/ui/button.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonVariants = void 0;
+exports.Button = Button;
+const React = __importStar(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const radix_ui_1 = require("radix-ui");
+const utils_1 = require("@/lib/utils");
+const buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+exports.buttonVariants = buttonVariants;
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? radix_ui_1.Slot.Root : "button";
+    return (<Comp data-slot="button" data-variant={variant} data-size={size} className={(0, utils_1.cn)(buttonVariants({ variant, size, className }))} {...props}/>);
+}

package/dist/tools/vintasend-dashboard/components/ui/calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DayPicker, type DayButton } from "react-day-picker";
+import { Button } from "@/components/ui/button";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...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 };