ui-lab-registry 0.1.0

package/README.md

@@ -0,0 +1,145 @@
+# @ui-lab/registry
+
+A centralized, framework-agnostic component registry for the UI Lab ecosystem.
+
+## Overview
+
+This package serves as the single source of truth for:
+- Component metadata (names, descriptions, categories)
+- Component source code references
+- Component relationships and dependencies
+- Category definitions and organization
+- Starter template component mappings
+
+## Installation
+
+```bash
+npm install @ui-lab/registry
+# or
+pnpm add @ui-lab/registry
+```
+
+## Usage
+
+### Basic Registry Access
+
+```typescript
+import {
+  componentRegistry,
+  getComponentById,
+  getComponentsByCategory,
+  categories
+} from '@ui-lab/registry';
+
+// Get a single component
+const button = getComponentById('button');
+
+// Get all components in a category
+const inputComponents = getComponentsByCategory('input');
+
+// Get all categories
+console.log(categories);
+```
+
+### Helper Functions
+
+```typescript
+import {
+  searchComponents,
+  getRelatedComponents,
+  getComponentsGroupedByCategory,
+  getAllComponentIds,
+  getComponentCount
+} from '@ui-lab/registry';
+
+// Search components by name, description, or tags
+const results = searchComponents('button');
+
+// Get related components
+const relatedToButton = getRelatedComponents('button');
+
+// Get components grouped by category
+const grouped = getComponentsGroupedByCategory();
+
+// Get all component IDs
+const ids = getAllComponentIds();
+
+// Get component count
+const count = getComponentCount(); // 23
+```
+
+### Starter Presets
+
+```typescript
+import { starterPresets, getStarterComponents } from '@ui-lab/registry';
+
+// Get components for a specific starter template
+const nextComponents = getStarterComponents('next');
+
+// Access preset metadata
+const preset = starterPresets.vite;
+console.log(preset.description); // "Lightweight components for Vite-based applications"
+```
+
+### Types
+
+```typescript
+import type {
+  ComponentMetadata,
+  ComponentCategory,
+  ComponentSource,
+  CategoryDefinition,
+  StarterPreset
+} from '@ui-lab/registry';
+
+function processComponent(comp: ComponentMetadata): void {
+  console.log(comp.name, comp.category);
+}
+```
+
+## Component Categories
+
+The registry organizes components into 8 categories:
+
+- **input** - Form inputs and data entry
+- **display** - Information display
+- **feedback** - User feedback
+- **navigation** - Navigation elements
+- **container** - Container components
+- **action** - Action components
+- **composition** - Composed components
+- **layout** - Layout utilities
+
+## All 23 Components
+
+1. **button** - Clickable element that triggers an action
+2. **button-group** - Group of related buttons
+3. **input** - Text input field
+4. **label** - Text label for form elements
+5. **select** - Dropdown select component
+6. **textarea** - Multi-line text input
+7. **checkbox** - Checkbox input
+8. **radio** - Radio button
+9. **badge** - Badge component for labels
+10. **tooltip** - Tooltip component
+11. **popover** - Popover component
+12. **form-wrapper** - Form wrapper component
+13. **toast** - Toast notification component
+14. **modal** - Modal dialog component
+15. **tabs** - Tabbed interface
+16. **context-menu** - Context menu
+17. **switch** - Toggle switch
+18. **slider** - Range slider
+19. **progress** - Progress bar
+20. **card** - Card component
+21. **command-palette** - Command palette
+22. **confirmation** - Confirmation dialog
+23. **divider** - Divider component
+
+## TypeScript Support
+
+This package includes full TypeScript support with strict typing. All types are exported from the main entry point.
+
+## License
+
+MIT

package/dist/categories.d.ts

@@ -0,0 +1,5 @@
+import type { CategoryDefinition, ComponentCategory } from './types';
+export declare const categories: CategoryDefinition[];
+export declare const categoryMap: Record<ComponentCategory, CategoryDefinition>;
+export declare const categoryOrder: ComponentCategory[];
+//# sourceMappingURL=categories.d.ts.map

package/dist/categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.d.ts","sourceRoot":"","sources":["../src/categories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAErE,eAAO,MAAM,UAAU,EAAE,kBAAkB,EAgE1C,CAAC;AAEF,eAAO,MAAM,WAAW,+CAG+B,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,iBAAiB,EAU5C,CAAC"}

