@startsimpli/ui 0.1.0 → 0.1.3

package/dist/index.mjs

@@ -0,0 +1,12 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, ApiErrorBoundary, BaseDialog, Calendar, Collapsible, CollapsibleContent, CollapsibleTrigger, DashboardSkeleton, EmptyState, ErrorState, FeatureGate, PageLoader, Popover, PopoverContent, PopoverTrigger, Progress, QueryProvider, SafeHtml, ScrollArea, ScrollBar, Separator, Sidebar, SidebarLayout, Skeleton, StatusBadge, StepIndicator, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, clearAllToasts, notify, toast, useDialogContext, useNotify, useToast } from './chunk-G2AM3DBU.mjs';
+import { import_tailwind } from './chunk-QYXFLOO7.mjs';
+export { THEME_TOKENS, tailwind_preset_default as tailwindPreset } from './chunk-QYXFLOO7.mjs';
+export { Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, MOBILE_BREAKPOINT, Card2 as MobileCard, CardActions as MobileCardActions, MobileView, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StandardTableToolbar, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, UnifiedTable, badgeVariants, buttonVariants, combineRenderers, commonRenderers, compactTheme, createCellRenderer, createCustomTheme, defaultTheme, exportData, exportToCSV, exportToExcel, generateExportFilename, getNestedValue, getTheme, logValidationResults, minimalTheme, spaciousTheme, themes, useColumnReorder, useColumnResize, useColumnVisibility, useFilters, usePagination, useResponsive, useSelection, useTableKeyboard, useTablePreferences, useTableState, useTableURL, validateColumnConfig, validateMobileCardConfig } from './chunk-27YUQBOE.mjs';
+export { cn, formatCurrency, formatDate, formatRelativeDate, formatRelativeTime, generateId, getInitials, sleep } from './chunk-G4XBXCFH.mjs';
+import './chunk-LZOMFHX3.mjs';
+
+var export_tailwindConfig = import_tailwind.default;
+
+export { export_tailwindConfig as tailwindConfig };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/theme/index.d.mts

@@ -0,0 +1,20 @@
+import { Config } from 'tailwindcss';
+
+declare const config: Config
+
+declare const preset: Partial<Config>;
+
+/** All CSS custom property names that apps must define in their theme */
+declare const THEME_TOKENS: {
+    readonly colors: readonly ["--background", "--foreground", "--card", "--card-foreground", "--popover", "--popover-foreground", "--primary", "--primary-foreground", "--secondary", "--secondary-foreground", "--muted", "--muted-foreground", "--accent", "--accent-foreground", "--destructive", "--destructive-foreground", "--border", "--input", "--ring"];
+    readonly shape: readonly ["--radius", "--radius-sm", "--radius-md", "--radius-lg", "--radius-xl", "--radius-full"];
+    readonly shadows: readonly ["--shadow-sm", "--shadow-md", "--shadow-lg", "--shadow-xl"];
+    readonly typography: readonly ["--font-sans", "--font-mono", "--font-heading"];
+    readonly animation: readonly ["--duration-fast", "--duration-normal", "--duration-slow", "--easing-default"];
+    readonly borders: readonly ["--border-width"];
+};
+type ThemeColorTokens = (typeof THEME_TOKENS.colors)[number];
+type ThemeShapeTokens = (typeof THEME_TOKENS.shape)[number];
+type ThemeToken = ThemeColorTokens | ThemeShapeTokens | (typeof THEME_TOKENS.shadows)[number] | (typeof THEME_TOKENS.typography)[number] | (typeof THEME_TOKENS.animation)[number] | (typeof THEME_TOKENS.borders)[number];
+
+export { THEME_TOKENS, type ThemeColorTokens, type ThemeShapeTokens, type ThemeToken, config as tailwindConfig, preset as tailwindPreset };

package/dist/theme/index.d.ts

