my-you-eye 0.2.1 → 0.3.0

package/COMPONENTS.md

@@ -9,14 +9,14 @@ import { Button, Card } from "my-you-eye";
 import "my-you-eye/styles.css";
 ```
 
-**55 components** across 9 groups.
+**54 components** across 9 groups.
 
 ## canvas
 
 | Component | Variants | Demos |
 |---|---|---|
 | `Canvas` | — | Empty grid |
-| `Edge` | variant: bezier / stepped / straight<br>state: connected | Path variants, Edge states |
+| `ConnectionLine` | variant: bezier / stepped / straight<br>state: connected | Path variants, Edge states |
 | `Graph` | type: button | Pipeline editor (drag nodes, connect ports, delete selected) |
 | `GraphNode` | variant: muted / selected | Variants |
 | `Port` | state: connected / default / highlighted | States |
@@ -25,11 +25,11 @@ import "my-you-eye/styles.css";
 
 | Component | Variants | Demos |
 |---|---|---|
-| `CellValue` | type: array / audio / badge / boolean / bytes / date-human / date-system / datetime-tz / duration / email / image / json / null / number / percentage / status / text / tree / url | Data types in a table, foo, Project X, Numeric types |
-| `DataList` | variant: compact | Default & Compact, Long values |
-| `DataTable` | variant: striped<br>density: compact | Alice, Bob, Charlie, Diana, Default, Status variants, Striped + compact |
-| `Table` | align: right | Row ${i + 1}, Sticky header (scroll down) |
-| `TreeView` | type: button<br>variant: condensed | Default & Condensed (depth-based expand), Controlled expand state, Leading icons (click a row, then use arrow keys), Messy nested payload (hover to trace depth guides) |
+| `CellType` | type: array / audio / badge / boolean / bytes / currency / date-human / date-system / datetime-tz / duration / email / image / json / null / number / percentage / signed / status / text / tree / url | Data Types, Project X, Project X, Numeric types |
+| `DataList` | variant: compact | Default & Compact, Striped, Scrolling |
+| `DataTable` | variant: striped<br>density: compact | Default, Striped, Scrolling + sticky header, Truncation |
+| `Table` | — |  |
+| `TreeView` | type: button<br>variant: condensed | Default vs Condensed, Depth-based expand, Controlled expand state, Leading icons (click a row, then use arrow keys), Messy nested payload (hover to trace depth guides) |
 
 ## display
 
@@ -38,7 +38,7 @@ import "my-you-eye/styles.css";
 | `Avatar` | size: lg / md / sm | Sizes, Fallback variants, With image, With ring, With status dot |
 | `Badge` | variant: danger / neutral / primary / success / warning<br>style: soft | Variants (solid), Variants (soft) |
 | `Card` | variant: danger / default / elevated / ghost / outlined<br>size: sm | Variants, With footer actions |
-| `CodeBlock` | variant: elevated | Bare (no header, no language), Language-only (badge overlay, no header bar), With header + language, Elevated, Line numbers, No wrap (horizontal scroll) |
+| `CodeBlock` | variant: elevated | Bare (no header, no language), Language-only (badge overlay, no header bar), With header + language, Elevated, Line numbers, No wrap (horizontal scroll), Syntax highlighting (TS), Syntax highlighting (CSS / HTML / SQL / YAML / Python) |
 | `EmptyState` | variant: secondary | Default, With icon and action |
 | `Image` | — | Fit modes, Border radius, Aspect ratio, Styles, With caption |
 | `Kbd` | — | Default, Combinations |
@@ -53,9 +53,9 @@ import "my-you-eye/styles.css";
 |---|---|---|
 | `Alert` | variant: danger / info / success / warning | Variants, With title, With icon |
 | `Progress` | variant: danger / default / success / warning | Variants, No label |
-| `Saved` | variant: danger / secondary | Trigger toasts |
 | `Skeleton` | shape: circle / rect / text | Shapes |
 | `Spinner` | size: lg / md / sm | Sizes |
+| `Toast` | variant: danger / secondary | Trigger toasts |
 
 ## inputs
 
@@ -80,7 +80,7 @@ import "my-you-eye/styles.css";
 |---|---|---|
 | `Breadcrumbs` | — | Default, Custom separator |
 | `Pagination` | — | Default (10 pages), Few pages |
-| `Tabs` | variant: pills / underline | Underline, Pills |
+| `Tabs` | variant: filing / pills / underline | Underline, Pills, Filing |
 
 ## overlay
 
@@ -98,7 +98,6 @@ import "my-you-eye/styles.css";
 | Component | Variants | Demos |
 |---|---|---|
 | `ConfirmDialog` | variant: danger / secondary | Variants |
-| `FilingTabs` | — | Default, Many tabs, First tab active |
 | `FormField` | type: password | Default, With hint, Required with error |
 | `PageShell` | variant: secondary | Default, With actions |
 | `StatCard` | — | Default |

package/README.md

@@ -136,7 +136,7 @@ src/
   lib/cn.ts            # clsx + tailwind-merge helper
   styles/
     tokens.css         # ALL base design tokens
-    themes/*.css       # per-theme token overrides (dark, neon, high-contrast, …)
+    themes/*.css       # per-theme token overrides (dark, neon, contrast, …)
     globals.css        # tailwind entry, global scrollbar, base styles
   ui/<component>/      # Component.tsx + Component.showcase.tsx + index.ts
   ui/patterns/         # compositions built FROM primitives (FormField, Orchestrator, …)

package/SKILL.md

@@ -11,18 +11,22 @@ There is almost certainly already a component for it.
 
 ## Step 1 — find the component (always do this first)
 
-Read `components.json` (or the human-readable `COMPONENTS.md`) at the package root. It is
-auto-generated from the library's showcases and lists **every** component, its group, and its
-variant props. Pick the component whose name/group matches what you need.
+Read `COMPONENTS.md` (human-readable) or `components.json` (machine-readable) at the package
+root. Both are auto-generated from the library's showcases and list **every** component, its
+group, and its variant props. Pick the component whose name/group matches what you need.
+
+You can also run `npx my-you-eye list` for a quick terminal overview.
+
+## Component catalog
 
 ### inputs
 Button, Checkbox, Combobox, FileDrop, Input, Label, MultiSelect, RadioGroup, Select, Slider, Switch, Textarea
 
 ### display
-Avatar, Badge, Card, CodeBlock, DataList, EmptyState, Image, Kbd, Markdown, ScrollArea, Separator, Skeleton, StatusDot, Typography
+Avatar, Badge, Card, CodeBlock, EmptyState, Image, Kbd, Markdown, ScrollArea, Separator, StatusDot
 
 ### feedback
-Alert, Progress, Spinner, Toast
+Alert, Progress, Skeleton, Spinner, Toast
 
 ### overlay
 CommandPalette, Dialog, Drawer, DropdownMenu, Popover, Tooltip
@@ -31,13 +35,16 @@ CommandPalette, Dialog, Drawer, DropdownMenu, Popover, Tooltip
 Breadcrumbs, Pagination, Tabs
 
 ### canvas
-Canvas, ConnectionLine, Edge, GraphNode, Orchestrator, Port
+Canvas, ConnectionLine, Graph, GraphNode, Port
 
 ### data
-CellValue, Table, TreeView
+CellType, DataList, DataTable, Table, TreeView
 
 ### patterns
-ConfirmDialog, DataTable, FormField, PageShell, StatCard, Toolbar
+ConfirmDialog, FormField, PageShell, StatCard, TexturedSurface, Toolbar
+
+### typography
+Typography
 
 ## Step 2 — use it
 
@@ -48,16 +55,58 @@ import "my-you-eye/styles.css"; // once, at the app root
 <Button variant="primary" size="md">Save</Button>
 ```
 