package/dist/categories.js

@@ -0,0 +1,81 @@
+export const categories = [
+    {
+        id: 'input',
+        name: 'Input Components',
+        label: 'Input',
+        description: 'Form inputs for capturing user data',
+        icon: '⌨️'
+    },
+    {
+        id: 'display',
+        name: 'Display Components',
+        label: 'Display',
+        description: 'Components for presenting information',
+        icon: '👁️'
+    },
+    {
+        id: 'feedback',
+        name: 'Feedback Components',
+        label: 'Feedback',
+        description: 'Components for system notifications and feedback',
+        icon: '💬'
+    },
+    {
+        id: 'navigation',
+        name: 'Navigation Components',
+        label: 'Navigation',
+        description: 'Components for organizing and navigating content',
+        icon: '🧭'
+    },
+    {
+        id: 'container',
+        name: 'Container Components',
+        label: 'Container',
+        description: 'Components for wrapping and structuring content',
+        icon: '📦'
+    },
+    {
+        id: 'action',
+        name: 'Action Components',
+        label: 'Action',
+        description: 'Components for triggering user actions',
+        icon: '⚡'
+    },
+    {
+        id: 'composition',
+        name: 'Composition Components',
+        label: 'Composition',
+        description: 'Components that combine other components',
+        icon: '🧩'
+    },
+    {
+        id: 'layout',
+        name: 'Layout Components',
+        label: 'Layout',
+        description: 'Components for organizing and separating content',
+        icon: '📐'
+    },
+    {
+        id: 'data',
+        name: 'Data Components',
+        label: 'Data',
+        description: 'Components for displaying and managing data like tables and visualizations',
+        icon: '📊'
+    }
+];
+export const categoryMap = categories.reduce((acc, cat) => {
+    acc[cat.id] = cat;
+    return acc;
+}, {});
+export const categoryOrder = [
+    'action',
+    'input',
+    'display',
+    'feedback',
+    'navigation',
+    'container',
+    'composition',
+    'layout',
+    'data'
+];
+//# sourceMappingURL=categories.js.map

package/dist/categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.js","sourceRoot":"","sources":["../src/categories.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAyB;IAC9C;QACE,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,qCAAqC;QAClD,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,uCAAuC;QACpD,IAAI,EAAE,KAAK;KACZ;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,kDAAkD;QAC/D,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,kDAAkD;QAC/D,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,iDAAiD;QAC9D,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,wCAAwC;QACrD,IAAI,EAAE,GAAG;KACV;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,0CAA0C;QACvD,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,kDAAkD;QAC/D,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,4EAA4E;QACzF,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IACxD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IAClB,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAmD,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,QAAQ;IACR,OAAO;IACP,SAAS;IACT,UAAU;IACV,YAAY;IACZ,WAAW;IACX,aAAa;IACb,QAAQ;IACR,MAAM;CACP,CAAC"}