@@ -0,0 +1,20 @@
+import { Config } from 'tailwindcss';
+
+declare const config: Config
+
+declare const preset: Partial<Config>;
+
+/** All CSS custom property names that apps must define in their theme */
+declare const THEME_TOKENS: {
+    readonly colors: readonly ["--background", "--foreground", "--card", "--card-foreground", "--popover", "--popover-foreground", "--primary", "--primary-foreground", "--secondary", "--secondary-foreground", "--muted", "--muted-foreground", "--accent", "--accent-foreground", "--destructive", "--destructive-foreground", "--border", "--input", "--ring"];
+    readonly shape: readonly ["--radius", "--radius-sm", "--radius-md", "--radius-lg", "--radius-xl", "--radius-full"];
+    readonly shadows: readonly ["--shadow-sm", "--shadow-md", "--shadow-lg", "--shadow-xl"];
+    readonly typography: readonly ["--font-sans", "--font-mono", "--font-heading"];
+    readonly animation: readonly ["--duration-fast", "--duration-normal", "--duration-slow", "--easing-default"];
+    readonly borders: readonly ["--border-width"];
+};
+type ThemeColorTokens = (typeof THEME_TOKENS.colors)[number];
+type ThemeShapeTokens = (typeof THEME_TOKENS.shape)[number];
+type ThemeToken = ThemeColorTokens | ThemeShapeTokens | (typeof THEME_TOKENS.shadows)[number] | (typeof THEME_TOKENS.typography)[number] | (typeof THEME_TOKENS.animation)[number] | (typeof THEME_TOKENS.borders)[number];
+
+export { THEME_TOKENS, type ThemeColorTokens, type ThemeShapeTokens, type ThemeToken, config as tailwindConfig, preset as tailwindPreset };

package/dist/theme/index.js

