@opensaas/stack-ui 0.1.0

package/dist/lib/serializeFieldConfig.js

@@ -0,0 +1,48 @@
+/**
+ * Extract only serializable properties from a single field config
+ * Removes functions (getZodSchema, getPrismaType, getTypeScriptType)
+ * and non-serializable properties (access, hooks, typePatch, valueForClientSerialization)
+ */
+export function serializeFieldConfig(fieldConfig) {
+    const config = {
+        type: fieldConfig.type,
+    };
+    // Process ui options, excluding the valueForClientSerialization function
+    if (fieldConfig.ui) {
+        const { valueForClientSerialization: _valueForClientSerialization, ...serializableUi } = fieldConfig.ui;
+        config.ui = serializableUi;
+    }
+    // Extract label if present
+    if ('label' in fieldConfig && fieldConfig.label !== undefined) {
+        config.label = fieldConfig.label;
+    }
+    // Extract validation if present
+    if ('validation' in fieldConfig && fieldConfig.validation !== undefined) {
+        config.validation = fieldConfig.validation;
+    }
+    // Extract options for select fields
+    if ('options' in fieldConfig && fieldConfig.options !== undefined) {
+        config.options = fieldConfig.options;
+    }
+    // Extract many for relationship fields
+    if ('many' in fieldConfig && fieldConfig.many !== undefined) {
+        config.many = fieldConfig.many;
+    }
+    // Extract ref for relationship fields
+    if ('ref' in fieldConfig && fieldConfig.ref !== undefined) {
+        config.ref = fieldConfig.ref;
+    }
+    return config;
+}
+/**
+ * Extract only serializable properties from field configs
+ * Removes functions (getZodSchema, getPrismaType, getTypeScriptType)
+ * and non-serializable properties (access, hooks, typePatch)
+ */
+export function serializeFieldConfigs(fields) {
+    const serialized = {};
+    for (const [fieldName, fieldConfig] of Object.entries(fields)) {
+        serialized[fieldName] = serializeFieldConfig(fieldConfig);
+    }
+    return serialized;
+}

package/dist/lib/theme.d.ts

@@ -0,0 +1,17 @@
+import type { ThemeColors, ThemeConfig, ThemePreset } from '@opensaas/stack-core';
+/**
+ * Preset theme definitions
+ */
+export declare const presetThemes: Record<ThemePreset, {
+    light: ThemeColors;
+    dark: ThemeColors;
+}>;
+/**
+ * Generate CSS variables from theme configuration
+ */
+export declare function generateThemeCSS(config?: ThemeConfig): string;
+/**
+ * Get theme CSS as a style tag content
+ */
+export declare function getThemeStyleTag(config?: ThemeConfig): string;
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEjF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAiJvF,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAuC7D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,CAE7D"}

package/dist/lib/theme.js

