@dynamic-labs-sdk/droplet 0.0.0 → 0.27.2

package/README.md

@@ -0,0 +1,292 @@
+# `@dynamic-labs-sdk/droplet`
+
+Dynamic Labs' internal React component library. Built on Radix UI primitives, Tailwind CSS v4, and an OKLCH-based design token system. Ships with 35+ components, animated icons, dark mode, and a live Storybook.
+
+---
+
+## Installation
+
+This package is internal to the `dynamic-js-sdk` monorepo. Add it as a workspace dependency:
+
+```json
+{
+  "dependencies": {
+    "@dynamic-labs-sdk/droplet": "workspace:*"
+  }
+}
+```
+
+---
+
+## Setup
+
+Import the design tokens stylesheet **once at your app root**. This provides the full color, shadow, radius, and typography token system and is required for all components to render correctly.
+
+```ts
+import '@dynamic-labs-sdk/droplet/styles/globals.css';
+```
+
+If you're consuming from a source workspace (not the built `dist/`), use the relative path instead:
+
+```ts
+import '../../packages/droplet/src/styles/globals.css';
+```
+
+Your bundler must support Tailwind CSS v4 via the `@tailwindcss/vite` plugin:
+
+```ts
+// vite.config.ts
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [tailwindcss()],
+});
+```
+
+---
+
+## Usage
+
+```tsx
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Badge,
+} from '@dynamic-labs-sdk/droplet';
+
+export const Example = () => (
+  <Card>
+    <CardHeader>
+      <CardTitle>
+        My Feature
+        <Badge variant="brand">New</Badge>
+      </CardTitle>
+    </CardHeader>
+    <CardContent>
+      <Button>Get started</Button>
+    </CardContent>
+  </Card>
+);
+```
+
+---
+
+## Components
+
+### UI Primitives
+
+Thin wrappers over [Radix UI](https://www.radix-ui.com/) primitives with full token-based styling.
+
+| Export                                                                                                       | Description                                                                                                                      |
+| ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------- |
+| `Accordion`, `AccordionItem`, `AccordionTrigger`, `AccordionContent`                                         | Collapsible content sections                                                                                                     |
+| `AlertDialog`, `AlertDialogTrigger`, `AlertDialogContent`, `AlertDialogAction`, `AlertDialogCancel`, ...     | Destructive action confirmation modal                                                                                            |
+| `Avatar`, `AvatarImage`, `AvatarFallback`                                                                    | User avatar with initials fallback                                                                                               |
+| `Badge`                                                                                                      | Semantic status/label chip. Variants: `default`, `secondary`, `outline`, `destructive`, `brand`, `success`, `warning`, `process` |
+| `Button`                                                                                                     | Primary interactive element. Variants: `default`, `secondary`, `outline`, `ghost`, `destructive`, `link`                         |
+| `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`                            | Composable card layout                                                                                                           |
+| `Checkbox`                                                                                                   | Accessible checkbox with draw-on animation                                                                                       |
+| `Collapsible`, `CollapsibleTrigger`, `CollapsibleContent`                                                    | Togglable content region                                                                                                         |
+| `Command`, `CommandInput`, `CommandList`, `CommandItem`, `CommandGroup`, ...                                 | Headless command palette (cmdk)                                                                                                  |
+| `Dialog`, `DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogTitle`, `DialogBody`, `DialogFooter`, ... | Accessible modal dialog                                                                                                          |
+| `DropdownMenu`, `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`, ...                        | Keyboard-navigable dropdown                                                                                                      |
+| `Icon`                                                                                                       | Wrapper for HugeIcons with consistent stroke width                                                                               |
+| `Input`                                                                                                      | Text input with field shadow system                                                                                              |
+| `Kbd`                                                                                                        | Keyboard shortcut display (`⌘K`)                                                                                                 |
+| `Label`                                                                                                      | Form label linked to control                                                                                                     |
+| `Popover`, `PopoverTrigger`, `PopoverContent`, `PopoverAnchor`                                               | Floating content panel                                                                                                           |
+| `Progress`                                                                                                   | Progress bar, determinate and indeterminate                                                                                      |
+| `RadioGroup`, `RadioGroupItem`                                                                               | Radio button group with hover dot                                                                                                |
+| `ScrollArea`, `ScrollBar`                                                                                    | Custom-styled scrollable container                                                                                               |
+| `SearchInput`                                                                                                | Input with leading search icon                                                                                                   |
+| `Select`, `SelectTrigger`, `SelectContent`, `SelectItem`, `SelectValue`, ...                                 | Radix-backed select                                                                                                              |
+| `SelectableCard`                                                                                             | Card with embedded checkbox/radio state                                                                                          |
+| `Separator`                                                                                                  | Horizontal or vertical divider                                                                                                   |
+| `Sheet`, `SheetTrigger`, `SheetContent`, `SheetHeader`, `SheetTitle`, `SheetFooter`, ...                     | Side drawer (top / right / bottom / left)                                                                                        |
+| `Skeleton`                                                                                                   | Shimmer loading placeholder                                                                                                      |
+| `Toaster`                                                                                                    | Toast notifications (Sonner)                                                                                                     |
+| `Spinner`                                                                                                    | Animated loading indicator                                                                                                       |
+| `Switch`                                                                                                     | Toggle switch with `data-slot` label integration                                                                                 |
+| `Table`, `TableHeader`, `TableBody`, `TableRow`, `TableHead`, `TableCell`, `TableFooter`, `TableCaption`     | Data table                                                                                                                       |
+| `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`                                                             | Tabbed navigation, underline and pill variants                                                                                   |
+| `Textarea`                                                                                                   | Multiline text input                                                                                                             |
+| `Tooltip`, `TooltipTrigger`, `TooltipContent`, `TooltipProvider`                                             | Hover tooltip                                                                                                                    |
+| `Well`, `WellReveal`                                                                                         | Inset container for grouped settings                                                                                             |
+
+### Project Patterns
+
+Higher-level components composed from primitives, designed for dashboard and settings UIs.
+
+| Export                                              | Description                                                         |
+| --------------------------------------------------- | ------------------------------------------------------------------- |
+| `AskAiSheet`                                        | Side panel for AI assistant integration                             |
+| `AssetIcon`                                         | Chain/token icon with fallback initial                              |
+| `CodeBlock`                                         | Syntax-highlighted code block with copy button                      |
+| `CopyButton`                                        | Clipboard copy trigger with animated check                          |
+| `DangerZone`                                        | Destructive settings section gated by confirmation                  |
+| `DomainList`                                        | Editable list of allowed domains with add/remove                    |
+| `EmptyState`                                        | Zero-data placeholder with icon, title, description, CTA            |
+| `InfoBanner`                                        | Contextual banner. Variants: `info`, `warning`, `success`, `danger` |
+| `MetricCard`                                        | KPI stat card with value, label, and trend                          |
+| `PageActions`                                       | Sticky bottom action bar with primary/secondary slots               |
+| `PageSkeleton`, `StatCardSkeleton`, `TableSkeleton` | Page-level loading skeletons                                        |
+| `ProductPageLayout`                                 | Full-page scaffold: header, tabs, content, sidebar                  |
+| `SettingsSection`                                   | Labeled section wrapper for settings pages                          |
+| `StatusBadge`                                       | Live / inactive / pending status indicator                          |
+| `ToggleRow`                                         | Label + description + switch in a single accessible row             |
+| `UnsavedChangesBar`                                 | Sticky bottom bar for save/discard with change tracking             |
+
+### Animated Icons
+
+Custom SVG icons with spring physics via [Motion](https://motion.dev/). All icons accept standard SVG props plus a `className`.
+
+```tsx
+import {
+  ChevronDownIcon,
+  CopyCheckIcon,
+  SettingsIcon,
+} from '@dynamic-labs-sdk/droplet';
+
+<SettingsIcon className="size-4 text-muted-foreground" />;
+```
+
+| Export                                                                 | Description                              |
+| ---------------------------------------------------------------------- | ---------------------------------------- |
+| `AnimatedIcon`                                                         | Base wrapper for building animated icons |
+| `ArrowUpRightIcon`                                                     | External link arrow                      |
+| `ChartBarIncreasingIcon`                                               | Animated bar chart                       |
+| `ChevronDownIcon`                                                      | Chevron, rotates on toggle               |
+| `ChevronRightIcon`                                                     | Chevron pointing right                   |
+| `CopyIcon`                                                             | Copy to clipboard                        |
+| `CopyCheckIcon`                                                        | Copy → check transition                  |
+| `DollarSignIcon`                                                       | Currency symbol                          |
+| `DownloadIcon`                                                         | Download arrow                           |
+| `FingerprintIcon`                                                      | Biometric fingerprint                    |
+| `HomeIcon`                                                             | Home/dashboard                           |
+| `KeyIcon`                                                              | API key / auth                           |
+| `LayoutPanelTopIcon`                                                   | Layout panel                             |
+| `LinkIcon`                                                             | Hyperlink                                |
+| `MoonIcon`                                                             | Dark mode                                |
+| `PanelLeftCloseIcon`                                                   | Collapse sidebar                         |
+| `PanelLeftOpenIcon`                                                    | Expand sidebar                           |
+| `PlusIcon`                                                             | Add / create                             |
+| `RefreshCWIcon`                                                        | Refresh / reload                         |
+| `SearchIcon`                                                           | Search magnifier                         |
+| `SettingsIcon`                                                         | Settings gear                            |
+| `ShieldCheckIcon`                                                      | Security / verified                      |
+| `SunIcon`                                                              | Light mode                               |
+| `TerminalIcon`                                                         | Code / CLI                               |
+| `UsersIcon`                                                            | Users / team                             |
+| `ClaudeLogo`, `CursorLogo`, `OpenAILogo`, `VSCodeLogo`, `WindsurfLogo` | MCP tool logos                           |
+
+### Utilities & Hooks
+
+| Export                          | Description                                                                        |
+| ------------------------------- | ---------------------------------------------------------------------------------- |
+| `cn(...classes)`                | `clsx` + `tailwind-merge` class utility                                            |
+| `useUnsavedChanges(hasChanges)` | Hook for the `UnsavedChangesBar` — tracks dirty state and wires keyboard shortcuts |
+| `IconConfigProvider`            | Context provider for global icon configuration                                     |
+| `useIconConfig()`               | Access icon config context                                                         |
+
+---
+
+## Design tokens
+
+All tokens are CSS custom properties defined in `globals.css`. Tailwind utility classes map directly to them — `bg-brand-default` resolves to `var(--brand-default)`.
+
+### Color groups
+
+| Group        | Tokens                                                                                                                                                                                                          |
+| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Surfaces** | `--background`, `--card`, `--popover`, `--muted`, `--accent`, `--bg-bottom`, `--bg-default`, `--bg-accented`, `--bg-strong`, `--bg-absolute`                                                                    |
+| **Text**     | `--foreground`, `--muted-foreground`, `--text-disabled`, `--text-placeholder`, `--text-link`, `--text-invert`                                                                                                   |
+| **Brand**    | `--brand-default`, `--brand-hover`, `--brand-accented`, `--brand-light`, `--action`                                                                                                                             |
+| **Semantic** | `--success-default/light/text`, `--danger-default/light/text`, `--warning-default/light/text`, `--process-default/light/text`                                                                                   |
+| **Borders**  | `--border`, `--border-divider`, `--border-default`, `--border-hover`, `--border-strong`, `--border-focused`, `--border-selected`, `--border-danger`, `--border-success`, `--border-process`, `--border-warning` |
+| **Overlays** | `--overlay-hover`, `--overlay-pressed`, `--overlay-selected`, `--overlay-selected-hover`, `--overlay-md`, `--overlay-strong`                                                                                    |
+
+### Shadow system
+
+```css
+--shadow-border       /* 1px outline */
+--shadow-card         /* card elevation */
+--shadow-button       /* button depth */
+--shadow-input        /* form field */
+--shadow-input-hover  /* field on hover */
+--shadow-elevated     /* popovers / dropdowns */
+--shadow-card-content /* content area separator */
+```
+
+### Radius scale
+
+| Token          | Value |
+| -------------- | ----- |
+| `--radius-sm`  | 6px   |
+| `--radius-md`  | 8px   |
+| `--radius-lg`  | 10px  |
+| `--radius-xl`  | 12px  |
+| `--radius-2xl` | 14px  |
+| `--radius-3xl` | 16px  |
+| `--radius-4xl` | 20px  |
+
+### Dark mode
+
+Apply the `.dark` class to `<html>` to activate the dark palette. All tokens are redefined under `.dark` with OKLCH-matched values — brand hue is preserved, only lightness shifts.
+
+```ts
+document.documentElement.classList.toggle('dark', isDark);
+```
+
+---
+
+## Storybook
+
+Interactive component documentation with live token reference, dark mode toggle, and a11y audit on every story.
+
+```bash
+# From repo root
+pnpm --filter @dynamic-labs-sdk/droplet storybook
+
+# From packages/droplet
+pnpm storybook
+```
+
+Runs on **<http://localhost:4402>**.
+
+---
+
+## Development
+
+```bash
+# Run tests
+pnpm --filter @dynamic-labs-sdk/droplet test
+
+# Watch mode
+pnpm --filter @dynamic-labs-sdk/droplet test:watch
+
+# Build (ESM + CJS + .d.ts)
+pnpm --filter @dynamic-labs-sdk/droplet build
+
+# Lint
+pnpm --filter @dynamic-labs-sdk/droplet lint
+```
+
+---
+
+## Tech stack
+
+|                |                                                                                 |
+| -------------- | ------------------------------------------------------------------------------- |
+| **Primitives** | [Radix UI](https://www.radix-ui.com/)                                           |
+| **Styling**    | [Tailwind CSS v4](https://tailwindcss.com/) via `@tailwindcss/vite`             |
+| **Animations** | [Motion](https://motion.dev/) (spring physics)                                  |
+| **Icons**      | [HugeIcons](https://hugeicons.com/)                                             |
+| **Variants**   | [class-variance-authority](https://cva.style/)                                  |
+| **Toasts**     | [Sonner](https://sonner.emilkowal.ski/)                                         |
+| **Build**      | [tsdown](https://tsdown.dev/) (dual ESM/CJS)                                    |
+| **Tests**      | [Vitest](https://vitest.dev/) + [Testing Library](https://testing-library.com/) |
+| **Docs**       | [Storybook 8](https://storybook.js.org/)                                        |

package/dist/components/ask-ai-sheet/ask-ai-sheet.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Placeholder stub for the docs-AI sheet.
+ *
+ * Renders nothing in droplet — the real sheet lives in the consumer app and
+ * subscribes to the `docsPath` to surface contextual AI help. Kept here so
+ * `PageActions` can mount it unconditionally without each consumer wiring it.
+ */
+export declare const AskAISheet: ({ docsPath: _docsPath }: {
+    docsPath?: string;
+}) => null;
+//# sourceMappingURL=ask-ai-sheet.d.ts.map

package/dist/components/ask-ai-sheet/ask-ai-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ask-ai-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ask-ai-sheet/ask-ai-sheet.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,4BAA6B;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,SAExE,CAAC"}

package/dist/components/ask-ai-sheet/index.d.ts

@@ -0,0 +1,2 @@
+export { AskAISheet } from './ask-ai-sheet';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ask-ai-sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ask-ai-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/asset-icon/asset-icon.d.ts

@@ -0,0 +1,7 @@
+export interface AssetIconProps {
+    className?: string;
+    size?: number;
+    symbol: string;
+}
+export declare const AssetIcon: ({ symbol, size, className }: AssetIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=asset-icon.d.ts.map

package/dist/components/asset-icon/asset-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-icon.d.ts","sourceRoot":"","sources":["../../../src/components/asset-icon/asset-icon.tsx"],"names":[],"mappings":"AAqCA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,gCAAsC,cAAc,4CAiBzE,CAAA"}

package/dist/components/asset-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { AssetIcon } from './asset-icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/asset-icon/index.d.ts.map

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

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,24 @@
+type CodeBlockVariant = 'dark' | 'light';
+interface CodeBlockProps {
+    className?: string;
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    showTerminalPrompt?: boolean;
+    showWindowChrome?: boolean;
+    title?: string;
+    variant?: CodeBlockVariant;
+}
+declare const CodeBlock: import("react").ForwardRefExoticComponent<CodeBlockProps & import("react").RefAttributes<HTMLDivElement>>;
+interface PackageManagerTabsProps {
+    className?: string;
+    npm: string;
+    pnpm?: string;
+    showTerminalPrompt?: boolean;
+    variant?: CodeBlockVariant;
+    yarn?: string;
+}
+declare const PackageManagerTabs: ({ npm, yarn, pnpm, variant, showTerminalPrompt, className, }: PackageManagerTabsProps) => import("react/jsx-runtime").JSX.Element;
+export { CodeBlock, PackageManagerTabs };
+export type { CodeBlockProps, PackageManagerTabsProps, CodeBlockVariant };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.tsx"],"names":[],"mappings":"AAUA,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAExC,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AA6BD,QAAA,MAAM,SAAS,2GAwGd,CAAA;AAID,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,kBAAkB,iEAOrB,uBAAuB,4CAwGzB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/code-block/code-block.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    args: {
+        code: string;
+        showLineNumbers: false;
+        showTerminalPrompt: true;
+        showWindowChrome: false;
+        title: string;
+        variant: "dark";
+    };
+    argTypes: {
+        showLineNumbers: {
+            control: "boolean";
+        };
+        showTerminalPrompt: {
+            control: "boolean";
+        };
+        showWindowChrome: {
+            control: "boolean";
+        };
+        variant: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    component: import("react").ForwardRefExoticComponent<import("./code-block").CodeBlockProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Terminal: Story;
+export declare const ReactSnippet: Story;
+export declare const PackageTabs: Story;
+//# sourceMappingURL=code-block.stories.d.ts.map

package/dist/components/code-block/code-block.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.stories.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}

package/dist/components/code-block/index.d.ts

@@ -0,0 +1,3 @@
+export { CodeBlock, PackageManagerTabs } from './code-block';
+export type { CodeBlockProps, PackageManagerTabsProps, CodeBlockVariant } from './code-block';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,9 @@
+export interface CopyButtonProps {
+    className?: string;
+    label?: string;
+    size?: 'default' | 'sm' | 'xs' | 'icon' | 'icon-xs' | 'icon-sm';
+    value: string;
+    variant?: 'default' | 'outline' | 'ghost' | 'secondary';
+}
+export declare const CopyButton: ({ value, label, variant, size, className, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=copy-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/copy-button.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAA;CACxD;AAED,eAAO,MAAM,UAAU,gDAMpB,eAAe,4CAgEjB,CAAA"}

package/dist/components/copy-button/copy-button.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    args: {
+        size: "icon-sm";
+        value: string;
+        variant: "outline";
+    };
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        value: {
+            control: "text";
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+    };
+    component: ({ value, label, variant, size, className, }: import("./copy-button").CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const NextToValue: Story;
+//# sourceMappingURL=copy-button.stories.d.ts.map

package/dist/components/copy-button/copy-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/copy-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAqByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

package/dist/components/copy-button/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton } from './copy-button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/copy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/danger-zone/danger-zone.d.ts

@@ -0,0 +1,11 @@
+export interface DangerZoneProps {
+    actionLabel: string;
+    className?: string;
+    confirmDescription?: string;
+    confirmTitle?: string;
+    description: string;
+    onConfirm: () => void;
+    title: string;
+}
+export declare const DangerZone: ({ title, description, actionLabel, confirmTitle, confirmDescription, onConfirm, className, }: DangerZoneProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=danger-zone.d.ts.map

package/dist/components/danger-zone/danger-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-zone.d.ts","sourceRoot":"","sources":["../../../src/components/danger-zone/danger-zone.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,iGAQpB,eAAe,4CAyCjB,CAAA"}

package/dist/components/danger-zone/danger-zone.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    args: {
+        actionLabel: string;
+        description: string;
+        onConfirm: () => void;
+        title: string;
+    };
+    component: ({ title, description, actionLabel, confirmTitle, confirmDescription, onConfirm, className, }: import("./danger-zone").DangerZoneProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomConfirmCopy: Story;
+//# sourceMappingURL=danger-zone.stories.d.ts.map

package/dist/components/danger-zone/danger-zone.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-zone.stories.d.ts","sourceRoot":"","sources":["../../../src/components/danger-zone/danger-zone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAcyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAenC,CAAC"}

package/dist/components/danger-zone/index.d.ts

@@ -0,0 +1,2 @@
+export { DangerZone } from './danger-zone';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/danger-zone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/danger-zone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/domain-list/domain-list.d.ts

@@ -0,0 +1,10 @@
+export interface DomainListProps {
+    className?: string;
+    domains: string[];
+    onChange: (domains: string[]) => void;
+    placeholder?: string;
+    validate?: (domain: string) => string | null;
+}
+declare const DomainList: ({ className, domains, onChange, placeholder, validate, }: DomainListProps) => import("react/jsx-runtime").JSX.Element;
+export { DomainList };
+//# sourceMappingURL=domain-list.d.ts.map

package/dist/components/domain-list/domain-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain-list.d.ts","sourceRoot":"","sources":["../../../src/components/domain-list/domain-list.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,UAAU,6DAMb,eAAe,4CAwFjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/domain-list/domain-list.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    args: any;
+    component: ({ className, domains, onChange, placeholder, validate, }: import("./domain-list").DomainListProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CORSOrigins: Story;
+//# sourceMappingURL=domain-list.stories.d.ts.map

package/dist/components/domain-list/domain-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain-list.stories.d.ts","sourceRoot":"","sources":["../../../src/components/domain-list/domain-list.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;UACI,GAAG;;;;;;;CAKkB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC"}

package/dist/components/domain-list/index.d.ts

@@ -0,0 +1,2 @@
+export { DomainList } from './domain-list';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/domain-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/domain-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentType, type ReactNode } from 'react';
+export interface EmptyStateProps {
+    action?: ReactNode;
+    className?: string;
+    description: string;
+    icon: ComponentType<{
+        className?: string;
+        size?: number;
+    }>;
+    title: string;
+}
+export declare const EmptyState: ({ icon: Icon, title, description, action, className }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI1D,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,0DAA2D,eAAe,4CAWhG,CAAA"}

package/dist/components/empty-state/empty-state.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    args: any;
+    component: ({ icon: Icon, title, description, action, className }: import("./empty-state").EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NoUsers: Story;
+export declare const WithAction: Story;
+//# sourceMappingURL=empty-state.stories.d.ts.map

package/dist/components/empty-state/empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.stories.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYvD,QAAA,MAAM,IAAI;UACI,GAAG;;;;;;;CAKkB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC"}

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './empty-state';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}