@@ -0,0 +1,245 @@
+'use strict';
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/theme/tailwind.config.js
+var require_tailwind_config = __commonJS({
+  "src/theme/tailwind.config.js"(exports$1, module) {
+    module.exports = {
+      darkMode: ["class"],
+      theme: {
+        container: {
+          center: true,
+          padding: "2rem",
+          screens: {
+            "2xl": "1400px"
+          }
+        },
+        extend: {
+          colors: {
+            border: "hsl(var(--border))",
+            input: "hsl(var(--input))",
+            ring: "hsl(var(--ring))",
+            background: "hsl(var(--background))",
+            foreground: "hsl(var(--foreground))",
+            primary: {
+              DEFAULT: "hsl(var(--primary))",
+              foreground: "hsl(var(--primary-foreground))"
+            },
+            secondary: {
+              DEFAULT: "hsl(var(--secondary))",
+              foreground: "hsl(var(--secondary-foreground))"
+            },
+            destructive: {
+              DEFAULT: "hsl(var(--destructive))",
+              foreground: "hsl(var(--destructive-foreground))"
+            },
+            muted: {
+              DEFAULT: "hsl(var(--muted))",
+              foreground: "hsl(var(--muted-foreground))"
+            },
+            accent: {
+              DEFAULT: "hsl(var(--accent))",
+              foreground: "hsl(var(--accent-foreground))"
+            },
+            popover: {
+              DEFAULT: "hsl(var(--popover))",
+              foreground: "hsl(var(--popover-foreground))"
+            },
+            card: {
+              DEFAULT: "hsl(var(--card))",
+              foreground: "hsl(var(--card-foreground))"
+            }
+          },
+          borderRadius: {
+            lg: "var(--radius)",
+            md: "calc(var(--radius) - 2px)",
+            sm: "calc(var(--radius) - 4px)"
+          },
+          keyframes: {
+            "accordion-down": {
+              from: { height: 0 },
+              to: { height: "var(--radix-accordion-content-height)" }
+            },
+            "accordion-up": {
+              from: { height: "var(--radix-accordion-content-height)" },
+              to: { height: 0 }
+            }
+          },
+          animation: {
+            "accordion-down": "accordion-down 0.2s ease-out",
+            "accordion-up": "accordion-up 0.2s ease-out"
+          }
+        }
+      },
+      plugins: [__require("tailwindcss-animate")]
+    };
+  }
+});
+
+// src/theme/index.ts
+var import_tailwind = __toESM(require_tailwind_config());
+
+// src/theme/tailwind.preset.ts
+var preset = {
+  darkMode: ["class"],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))"
+      },
+      borderRadius: {
+        // All derived from per-step vars so changing --radius reshapes everything
+        sm: "var(--radius-sm)",
+        md: "var(--radius-md)",
+        lg: "var(--radius-lg)",
+        xl: "var(--radius-xl)",
+        full: "var(--radius-full)",
+        DEFAULT: "var(--radius)"
+      },
+      boxShadow: {
+        sm: "var(--shadow-sm)",
+        DEFAULT: "var(--shadow-md)",
+        md: "var(--shadow-md)",
+        lg: "var(--shadow-lg)",
+        xl: "var(--shadow-xl)",
+        none: "none"
+      },
+      fontFamily: {
+        sans: ["var(--font-sans)", "ui-sans-serif", "system-ui", "sans-serif"],
+        mono: ["var(--font-mono)", "ui-monospace", "monospace"],
+        heading: ["var(--font-heading, var(--font-sans))", "ui-sans-serif", "sans-serif"]
+      },
+      transitionDuration: {
+        fast: "var(--duration-fast)",
+        DEFAULT: "var(--duration-normal)",
+        slow: "var(--duration-slow)"
+      },
+      borderWidth: {
+        DEFAULT: "var(--border-width)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out"
+      }
+    }
+  },
+  plugins: []
+};
+var tailwind_preset_default = preset;
+
+// src/theme/contract.ts
+var THEME_TOKENS = {
+  colors: [
+    "--background",
+    "--foreground",
+    "--card",
+    "--card-foreground",
+    "--popover",
+    "--popover-foreground",
+    "--primary",
+    "--primary-foreground",
+    "--secondary",
+    "--secondary-foreground",
+    "--muted",
+    "--muted-foreground",
+    "--accent",
+    "--accent-foreground",
+    "--destructive",
+    "--destructive-foreground",
+    "--border",
+    "--input",
+    "--ring"
+  ],
+  shape: [
+    "--radius",
+    "--radius-sm",
+    "--radius-md",
+    "--radius-lg",
+    "--radius-xl",
+    "--radius-full"
+  ],
+  shadows: ["--shadow-sm", "--shadow-md", "--shadow-lg", "--shadow-xl"],
+  typography: ["--font-sans", "--font-mono", "--font-heading"],
+  animation: ["--duration-fast", "--duration-normal", "--duration-slow", "--easing-default"],
+  borders: ["--border-width"]
+};
+var export_tailwindConfig = import_tailwind.default;
+
+exports.THEME_TOKENS = THEME_TOKENS;
+exports.tailwindConfig = export_tailwindConfig;
+exports.tailwindPreset = tailwind_preset_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/tailwind.config.js","../../src/theme/index.ts","../../src/theme/tailwind.preset.ts","../../src/theme/contract.ts"],"names":["exports"],"mappings":"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","file":"index.js","sourcesContent":["/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  darkMode: [\"class\"],\n  theme: {\n    container: {\n      center: true,\n      padding: \"2rem\",\n      screens: {\n        \"2xl\": \"1400px\",\n      },\n    },\n    extend: {\n      colors: {\n        border: \"hsl(var(--border))\",\n        input: \"hsl(var(--input))\",\n        ring: \"hsl(var(--ring))\",\n        background: \"hsl(var(--background))\",\n        foreground: \"hsl(var(--foreground))\",\n        primary: {\n          DEFAULT: \"hsl(var(--primary))\",\n          foreground: \"hsl(var(--primary-foreground))\",\n        },\n        secondary: {\n          DEFAULT: \"hsl(var(--secondary))\",\n          foreground: \"hsl(var(--secondary-foreground))\",\n        },\n        destructive: {\n          DEFAULT: \"hsl(var(--destructive))\",\n          foreground: \"hsl(var(--destructive-foreground))\",\n        },\n        muted: {\n          DEFAULT: \"hsl(var(--muted))\",\n          foreground: \"hsl(var(--muted-foreground))\",\n        },\n        accent: {\n          DEFAULT: \"hsl(var(--accent))\",\n          foreground: \"hsl(var(--accent-foreground))\",\n        },\n        popover: {\n          DEFAULT: \"hsl(var(--popover))\",\n          foreground: \"hsl(var(--popover-foreground))\",\n        },\n        card: {\n          DEFAULT: \"hsl(var(--card))\",\n          foreground: \"hsl(var(--card-foreground))\",\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      keyframes: {\n        \"accordion-down\": {\n          from: { height: 0 },\n          to: { height: \"var(--radix-accordion-content-height)\" },\n        },\n        \"accordion-up\": {\n          from: { height: \"var(--radix-accordion-content-height)\" },\n          to: { height: 0 },\n        },\n      },\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n      },\n    },\n  },\n  plugins: [require(\"tailwindcss-animate\")],\n}\n","// Export Tailwind config for apps to extend (legacy CJS config)\nexport { default as tailwindConfig } from './tailwind.config'\n\n// Export TypeScript preset — the canonical way for apps to extend the design system\nexport { default as tailwindPreset } from './tailwind.preset'\n\n// Design token contract — all CSS variables apps must define\nexport { THEME_TOKENS } from './contract'\nexport type { ThemeColorTokens, ThemeShapeTokens, ThemeToken } from './contract'\n","import type { Config } from 'tailwindcss'\n\n// Presets intentionally omit `content` — each consuming app supplies its own.\n// tailwindcss exposes PresetsConfig = Partial<Config> for this purpose.\nconst preset: Partial<Config> = {\n  darkMode: ['class'],\n  theme: {\n    extend: {\n      colors: {\n        background: 'hsl(var(--background))',\n        foreground: 'hsl(var(--foreground))',\n        card: {\n          DEFAULT: 'hsl(var(--card))',\n          foreground: 'hsl(var(--card-foreground))',\n        },\n        popover: {\n          DEFAULT: 'hsl(var(--popover))',\n          foreground: 'hsl(var(--popover-foreground))',\n        },\n        primary: {\n          DEFAULT: 'hsl(var(--primary))',\n          foreground: 'hsl(var(--primary-foreground))',\n        },\n        secondary: {\n          DEFAULT: 'hsl(var(--secondary))',\n          foreground: 'hsl(var(--secondary-foreground))',\n        },\n        muted: {\n          DEFAULT: 'hsl(var(--muted))',\n          foreground: 'hsl(var(--muted-foreground))',\n        },\n        accent: {\n          DEFAULT: 'hsl(var(--accent))',\n          foreground: 'hsl(var(--accent-foreground))',\n        },\n        destructive: {\n          DEFAULT: 'hsl(var(--destructive))',\n          foreground: 'hsl(var(--destructive-foreground))',\n        },\n        border: 'hsl(var(--border))',\n        input: 'hsl(var(--input))',\n        ring: 'hsl(var(--ring))',\n      },\n      borderRadius: {\n        // All derived from per-step vars so changing --radius reshapes everything\n        sm: 'var(--radius-sm)',\n        md: 'var(--radius-md)',\n        lg: 'var(--radius-lg)',\n        xl: 'var(--radius-xl)',\n        full: 'var(--radius-full)',\n        DEFAULT: 'var(--radius)',\n      },\n      boxShadow: {\n        sm: 'var(--shadow-sm)',\n        DEFAULT: 'var(--shadow-md)',\n        md: 'var(--shadow-md)',\n        lg: 'var(--shadow-lg)',\n        xl: 'var(--shadow-xl)',\n        none: 'none',\n      },\n      fontFamily: {\n        sans: ['var(--font-sans)', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n        mono: ['var(--font-mono)', 'ui-monospace', 'monospace'],\n        heading: ['var(--font-heading, var(--font-sans))', 'ui-sans-serif', 'sans-serif'],\n      },\n      transitionDuration: {\n        fast: 'var(--duration-fast)',\n        DEFAULT: 'var(--duration-normal)',\n        slow: 'var(--duration-slow)',\n      },\n      borderWidth: {\n        DEFAULT: 'var(--border-width)',\n      },\n      keyframes: {\n        'accordion-down': {\n          from: { height: '0' },\n          to: { height: 'var(--radix-accordion-content-height)' },\n        },\n        'accordion-up': {\n          from: { height: 'var(--radix-accordion-content-height)' },\n          to: { height: '0' },\n        },\n      },\n      animation: {\n        'accordion-down': 'accordion-down 0.2s ease-out',\n        'accordion-up': 'accordion-up 0.2s ease-out',\n      },\n    },\n  },\n  plugins: [],\n}\n\nexport default preset\n","/** All CSS custom property names that apps must define in their theme */\nexport const THEME_TOKENS = {\n  colors: [\n    '--background',\n    '--foreground',\n    '--card',\n    '--card-foreground',\n    '--popover',\n    '--popover-foreground',\n    '--primary',\n    '--primary-foreground',\n    '--secondary',\n    '--secondary-foreground',\n    '--muted',\n    '--muted-foreground',\n    '--accent',\n    '--accent-foreground',\n    '--destructive',\n    '--destructive-foreground',\n    '--border',\n    '--input',\n    '--ring',\n  ],\n  shape: [\n    '--radius',\n    '--radius-sm',\n    '--radius-md',\n    '--radius-lg',\n    '--radius-xl',\n    '--radius-full',\n  ],\n  shadows: ['--shadow-sm', '--shadow-md', '--shadow-lg', '--shadow-xl'],\n  typography: ['--font-sans', '--font-mono', '--font-heading'],\n  animation: ['--duration-fast', '--duration-normal', '--duration-slow', '--easing-default'],\n  borders: ['--border-width'],\n} as const\n\nexport type ThemeColorTokens = (typeof THEME_TOKENS.colors)[number]\nexport type ThemeShapeTokens = (typeof THEME_TOKENS.shape)[number]\nexport type ThemeToken =\n  | ThemeColorTokens\n  | ThemeShapeTokens\n  | (typeof THEME_TOKENS.shadows)[number]\n  | (typeof THEME_TOKENS.typography)[number]\n  | (typeof THEME_TOKENS.animation)[number]\n  | (typeof THEME_TOKENS.borders)[number]\n"]}

