@object-ui/components 0.3.0 → 0.3.1

package/src/renderers/index.ts

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import './basic';
 import './form';
 import './layout';

package/src/renderers/layout/aspect-ratio.tsx

@@ -0,0 +1,50 @@
+/**
+ * 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.
+ */
+
+import { ComponentRegistry } from '@object-ui/core';
+import type { AspectRatioSchema } from '@object-ui/types';
+import { AspectRatio } from '../../ui/aspect-ratio';
+import { renderChildren } from '../../lib/utils';
+
+ComponentRegistry.register('aspect-ratio', 
+  ({ schema, ...props }: { schema: AspectRatioSchema; [key: string]: any }) => {
+    const { 
+        'data-obj-id': dataObjId, 
+        'data-obj-type': dataObjType,
+        style,
+        ...aspectRatioProps
+    } = props;
+    
+    return (
+      <AspectRatio 
+        ratio={schema.ratio || 16 / 9}
+        className={schema.className} 
+        {...aspectRatioProps}
+        {...{ 'data-obj-id': dataObjId, 'data-obj-type': dataObjType, style }}
+      >
+        {schema.image ? (
+          <img src={schema.image} alt={schema.alt || ''} className="rounded-md object-cover w-full h-full" />
+        ) : (
+          renderChildren(schema.body)
+        )}
+      </AspectRatio>
+    );
+  },
+  {
+    label: 'Aspect Ratio',
+    inputs: [
+      { name: 'ratio', type: 'number', label: 'Ratio', defaultValue: 16/9 },
+      { name: 'image', type: 'string', label: 'Image URL' },
+      { name: 'alt', type: 'string', label: 'Alt Text' },
+      { name: 'className', type: 'string', label: 'CSS Class' }
+    ],
+    defaultProps: {
+      ratio: 16 / 9
+    }
+  }
+);