@@ -0,0 +1,192 @@
+/**
+ * Preset theme definitions
+ */
+export const presetThemes = {
+    modern: {
+        light: {
+            background: '220 20% 97%',
+            foreground: '220 30% 10%',
+            card: '0 0% 100%',
+            cardForeground: '220 30% 10%',
+            popover: '0 0% 100%',
+            popoverForeground: '220 30% 10%',
+            primary: '190 95% 55%',
+            primaryForeground: '220 30% 10%',
+            secondary: '220 15% 94%',
+            secondaryForeground: '220 30% 10%',
+            muted: '220 15% 94%',
+            mutedForeground: '220 15% 45%',
+            accent: '280 85% 65%',
+            accentForeground: '0 0% 100%',
+            destructive: '0 84% 60%',
+            destructiveForeground: '0 0% 100%',
+            border: '220 15% 88%',
+            input: '220 15% 88%',
+            ring: '190 95% 55%',
+            gradientFrom: '190 95% 55%',
+            gradientTo: '280 85% 65%',
+        },
+        dark: {
+            background: '220 25% 8%',
+            foreground: '220 15% 95%',
+            card: '220 20% 12%',
+            cardForeground: '220 15% 95%',
+            popover: '220 20% 12%',
+            popoverForeground: '220 15% 95%',
+            primary: '190 100% 60%',
+            primaryForeground: '220 30% 10%',
+            secondary: '220 20% 18%',
+            secondaryForeground: '220 15% 95%',
+            muted: '220 20% 18%',
+            mutedForeground: '220 10% 55%',
+            accent: '280 90% 70%',
+            accentForeground: '220 30% 10%',
+            destructive: '0 84% 65%',
+            destructiveForeground: '0 0% 100%',
+            border: '220 20% 22%',
+            input: '220 20% 22%',
+            ring: '190 100% 60%',
+            gradientFrom: '190 100% 60%',
+            gradientTo: '280 90% 70%',
+        },
+    },
+    classic: {
+        light: {
+            background: '0 0% 100%',
+            foreground: '222.2 84% 4.9%',
+            card: '0 0% 100%',
+            cardForeground: '222.2 84% 4.9%',
+            popover: '0 0% 100%',
+            popoverForeground: '222.2 84% 4.9%',
+            primary: '221.2 83.2% 53.3%',
+            primaryForeground: '210 40% 98%',
+            secondary: '210 40% 96.1%',
+            secondaryForeground: '222.2 47.4% 11.2%',
+            muted: '210 40% 96.1%',
+            mutedForeground: '215.4 16.3% 46.9%',
+            accent: '210 40% 96.1%',
+            accentForeground: '222.2 47.4% 11.2%',
+            destructive: '0 84.2% 60.2%',
+            destructiveForeground: '210 40% 98%',
+            border: '214.3 31.8% 91.4%',
+            input: '214.3 31.8% 91.4%',
+            ring: '221.2 83.2% 53.3%',
+            gradientFrom: '221.2 83.2% 53.3%',
+            gradientTo: '221.2 83.2% 53.3%',
+        },
+        dark: {
+            background: '222.2 84% 4.9%',
+            foreground: '210 40% 98%',
+            card: '222.2 84% 8%',
+            cardForeground: '210 40% 98%',
+            popover: '222.2 84% 8%',
+            popoverForeground: '210 40% 98%',
+            primary: '221.2 83.2% 53.3%',
+            primaryForeground: '210 40% 98%',
+            secondary: '217.2 32.6% 17.5%',
+            secondaryForeground: '210 40% 98%',
+            muted: '217.2 32.6% 17.5%',
+            mutedForeground: '215 20.2% 65.1%',
+            accent: '217.2 32.6% 17.5%',
+            accentForeground: '210 40% 98%',
+            destructive: '0 84.2% 60.2%',
+            destructiveForeground: '210 40% 98%',
+            border: '217.2 32.6% 17.5%',
+            input: '217.2 32.6% 17.5%',
+            ring: '221.2 83.2% 53.3%',
+            gradientFrom: '221.2 83.2% 53.3%',
+            gradientTo: '221.2 83.2% 53.3%',
+        },
+    },
+    neon: {
+        light: {
+            background: '0 0% 100%',
+            foreground: '240 10% 5%',
+            card: '0 0% 100%',
+            cardForeground: '240 10% 5%',
+            popover: '0 0% 100%',
+            popoverForeground: '240 10% 5%',
+            primary: '330 100% 50%',
+            primaryForeground: '0 0% 100%',
+            secondary: '240 5% 96%',
+            secondaryForeground: '240 10% 5%',
+            muted: '240 5% 96%',
+            mutedForeground: '240 5% 45%',
+            accent: '155 100% 50%',
+            accentForeground: '240 10% 5%',
+            destructive: '0 100% 50%',
+            destructiveForeground: '0 0% 100%',
+            border: '240 5.9% 90%',
+            input: '240 5.9% 90%',
+            ring: '330 100% 50%',
+            gradientFrom: '330 100% 50%',
+            gradientTo: '155 100% 50%',
+        },
+        dark: {
+            background: '240 10% 5%',
+            foreground: '0 0% 98%',
+            card: '240 10% 8%',
+            cardForeground: '0 0% 98%',
+            popover: '240 10% 8%',
+            popoverForeground: '0 0% 98%',
+            primary: '330 100% 60%',
+            primaryForeground: '240 10% 5%',
+            secondary: '240 5% 15%',
+            secondaryForeground: '0 0% 98%',
+            muted: '240 5% 15%',
+            mutedForeground: '240 5% 60%',
+            accent: '155 100% 60%',
+            accentForeground: '240 10% 5%',
+            destructive: '0 100% 60%',
+            destructiveForeground: '0 0% 100%',
+            border: '240 5% 20%',
+            input: '240 5% 20%',
+            ring: '330 100% 60%',
+            gradientFrom: '330 100% 60%',
+            gradientTo: '155 100% 60%',
+        },
+    },
+};
+/**
+ * Generate CSS variables from theme configuration
+ */
+export function generateThemeCSS(config) {
+    const preset = config?.preset || 'modern';
+    const radius = config?.radius ?? 0.75;
+    // Get base colors from preset
+    const baseLight = presetThemes[preset].light;
+    const baseDark = presetThemes[preset].dark;
+    // Merge with custom overrides
+    const lightColors = { ...baseLight, ...config?.colors };
+    const darkColors = { ...baseDark, ...config?.darkColors };
+    // Convert colors to CSS variables
+    const colorToCSSVar = (key, value) => {
+        // Convert camelCase to kebab-case with --color- prefix
+        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+        return `  --color-${cssKey}: ${value};`;
+    };
+    const lightVars = Object.entries(lightColors)
+        .map(([key, value]) => colorToCSSVar(key, value))
+        .join('\n');
+    const darkVars = Object.entries(darkColors)
+        .map(([key, value]) => colorToCSSVar(key, value))
+        .join('\n');
+    return `
+:root {
+${lightVars}
+  --radius: ${radius}rem;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+${darkVars}
+  }
+}
+`.trim();
+}
+/**
+ * Get theme CSS as a style tag content
+ */
+export function getThemeStyleTag(config) {
+    return `<style id="opensaas-theme">${generateThemeCSS(config)}</style>`;
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,18 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Merge Tailwind CSS classes with clsx
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Format a list name for display (PascalCase → Title Case)
+ */
+export declare function formatListName(name: string): string;
+/**
+ * Format a field name for display (camelCase → Title Case)
+ */
+export declare function formatFieldName(name: string): string;
+/**
+ * Get the display value for a field
+ */
+export declare function getFieldDisplayValue(value: unknown, fieldType: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKnD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKpD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAiB9E"}

package/dist/lib/utils.js

@@ -0,0 +1,76 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Merge Tailwind CSS classes with clsx
+ */
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+/**
+ * Format a list name for display (PascalCase → Title Case)
+ */
+export function formatListName(name) {
+    return name
+        .replace(/([A-Z])/g, ' $1')
+        .trim()
+        .replace(/^./, (str) => str.toUpperCase());
+}
+/**
+ * Format a field name for display (camelCase → Title Case)
+ */
+export function formatFieldName(name) {
+    return name
+        .replace(/([A-Z])/g, ' $1')
+        .replace(/^./, (str) => str.toUpperCase())
+        .trim();
+}
+/**
+ * Get the display value for a field
+ */
+export function getFieldDisplayValue(value, fieldType) {
+    if (value === null || value === undefined) {
+        return '-';
+    }
+    switch (fieldType) {
+        case 'checkbox':
+            return value ? 'Yes' : 'No';
+        case 'timestamp':
+            return new Date(value).toLocaleString();
+        case 'password':
+            return '••••••••';
+        case 'relationship':
+            return getRelationshipDisplayValue(value);
+        default:
+            return String(value);
+    }
+}
+/**
+ * Get display value for a relationship field
+ * Tries to display: name → title → label → id
+ */
+function getRelationshipDisplayValue(value) {
+    if (!value || typeof value !== 'object') {
+        return '-';
+    }
+    // Handle array of relationships (many: true)
+    if (Array.isArray(value)) {
+        if (value.length === 0)
+            return '-';
+        return value.map((item) => getRelationshipDisplayValue(item)).join(', ');
+    }
+    // Handle single relationship object
+    let displayValue;
+    if ('name' in value) {
+        displayValue = value.name;
+    }
+    else if ('title' in value) {
+        displayValue = value.title;
+    }
+    else if ('label' in value) {
+        displayValue = value.label;
+    }
+    else if ('id' in value) {
+        displayValue = value.id;
+    }
+    return displayValue ? String(displayValue) : '-';
+}

package/dist/primitives/button.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | 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 };
+//# sourceMappingURL=button.d.ts.map

package/dist/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/primitives/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAwBnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAOX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/primitives/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/utils.js';
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-10 px-4 py-2',
+            sm: 'h-9 rounded-md px-3',
+            lg: 'h-11 rounded-md px-8',
+            icon: 'h-10 w-10',
+        },
+    },
+    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/primitives/calendar.d.ts