+**Setup requirements:**
+- Your project must use Tailwind CSS v4 (the library's CSS imports `@import "tailwindcss"`).
+- Wrap your app root in `<TooltipProvider>` if you use Tooltip.
+- Render `<Toaster />` somewhere in your app if you use toasts.
+
 Pick behavior with **variant props** from the manifest's allowed set. Use `className` only for
 one-off **layout** (width, margin) — never to restyle. If you keep re-adding the same
 `className`, the right fix is a new variant in the library, not a local override.
 
+## Multi-part components
+
+Some components export sub-parts. Import them by name:
+
+**Dialog:** `Dialog, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter`
+**Drawer:** `Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter`
+**DropdownMenu:** `DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel`
+**Popover:** `Popover, PopoverTrigger, PopoverContent, PopoverClose`
+**Tooltip:** `TooltipProvider, Tooltip, TooltipContent`
+**Select:** `Select, SelectTrigger, SelectContent, SelectItem, SelectValue`
+**Tabs:** `Tabs, TabsList, TabsTrigger, TabsContent`
+**Card:** `Card, CardHeader, CardTitle, CardContent, CardFooter`
+**Table:** `Table, TableHeader, TableBody, TableRow, TableHead, TableCell`
+**RadioGroup:** `RadioGroup, RadioGroupItem`
+**Toast:** `Toaster, useToast` (hook — `const { toast } = useToast()`)
+
 ## Step 3 — customize by theme, not by fork
 
 All color, radius, spacing, typography, border, and surface values come from CSS variables.
 To restyle globally, override the tokens at your app root or set `data-theme="<name>"` /
 `.dark` on `<html>` — do not copy component code or wrap components in style overrides.
 
+Available themes: `default`, `dark`, `neon`, `contrast`, `glass`, `comic`, `brutal`, `stark`, `frosted`, `metallic`.
+
+```tsx
+// Switch theme
+document.documentElement.dataset.theme = "glass";
+// Toggle dark mode
+document.documentElement.classList.toggle("dark");
+```
+
+## CLI tool
+
+```
+npx my-you-eye init [--force]   Copy SKILL.md + components.json to skills/
+npx my-you-eye list             List all components with groups and variants
+npx my-you-eye sync             Re-copy SKILL.md + components.json (overwrite)
+npx my-you-eye --help           Show usage
+```
+
+`init` places `SKILL.md` and `components.json` in a local `skills/` directory so your AI
+agent can discover them automatically.
+
 ## If a component genuinely does not exist
 
 It belongs in the library, not in the consuming app. Add it upstream in `src/ui/` following

package/bin/my-you-eye.mjs

@@ -54,14 +54,14 @@ function cmdList() {
     (groups[c.group] ??= []).push(c);
   }
 
-  const groupOrder = ["inputs", "display", "feedback", "overlay", "navigation", "canvas", "data", "patterns"];
+  const groupOrder = ["inputs", "display", "feedback", "overlay", "navigation", "canvas", "data", "patterns", "typography"];
 
   for (const group of groupOrder) {
     if (!groups[group]) continue;
     console.log(`\n  ${group}`);
     console.log(`  ${"-".repeat(group.length)}`);
     for (const c of groups[group]) {
-      const variants = Object.entries(c.variants)
+      const variants = Object.entries(c.props)
         .map(([k, v]) => `${k}: ${v.join(" | ")}`)
         .join(", ");
       console.log(`    ${c.name}${variants ? `  (${variants})` : ""}`);

package/components.json

@@ -1,7 +1,7 @@
 {
   "package": "my-you-eye",
   "generated": "auto — do not edit by hand; run `npm run manifest`",
-  "count": 55,
+  "count": 54,
   "components": [
     {
       "name": "Canvas",
@@ -13,7 +13,7 @@
       ]
     },
     {
-      "name": "Edge",
+      "name": "ConnectionLine",
       "group": "canvas",
       "folder": "ui/connection-line",
       "props": {
@@ -74,9 +74,9 @@
       ]
     },
     {
-      "name": "CellValue",
+      "name": "CellType",
       "group": "data",
-      "folder": "ui/cell-value",
+      "folder": "ui/cell-type",
       "props": {
         "type": [
           "array",
@@ -84,6 +84,7 @@
           "badge",
           "boolean",
           "bytes",
+          "currency",
           "date-human",
           "date-system",
           "datetime-tz",
@@ -94,6 +95,7 @@
           "null",
           "number",
           "percentage",
+          "signed",
           "status",
           "text",
           "tree",
@@ -101,8 +103,8 @@
         ]
       },
       "demos": [
-        "Data types in a table",
-        "foo",
+        "Data Types",
+        "Project X",
         "Project X",
         "Numeric types"
       ]
@@ -118,7 +120,8 @@
       },
       "demos": [
         "Default & Compact",
-        "Long values"
+        "Striped",
+        "Scrolling"
       ]
     },
     {
@@ -134,28 +137,18 @@
         ]
       },
       "demos": [
-        "Alice",
-        "Bob",
-        "Charlie",
-        "Diana",
         "Default",
-        "Status variants",
-        "Striped + compact"
+        "Striped",
+        "Scrolling + sticky header",
+        "Truncation"
       ]
     },
     {
       "name": "Table",
       "group": "data",
       "folder": "ui/table",
-      "props": {
-        "align": [
-          "right"
-        ]
-      },
-      "demos": [
-        "Row ${i + 1}",
-        "Sticky header (scroll down)"
-      ]
+      "props": {},
+      "demos": []
     },
     {
       "name": "TreeView",
@@ -170,7 +163,8 @@
         ]
       },
       "demos": [
-        "Default & Condensed (depth-based expand)",
+        "Default vs Condensed",
+        "Depth-based expand",
         "Controlled expand state",
         "Leading icons (click a row, then use arrow keys)",
         "Messy nested payload (hover to trace depth guides)"
@@ -252,7 +246,9 @@
         "With header + language",
         "Elevated",
         "Line numbers",
-        "No wrap (horizontal scroll)"
+        "No wrap (horizontal scroll)",
+        "Syntax highlighting (TS)",
+        "Syntax highlighting (CSS / HTML / SQL / YAML / Python)"
       ]
     },
     {
@@ -383,20 +379,6 @@
         "No label"
       ]
     },
