my-you-eye 0.2.1 → 0.2.3

package/COMPONENTS.md

@@ -9,7 +9,7 @@ import { Button, Card } from "my-you-eye";
 import "my-you-eye/styles.css";
 ```
 
-**55 components** across 9 groups.
+**53 components** across 9 groups.
 
 ## canvas
 
@@ -25,11 +25,10 @@ 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 |
+| `DataTable` | variant: striped<br>density: compact | Alice, Bob, Charlie, Diana, Eve, Frank, Grace, Ivy, Leo, Olivia, Default, Striped, Scrolling + sticky header, Truncation |
+| `List` | variant: compact | Default & Compact, Striped, Scrolling |
+| `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
 
@@ -80,7 +79,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 +97,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/components.json

@@ -1,7 +1,7 @@
 {
   "package": "my-you-eye",
   "generated": "auto — do not edit by hand; run `npm run manifest`",
-  "count": 55,
+  "count": 53,
   "components": [
     {
       "name": "Canvas",
@@ -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,26 +103,12 @@
         ]
       },
       "demos": [
-        "Data types in a table",
-        "foo",
+        "Data Types",
+        "Project X",
         "Project X",
         "Numeric types"
       ]
     },
-    {
-      "name": "DataList",
-      "group": "data",
-      "folder": "ui/data-list",
-      "props": {
-        "variant": [
-          "compact"
-        ]
-      },
-      "demos": [
-        "Default & Compact",
-        "Long values"
-      ]
-    },
     {
       "name": "DataTable",
       "group": "data",
@@ -138,23 +126,31 @@
         "Bob",
         "Charlie",
         "Diana",
+        "Eve",
+        "Frank",
+        "Grace",
+        "Ivy",
+        "Leo",
+        "Olivia",
         "Default",
-        "Status variants",
-        "Striped + compact"
+        "Striped",
+        "Scrolling + sticky header",
+        "Truncation"
       ]
     },
     {
-      "name": "Table",
+      "name": "List",
       "group": "data",
-      "folder": "ui/table",
+      "folder": "ui/data-list",
       "props": {
-        "align": [
-          "right"
+        "variant": [
+          "compact"
         ]
       },
       "demos": [
-        "Row ${i + 1}",
-        "Sticky header (scroll down)"
+        "Default & Compact",
+        "Striped",
+        "Scrolling"
       ]
     },
     {
@@ -170,7 +166,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)"
@@ -613,13 +610,15 @@
       "folder": "ui/tabs",
       "props": {
         "variant": [
+          "filing",
           "pills",
           "underline"
         ]
       },
       "demos": [
         "Underline",
-        "Pills"
+        "Pills",
+        "Filing"
       ]
     },
     {
@@ -738,17 +737,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,9 @@ interface CellValueProps {
     statusPulse?: boolean;
     replacements?: UrlReplacement[];
     dateFormat?: Intl.DateTimeFormatOptions;
+    compact?: boolean;
 }
-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, }: CellTypeProps): react.JSX.Element;
 
 interface CanvasProps extends HTMLAttributes<HTMLDivElement> {
     gridSize?: number;
@@ -559,6 +564,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 +576,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;
@@ -700,22 +711,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 };