@@ -0,0 +1,9 @@
+export interface CalendarProps {
+    selected?: Date;
+    onSelect?: (date: Date) => void;
+    disabled?: boolean;
+    mode?: 'single';
+    className?: string;
+}
+export declare function Calendar({ selected, onSelect, disabled, className }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/primitives/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/primitives/calendar.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CAoIlF"}

package/dist/primitives/calendar.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { format, addMonths, subMonths, startOfMonth, endOfMonth, startOfWeek, endOfWeek, addDays, isSameMonth, isSameDay, isToday, } from 'date-fns';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+export function Calendar({ selected, onSelect, disabled, className }) {
+    const [currentMonth, setCurrentMonth] = React.useState(selected || new Date());
+    const monthStart = startOfMonth(currentMonth);
+    const monthEnd = endOfMonth(monthStart);
+    const startDate = startOfWeek(monthStart);
+    const endDate = endOfWeek(monthEnd);
+    const handlePrevMonth = () => {
+        setCurrentMonth(subMonths(currentMonth, 1));
+    };
+    const handleNextMonth = () => {
+        setCurrentMonth(addMonths(currentMonth, 1));
+    };
+    const handleToday = () => {
+        const today = new Date();
+        setCurrentMonth(today);
+        if (onSelect) {
+            onSelect(today);
+        }
+    };
+    const rows = [];
+    let days = [];
+    let day = startDate;
+    while (day <= endDate) {
+        for (let i = 0; i < 7; i++) {
+            days.push(day);
+            day = addDays(day, 1);
+        }
+        rows.push(days);
+        days = [];
+    }
+    return (_jsxs("div", { className: cn('p-3', className), children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(Button, { variant: "outline", size: "icon", onClick: handlePrevMonth, disabled: disabled, type: "button", className: "h-8 w-8", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-sm font-semibold", children: format(currentMonth, 'MMMM yyyy') }), _jsx(Button, { variant: "ghost", size: "sm", onClick: handleToday, disabled: disabled, type: "button", className: "h-7 text-xs", children: "Today" })] }), _jsx(Button, { variant: "outline", size: "icon", onClick: handleNextMonth, disabled: disabled, type: "button", className: "h-8 w-8", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })] }), _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { children: _jsx("tr", { children: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'].map((day) => (_jsx("th", { className: "text-muted-foreground text-xs font-normal h-9 w-9 p-0", children: day }, day))) }) }), _jsx("tbody", { children: rows.map((week, weekIdx) => (_jsx("tr", { children: week.map((day, dayIdx) => {
+                                const isSelected = selected && isSameDay(day, selected);
+                                const isCurrentMonth = isSameMonth(day, currentMonth);
+                                const isDayToday = isToday(day);
+                                return (_jsx("td", { className: "p-0 text-center", children: _jsx(Button, { variant: "ghost", type: "button", onClick: () => {
+                                            if (onSelect && !disabled) {
+                                                onSelect(day);
+                                            }
+                                        }, disabled: disabled, className: cn('h-9 w-9 p-0 font-normal hover:bg-accent', !isCurrentMonth && 'text-muted-foreground opacity-50', isSelected &&
+                                            'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground', isDayToday && !isSelected && 'bg-accent'), children: format(day, 'd') }) }, dayIdx));
+                            }) }, weekIdx))) })] })] }));
+}