package/dist/components/badge.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+import React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    icon?: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    pill?: boolean;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,aAAa;;;8EA0BlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC5C,YAAY,CAAC,OAAO,aAAa,CAAC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,KAAK,mFAoDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/badge.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+import React from "react";
+const badgeVariants = cva("inline-flex items-center justify-center gap-2 font-medium transition-all rounded-md", {
+    variants: {
+        variant: {
+            default: "bg-background-700 text-background-300 border border-background-600",
+            success: "bg-success-100 text-success-900 border border-success-300",
+            warning: "bg-warning-100 text-warning-900 border border-warning-300",
+            danger: "bg-danger-100 text-danger-900 border border-danger-300",
+            info: "bg-info-100 text-info-900 border border-info-300",
+        },
+        size: {
+            sm: "p-1 text-sm",
+            md: "px-3 py-1.5 text-sm",
+            lg: "px-4 py-2 text-base",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const Badge = React.forwardRef(({ variant, size, icon, dismissible = false, onDismiss, pill = false, children, className, // ← this will now properly override padding, etc.
+...props }, ref) => (_jsxs("div", { ref: ref, className: cn(badgeVariants({ variant, size }), // ← only variants here
+    pill && "rounded-full", className // ← custom classes last = highest priority
+    ), ...props, children: [icon && _jsx("span", { className: "flex items-center", children: icon }), _jsx("span", { children: children }), dismissible && (_jsx("button", { onClick: onDismiss, className: "ml-1 flex items-center justify-center hover:opacity-70 transition-opacity focus:outline-none", "aria-label": "Dismiss", type: "button", children: _jsx("svg", { className: cn(size === "sm" ? "w-3 h-3" : size === "lg" ? "w-5 h-5" : "w-4 h-4"), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] })));
+Badge.displayName = "Badge";
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CACvB,qFAAqF,EACrF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,oEAAoE;YACtE,OAAO,EACL,2DAA2D;YAC7D,OAAO,EACL,2DAA2D;YAC7D,MAAM,EACJ,wDAAwD;YAC1D,IAAI,EAAE,kDAAkD;SACzD;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAWF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,SAAS,EAAE,kDAAkD;AAC7D,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAM,uBAAuB;IAC7D,IAAI,IAAI,cAAc,EACtB,SAAS,CAA8B,2CAA2C;KACnF,KACG,KAAK,aAER,IAAI,IAAI,eAAM,SAAS,EAAC,mBAAmB,YAAE,IAAI,GAAQ,EAC1D,yBAAO,QAAQ,GAAQ,EACtB,WAAW,IAAI,CACd,iBACE,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,8FAA8F,gBAC7F,SAAS,EACpB,IAAI,EAAC,QAAQ,YAEb,cACE,SAAS,EAAE,EAAE,CACX,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAClE,EACD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,YAEnB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,sBAAsB,GACxB,GACE,GACC,CACV,IACG,CACP,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/button-group.d.ts

@@ -0,0 +1,27 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    spacing?: "normal" | "tight" | "relaxed" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const buttonItemVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    isSelected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
+    children?: React.ReactNode;
+    showDividers?: boolean;
+    variant?: "default" | "secondary" | "outline" | "ghost";
+    orientation?: "horizontal" | "vertical";
+    spacing?: "tight" | "normal" | "relaxed";
+}
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface ButtonGroupItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonItemVariants> {
+    isSelected?: boolean;
+    icon?: React.ReactNode;
+}
+declare const ButtonGroupItem: React.ForwardRefExoticComponent<ButtonGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonGroup, ButtonGroupItem, buttonGroupVariants, buttonItemVariants };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,mBAAmB;;;;8EA0BxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;8EAsDvB,CAAA;AAED,UAAU,gBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC5C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACvD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;CACzC;AAED,QAAA,MAAM,WAAW,yFAqCf,CAAA;AAGF,UAAU,oBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACrD,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,eAAe,gGAanB,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/button-group.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../lib/utils";
+import { Divider } from "./divider";
+const buttonGroupVariants = cva("flex w-fit items-center justify-between rounded-lg", {
+    variants: {
+        orientation: {
+            horizontal: "flex-row",
+            vertical: "flex-col",
+        },
+        spacing: {
+            tight: "gap-0",
+            normal: "gap-1",
+            relaxed: "gap-2",
+        },
+        variant: {
+            default: "bg-background-950 border border-background-700",
+            secondary: "bg-background-950 border border-background-700",
+            outline: "bg-background-950 border border-background-700",
+            ghost: "",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+        spacing: "normal",
+        variant: "default",
+    },
+});
+const buttonItemVariants = cva("cursor-pointer text-sm font-medium transition-colors", {
+    variants: {
+        variant: {
+            default: "text-foreground-50 hover:bg-background-800 active:bg-background-700",
+            secondary: "bg-background-800 text-foreground-50 hover:bg-background-700 active:bg-background-600",
+            outline: "border border-background-700 text-foreground-50 hover:bg-background-800 active:border-background-600",
+            ghost: "text-foreground-50",
+        },
+        size: {
+            sm: "h-6 px-3 text-sm rounded-lg",
+            md: "h-8 px-4 text-sm rounded-lg",
+            lg: "h-9 px-6 text-md rounded-lg",
+            icon: "h-9 w-10 p-0 rounded-lg flex items-center justify-center",
+        },
+        isSelected: {
+            true: "",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+        isSelected: false,
+    },
+    compoundVariants: [
+        {
+            variant: "default",
+            isSelected: true,
+            className: "bg-background-800 text-foreground-50",
+        },
+        {
+            variant: "secondary",
+            isSelected: true,
+            className: "bg-background-700 text-foreground-50",
+        },
+        {
+            variant: "outline",
+            isSelected: true,
+            className: "border-accent-500 bg-accent-500/10 text-accent-500",
+        },
+        {
+            variant: "ghost",
+            isSelected: true,
+            className: "text-foreground-50",
+        },
+        {
+            variant: "ghost",
+            size: "icon",
+            className: "h-auto w-auto p-0 rounded-none",
+        },
+    ],
+});
+const ButtonGroup = React.forwardRef(({ className, orientation, spacing, variant, children, showDividers = false, ...props }, ref) => {
+    const isVertical = orientation === "vertical";
+    const childrenArray = React.Children.toArray(children).filter((child) => child !== null && child !== undefined);
+    return (_jsx("div", { ref: ref, className: cn(buttonGroupVariants({ orientation, spacing, variant, className })), role: "group", ...props, children: childrenArray.map((child, index) => {
+            const isFirst = index === 0;
+            const isLast = index === childrenArray.length - 1;
+            const marginClass = isVertical
+                ? cn("mx-1", isFirst && "mt-1", isLast && "mb-1")
+                : cn("my-1", isFirst && "ml-1", isLast && "mr-1");
+            return (_jsxs(React.Fragment, { children: [_jsx("div", { className: marginClass, children: child }), showDividers && index < childrenArray.length - 1 && (_jsx(Divider, { orientation: isVertical ? "horizontal" : "vertical", size: "sm" }))] }, index));
+        }) }));
+});
+ButtonGroup.displayName = "ButtonGroup";
+const ButtonGroupItem = React.forwardRef(({ className, variant, size, isSelected, icon, children, ...props }, ref) => (_jsxs("button", { ref: ref, className: cn(buttonItemVariants({ variant, size, isSelected, className })), "aria-pressed": isSelected, ...props, children: [icon && _jsx("span", { className: "flex items-center justify-center", children: icon }), children && size !== "icon" && _jsx("span", { children: children })] })));
+ButtonGroupItem.displayName = "ButtonGroupItem";
+export { ButtonGroup, ButtonGroupItem, buttonGroupVariants, buttonItemVariants };
+//# sourceMappingURL=button-group.js.map

package/dist/components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":"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"}

package/dist/components/button.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+}
+declare const Button: {
+    ({ className, variant, size, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EAqBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACrD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAI;AAEzC,QAAA,MAAM,MAAM;6CAKT,WAAW;;CAKb,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const buttonVariants = cva("inline-flex cursor-pointer items-center justify-center rounded-lg text-sm px-4 py-2", {
+    variants: {
+        variant: {
+            default: "bg-accent-500 text-accent-50 hover:bg-accent-500 active:bg-accent-500",
+            secondary: "bg-background-800 text-foreground-50 hover:bg-background-700 active:bg-background-600",
+            outline: "border border-background-700 text-foreground-50 hover:bg-background-800 active:border-background-600",
+            ghost: "text-foreground-50 hover:bg-background-800 active:bg-background-700",
+        },
+        size: {
+            sm: "h-8 px-3 text-sm",
+            md: "h-10 px-6 text-sm",
+            lg: "h-12 px-6 text-md",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const Button = ({ className, variant, size, ...props }) => (_jsx("button", { className: cn(buttonVariants({ variant, size, className })), ...props }));
+Button.displayName = "Button";
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,CACxB,qFAAqF,EACrF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,uEAAuE;YAChF,SAAS,EAAE,uFAAuF;YAClG,OAAO,EAAE,sGAAsG;YAC/G,KAAK,EAAE,qEAAqE;SAC7E;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAMF,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACI,EAAE,EAAE,CAAC,CACjB,iBACE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/card.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+};
+export { Card, CardHeader, CardBody, CardFooter };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAI;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAI;AAE1E,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAI;AAExE,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAI;AAgB1E,QAAA,MAAM,UAAU,wFAWf,CAAC;AAGF,QAAA,MAAM,QAAQ,sFAWb,CAAC;AAGF,QAAA,MAAM,UAAU,wFAWf,CAAC;AAIF,QAAA,MAAM,IAAI;;;;CAIR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/card.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { cn } from "../lib/utils";
+const CardRoot = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("bg-background-800 border border-background-700 rounded-lg overflow-hidden", className), ...props })));
+CardRoot.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-4 border-b border-background-700", className), ...props })));
+CardHeader.displayName = "Card.Header";
+const CardBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-4 py-2", className), ...props })));
+CardBody.displayName = "Card.Body";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-2 py-2 border-t border-background-700 bg-background-900/50", className), ...props })));
+CardFooter.displayName = "Card.Footer";
+// Compound component
+const Card = Object.assign(CardRoot, {
+    Header: CardHeader,
+    Body: CardBody,
+    Footer: CardFooter,
+});
+export { Card, CardHeader, CardBody, CardFooter };
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;AAE9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AAEvC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,WAAW,EACX,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AAEvC,qBAAqB;AACrB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/checkbox.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    checked?: boolean | null | undefined;
+    indeterminate?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    error?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "checked" | "indeterminate" | "disabled" | "error">, VariantProps<typeof checkboxVariants> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    helperTextError?: boolean;
+    indeterminate?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox, checkboxVariants };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB;;;;;;8EAkCrB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC,EAC/H,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,wFAoHb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/checkbox.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useId } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+import { FaCheck } from "react-icons/fa6";
+const checkboxVariants = cva("inline-flex items-center justify-center rounded-md border-2 transition-all cursor-pointer flex-shrink-0", {
+    variants: {
+        size: {
+            sm: "w-4 h-4",
+            md: "w-5 h-5",
+            lg: "w-6 h-6",
+        },
+        checked: {
+            true: "bg-accent-500 border-accent-500",
+            false: "bg-background-800 border-background-700",
+        },
+        indeterminate: {
+            true: "bg-background-100 border-accent-500",
+            false: "",
+        },
+        disabled: {
+            true: "opacity-60 cursor-not-allowed",
+            false: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50",
+        },
+        error: {
+            true: "border-danger-600 bg-danger-600/10",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        checked: false,
+        indeterminate: false,
+        disabled: false,
+        error: false,
+    },
+});
+const Checkbox = React.forwardRef(({ className, size = "md", disabled = false, error = false, label, helperText, helperTextError = false, indeterminate = false, checked: checkedProp, onChange, id, ...props }, ref) => {
+    const [internalChecked, setInternalChecked] = useState(checkedProp === true);
+    const generatedId = useId();
+    const isControlled = checkedProp !== undefined;
+    const checked = isControlled ? checkedProp : internalChecked;
+    const handleChange = (e) => {
+        if (!isControlled) {
+            setInternalChecked(e.target.checked);
+        }
+        onChange?.(e);
+    };
+    const checkboxId = id || `checkbox-${generatedId}`;
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("input", { ref: ref, type: "checkbox", id: checkboxId, checked: checked, onChange: handleChange, disabled: disabled, className: "hidden", "aria-label": typeof label === "string" ? label : undefined, suppressHydrationWarning: true, ...props }), _jsxs("div", { className: cn(checkboxVariants({
+                            size,
+                            checked: checked && !indeterminate,
+                            indeterminate,
+                            disabled,
+                            error,
+                            className,
+                        })), onClick: () => {
+                            if (!disabled) {
+                                const input = document.getElementById(checkboxId);
+                                if (input) {
+                                    input.click();
+                                }
+                            }
+                        }, role: "presentation", children: [checked && !indeterminate && (_jsx(FaCheck, { className: cn("text-accent-50 transition-all", size === "sm" && "w-2.5 h-2.5", size === "md" && "w-3 h-3", size === "lg" && "w-4 h-4") })), indeterminate && (_jsx("div", { className: cn("bg-background-400", size === "sm" && "w-2 h-0.5", size === "md" && "w-2.5 h-0.5", size === "lg" && "w-3 h-0.5") }))] }), label && (_jsx("label", { htmlFor: checkboxId, className: cn("text-foreground-300 transition-colors cursor-pointer select-none pt-1", disabled && "opacity-60 cursor-not-allowed text-foreground-500", size === "sm" && "text-xs", size === "md" && "text-sm", size === "lg" && "text-base"), suppressHydrationWarning: true, children: label }))] }), helperText && (_jsx("p", { className: cn("text-xs mt-2 ml-8 transition-colors", helperTextError ? "text-danger-600" : "text-foreground-500"), children: helperText }))] }));
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox, checkboxVariants };
+//# sourceMappingURL=checkbox.js.map