package/dist/theme/index.mjs

@@ -0,0 +1,9 @@
+import { import_tailwind } from '../chunk-QYXFLOO7.mjs';
+export { THEME_TOKENS, tailwind_preset_default as tailwindPreset } from '../chunk-QYXFLOO7.mjs';
+import '../chunk-LZOMFHX3.mjs';
+
+var export_tailwindConfig = import_tailwind.default;
+
+export { export_tailwindConfig as tailwindConfig };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/theme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/utils/index.d.mts

@@ -0,0 +1,38 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Generate a random ID with optional prefix
+ */
+declare function generateId(prefix?: string): string;
+/**
+ * Sleep for a given number of milliseconds
+ */
+declare function sleep(ms: number): Promise<void>;
+/**
+ * Format a date as a short human-readable string (e.g. "Jan 5, 2024").
+ * Accepts a Date object or an ISO date string.
+ */
+declare function formatDate(date: Date | string): string;
+/**
+ * Format a date relative to now using coarse buckets
+ * (Today / Yesterday / N days ago / N weeks ago / formatted date).
+ * Accepts a Date object or an ISO date string.
+ */
+declare function formatRelativeTime(date: Date | string): string;
+/**
+ * Format a date relative to now using fine-grained buckets
+ * (just now / Xm ago / Xh ago / Xd ago / formatted date).
+ */
+declare function formatRelativeDate(date: Date): string;
+/**
+ * Format a number as USD currency (no cents, e.g. "$1,000,000")
+ */
+declare function formatCurrency(amount: number): string;
+/**
+ * Get initials from a display name (up to 2 characters)
+ */
+declare function getInitials(name: string): string;
+
+export { cn, formatCurrency, formatDate, formatRelativeDate, formatRelativeTime, generateId, getInitials, sleep };