package/dist/primitives/card.d.ts

@@ -0,0 +1,9 @@
+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 };
+//# sourceMappingURL=card.d.ts.map

package/dist/primitives/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/primitives/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,IAAI,6GAWT,CAAA;AAGD,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,QAAA,MAAM,SAAS,6GAQd,CAAA;AAGD,QAAA,MAAM,eAAe,6GAIpB,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/dist/primitives/card.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-lg border border-border bg-card text-card-foreground shadow-sm', 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('text-2xl 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/primitives/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/primitives/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/primitives/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,QAAA,MAAM,QAAQ,iKAkBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/primitives/checkbox.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { cn } from '../lib/utils.js';
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn('peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current'), children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) })));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export { Checkbox };

package/dist/primitives/combobox.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Combobox: React.FC<PopoverPrimitive.PopoverProps>;
+declare const ComboboxTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ComboboxContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxSearch: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+declare const ComboboxList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    selected?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Combobox, ComboboxTrigger, ComboboxContent, ComboboxSearch, ComboboxList, ComboboxEmpty, ComboboxItem, ComboboxSeparator, };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/primitives/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/primitives/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAG3D,QAAA,MAAM,QAAQ,yCAAwB,CAAA;AAEtC,QAAA,MAAM,eAAe,sKA2BnB,CAAA;AAGF,QAAA,MAAM,eAAe,gKAoBnB,CAAA;AAGF,QAAA,MAAM,cAAc,sHA2BlB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAUjB,CAAA;AAGD,QAAA,MAAM,aAAa,6GAUlB,CAAA;AAGD,QAAA,MAAM,YAAY;eAEoC,OAAO;wCAsB3D,CAAA;AAGF,QAAA,MAAM,iBAAiB,6GAItB,CAAA;AAGD,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,CAAA"}

