@ancatag/at-design 0.3.0

package/README.md

@@ -0,0 +1,537 @@
+# @ancatag/at-design
+
+A shared design system package providing 29 reusable UI components with theme-agnostic styling. Built with React, TypeScript, Tailwind CSS, and Radix UI primitives.
+
+## Installation
+
+### Install Package
+
+```bash
+npm install @ancatag/at-design
+# or
+pnpm add @ancatag/at-design
+# or
+yarn add @ancatag/at-design
+```
+
+This is a **public npm package** - no authentication required!
+
+### From Git Repository (Development)
+
+```json
+{
+  "dependencies": {
+    "@ancatag/at-design": "github:ancatag/at-design#v{version}"
+  }
+}
+```
+
+Or for latest from main branch:
+
+```json
+{
+  "dependencies": {
+    "@ancatag/at-design": "github:ancatag/at-design"
+  }
+}
+```
+
+### From Local File Path (Development)
+
+```json
+{
+  "dependencies": {
+    "@ancatag/at-design": "file:../path/to/at-design"
+  }
+}
+```
+
+## Quick Start
+
+### 1. Import Base Styles
+
+In your app's main CSS file (e.g., `globals.css` or `index.css`), import the design system base styles:
+
+```css
+/* Import design system base styles */
+@import "@ancatag/at-design/styles/tokens";
+@import "@ancatag/at-design/styles/animations";
+@import "@ancatag/at-design/styles/base";
+
+@import "tailwindcss";
+
+/* Override with your app's theme */
+@theme {
+  --color-primary: #your-color;
+  --color-background: #your-bg;
+  /* ... other theme overrides */
+}
+```
+
+### 2. Import Components
+
+```typescript
+import { Button, Card, Input } from "@ancatag/at-design";
+```
+
+### 3. Use Components
+
+```tsx
+<Card>
+  <CardHeader>
+    <CardTitle>Hello</CardTitle>
+  </CardHeader>
+  <CardContent>
+    <Input placeholder="Enter text" />
+    <Button>Submit</Button>
+  </CardContent>
+</Card>
+```
+
+## Component Inventory
+
+### Form Components (9)
+- **Input** - Text input field
+- **Textarea** - Multi-line text input
+- **Select** - Dropdown selection menu
+- **Combobox** - Searchable dropdown with custom values
+- **Checkbox** - Binary checkbox
+- **RadioGroup** - Radio button group
+- **Switch** - Toggle switch
+- **Slider** - Range slider
+- **Label** - Form label
+
+### Display Components (8)
+- **Card** - Container card with header/content/footer
+- **GlassCard** - Glass morphism card with gradients
+- **Badge** - Status indicator or label
+- **Avatar** - User/entity avatar with image and fallback
+- **IconBadge** - Badge with icon, value, and label
+- **StatCard** - Statistics card with icon and value
+- **Skeleton** - Loading placeholder
+- **Progress** - Progress bar indicator
+
+### Navigation & Layout (3)
+- **Tabs** - Tabbed interface
+- **Table** - Data table
+- **ResponsiveTable** - Mobile-responsive table with card view
+
+### Overlay Components (6)
+- **Dialog** - Modal dialog
+- **AlertDialog** - Alert dialog for confirmations
+- **Sheet** - Slide-out panel
+- **BottomSheet** - Mobile-optimized bottom sheet
+- **Tooltip** - Hover tooltip
+- **Toast** - Toast notification system
+
+### Feedback Components (1)
+- **Alert** - Alert message
+
+### Action Components (2)
+- **Button** - Primary action button
+- **DropdownMenu** - Dropdown menu
+
+### Error Pages (1)
+- **ErrorPage** - Customizable error page component
+- **NotFoundPage** - Pre-configured 404 page
+- **ServerErrorPage** - Pre-configured 500 page
+- **ForbiddenPage** - Pre-configured 403 page
+- **UnauthorizedPage** - Pre-configured 401 page
+
+**Total: 29 components**
+
+## Multi-App Usage
+
+This design system powers multiple applications with consistent UI components:
+
+- **nova-route** - AI platform dashboard
+- **openchat** - AI character storytelling platform
+
+### Automated Releases
+
+The design system uses GitHub Actions for automated versioning and publishing:
+
+1. **Push to main** → Automatic version bump based on conventional commits
+2. **Build & publish** → Package published to npm registry
+3. **Create release** → Git tag and GitHub release created
+4. **Update consuming apps** → Apps can update to latest version
+
+### Version Update Process
+
+Consuming applications should regularly update to the latest version:
+
+```bash
+# Check latest version
+pnpm info @ancatag/at-design
+
+# Update to latest
+pnpm update @ancatag/at-design
+
+# Or pin to specific version
+pnpm add @ancatag/at-design@^1.0.0  # Replace with desired version
+```
+
+See [`docs/DESIGN_SYSTEM_WORKFLOW.md`](docs/DESIGN_SYSTEM_WORKFLOW.md) for complete workflow documentation.
+
+## Theme Customization
+
+The design system uses CSS custom properties (CSS variables) for theming. All components automatically use these tokens, which can be overridden in your app's CSS.
+
+### Available CSS Variables
+
+```css
+/* Colors */
+--color-background
+--color-foreground
+--color-card
+--color-card-foreground
+--color-popover
+--color-popover-foreground
+--color-primary
+--color-primary-foreground
+--color-secondary
+--color-secondary-foreground
+--color-muted
+--color-muted-foreground
+--color-accent
+--color-accent-foreground
+--color-destructive
+--color-destructive-foreground
+--color-border
+--color-input
+--color-ring
+
+/* Border Radius */
+--radius-lg
+--radius-md
+--radius-sm
+
+/* Shadows */
+--shadow-sm
+--shadow-md
+--shadow-lg
+--shadow-xl
+```
+
+### Example: Custom Theme
+
+```css
+@theme {
+  /* Light Mode - Custom Theme */
+  --color-background: #f5f5f7;
+  --color-foreground: #1d1d1f;
+  --color-primary: #0071e3;
+  --color-primary-foreground: #ffffff;
+  /* ... */
+}
+
+:root.dark {
+  /* Dark Mode - Custom Theme */
+  --color-background: #000000;
+  --color-foreground: #f5f5f7;
+  --color-primary: #0a84ff;
+  /* ... */
+}
+```
+
+## Usage Examples
+
+### Basic Form
+
+```tsx
+import { Input, Label, Button, Card, CardContent, CardHeader, CardTitle } from "@ancatag/at-design";
+
+function LoginForm() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Login</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="space-y-4">
+          <div>
+            <Label htmlFor="email">Email</Label>
+            <Input id="email" type="email" placeholder="you@example.com" />
+          </div>
+          <div>
+            <Label htmlFor="password">Password</Label>
+            <Input id="password" type="password" />
+          </div>
+          <Button>Sign In</Button>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+### 404 Error Page
+
+```tsx
+import { NotFoundPage } from "@ancatag/at-design";
+
+function NotFound() {
+  return (
+    <NotFoundPage
+      showHomeButton
+      showBackButton
+      onHomeClick={() => window.location.href = "/"}
+    />
+  );
+}
+```
+
+### Custom Error Page
+
+```tsx
+import { ErrorPage } from "@ancatag/at-design";
+import { AlertCircle } from "lucide-react";
+
+function CustomError() {
+  return (
+    <ErrorPage
+      code="404"
+      title="Page Not Found"
+      description="The page you're looking for doesn't exist."
+      icon={AlertCircle}
+      showHomeButton
+      showBackButton
+      variant="full"
+    />
+  );
+}
+```
+
+### Icon Badge
+
+```tsx
+import { IconBadge } from "@ancatag/at-design";
+import { Coins } from "lucide-react";
+
+function TokenDisplay() {
+  return (
+    <IconBadge
+      icon={Coins}
+      value="1,234"
+      label="Open Tokens"
+      variant="yellow"
+      size="lg"
+    />
+  );
+}
+```
+
+### Responsive Table
+
+```tsx
+import { ResponsiveTable } from "@ancatag/at-design";
+
+const columns = [
+  {
+    key: "name",
+    header: "Name",
+    render: (item) => item.name,
+    mobileLabel: "Name",
+  },
+  {
+    key: "email",
+    header: "Email",
+    render: (item) => item.email,
+    mobileLabel: "Email",
+  },
+];
+
+function UserTable({ users }) {
+  return (
+    <ResponsiveTable
+      data={users}
+      columns={columns}
+      keyExtractor={(user) => user.id}
+      onRowClick={(user) => console.log(user)}
+    />
+  );
+}
+```
+
+## Component Documentation
+
+For detailed component documentation, see [`docs/COMPONENTS.md`](./docs/COMPONENTS.md) and [`docs/COMPONENT_CATEGORIES.md`](./docs/COMPONENT_CATEGORIES.md).
+
+## Dependencies
+
+### Peer Dependencies
+- `react` ^19.2.3
+- `react-dom` ^19.2.3
+
+### Direct Dependencies
+- Radix UI primitives (for accessibility and behavior)
+- `lucide-react` (for icons)
+- `sonner` (for toast notifications)
+- `class-variance-authority` (for variant management)
+- `clsx` & `tailwind-merge` (for class name utilities)
+
+## Development
+
+### Building
+
+```bash
+pnpm build
+```
+
+This compiles TypeScript to the `dist/` directory with declaration files and source maps.
+
+### Type Checking
+
+```bash
+pnpm type-check
+```
+
+### Cleaning Build Output
+
+```bash
+pnpm clean
+```
+
+## Publishing
+
+### Automatic CI/CD Release (Recommended)
+
+**Everything is handled automatically by GitHub Actions!** Just push to `main`:
+
+1. **Make changes and commit** using [Conventional Commits](https://www.conventionalcommits.org/):
+   ```bash
+   git commit -m "feat: add new component"
+   git push origin main
+   ```
+
+2. **CI automatically:**
+   - Detects version bump type from commits
+   - Bumps version in package.json
+   - Updates CHANGELOG.md
+   - Builds the package
+   - Publishes to npm registry as public package
+   - Creates git tag and GitHub release
+
+**No manual steps required!**
+
+### Version Bump Detection
+
+CI analyzes commit messages since the last tag:
+
+- `feat:` or `feature:` → **Minor** bump (0.1.0 → 0.2.0)
+- `fix:` or `bugfix:` → **Patch** bump (0.1.0 → 0.1.1)
+- `breaking:` or `BREAKING:` → **Major** bump (0.1.0 → 1.0.0)
+- Other commits → **Patch** bump (default)
+
+### Manual Release (if needed)
+
+If you need to manually trigger a release:
+
+1. Go to **Actions** → **Release** workflow
+2. Click **"Run workflow"**
+3. Optionally select version type (or leave empty for auto-detect)
+4. CI handles everything
+
+### Local Development Helpers
+
+For local testing and preview:
+
+```bash
+# Check version status and suggested bump
+pnpm version:info
+
+# Auto-detect version bump (preview only)
+pnpm version:auto
+
+# Manual version bump (for testing)
+pnpm version:patch
+pnpm version:minor
+pnpm version:major
+
+# Update changelog manually (for testing)
+pnpm changelog:update
+```
+
+### Manual Publishing (if needed)
+
+Only if you need to publish manually:
+
+1. **Set npm token:**
+   ```bash
+   export NPM_TOKEN=your_npm_token
+   ```
+
+2. **Build and publish:**
+   ```bash
+   pnpm build:clean
+   pnpm publish:npm
+   ```
+
+   Or use npm directly:
+   ```bash
+   npm publish --access public
+   ```
+
+### Conventional Commits Format
+
+Use this format for automatic version detection:
+
+```
+<type>(<scope>): <description>
+```
+
+**Examples:**
+```bash
+git commit -m "feat: add new card component"
+git commit -m "fix(button): resolve hover state issue"
+git commit -m "breaking: remove deprecated API"
+```
+
+**Supported types:**
+- `feat:` / `feature:` - New features (minor bump)
+- `fix:` / `bugfix:` - Bug fixes (patch bump)
+- `breaking:` - Breaking changes (major bump)
+- `docs:`, `style:`, `refactor:`, `perf:`, `test:`, `chore:`, `build:`, `ci:` - No version bump
+
+## Architecture
+
+### Package Structure
+
+```
+at-design/
+├── src/
+│   ├── components/        # All 29 UI components
+│   ├── styles/           # CSS tokens, animations, base styles
+│   │   ├── tokens.css    # Theme-agnostic CSS variables
+│   │   ├── animations.css # Keyframe animations
+│   │   └── base.css      # Base global styles
+│   ├── utils/            # Utility functions
+│   │   └── cn.ts        # Class name utility
+│   └── index.ts          # Main export file
+├── docs/
+│   ├── COMPONENTS.md     # Component documentation
+│   └── COMPONENT_CATEGORIES.md # Component categories
+├── dist/                 # Build output (generated)
+├── package.json
+├── tsconfig.json
+└── README.md
+```
+
+### Design Principles
+
+1. **Theme-Agnostic**: All styling uses CSS variables that can be overridden
+2. **Accessible**: Built on Radix UI primitives for full accessibility
+3. **Composable**: Components work together seamlessly
+4. **Type-Safe**: Full TypeScript support with proper types
+5. **Apple-Inspired**: Clean, minimal design with smooth animations
+
+## License
+
+MIT
+
+## Links
+
+- **GitHub Repository:** [https://github.com/sayanmohsin/at-design](https://github.com/sayanmohsin/at-design)
+- **npm Package (Private):** [@ancatag/at-design](https://www.npmjs.com/package/@ancatag/at-design)
+
+

package/dist/components/Sheet.d.ts

@@ -0,0 +1,20 @@
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetContent: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    side?: "left" | "right" | "top" | "bottom";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../src/components/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAmBxC,QAAA,MAAM,YAAY;WAGT,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;wCAwB1C,CAAC;AAGH,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAC;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,UAAU,mKASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KASpB,CAAC;AAGH,OAAO,EACN,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GAChB,CAAC"}

package/dist/components/Sheet.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+import { cn } from "../utils/cn";
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const SheetContent = React.forwardRef(({ side = "left", className, children, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsx(SheetPrimitive.Content, { ref: ref, className: cn("fixed z-50 gap-4 bg-card p-6 shadow-lg transition ease-out data-[state=open]:animate-in data-[state=closed]:animate-out", side === "left" &&
+                "inset-y-0 left-0 w-80 data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left border-r border-border", side === "right" &&
+                "inset-y-0 right-0 w-80 data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right border-l border-border", side === "top" &&
+                "inset-x-0 top-0 h-1/3 data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top border-b border-border", side === "bottom" &&
+                "inset-x-0 bottom-0 h-1/3 data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom border-t border-border", className), ...props, children: children })] })));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-left", className), ...props }));
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold text-foreground", className), ...props })));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=Sheet.js.map

package/dist/components/Sheet.js.map

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

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,21 @@
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from "react";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAIH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAarB,CAAC;AAGH,OAAO,EACN,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GACjB,CAAC"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from "react";
+import { cn } from "../utils/cn";
+import { buttonVariants } from "./button";
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props })] })));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold", className), ...props })));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+AlertDialogDescription.displayName =
+    AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props })));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog.js.map

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

package/dist/components/alert.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,QAAA,MAAM,KAAK;;sHAUT,CAAC;AAGH,QAAA,MAAM,UAAU,uHASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,yHASpB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}