@object-ui/components 3.3.0 → 3.3.1

package/dist/packages/components/src/custom/empty.d.ts

@@ -8,4 +8,15 @@ declare function EmptyMedia({ className, variant, ...props }: React.ComponentPro
 declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };
+/**
+ * EmptyValue — universal inline placeholder for missing cell/field values.
+ *
+ * Use this anywhere a renderer would otherwise show "-" or "—" for a null,
+ * undefined or empty value. It renders a muted, non-interactive en-dash that
+ * does not inherit link/button colors from surrounding ancestors, so a missing
+ * value never looks clickable.
+ */
+declare function EmptyValue({ className, glyph, ...props }: React.ComponentProps<"span"> & {
+    glyph?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, EmptyValue, };

package/dist/packages/components/src/renderers/action/action-bar.d.ts

@@ -1,8 +1,19 @@
 import { ActionSchema, ActionLocation } from '../../../../types/src';
 export interface ActionBarSchema {
     type: 'action:bar';
-    /** Actions to render */
+    /** Business actions to render — subject to inline/overflow split via {@link maxVisible} */
     actions?: ActionSchema[];
+    /**
+     * System/chrome actions (Duplicate, Export, View History, Delete, etc.) that
+     * are *always* placed in the overflow menu — never inline — regardless of
+     * {@link maxVisible}. They share a single overflow button with any business
+     * actions that spilled past {@link maxVisible}, guaranteeing at most one
+     * "More" menu per bar.
+     *
+     * The first system action is automatically separated from business-overflow
+     * entries by a menu separator.
+     */
+    systemActions?: ActionSchema[];
     /** Filter actions by this location */
     location?: ActionLocation;
     /** Maximum visible inline actions before overflow into "More" menu (default: 3) */

package/dist/packages/components/src/ui/chart.d.ts

@@ -32,43 +32,24 @@ declare const ChartStyle: ({ id, config }: {
     config: ChartConfig;
 }) => import("react/jsx-runtime").JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Omit<RechartsPrimitive.DefaultTooltipContentProps<RechartsPrimitive.TooltipValueType, import('recharts/types/component/DefaultTooltipContent').NameType>, "label" | "viewBox" | "active" | "payload" | "coordinate" | "accessibilityLayer"> & {
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     active?: boolean;
-    allowEscapeViewBox?: import('recharts/types/util/types').AllowInDimension;
-    animationDuration?: import('recharts/types/util/types').AnimationDuration;
-    animationEasing?: import('recharts/types/util/types').AnimationTiming;
-    axisId?: RechartsPrimitive.AxisId;
-    content?: import('recharts/types/component/Tooltip').ContentType<RechartsPrimitive.TooltipValueType, import('recharts/types/component/DefaultTooltipContent').NameType> | undefined;
-    contentStyle?: React.CSSProperties;
-    cursor?: import('recharts/types/component/Cursor').CursorDefinition;
-    defaultIndex?: number | RechartsPrimitive.TooltipIndex;
-    filterNull?: boolean;
-    formatter?: ((value: RechartsPrimitive.TooltipValueType, name: import('recharts/types/component/DefaultTooltipContent').NameType, item: import('recharts/types/state/tooltipSlice').TooltipPayloadEntry, index: number, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode | [React.ReactNode, React.ReactNode]) | undefined;
-    includeHidden?: boolean | undefined;
-    isAnimationActive?: boolean | "auto";
-    itemSorter?: RechartsPrimitive.TooltipItemSorter;
-    itemStyle?: React.CSSProperties;
-    labelFormatter?: (label: any, payload: RechartsPrimitive.TooltipPayload) => React.ReactNode;
-    labelStyle?: React.CSSProperties;
-    offset?: number | RechartsPrimitive.Coordinate;
-    payloadUniqBy?: import('recharts/types/util/payload/getUniqPayload').UniqueOption<import('recharts/types/state/tooltipSlice').TooltipPayloadEntry>;
-    portal?: HTMLElement | null;
-    position?: Partial<RechartsPrimitive.Coordinate>;
-    reverseDirection?: import('recharts/types/util/types').AllowInDimension;
-    separator?: string;
-    shared?: boolean;
-    trigger?: import('recharts/types/chart/types').TooltipTrigger;
-    useTranslate3d?: boolean;
-    wrapperStyle?: React.CSSProperties;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    payload?: any[];
+    label?: string;
     hideLabel?: boolean;
     hideIndicator?: boolean;
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
+    labelFormatter?: (value: any, payload: any[]) => React.ReactNode;
+    labelClassName?: string;
+    formatter?: (value: any, name?: any, item?: any, index?: number, payload?: any) => React.ReactNode;
+    color?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    payload?: any[];
+    verticalAlign?: "top" | "bottom";
     hideIcon?: boolean;
     nameKey?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@object-ui/components",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
-  "homepage": "https://www.objectui.org",
+  "homepage": "https://www.objectui.org/docs/components",
   "repository": {
     "type": "git",
-    "url": "https://github.com/objectstack-ai/objectui.git",
+    "url": "git+https://github.com/objectstack-ai/objectui.git",
     "directory": "packages/components"
   },
   "bugs": {
@@ -26,33 +26,33 @@
     "./style.css": "./dist/index.css"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.2",
-    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-collapsible": "^1.1.2",
-    "@radix-ui/react-context-menu": "^2.2.7",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.1.5",
-    "@radix-ui/react-hover-card": "^1.1.4",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-menubar": "^1.1.3",
-    "@radix-ui/react-navigation-menu": "^1.2.4",
-    "@radix-ui/react-popover": "^1.1.4",
-    "@radix-ui/react-progress": "^1.1.1",
-    "@radix-ui/react-radio-group": "^1.2.3",
-    "@radix-ui/react-scroll-area": "^1.2.3",
-    "@radix-ui/react-select": "^2.1.8",
-    "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slider": "^1.2.3",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-switch": "^1.1.4",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-toast": "^1.2.6",
-    "@radix-ui/react-toggle": "^1.1.1",
-    "@radix-ui/react-toggle-group": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -62,17 +62,17 @@
     "lucide-react": "^1.8.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^9.14.0",
-    "react-hook-form": "^7.72.1",
-    "react-resizable-panels": "^4.10.0",
+    "react-hook-form": "^7.75.0",
+    "react-resizable-panels": "^4.11.0",
     "recharts": "3.8.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "3.3.0",
-    "@object-ui/i18n": "3.3.0",
-    "@object-ui/react": "3.3.0",
-    "@object-ui/types": "3.3.0"
+    "@object-ui/core": "3.3.1",
+    "@object-ui/i18n": "3.3.1",
+    "@object-ui/react": "3.3.1",
+    "@object-ui/types": "3.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -86,22 +86,43 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/react": "^8.6.18",
     "@storybook/react-vite": "^8.6.18",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "autoprefixer": "^10.4.27",
-    "postcss": "^8.5.9",
-    "shadcn": "^4.2.0",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.13",
+    "shadcn": "^4.6.0",
     "storybook": "^8.6.18",
-    "tailwindcss": "^4.2.2",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.8",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.9",
     "vite-plugin-dts": "^4.5.4"
   },
+  "keywords": [
+    "objectui",
+    "sdui",
+    "schema-driven-ui",
+    "react",
+    "tailwind",
+    "shadcn",
+    "objectstack",
+    "components",
+    "radix-ui",
+    "ui-library"
+  ],
+  "author": "ObjectStack Team <team@objectstack.ai>",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
   "scripts": {
-    "test:compliance": "vitest run src/__tests__/compliance.test.tsx",
-    "build": "vite build",
+    "build": "vite build && node scripts/build-css.mjs",
     "prebuild": "pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build",
     "pretest": "pnpm run prebuild",
     "test": "vitest run",

package/.turbo/turbo-build.log

@@ -1,84 +0,0 @@
-
-> @object-ui/components@3.3.0 prebuild /home/runner/work/objectui/objectui/packages/components
-> pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build
-
-
-> @object-ui/types@3.3.0 build /home/runner/work/objectui/objectui/packages/types
-> tsc
-
-
-> @object-ui/core@3.3.0 build /home/runner/work/objectui/objectui/packages/core
-> tsc
-
-
-> @object-ui/react@3.3.0 build /home/runner/work/objectui/objectui/packages/react
-> tsc
-
-
-> @object-ui/components@3.3.0 build /home/runner/work/objectui/objectui/packages/components
-> vite build
-
-vite v8.0.8 building client environment for production...
-
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-src/index.ts:9:8 - error TS2882: Cannot find module or type declarations for side-effect import of './index.css'.
-
-9 import './index.css';
-         ~~~~~~~~~~~~~
-src/renderers/basic/div.tsx:17:9 - error TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add 'node' to the types field in your tsconfig.
-
-17     if (process.env.NODE_ENV !== 'production') {
-           ~~~~~~~
-src/renderers/basic/span.tsx:17:9 - error TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add 'node' to the types field in your tsconfig.
-
-17     if (process.env.NODE_ENV !== 'production') {
-           ~~~~~~~
-src/renderers/form/form.tsx:152:20 - error TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add 'node' to the types field in your tsconfig.
-
-152         if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'development') {
-                       ~~~~~~~
-src/renderers/form/form.tsx:152:47 - error TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add 'node' to the types field in your tsconfig.
-
-152         if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'development') {
-                                                  ~~~~~~~
-src/ui/chart.tsx:127:7 - error TS2339: Property 'payload' does not exist on type 'Omit<Omit<Props<ValueType, NameType>, PropertiesReadFromContext> & { active?: boolean | undefined; allowEscapeViewBox?: AllowInDimension | undefined; ... 24 more ...; wrapperStyle?: CSSProperties | undefined; } & ClassAttributes<...> & HTMLAttributes<...> & { ...; }, "ref">'.
-
-127       payload,
-          ~~~~~~~
-src/ui/chart.tsx:132:7 - error TS2339: Property 'label' does not exist on type 'Omit<Omit<Props<ValueType, NameType>, PropertiesReadFromContext> & { active?: boolean | undefined; allowEscapeViewBox?: AllowInDimension | undefined; ... 24 more ...; wrapperStyle?: CSSProperties | undefined; } & ClassAttributes<...> & HTMLAttributes<...> & { ...; }, "ref">'.
-
-132       label,
-          ~~~~~
-src/ui/chart.tsx:274:41 - error TS2344: Type '"payload" | "verticalAlign"' does not satisfy the constraint '"string" | "filter" | "fill" | "values" | "className" | "color" | "slot" | "style" | "children" | "content" | "clipPath" | "mask" | "path" | "key" | "suppressHydrationWarning" | ... 435 more ... | "onBBoxUpdate"'.
-  Type '"payload"' is not assignable to type '"string" | "filter" | "fill" | "values" | "className" | "color" | "slot" | "style" | "children" | "content" | "clipPath" | "mask" | "path" | "key" | "suppressHydrationWarning" | ... 435 more ... | "onBBoxUpdate"'.
-
-274     Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-                                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~
-src/ui/chart.tsx:285:19 - error TS2339: Property 'length' does not exist on type '{}'.
-
-285     if (!payload?.length) {
-                      ~~~~~~
-src/ui/chart.tsx:299:12 - error TS2339: Property 'filter' does not exist on type '{}'.
-
-299           .filter((item) => item.type !== "none")
-               ~~~~~~
-
-[vite:dts] Declaration files built in 8372ms.
-
-computing gzip size...
-dist/index.css    120.76 kB │ gzip:  19.61 kB
-dist/index.js   2,027.14 kB │ gzip: 477.38 kB
-
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugin `vite:dts`. See https://rolldown.rs/options/checks#plugintimings for more details.
-
-
-rendering chunks...
-computing gzip size...
-dist/index.css        120.76 kB │ gzip:  19.61 kB
-dist/index.umd.cjs  1,557.83 kB │ gzip: 425.47 kB
-
-[MISSING_GLOBAL_NAME] Warning: No name was provided for external module "react/jsx-runtime" in "output.globals" – guessing "react_jsx_runtime".
-
-✓ built in 12.10s

package/README_SHADCN_SYNC.md

@@ -1,281 +0,0 @@
-# Shadcn Components Synchronization
-
-This directory contains tools for keeping ObjectUI components in sync with Shadcn UI.
-
-## Files
-
-- `shadcn-components.json` - Component manifest tracking Shadcn components and custom ObjectUI components
-- `shadcn-sync.js` - Automated sync script (requires network access to ui.shadcn.com)
-
-## Component Categories
-
-### Shadcn Components (46)
-
-These components come from Shadcn UI and can be updated from the registry:
-
-**Form Controls:**
-- input, textarea, select, checkbox, radio-group, switch, form, label, input-otp
-
-**Layout:**
-- card, tabs, accordion, separator, scroll-area, resizable
-
-**Overlays:**
-- dialog, popover, tooltip, hover-card, sheet, drawer, alert-dialog
-
-**Navigation:**
-- button, breadcrumb, navigation-menu, dropdown-menu, context-menu, menubar, pagination
-
-**Data Display:**
-- table, avatar, badge, skeleton, progress, slider
-
-**Feedback:**
-- alert, toast, sonner
-
-**Advanced:**
-- command, carousel, sidebar, collapsible, calendar, aspect-ratio, toggle, toggle-group
-
-### Custom ObjectUI Components (14)
-
-These are custom to ObjectUI and should NOT be auto-updated:
-
-- `button-group` - Button group wrapper
-- `calendar-view` - Full calendar implementation
-- `chatbot` - Chatbot UI interface
-- `combobox` - Combined select/input component
-- `date-picker` - Date picker with calendar
-- `empty` - Empty state component
-- `field` - Form field wrapper with validation
-- `filter-builder` - Advanced query builder
-- `input-group` - Input with prefix/suffix
-- `item` - Generic item display
-- `kbd` - Keyboard shortcut display
-- `spinner` - Loading spinner
-- `timeline` - Timeline/activity feed
-- `toaster` - Toast notification manager
-
-## Usage
-
-### Automated Sync (Requires Internet)
-
-```bash
-# Check component status
-pnpm shadcn:check
-
-# Update a specific component
-pnpm shadcn:update button
-
-# Update all components
-pnpm shadcn:update-all
-
-# Show diff for a component
-pnpm shadcn:diff button
-
-# List all components
-pnpm shadcn:list
-```
-
-### Manual Sync Process
-
-If you don't have network access or prefer manual control:
-
-1. **Visit Shadcn UI Documentation**
-   - Go to https://ui.shadcn.com/docs/components/[component-name]
-   - Click "View Code" to see the latest implementation
-
-2. **Compare with Local Version**
-   ```bash
-   # View local component
-   cat packages/components/src/ui/button.tsx
-   ```
-
-3. **Copy Latest Version**
-   - Copy the component code from Shadcn docs
-   - Paste into a temporary file
-
-4. **Adjust Imports**
-   Replace Shadcn imports:
-   ```typescript
-   // FROM:
-   import { cn } from "@/lib/utils"
-   import { Button } from "@/components/ui/button"
-   
-   // TO:
-   import { cn } from "../lib/utils"
-   import { Button } from "./button"
-   ```
-
-5. **Add ObjectUI Header**
-   ```typescript
-   /**
-    * ObjectUI
-    * Copyright (c) 2024-present ObjectStack Inc.
-    *
-    * This source code is licensed under the MIT license found in the
-    * LICENSE file in the root directory of this source tree.
-    */
-   ```
-
-6. **Preserve Customizations**
-   - Keep any `data-slot` attributes
-   - Keep ObjectUI-specific variants
-   - Keep dark mode enhancements
-   - Keep accessibility improvements
-
-7. **Test the Component**
-   ```bash
-   pnpm --filter @object-ui/components build
-   pnpm --filter @object-ui/components test
-   ```
-
-## Using Official Shadcn CLI
-
-You can also use the official Shadcn CLI:
-
-```bash
-# Install Shadcn CLI
-npm install -g shadcn@latest
-
-# Initialize (if not done)
-cd packages/components
-npx shadcn@latest init
-
-# Add/update a component
-npx shadcn@latest add button --overwrite
-
-# Add all components
-npx shadcn@latest add --all --overwrite
-```
-
-**⚠️ Warning:** This will overwrite all ObjectUI customizations! You'll need to:
-
-1. Review the diff carefully: `git diff src/ui/`
-2. Restore ObjectUI copyright headers
-3. Re-add any custom variants or styling
-4. Re-add data-slot attributes
-5. Test thoroughly
-
-## Checking for Updates
-
-### Manual Check
-
-1. Visit [Shadcn UI GitHub](https://github.com/shadcn-ui/ui/tree/main/apps/www/registry/default/ui)
-2. Compare file dates with last update
-3. Check [Shadcn Releases](https://github.com/shadcn-ui/ui/releases) for changelog
-
-### Compare Dependencies
-
-```bash
-# Check Radix UI versions
-cat packages/components/package.json | grep @radix-ui
-
-# Check latest versions
-npm view @radix-ui/react-dialog version
-npm view @radix-ui/react-select version
-```
-
-### Review Breaking Changes
-
-Check Shadcn's changelog:
-- [UI Changelog](https://github.com/shadcn-ui/ui/releases)
-- [Radix UI Releases](https://github.com/radix-ui/primitives/releases)
-
-## Common Customizations in ObjectUI
-
-When updating components, preserve these ObjectUI patterns:
-
-### 1. Copyright Headers
-
-```typescript
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-```
-
-### 2. Data Slot Attributes
-
-```typescript
-<div data-slot="card-header" className={...}>
-```
-
-### 3. Additional Variants
-
-```typescript
-const buttonVariants = cva(
-  "...",
-  {
-    variants: {
-      // ObjectUI-specific variants
-      size: {
-        "icon-sm": "h-8 w-8",  // Extra size variant
-        "icon-lg": "h-10 w-10", // Extra size variant
-      }
-    }
-  }
-)
-```
-
-### 4. Enhanced Dark Mode
-
-ObjectUI may have enhanced dark mode styles:
-
-```typescript
-className="... dark:bg-background/95 dark:backdrop-blur-sm"
-```
-
-## Testing After Updates
-
-```bash
-# Type check
-pnpm --filter @object-ui/components type-check
-
-# Build
-pnpm --filter @object-ui/components build
-
-# Run tests
-pnpm --filter @object-ui/components test
-
-# Visual regression (if available)
-pnpm --filter @object-ui/components storybook
-
-# Integration test
-pnpm test
-```
-
-## Rollback
-
-If an update causes issues:
-
-```bash
-# Revert specific file
-git checkout HEAD -- packages/components/src/ui/button.tsx
-
-# Revert all UI components
-git checkout HEAD -- packages/components/src/ui/
-
-# Restore from backup (if created)
-cp packages/components/.backup/button.tsx.* packages/components/src/ui/button.tsx
-```
-
-## Contributing
-
-When you update a component:
-
-1. Document the changes in CHANGELOG.md
-2. Update the version in shadcn-components.json (add lastUpdated field)
-3. Test with all examples
-4. Create a PR with:
-   - Component name in title
-   - Reason for update
-   - Breaking changes (if any)
-   - Screenshots (if visual changes)
-
-## Resources
-
-- [Shadcn UI Docs](https://ui.shadcn.com)
-- [Radix UI Docs](https://www.radix-ui.com)
-- [Tailwind CSS Docs](https://tailwindcss.com)
-- [CVA (Class Variance Authority)](https://cva.style)