@pattern-stack/frontend-patterns 0.0.4 → 0.0.5

package/src/templates/financial/FinancialDashboardTemplate.tsx

@@ -0,0 +1,326 @@
+import React from 'react';
+import { cn } from '../../atoms/utils/utils';
+import { SectionHeader } from '../../molecules/layout/SectionHeader';
+import { Card } from '../../atoms/ui/card';
+import { StatCard } from '../../atoms/composed/StatCard';
+import { DashboardGrid } from '../DashboardTemplate';
+import { DataBadge } from '../../atoms/composed/DataBadge';
+import { TrendingUp, TrendingDown, DollarSign, PiggyBank, Target, AlertTriangle } from 'lucide-react';
+
+export interface FinancialOverviewProps {
+  /** Total account balance */
+  totalBalance: number;
+  /** Monthly income */
+  monthlyIncome?: number;
+  /** Monthly expenses */
+  monthlyExpenses?: number;
+  /** Net worth change */
+  netWorthChange?: {
+    amount: number;
+    percentage: number;
+    period: string;
+  };
+  /** Savings rate */
+  savingsRate?: number;
+  /** Budget utilization */
+  budgetUtilization?: number;
+}
+
+export interface AccountSummary {
+  id: string;
+  name: string;
+  type: 'checking' | 'savings' | 'credit' | 'investment' | 'loan';
+  balance: number;
+  change?: {
+    amount: number;
+    percentage: number;
+  };
+  status?: 'healthy' | 'warning' | 'critical';
+}
+
+export interface BudgetAlert {
+  id: string;
+  category: string;
+  spent: number;
+  budget: number;
+  severity: 'warning' | 'critical';
+}
+
+export interface FinancialGoal {
+  id: string;
+  name: string;
+  target: number;
+  current: number;
+  deadline?: string;
+  status: 'on-track' | 'behind' | 'achieved';
+}
+
+export interface FinancialDashboardTemplateProps {
+  /** Page title */
+  title?: string;
+  /** Page description */
+  description?: string;
+  /** Financial overview metrics */
+  overview: FinancialOverviewProps;
+  /** Account summaries */
+  accounts?: AccountSummary[];
+  /** Budget alerts */
+  budgetAlerts?: BudgetAlert[];
+  /** Financial goals */
+  goals?: FinancialGoal[];
+  /** Recent transactions preview */
+  recentTransactions?: Array<{
+    id: string;
+    description: string;
+    amount: number;
+    category: string;
+    date: string;
+  }>;
+  /** Header actions */
+  actions?: React.ReactNode;
+  /** Additional content */
+  children?: React.ReactNode;
+  /** Additional CSS classes */
+  className?: string;
+  /** Category-based styling */
+  category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+  /** Loading state */
+  isLoading?: boolean;
+}
+
+export const FinancialDashboardTemplate: React.FC<FinancialDashboardTemplateProps> = ({
+  title = "Financial Dashboard",
+  description = "Your complete financial overview",
+  overview,
+  accounts = [],
+  budgetAlerts = [],
+  goals = [],
+  recentTransactions = [],
+  actions,
+  children,
+  className,
+  category = 2, // Green theme for financial
+  isLoading = false
+}) => {
+  const formatCurrency = (amount: number) => {
+    return new Intl.NumberFormat('en-US', {
+      style: 'currency',
+      currency: 'USD'
+    }).format(amount);
+  };
+
+  const getAccountIcon = (type: AccountSummary['type']) => {
+    switch (type) {
+      case 'savings': return <PiggyBank className="w-4 h-4" />;
+      case 'investment': return <TrendingUp className="w-4 h-4" />;
+      case 'credit': return <AlertTriangle className="w-4 h-4" />;
+      default: return <DollarSign className="w-4 h-4" />;
+    }
+  };
+
+  const getAccountStatus = (account: AccountSummary) => {
+    if (account.type === 'credit' && account.balance > 0) return 'warning';
+    if (account.type === 'loan' && account.balance > 0) return 'error';
+    return account.status || 'success';
+  };
+
+  return (
+    <div className={cn('flex flex-col min-h-0 flex-1', className)}>
+      {/* Header Section */}
+      <div className="flex-shrink-0 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+        <div className="container mx-auto px-6 py-6">
+          <div className="flex items-start justify-between">
+            <div className="flex-1 min-w-0">
+              <SectionHeader
+                title={title}
+                description={description}
+                size="lg"
+                className="text-left"
+              />
+            </div>
+            
+            {actions && (
+              <div className="ml-6 flex-shrink-0">
+                {actions}
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
+      {/* Main Content */}
+      <div className="flex-1 min-h-0 overflow-auto">
+        <div className="container mx-auto px-6 py-6 space-y-6">
+          {/* Financial Overview */}
+          <div>
+            <h2 className="text-lg font-semibold mb-4">Financial Overview</h2>
+            <DashboardGrid columns={4} gap="md">
+              <StatCard
+                title="Total Balance"
+                value={formatCurrency(overview.totalBalance)}
+                icon={<DollarSign className="w-5 h-5" />}
+                category={category}
+                isLoading={isLoading}
+              />
+              
+              {overview.monthlyIncome && (
+                <StatCard
+                  title="Monthly Income"
+                  value={formatCurrency(overview.monthlyIncome)}
+                  icon={<TrendingUp className="w-5 h-5" />}
+                  category={category}
+                  isLoading={isLoading}
+                />
+              )}
+              
+              {overview.monthlyExpenses && (
+                <StatCard
+                  title="Monthly Expenses"
+                  value={formatCurrency(overview.monthlyExpenses)}
+                  icon={<TrendingDown className="w-5 h-5" />}
+                  category={category}
+                  isLoading={isLoading}
+                />
+              )}
+              
+              {overview.savingsRate && (
+                <StatCard
+                  title="Savings Rate"
+                  value={`${overview.savingsRate}%`}
+                  icon={<Target className="w-5 h-5" />}
+                  category={category}
+                  isLoading={isLoading}
+                />
+              )}
+            </DashboardGrid>
+          </div>
+
+          {/* Accounts Overview */}
+          {accounts.length > 0 && (
+            <div>
+              <h2 className="text-lg font-semibold mb-4">Accounts</h2>
+              <DashboardGrid columns={2} gap="md">
+                {accounts.map((account) => (
+                  <Card key={account.id} category={category} className="p-4">
+                    <div className="flex items-start justify-between">
+                      <div className="flex items-center gap-3">
+                        {getAccountIcon(account.type)}
+                        <div>
+                          <h3 className="font-medium">{account.name}</h3>
+                          <p className="text-sm text-muted-foreground capitalize">{account.type}</p>
+                        </div>
+                      </div>
+                      <div className="text-right">
+                        <p className="font-semibold">{formatCurrency(account.balance)}</p>
+                        {account.change && (
+                          <div className="flex items-center gap-1 text-sm">
+                            {account.change.amount > 0 ? (
+                              <TrendingUp className="w-3 h-3 text-green-500" />
+                            ) : (
+                              <TrendingDown className="w-3 h-3 text-red-500" />
+                            )}
+                            <span className={account.change.amount > 0 ? 'text-green-500' : 'text-red-500'}>
+                              {Math.abs(account.change.percentage)}%
+                            </span>
+                          </div>
+                        )}
+                      </div>
+                    </div>
+                    <div className="mt-3">
+                      <DataBadge 
+                        variant="status" 
+                        status={getAccountStatus(account)}
+                      >
+                        {account.status || 'healthy'}
+                      </DataBadge>
+                    </div>
+                  </Card>
+                ))}
+              </DashboardGrid>
+            </div>
+          )}
+
+          {/* Budget Alerts */}
+          {budgetAlerts.length > 0 && (
+            <div>
+              <h2 className="text-lg font-semibold mb-4">Budget Alerts</h2>
+              <div className="space-y-3">
+                {budgetAlerts.map((alert) => (
+                  <Card key={alert.id} className="p-4">
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-3">
+                        <AlertTriangle className={cn(
+                          "w-5 h-5",
+                          alert.severity === 'critical' ? 'text-red-500' : 'text-yellow-500'
+                        )} />
+                        <div>
+                          <h3 className="font-medium">{alert.category}</h3>
+                          <p className="text-sm text-muted-foreground">
+                            {formatCurrency(alert.spent)} of {formatCurrency(alert.budget)} spent
+                          </p>
+                        </div>
+                      </div>
+                      <div className="text-right">
+                        <DataBadge 
+                          variant="status" 
+                          status={alert.severity === 'critical' ? 'error' : 'warning'}
+                        >
+                          {Math.round((alert.spent / alert.budget) * 100)}% used
+                        </DataBadge>
+                      </div>
+                    </div>
+                  </Card>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {/* Financial Goals */}
+          {goals.length > 0 && (
+            <div>
+              <h2 className="text-lg font-semibold mb-4">Financial Goals</h2>
+              <DashboardGrid columns={1} gap="md">
+                {goals.map((goal) => {
+                  const progress = (goal.current / goal.target) * 100;
+                  return (
+                    <Card key={goal.id} category={category} className="p-4">
+                      <div className="flex items-start justify-between mb-3">
+                        <div>
+                          <h3 className="font-medium">{goal.name}</h3>
+                          <p className="text-sm text-muted-foreground">
+                            {formatCurrency(goal.current)} of {formatCurrency(goal.target)}
+                          </p>
+                        </div>
+                        <DataBadge 
+                          variant="status" 
+                          status={goal.status === 'achieved' ? 'success' : goal.status === 'behind' ? 'warning' : 'info'}
+                        >
+                          {goal.status}
+                        </DataBadge>
+                      </div>
+                      <div className="w-full bg-muted rounded-full h-2">
+                        <div 
+                          className={cn(
+                            'h-2 rounded-full transition-all',
+                            `bg-category-${category}`
+                          )}
+                          style={{ width: `${Math.min(progress, 100)}%` }}
+                        />
+                      </div>
+                      <p className="text-sm text-muted-foreground mt-2">
+                        {Math.round(progress)}% complete
+                      </p>
+                    </Card>
+                  );
+                })}
+              </DashboardGrid>
+            </div>
+          )}
+
+          {/* Additional Content */}
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+};

package/src/templates/index.ts

@@ -28,6 +28,9 @@ export {
 // Admin templates for administrative interfaces
 export * from './admin';
 
+// Entity templates for cross-domain configurable layouts
+export * from './entity';
+
 // React App Factory
 export { 
   createReactApp, 

package/dist/atoms/composed/Accordion/Accordion.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface AccordionItem {
-    id: string;
-    title: string;
-    content: React.ReactNode;
-    disabled?: boolean;
-    icon?: React.ReactNode;
-}
-export interface AccordionProps {
-    items: AccordionItem[];
-    variant?: 'default' | 'bordered' | 'filled';
-    allowMultiple?: boolean;
-    defaultOpen?: string | string[];
-    collapsible?: boolean;
-    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    className?: string;
-    onItemToggle?: (itemId: string, isOpen: boolean) => void;
-}
-export declare const Accordion: ({ items, variant, allowMultiple, defaultOpen, collapsible, category, className, onItemToggle }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Accordion.d.ts.map

package/dist/atoms/composed/Accordion/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,SAAS,GAAI,gGASvB,cAAc,4CA8HhB,CAAC"}

package/dist/atoms/composed/Accordion/index.d.ts

@@ -1,2 +0,0 @@
-export { Accordion, type AccordionProps, type AccordionItem } from './Accordion';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/Accordion/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/atoms/composed/Alert/Alert.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface AlertProps {
-    /** Alert content */
-    children: React.ReactNode;
-    /** Alert status type */
-    status?: 'success' | 'warning' | 'error' | 'info' | 'neutral';
-    /** Alert title */
-    title?: string;
-    /** Whether alert can be dismissed */
-    dismissible?: boolean;
-    /** Dismiss handler */
-    onDismiss?: () => void;
-    /** Visual variant */
-    variant?: 'filled' | 'outlined' | 'soft';
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional CSS classes */
-    className?: string;
-    /** Custom icon */
-    icon?: React.ReactNode;
-    /** Hide default icon */
-    hideIcon?: boolean;
-}
-export declare const Alert: React.FC<AlertProps>;
-//# sourceMappingURL=Alert.d.ts.map

package/dist/atoms/composed/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9D,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qBAAqB;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACzC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8FtC,CAAC"}

package/dist/atoms/composed/Alert/index.d.ts

@@ -1,2 +0,0 @@
-export { Alert, type AlertProps } from './Alert';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/Alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/atoms/composed/Breadcrumb/Breadcrumb.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface BreadcrumbItem {
-    label: string;
-    href?: string;
-    active?: boolean;
-}
-interface BreadcrumbProps {
-    items: BreadcrumbItem[];
-    showHome?: boolean;
-    homeHref?: string;
-    className?: string;
-    separator?: React.ReactNode;
-    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-}
-export declare const Breadcrumb: React.FC<BreadcrumbProps>;
-export {};
-//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/atoms/composed/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+DhD,CAAC"}

package/dist/atoms/composed/Breadcrumb/index.d.ts

@@ -1,2 +0,0 @@
-export { Breadcrumb, type BreadcrumbItem } from './Breadcrumb';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/Breadcrumb/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/atoms/composed/Chart/Chart.d.ts

@@ -1,37 +0,0 @@
-import type { ILoadable } from '../../types';
-import { DASHBOARD_CHART_HEIGHTS } from '../../shared/config/dashboard-sizes';
-export type ChartType = 'line' | 'bar' | 'area' | 'pie';
-export type ChartVariant = 'default' | 'minimal' | 'detailed';
-export interface ChartDataPoint {
-    label: string;
-    value: number;
-    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    color?: string;
-}
-export interface ChartProps extends ILoadable {
-    title: string;
-    subtitle?: string;
-    data: ChartDataPoint[];
-    type: ChartType;
-    variant?: ChartVariant;
-    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    showLegend?: boolean;
-    showValues?: boolean;
-    showTrend?: boolean;
-    trend?: {
-        value: number;
-        label?: string;
-    };
-    /** Chart height - use standardized sizes from dashboard-sizes.ts */
-    height?: number | keyof typeof DASHBOARD_CHART_HEIGHTS;
-    onClick?: () => void;
-    className?: string;
-    /** Enable accessibility features like data table fallback */
-    includeDataTable?: boolean;
-    /** Custom color overrides for data points */
-    colorOverrides?: string[];
-    /** Don't render the outer Card wrapper (for embedded use) */
-    noWrapper?: boolean;
-}
-export declare const Chart: ({ title, subtitle, data, type, variant, category, showLegend, showValues, showTrend, trend, height, onClick, className, includeDataTable, colorOverrides, isLoading, noWrapper }: ChartProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Chart.d.ts.map

package/dist/atoms/composed/Chart/Chart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Chart/Chart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,uBAAuB,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,kLAkBnB,UAAU,4CAsWZ,CAAC"}

package/dist/atoms/composed/Chart/index.d.ts

@@ -1,3 +0,0 @@
-export { Chart } from './Chart';
-export type { ChartProps, ChartDataPoint, ChartType, ChartVariant } from './Chart';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/Chart/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/Chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/atoms/composed/ColorSwatch/ColorSwatch.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface ColorSwatchProps {
-    /** CSS color value (hex, hsl, rgb, or CSS variable) */
-    color: string;
-    /** Display name for the color */
-    name: string;
-    /** Optional size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Optional label to show below the swatch */
-    label?: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Whether the swatch is interactive */
-    interactive?: boolean;
-    /** Click handler for interactive swatches */
-    onClick?: () => void;
-}
-export declare const ColorSwatch: React.FC<ColorSwatchProps>;
-//# sourceMappingURL=ColorSwatch.d.ts.map

package/dist/atoms/composed/ColorSwatch/ColorSwatch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/ColorSwatch/ColorSwatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmDlD,CAAC"}

package/dist/atoms/composed/ColorSwatch/index.d.ts

@@ -1,2 +0,0 @@
-export { ColorSwatch, type ColorSwatchProps } from './ColorSwatch';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/ColorSwatch/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/ColorSwatch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/atoms/composed/DarkModeToggle.d.ts

@@ -1,4 +0,0 @@
-export declare const DarkModeToggle: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DarkModeToggle.d.ts.map

package/dist/atoms/composed/DarkModeToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DarkModeToggle.d.ts","sourceRoot":"","sources":["../../../src/atoms/composed/DarkModeToggle.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CA6DnE,CAAC"}

package/dist/atoms/composed/DataBadge/DataBadge.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface DataBadgeProps {
-    children: React.ReactNode;
-    variant?: 'category' | 'status';
-    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    status?: 'success' | 'warning' | 'error' | 'info' | 'neutral';
-    size?: 'sm' | 'md' | 'lg';
-    interactive?: boolean;
-    onClick?: () => void;
-    className?: string;
-}
-export declare const DataBadge: ({ children, variant, category, status, size, interactive, onClick, className }: DataBadgeProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DataBadge.d.ts.map

package/dist/atoms/composed/DataBadge/DataBadge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataBadge.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/DataBadge/DataBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,gFASvB,cAAc,4CAuDhB,CAAC"}

package/dist/atoms/composed/DataBadge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DataBadge';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/DataBadge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/DataBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/atoms/composed/DataTable/DataTable.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { IListLoadable } from '../../types';
-export interface Column<T> {
-    key: string;
-    header: string | React.ReactNode;
-    cell?: (item: T) => React.ReactNode;
-    sortable?: boolean;
-    filterable?: boolean;
-    width?: string;
-    /** Auto-render badges for status/category columns */
-    type?: 'status' | 'category' | 'default';
-}
-interface DataTableProps<T> extends IListLoadable {
-    data: T[];
-    columns: Column<T>[];
-    searchPlaceholder?: string;
-    pageSize?: number;
-    showPagination?: boolean;
-    showSearch?: boolean;
-    onRowClick?: (item: T) => void;
-    emptyMessage?: string;
-    className?: string;
-    /** Enable hover effects on table rows */
-    hover?: boolean;
-}
-export declare function DataTable<T extends Record<string, unknown>>({ data, columns, searchPlaceholder, pageSize, showPagination, showSearch, onRowClick, emptyMessage, className, hover, isLoading, loadingItemCount }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DataTable.d.ts.map

package/dist/atoms/composed/DataTable/DataTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAcjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASjD,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CAC1C;AAED,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,aAAa;IAC/C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAID,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,IAAI,EACJ,OAAO,EACP,iBAA+B,EAC/B,QAAa,EACb,cAAqB,EACrB,UAAiB,EACjB,UAAU,EACV,YAAkC,EAClC,SAAc,EACd,KAAa,EACb,SAAiB,EACjB,gBAAoB,EACrB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA0UnB"}

package/dist/atoms/composed/DataTable/TableCellWithTooltip.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface TableCellWithTooltipProps {
-    children: React.ReactNode;
-    className?: string;
-    /** Maximum width before truncating */
-    maxWidth?: string;
-}
-export declare const TableCellWithTooltip: React.FC<TableCellWithTooltipProps>;
-export {};
-//# sourceMappingURL=TableCellWithTooltip.d.ts.map

package/dist/atoms/composed/DataTable/TableCellWithTooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/DataTable/TableCellWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA4BpE,CAAC"}

package/dist/atoms/composed/DataTable/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DataTable';
-export * from './TableCellWithTooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/atoms/composed/DataTable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/composed/DataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC"}