-    {
-      "name": "Saved",
-      "group": "feedback",
-      "folder": "ui/toast",
-      "props": {
-        "variant": [
-          "danger",
-          "secondary"
-        ]
-      },
-      "demos": [
-        "Trigger toasts"
-      ]
-    },
     {
       "name": "Skeleton",
       "group": "feedback",
@@ -427,6 +409,20 @@
         "Sizes"
       ]
     },
+    {
+      "name": "Toast",
+      "group": "feedback",
+      "folder": "ui/toast",
+      "props": {
+        "variant": [
+          "danger",
+          "secondary"
+        ]
+      },
+      "demos": [
+        "Trigger toasts"
+      ]
+    },
     {
       "name": "Button",
       "group": "inputs",
@@ -613,13 +609,15 @@
       "folder": "ui/tabs",
       "props": {
         "variant": [
+          "filing",
           "pills",
           "underline"
         ]
       },
       "demos": [
         "Underline",
-        "Pills"
+        "Pills",
+        "Filing"
       ]
     },
     {
@@ -738,17 +736,6 @@
         "Variants"
       ]
     },
-    {
-      "name": "FilingTabs",
-      "group": "patterns",
-      "folder": "ui/patterns/filing-tabs",
-      "props": {},
-      "demos": [
-        "Default",
-        "Many tabs",
-        "First tab active"
-      ]
-    },
     {
       "name": "FormField",
       "group": "patterns",

package/dist/index.d.ts

@@ -20,7 +20,7 @@ export { Root as DropdownMenu, Trigger as DropdownMenuTrigger } from '@radix-ui/
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 export { Root as Popover, Close as PopoverClose, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
 import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
-import { List, Trigger as Trigger$1, Content as Content$1 } from '@radix-ui/react-tabs';
+import { List, Trigger as Trigger$1 } from '@radix-ui/react-tabs';
 import { Root as Root$3 } from '@radix-ui/react-avatar';
 
 declare function cn(...inputs: ClassValue[]): string;
@@ -195,19 +195,23 @@ interface ConfirmDialogProps {
 declare function ConfirmDialog({ title, description, confirmLabel, destructive, onConfirm, trigger, open, onOpenChange, }: ConfirmDialogProps): react.JSX.Element;
 
 declare const tabsListVariants: (props?: ({
-    variant?: "underline" | "pills" | null | undefined;
+    variant?: "underline" | "pills" | "filing" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const tabsTriggerVariants: (props?: ({
-    variant?: "underline" | "pills" | null | undefined;
+    variant?: "underline" | "pills" | "filing" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TabsListProps extends React.ComponentPropsWithoutRef<typeof List>, VariantProps<typeof tabsListVariants> {
 }
 interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof Trigger$1>, VariantProps<typeof tabsTriggerVariants> {
 }
-declare const Tabs: react.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & react.RefAttributes<HTMLDivElement>>;
+declare const Tabs: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "underline" | "pills" | "filing" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
 declare const TabsList: react.ForwardRefExoticComponent<TabsListProps & react.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: react.ForwardRefExoticComponent<TabsTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "underline" | "pills" | "filing" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
 
 interface BreadcrumbItem {
     label: string;
@@ -354,12 +358,12 @@ declare const StatusDot: react.ForwardRefExoticComponent<StatusDotProps & react.
 type KbdProps = HTMLAttributes<HTMLElement>;
 declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLElement>>;
 
-type CellValueType = "text" | "boolean" | "email" | "url" | "json" | "null" | "badge" | "status" | "number" | "percentage" | "date-human" | "date-system" | "datetime-tz" | "bytes" | "duration" | "array" | "image" | "audio" | "tree";
+type CellValueType = "text" | "boolean" | "email" | "url" | "json" | "null" | "badge" | "status" | "number" | "percentage" | "date-human" | "date-system" | "datetime-tz" | "bytes" | "duration" | "currency" | "signed" | "array" | "image" | "audio" | "tree";
 type UrlReplacement = {
     pattern: string | RegExp;
     label: string;
 };
-interface CellValueProps {
+interface CellTypeProps {
     type?: CellValueType;
     value?: unknown;
     badgeVariant?: BadgeProps["variant"];
@@ -368,8 +372,15 @@ interface CellValueProps {
     statusPulse?: boolean;
     replacements?: UrlReplacement[];
     dateFormat?: Intl.DateTimeFormatOptions;
+    compact?: boolean;
+    /** Fraction digits (0-20). Controls minimumFractionDigits and maximumFractionDigits. */
+    fractionDigits?: number;
+    /** ISO 4217 currency code for "currency" type (default "USD"). */
+    currency?: string;
+    /** Force a byte unit (e.g. "GB"). Overrides auto-scaling for "bytes" type. */
+    displayUnit?: string;
 }
-declare function CellValue({ type, value, badgeVariant, badgeStyle, statusVariant, statusPulse, replacements, dateFormat, }: CellValueProps): react.JSX.Element;
+declare function CellType({ type, value, badgeVariant, badgeStyle, statusVariant, statusPulse, replacements, dateFormat, compact, fractionDigits, currency, displayUnit, }: CellTypeProps): react.JSX.Element;
 
 interface CanvasProps extends HTMLAttributes<HTMLDivElement> {
     gridSize?: number;
@@ -467,6 +478,8 @@ interface CodeBlockProps extends HTMLAttributes<HTMLPreElement>, VariantProps<ty
     header?: string;
     wrap?: boolean;
     showLineNumbers?: boolean;
+    /** Enable syntax highlighting for supported languages (js, ts, tsx, json, bash). */
+    highlight?: boolean;
 }
 declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLPreElement>>;
 
@@ -483,7 +496,7 @@ interface ComboboxProps {
     className?: string;
     disabled?: boolean;
 }
-declare function Combobox({ options, value, onChange, placeholder, emptyText, className, disabled, }: ComboboxProps): react.JSX.Element;
+declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface MultiSelectOption {
     value: string;
@@ -498,7 +511,7 @@ interface MultiSelectProps {
     className?: string;
     disabled?: boolean;
 }
-declare function MultiSelect({ options, value, onChange, placeholder, emptyText, className, disabled, }: MultiSelectProps): react.JSX.Element;
+declare const MultiSelect: react.ForwardRefExoticComponent<MultiSelectProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface CommandAction {
     id: string;
@@ -519,7 +532,7 @@ interface CommandPaletteProps {
         actionIds: string[];
     }[];
 }
-declare function CommandPalette({ open, onOpenChange, actions, onSelect, placeholder, emptyText, groups, }: CommandPaletteProps): react.JSX.Element;
+declare const CommandPalette: react.ForwardRefExoticComponent<CommandPaletteProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const drawerContentVariants: (props?: ({
     side?: "left" | "right" | null | undefined;
@@ -559,6 +572,8 @@ interface DataTableColumn {
     header: string;
     type?: CellValueType;
     align?: "left" | "right" | "center";
+    /** Relative width hint for table-fixed layout. Omit for equal share of remaining space. */
+    width?: "xs" | "sm" | "md" | "lg" | "xl";
     badgeVariant?: "neutral" | "primary" | "success" | "warning" | "danger";
     badgeStyle?: "solid" | "soft";
     statusVariant?: StatusVariant | ((value: unknown) => StatusVariant);
@@ -569,6 +584,10 @@ interface DataTableProps extends HTMLAttributes<HTMLDivElement>, VariantProps<ty
     rows: Record<string, unknown>[];
     stickyHeader?: boolean;
     replacements?: UrlReplacement[];
+    /** "fixed" locks columns to width hints/equal share (default). "auto" sizes columns
+     *  to content and enables horizontal scroll — use for rows with divergent content
+     *  widths (e.g. a type smoke test) where fixed columns would clip legitimate content. */
+    layout?: "fixed" | "auto";
 }
 declare const dataTableVariants: (props?: ({
     variant?: "default" | "striped" | null | undefined;
@@ -607,7 +626,7 @@ interface ConnectionLineProps extends VariantProps<typeof lineVariants> {
     };
     className?: string;
 }
-declare function ConnectionLine({ className, variant, state, from, to, }: ConnectionLineProps): react.JSX.Element;
+declare const ConnectionLine: react.ForwardRefExoticComponent<ConnectionLineProps & react.RefAttributes<SVGSVGElement>>;
 
 interface FileDropProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDrop"> {
     onDrop?: (files: File[]) => void;
@@ -700,22 +719,4 @@ declare const TexturedSurface: react.ForwardRefExoticComponent<TexturedSurfacePr
     ParamTable: typeof ParamTable;
 };
 
-declare const filingListVariants: (props?: ({
-    variant?: "default" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const filingTriggerVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const filingContentVariants: (props?: ({
-    variant?: "default" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface FilingTabsListProps extends React.ComponentPropsWithoutRef<typeof List>, VariantProps<typeof filingListVariants> {
-}
-interface FilingTabsTriggerProps extends React.ComponentPropsWithoutRef<typeof Trigger$1>, VariantProps<typeof filingTriggerVariants> {
-}
-interface FilingTabsContentProps extends React.ComponentPropsWithoutRef<typeof Content$1>, VariantProps<typeof filingContentVariants> {
-}
-declare const FilingTabs: react.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & react.RefAttributes<HTMLDivElement>>;
-declare const FilingTabsList: react.ForwardRefExoticComponent<FilingTabsListProps & react.RefAttributes<HTMLDivElement>>;
-declare const FilingTabsTrigger: react.ForwardRefExoticComponent<FilingTabsTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const FilingTabsContent: react.ForwardRefExoticComponent<FilingTabsContentProps & react.RefAttributes<HTMLDivElement>>;
-
-export { Alert, Avatar, Badge, Breadcrumbs, Button, Canvas, Card, CardContent, CardFooter, CardHeader, CardTitle, CellValue, Checkbox, CodeBlock, Combobox, CommandPalette, ConfirmDialog, ConnectionLine, DataList, DataTable, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, type EditorEdge, type EditorNode, EmptyState, FileDrop, FilingTabs, FilingTabsContent, FilingTabsList, FilingTabsTrigger, FormField, Graph, GraphNode, type GraphProps, Image, Input, Kbd, Label, Markdown, MultiSelect, PageShell, Pagination, PopoverContent, Port, Progress, RadioGroup, RadioGroupItem, ScrollArea, SelectContent, SelectItem, SelectTrigger, Separator, Skeleton, Slider, Spinner, StatCard, StatusDot, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TexturedSurface, Toaster, Toolbar, Tooltip, TooltipContent, TooltipProvider, TreeView, Typography, cn, useToast };
+export { Alert, Avatar, Badge, Breadcrumbs, Button, Canvas, Card, CardContent, CardFooter, CardHeader, CardTitle, CellType, Checkbox, CodeBlock, Combobox, CommandPalette, ConfirmDialog, ConnectionLine, DataList, DataTable, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, type EditorEdge, type EditorNode, EmptyState, FileDrop, FormField, Graph, GraphNode, type GraphProps, Image, Input, Kbd, Label, Markdown, MultiSelect, PageShell, Pagination, PopoverContent, Port, Progress, RadioGroup, RadioGroupItem, ScrollArea, SelectContent, SelectItem, SelectTrigger, Separator, Skeleton, Slider, Spinner, StatCard, StatusDot, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TexturedSurface, Toaster, Toolbar, Tooltip, TooltipContent, TooltipProvider, TreeView, Typography, cn, useToast };