package/src/renderers/layout/card.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { CardSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';

package/src/renderers/layout/container.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { ContainerSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
@@ -28,19 +36,19 @@ const ContainerRenderer = forwardRef<HTMLDivElement, { schema: ContainerSchema;
       maxWidth === 'screen' && 'max-w-screen-2xl',
       // Centering
       centered && 'mx-auto',
-      // Padding
+      // Padding - Mobile-first responsive
       padding === 0 && 'p-0',
-      padding === 1 && 'p-1',
-      padding === 2 && 'p-2',
-      padding === 3 && 'p-3',
-      padding === 4 && 'p-4',
-      padding === 5 && 'p-5',
-      padding === 6 && 'p-6',
-      padding === 7 && 'p-7',
-      padding === 8 && 'p-8',
-      padding === 10 && 'p-10',
-      padding === 12 && 'p-12',
-      padding === 16 && 'p-16',
+      padding === 1 && 'p-0.5 sm:p-1',
+      padding === 2 && 'p-1 sm:p-2',
+      padding === 3 && 'p-2 sm:p-3',
+      padding === 4 && 'p-2 sm:p-3 md:p-4',
+      padding === 5 && 'p-3 sm:p-4 md:p-5',
+      padding === 6 && 'p-3 sm:p-4 md:p-6',
+      padding === 7 && 'p-4 sm:p-5 md:p-7',
+      padding === 8 && 'p-4 sm:p-6 md:p-8',
+      padding === 10 && 'p-5 sm:p-7 md:p-10',
+      padding === 12 && 'p-6 sm:p-8 md:p-12',
+      padding === 16 && 'p-8 sm:p-10 md:p-16',
       className
     );
 

package/src/renderers/layout/flex.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { FlexSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
@@ -31,16 +39,16 @@ ComponentRegistry.register('flex',
       align === 'center' && 'items-center',
       align === 'baseline' && 'items-baseline',
       align === 'stretch' && 'items-stretch',
-      // Gap
+      // Gap - Mobile-first responsive
       gap === 0 && 'gap-0',
       gap === 1 && 'gap-1',
-      gap === 2 && 'gap-2',
-      gap === 3 && 'gap-3',
-      gap === 4 && 'gap-4',
-      gap === 5 && 'gap-5',
-      gap === 6 && 'gap-6',
-      gap === 7 && 'gap-7',
-      gap === 8 && 'gap-8',
+      gap === 2 && 'gap-1.5 sm:gap-2',
+      gap === 3 && 'gap-2 sm:gap-3',
+      gap === 4 && 'gap-2 sm:gap-3 md:gap-4',
+      gap === 5 && 'gap-3 sm:gap-4 md:gap-5',
+      gap === 6 && 'gap-3 sm:gap-4 md:gap-6',
+      gap === 7 && 'gap-4 sm:gap-5 md:gap-7',
+      gap === 8 && 'gap-4 sm:gap-6 md:gap-8',
       // Wrap
       wrap && 'flex-wrap',
       className

package/src/renderers/layout/grid.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { GridSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';

package/src/renderers/layout/index.ts

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import './card';
 import './tabs';
 import './grid';
@@ -6,5 +14,6 @@ import './stack';
 import './container';
 import './page';
 import './semantic';
+import './aspect-ratio';
 
 

package/src/renderers/layout/page.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import React from 'react';
 import { PageSchema } from '@object-ui/types';
 import { SchemaRenderer } from '@object-ui/react';
@@ -23,7 +31,7 @@ export const PageRenderer: React.FC<{ schema: PageSchema; className?: string; [k
 
   return (
     <div 
-      className={cn("min-h-full w-full bg-background p-6 md:p-8", className)}
+      className={cn("min-h-full w-full bg-background p-4 md:p-6 lg:p-8", className)}
       {...pageProps}
       // Apply designer props
       data-obj-id={dataObjId}

package/src/renderers/layout/semantic.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import { renderChildren } from '../../lib/utils';
 import { forwardRef } from 'react';

package/src/renderers/layout/stack.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { StackSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';
@@ -34,16 +42,16 @@ const StackRenderer = forwardRef<HTMLDivElement, { schema: StackSchema; classNam
       align === 'center' && 'items-center',
       align === 'baseline' && 'items-baseline',
       align === 'stretch' && 'items-stretch',
-      // Gap
+      // Gap - Mobile-first responsive
       gap === 0 && 'gap-0',
       gap === 1 && 'gap-1',
-      gap === 2 && 'gap-2',
-      gap === 3 && 'gap-3',
-      gap === 4 && 'gap-4',
-      gap === 5 && 'gap-5',
-      gap === 6 && 'gap-6',
-      gap === 8 && 'gap-8',
-      gap === 10 && 'gap-10',
+      gap === 2 && 'gap-1.5 sm:gap-2',
+      gap === 3 && 'gap-2 sm:gap-3',
+      gap === 4 && 'gap-2 sm:gap-3 md:gap-4',
+      gap === 5 && 'gap-3 sm:gap-4 md:gap-5',
+      gap === 6 && 'gap-3 sm:gap-4 md:gap-6',
+      gap === 8 && 'gap-4 sm:gap-6 md:gap-8',
+      gap === 10 && 'gap-5 sm:gap-7 md:gap-10',
       // Wrap
       wrap && 'flex-wrap',
       className

package/src/renderers/layout/tabs.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { TabsSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';

package/src/renderers/navigation/header-bar.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import React from 'react';
 import { ComponentRegistry } from '@object-ui/core';
 import type { HeaderBarSchema } from '@object-ui/types';
@@ -14,7 +22,7 @@ import {
 
 ComponentRegistry.register('header-bar', 
   ({ schema }: { schema: HeaderBarSchema }) => (
-    <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+    <header className="flex h-14 sm:h-16 shrink-0 items-center gap-2 border-b px-3 sm:px-4">
       <SidebarTrigger />
       <Separator orientation="vertical" className="mr-2 h-4" />
       <Breadcrumb>

package/src/renderers/navigation/index.ts

@@ -1,2 +1,10 @@
+/**
+ * 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.
+ */
+
 import './sidebar';
 import './header-bar';

package/src/renderers/navigation/sidebar.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { SidebarSchema } from '@object-ui/types';
 import { renderChildren } from '../../lib/utils';

package/src/renderers/overlay/alert-dialog.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { AlertDialogSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/context-menu.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { ContextMenuSchema } from '@object-ui/types';
 import { 
@@ -45,7 +53,7 @@ const renderContextMenuItems = (items: any[]) => {
 ComponentRegistry.register('context-menu', 
   ({ schema, className, ...props }: { schema: ContextMenuSchema; className?: string; [key: string]: any }) => {
     // Determine classes
-    const triggerClass = schema.triggerClassName || className || (schema.className as string) || "h-[150px] w-[300px] border border-dashed text-sm flex items-center justify-center";
+    const triggerClass = schema.triggerClassName || className || (schema.className as string) || "h-[120px] w-full sm:h-[150px] sm:w-[300px] border border-dashed text-sm flex items-center justify-center";
     const contentClass = schema.contentClassName;
 
     return (

package/src/renderers/overlay/dialog.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { DialogSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/drawer.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { DrawerSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/dropdown-menu.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { DropdownMenuSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/hover-card.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { HoverCardSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/index.ts

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import './dialog';
 import './sheet';
 import './popover';
@@ -7,3 +15,4 @@ import './drawer';
 import './hover-card';
 import './dropdown-menu';
 import './context-menu';
+import './menubar';

package/src/renderers/overlay/menubar.tsx

@@ -0,0 +1,75 @@
+/**
+ * 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.
+ */
+
+import { ComponentRegistry } from '@object-ui/core';
+import type { MenubarSchema } from '@object-ui/types';
+import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarSub, MenubarSubTrigger, MenubarSubContent } from '../../ui/menubar';
+
+ComponentRegistry.register('menubar', 
+  ({ schema, ...props }: { schema: MenubarSchema; [key: string]: any }) => {
+    const { 
+        'data-obj-id': dataObjId, 
+        'data-obj-type': dataObjType,
+        style,
+        ...menubarProps
+    } = props;
+    
+    return (
+      <Menubar 
+        className={schema.className} 
+        {...menubarProps}
+        {...{ 'data-obj-id': dataObjId, 'data-obj-type': dataObjType, style }}
+      >
+        {schema.menus?.map((menu, idx) => (
+          <MenubarMenu key={idx}>
+            <MenubarTrigger>{menu.label}</MenubarTrigger>
+            <MenubarContent>
+              {menu.items?.map((item, itemIdx) => (
+                item.separator ? (
+                  <MenubarSeparator key={itemIdx} />
+                ) : item.children ? (
+                  <MenubarSub key={itemIdx}>
+                    <MenubarSubTrigger>{item.label}</MenubarSubTrigger>
+                    <MenubarSubContent>
+                      {item.children.map((child, childIdx) => (
+                        <MenubarItem key={childIdx}>{child.label}</MenubarItem>
+                      ))}
+                    </MenubarSubContent>
+                  </MenubarSub>
+                ) : (
+                  <MenubarItem key={itemIdx} disabled={item.disabled}>
+                    {item.label}
+                  </MenubarItem>
+                )
+              ))}
+            </MenubarContent>
+          </MenubarMenu>
+        ))}
+      </Menubar>
+    );
+  },
+  {
+    label: 'Menubar',
+    inputs: [
+      { name: 'className', type: 'string', label: 'CSS Class' }
+    ],
+    defaultProps: {
+      menus: [
+        {
+          label: 'File',
+          items: [
+            { label: 'New' },
+            { label: 'Open' },
+            { separator: true },
+            { label: 'Exit' }
+          ]
+        }
+      ]
+    }
+  }
+);

package/src/renderers/overlay/popover.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { PopoverSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/sheet.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { SheetSchema } from '@object-ui/types';
 import { 

package/src/renderers/overlay/tooltip.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import { ComponentRegistry } from '@object-ui/core';
 import type { TooltipSchema } from '@object-ui/types';
 import { 

package/src/renderers/placeholders.tsx

@@ -0,0 +1,107 @@
+/**
+ * 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.
+ */
+
+import React from 'react';
+import { ComponentRegistry } from '@object-ui/core';
+import { cn } from '../lib/utils';
+import { Box, FileQuestion } from 'lucide-react';
+
+export const PlaceholderRenderer = ({ schema, className, ...props }: any) => {
+  const type = schema.type;
+  const isView = type.startsWith('view:');
+  const isWidget = type.startsWith('widget:');
+  const isField = type.startsWith('field:');
+
+  return (
+    <div className={cn(
+      "flex flex-col items-center justify-center p-6 border-2 border-dashed rounded-lg bg-muted/30 transition-colors hover:bg-muted/50",
+      isView && "border-blue-300 bg-blue-50/50 min-h-[200px]",
+      isWidget && "border-purple-300 bg-purple-50/50 min-h-[150px]",
+      isField && "border-yellow-300 bg-yellow-50/50 p-2 min-h-[40px] flex-row gap-2 justify-start",
+      className
+    )}>
+      <div className={cn("flex items-center gap-2 text-muted-foreground", isField && "text-sm")}>
+        {isField ? <Box className="h-4 w-4" /> : <FileQuestion className="h-8 w-8 mb-2 opacity-50" />}
+        <div className="flex flex-col items-center text-center">
+             <span className="font-mono font-medium text-foreground">{type}</span>
+             {!isField && <span className="text-xs">Component Placeholder</span>}
+        </div>
+      </div>
+      {schema.props && !isField && (
+        <div className="mt-4 w-full text-xs text-muted-foreground bg-background/50 p-2 rounded overflow-hidden">
+            <div className="opacity-70">Properties:</div>
+            <pre className="mt-1 truncate">{JSON.stringify(schema.props, null, 0)}</pre>
+        </div>
+      )}
+    </div>
+  );
+};
+
+// List of all protocol-defined components that need placeholders
+const PROTOCOL_COMPONENTS = [
+  // 1. Views (List)
+  'view:grid', 'view:kanban', 'view:map', 'view:calendar', 'view:gantt', 
+  'view:timeline', 'view:gallery', 'view:spreadsheet',
+  
+  // 2. Views (Form)
+  'view:simple', 'view:wizard', 'view:tabbed', 'view:drawer', 'view:modal', 'view:split',
+
+  // 3. Fields (Textual)
+  'field:text', 'field:textarea', 'field:password', 'field:email', 'field:url', 'field:phone',
+  
+  // 4. Fields (Rich)
+  'field:markdown', 'field:html', 'field:code',
+
+  // 5. Fields (Numeric)
+  'field:number', 'field:currency', 'field:percent', 'field:slider',
+
+  // 6. Fields (Selection)
+  'field:boolean', 'field:checkboxes', 'field:select', 'field:multiselect', 'field:radio',
+
+  // 7. Fields (Date/Time)
+  'field:date', 'field:datetime', 'field:time', 'field:duration',
+
+  // 8. Fields (Relational)
+  'field:lookup', 'field:master_detail', 'field:tree',
+
+  // 9. Fields (Media)
+  'field:image', 'field:file', 'field:video', 'field:audio', 'field:avatar',
+
+  // 10. Fields (Visual)
+  'field:color', 'field:rating', 'field:signature', 'field:qrcode', 'field:progress',
+
+  // 11. Fields (Structure)
+  'field:json', 'field:address', 'field:location',
+
+  // 12. Page Components
+  'page:header', 'page-header', // Added headers
+  'page:footer', 'page:tabs', 'page:accordion', 'page:card', 'page:sidebar',
+  'record:details', 'record:highlights', 'record:related_list', 'record:activity', 
+  'record:chatter', 'record:path',
+  'app:launcher', 'nav:menu', 'nav:breadcrumb',
+  'global:search', 'global:notifications', 'user:profile',
+
+  // 13. Dashboard Widgets
+  'widget:metric', 'widget:bar', 'widget:line', 'widget:pie', 'widget:funnel', 
+  'widget:radar', 'widget:scatter', 'widget:heatmap', 'widget:pivot', 'widget:table', 'widget:text', 'widget:image',
+
+  // 14. Smart Actions
+  'action:button', 'action:group', 'action:menu', 'action:icon',
+
+  // 15. AI
+  'ai:chat_window', 'ai:input', 'ai:suggestion', 'ai:feedback'
+];
+
+export function registerPlaceholders() {
+    PROTOCOL_COMPONENTS.forEach(type => {
+        // Only register if not already registered (to avoid overwriting real implementations)
+        if (!ComponentRegistry.get(type)) {
+            ComponentRegistry.register(type, PlaceholderRenderer);
+        }
+    });
+}

package/src/ui/accordion.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 import * as React from "react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"
 import { ChevronDownIcon } from "lucide-react"