package/dist/primitives/combobox.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../lib/utils.js';
+const Combobox = PopoverPrimitive.Root;
+const ComboboxTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(PopoverPrimitive.Trigger, { ref: ref, className: cn('flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: [children, _jsx("svg", { className: "ml-2 h-4 w-4 shrink-0 opacity-50", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l4-4 4 4m0 6l-4 4-4-4" }) })] })));
+ComboboxTrigger.displayName = PopoverPrimitive.Trigger.displayName;
+const ComboboxContent = React.forwardRef(({ className, children, align = 'start', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-full min-w-[var(--radix-popover-trigger-width)] rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none', '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', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props, children: children }) })));
+ComboboxContent.displayName = PopoverPrimitive.Content.displayName;
+const ComboboxSearch = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b border-border px-3", children: [_jsx("svg", { className: "mr-2 h-4 w-4 shrink-0 opacity-50", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx("input", { ref: ref, className: cn('flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
+ComboboxSearch.displayName = 'ComboboxSearch';
+const ComboboxList = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props, children: children })));
+ComboboxList.displayName = 'ComboboxList';
+const ComboboxEmpty = React.forwardRef(({ className, children = 'No results found.', ...props }, ref) => (_jsx("div", { ref: ref, className: cn('py-6 text-center text-sm text-muted-foreground', className), ...props, children: children })));
+ComboboxEmpty.displayName = 'ComboboxEmpty';
+const ComboboxItem = React.forwardRef(({ className, children, selected, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none', 'hover:bg-accent hover:text-accent-foreground', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', selected && 'bg-accent text-accent-foreground', className), ...props, children: [selected && (_jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) })), children] })));
+ComboboxItem.displayName = 'ComboboxItem';
+const ComboboxSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('-mx-1 my-1 h-px bg-border', className), ...props })));
+ComboboxSeparator.displayName = 'ComboboxSeparator';
+export { Combobox, ComboboxTrigger, ComboboxContent, ComboboxSearch, ComboboxList, ComboboxEmpty, ComboboxItem, ComboboxSeparator, };

package/dist/primitives/datetime-picker.d.ts

@@ -0,0 +1,9 @@
+export interface DateTimePickerProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    disabled?: boolean;
+    className?: string;
+    placeholder?: string;
+}
+export declare function DateTimePicker({ value, onChange, disabled, className, placeholder, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=datetime-picker.d.ts.map

package/dist/primitives/datetime-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker.d.ts","sourceRoot":"","sources":["../../src/primitives/datetime-picker.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,WAAoC,GACrC,EAAE,mBAAmB,2CAyGrB"}

package/dist/primitives/datetime-picker.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { format } from 'date-fns';
+import { cn } from '../lib/utils.js';
+import { Button } from './button.js';
+import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
+import { Calendar } from './calendar.js';
+import { TimePicker } from './time-picker.js';
+export function DateTimePicker({ value, onChange, disabled, className, placeholder = 'Pick a date and time', }) {
+    const [open, setOpen] = React.useState(false);
+    const [selectedDate, setSelectedDate] = React.useState(value || undefined);
+    const handleDateSelect = (date) => {
+        // Preserve time if we already have a selected date
+        if (selectedDate) {
+            date.setHours(selectedDate.getHours());
+            date.setMinutes(selectedDate.getMinutes());
+        }
+        setSelectedDate(date);
+    };
+    const handleTimeChange = (date) => {
+        setSelectedDate(date);
+    };
+    const handleConfirm = () => {
+        if (onChange) {
+            onChange(selectedDate || null);
+        }
+        setOpen(false);
+    };
+    const handleCancel = () => {
+        setSelectedDate(value || undefined);
+        setOpen(false);
+    };
+    const handleClear = () => {
+        setSelectedDate(undefined);
+        if (onChange) {
+            onChange(null);
+        }
+        setOpen(false);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", type: "button", disabled: disabled, className: cn('w-full justify-start text-left font-normal', !value && 'text-muted-foreground', className), children: [_jsx("svg", { className: "mr-2 h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), value ? format(value, 'dd/MM/yyyy, h:mm a') : _jsx("span", { children: placeholder })] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsxs("div", { className: "p-4 space-y-4", children: [_jsx(Calendar, { selected: selectedDate, onSelect: handleDateSelect, disabled: disabled }), _jsxs("div", { className: "border-t pt-4", children: [_jsx("div", { className: "text-sm font-medium mb-2", children: "Time" }), _jsx(TimePicker, { value: selectedDate, onChange: handleTimeChange, disabled: disabled })] }), _jsxs("div", { className: "flex gap-2 border-t pt-4", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleClear, disabled: disabled, type: "button", className: "flex-1", children: "Clear" }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, disabled: disabled, type: "button", className: "flex-1", children: "Cancel" }), _jsx(Button, { size: "sm", onClick: handleConfirm, disabled: disabled, type: "button", className: "flex-1", children: "Confirm" })] })] }) })] }));
+}