package/dist/utils/index.d.ts

@@ -0,0 +1,38 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Generate a random ID with optional prefix
+ */
+declare function generateId(prefix?: string): string;
+/**
+ * Sleep for a given number of milliseconds
+ */
+declare function sleep(ms: number): Promise<void>;
+/**
+ * Format a date as a short human-readable string (e.g. "Jan 5, 2024").
+ * Accepts a Date object or an ISO date string.
+ */
+declare function formatDate(date: Date | string): string;
+/**
+ * Format a date relative to now using coarse buckets
+ * (Today / Yesterday / N days ago / N weeks ago / formatted date).
+ * Accepts a Date object or an ISO date string.
+ */
+declare function formatRelativeTime(date: Date | string): string;
+/**
+ * Format a date relative to now using fine-grained buckets
+ * (just now / Xm ago / Xh ago / Xd ago / formatted date).
+ */
+declare function formatRelativeDate(date: Date): string;
+/**
+ * Format a number as USD currency (no cents, e.g. "$1,000,000")
+ */
+declare function formatCurrency(amount: number): string;
+/**
+ * Get initials from a display name (up to 2 characters)
+ */
+declare function getInitials(name: string): string;
+
+export { cn, formatCurrency, formatDate, formatRelativeDate, formatRelativeTime, generateId, getInitials, sleep };

package/dist/utils/index.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+// src/utils/index.ts
+function generateId(prefix = "") {
+  const random = Math.random().toString(36).substring(2, 9);
+  return prefix ? `${prefix}_${random}` : random;
+}
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function formatDate(date) {
+  const d = typeof date === "string" ? new Date(date) : date;
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(d);
+}
+function formatRelativeTime(date) {
+  const d = typeof date === "string" ? new Date(date) : date;
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - d.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Yesterday";
+  if (diffDays < 7) return `${diffDays} days ago`;
+  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+  return formatDate(d);
+}
+function formatRelativeDate(date) {
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffSecs = Math.floor(diffMs / 1e3);
+  const diffMins = Math.floor(diffSecs / 60);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffSecs < 60) return "just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+}
+function formatCurrency(amount) {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(amount);
+}
+function getInitials(name) {
+  return name.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+}
+
+exports.cn = cn;
+exports.formatCurrency = formatCurrency;
+exports.formatDate = formatDate;
+exports.formatRelativeDate = formatRelativeDate;
+exports.formatRelativeTime = formatRelativeTime;
+exports.generateId = generateId;
+exports.getInitials = getInitials;
+exports.sleep = sleep;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/utils/index.ts"],"names":["twMerge","clsx"],"mappings":"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","file":"index.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","export { cn } from './cn'\n\n/**\n * Generate a random ID with optional prefix\n */\nexport function generateId(prefix = ''): string {\n  const random = Math.random().toString(36).substring(2, 9)\n  return prefix ? `${prefix}_${random}` : random\n}\n\n/**\n * Sleep for a given number of milliseconds\n */\nexport function sleep(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\n/**\n * Format a date as a short human-readable string (e.g. \"Jan 5, 2024\").\n * Accepts a Date object or an ISO date string.\n */\nexport function formatDate(date: Date | string): string {\n  const d = typeof date === 'string' ? new Date(date) : date\n  return new Intl.DateTimeFormat('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  }).format(d)\n}\n\n/**\n * Format a date relative to now using coarse buckets\n * (Today / Yesterday / N days ago / N weeks ago / formatted date).\n * Accepts a Date object or an ISO date string.\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === 'string' ? new Date(date) : date\n  const now = new Date()\n  const diffMs = now.getTime() - d.getTime()\n  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24))\n\n  if (diffDays === 0) return 'Today'\n  if (diffDays === 1) return 'Yesterday'\n  if (diffDays < 7) return `${diffDays} days ago`\n  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`\n  return formatDate(d)\n}\n\n/**\n * Format a date relative to now using fine-grained buckets\n * (just now / Xm ago / Xh ago / Xd ago / formatted date).\n */\nexport function formatRelativeDate(date: Date): string {\n  const now = new Date()\n  const diffMs = now.getTime() - date.getTime()\n  const diffSecs = Math.floor(diffMs / 1000)\n  const diffMins = Math.floor(diffSecs / 60)\n  const diffHours = Math.floor(diffMins / 60)\n  const diffDays = Math.floor(diffHours / 24)\n\n  if (diffSecs < 60) return 'just now'\n  if (diffMins < 60) return `${diffMins}m ago`\n  if (diffHours < 24) return `${diffHours}h ago`\n  if (diffDays < 7) return `${diffDays}d ago`\n\n  return date.toLocaleDateString()\n}\n\n/**\n * Format a number as USD currency (no cents, e.g. \"$1,000,000\")\n */\nexport function formatCurrency(amount: number): string {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: 'USD',\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  }).format(amount)\n}\n\n/**\n * Get initials from a display name (up to 2 characters)\n */\nexport function getInitials(name: string): string {\n  return name\n    .split(' ')\n    .map((word) => word[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 2)\n}\n"]}

package/dist/utils/index.mjs

@@ -0,0 +1,4 @@
+export { cn, formatCurrency, formatDate, formatRelativeDate, formatRelativeTime, generateId, getInitials, sleep } from '../chunk-G4XBXCFH.mjs';
+import '../chunk-LZOMFHX3.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/package.json

@@ -1,34 +1,67 @@
 {
   "name": "@startsimpli/ui",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "Shared UI components package for StartSimpli applications",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
-  "files": ["src"],
-  "publishConfig": {
-    "access": "public"
-  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./table": "./src/components/unified-table/index.ts",
-    "./components": "./src/components/index.ts",
-    "./hooks": "./src/hooks/index.ts",
-    "./utils": "./src/utils/index.ts",
-    "./theme": "./src/theme/index.ts",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./table": {
+      "types": "./dist/components/unified-table/index.d.ts",
+      "import": "./dist/components/unified-table/index.mjs",
+      "require": "./dist/components/unified-table/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.mjs",
+      "require": "./dist/utils/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.mjs",
+      "require": "./dist/theme/index.js"
+    },
     "./theme/contract": "./theme/contract.css",
-    "./tailwind": "./src/theme/tailwind.preset.ts"
+    "./tailwind": "./tailwind.preset.js"
+  },
+  "files": [
+    "src",
+    "tailwind.preset.js",
+    "README.md",
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "type-check": "tsc --noEmit",
-    "lint": "eslint src/**/*.{ts,tsx}"
+    "lint": "eslint src/**/*.{ts,tsx}",
+    "clean": "rm -rf dist"
   },
   "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "next": "^14.0.0 || ^15.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@hello-pangea/dnd": "^18.0.1",
@@ -48,6 +81,8 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "dompurify": "^3.3.1",
+    "isomorphic-dompurify": "^2.36.0",
     "lucide-react": "^0.408.0",
     "react-day-picker": "^9.13.2",
     "tailwind-merge": "^2.4.0",
@@ -55,18 +90,23 @@
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@swc/core": "^1.15.13",
+    "@swc/jest": "^0.2.39",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/dompurify": "^3.0.5",
     "@types/jest": "^30.0.0",
     "@types/node": "^20.14.10",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "eslint": "^8.57.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.1.3",
     "jest-environment-jsdom": "^30.1.2",
     "tailwindcss": "^3.4.6",
+    "tsup": "^8.5.1",
     "typescript": "^5.5.3"
   },
   "keywords": [
@@ -76,5 +116,6 @@
     "react",
     "nextjs",
     "startsimpli"
-  ]
+  ],
+  "module": "./dist/index.mjs"
 }