@object-ui/components 0.3.1 → 0.5.0

package/dist/src/ui/sidebar.d.ts

@@ -1,6 +1,4 @@
 import { VariantProps } from 'class-variance-authority';
-import { Input } from './input';
-import { Separator } from './separator';
 import { TooltipContent } from './tooltip';
 /**
  * ObjectUI
@@ -20,34 +18,34 @@ type SidebarContextProps = {
     toggleSidebar: () => void;
 };
 declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}): import("react/jsx-runtime").JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
-declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
-declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
     isActive?: boolean;
@@ -56,19 +54,19 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
     showOnHover?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     showIcon?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };

package/dist/src/ui/skeleton.d.ts

@@ -5,5 +5,5 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };

package/dist/src/ui/slider.d.ts

@@ -7,5 +7,5 @@
  */
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };

package/dist/src/ui/sonner.d.ts

@@ -1,3 +1,4 @@
-import { ToasterProps } from 'sonner';
+import { Toaster as Sonner } from 'sonner';
+type ToasterProps = React.ComponentProps<typeof Sonner>;
 declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster };

package/dist/src/ui/switch.d.ts

@@ -6,6 +6,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import * as React from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/src/ui/tabs.d.ts

@@ -7,7 +7,7 @@
  */
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/ui/textarea.d.ts

@@ -6,5 +6,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 import * as React from "react";
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/src/ui/toast.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+/**
+ * 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 ToastPrimitives from "@radix-ui/react-toast";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/src/ui/toggle-group.d.ts

@@ -1,5 +1,4 @@
 import { VariantProps } from 'class-variance-authority';
-import { toggleVariants } from './toggle';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -9,6 +8,12 @@ import { toggleVariants } from './toggle';
  */
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/src/ui/toggle.d.ts

@@ -12,5 +12,8 @@ declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

package/dist/src/ui/tooltip.d.ts

@@ -7,8 +7,8 @@
  */
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/ui/typography.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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";
+declare const TypographyH1: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH2: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH3: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH4: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyP: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyBlockquote: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLQuoteElement> & React.RefAttributes<HTMLQuoteElement>>;
+declare const TypographyList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+declare const TypographyInlineCode: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const TypographyLead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyLarge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const TypographySmall: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const TypographyMuted: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP, TypographyBlockquote, TypographyList, TypographyInlineCode, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "0.3.1",
+  "version": "0.5.0",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -64,13 +64,14 @@
     "react-day-picker": "^9.13.0",
     "react-hook-form": "^7.71.1",
     "react-resizable-panels": "^4.5.2",
+    "recharts": "2.15.4",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "0.3.1",
-    "@object-ui/react": "0.3.1",
-    "@object-ui/types": "0.3.1"
+    "@object-ui/core": "0.5.0",
+    "@object-ui/react": "0.5.0",
+    "@object-ui/types": "0.5.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -78,12 +79,20 @@
     "tailwindcss": "^4.1.18"
   },
   "devDependencies": {
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-links": "^8.6.0",
+    "@storybook/blocks": "^8.6.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
     "@tailwindcss/postcss": "^4.1.18",
-    "@types/react": "^19.2.9",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^5.1.3",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
+    "shadcn": "^3.7.0",
+    "storybook": "^8.6.0",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
@@ -91,7 +100,8 @@
   },
   "scripts": {
     "build": "vite build",
-    "pretest": "pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build",
+    "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",
     "type-check": "tsc --noEmit",
     "lint": "eslint ."

package/shadcn-components.json

@@ -13,235 +13,240 @@
     "components": "@/ui",
     "utils": "@/lib/utils"
   },
-  "registry": "https://ui.shadcn.com/registry",
+  "registry": "https://ui.shadcn.com",
   "components": {
     "accordion": {
-      "source": "https://ui.shadcn.com/registry/styles/default/accordion.json",
+      "source": "https://ui.shadcn.com/r/styles/default/accordion.json",
       "dependencies": ["@radix-ui/react-accordion"],
       "registryDependencies": []
     },
     "alert": {
-      "source": "https://ui.shadcn.com/registry/styles/default/alert.json",
+      "source": "https://ui.shadcn.com/r/styles/default/alert.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "alert-dialog": {
-      "source": "https://ui.shadcn.com/registry/styles/default/alert-dialog.json",
+      "source": "https://ui.shadcn.com/r/styles/default/alert-dialog.json",
       "dependencies": ["@radix-ui/react-alert-dialog"],
       "registryDependencies": ["button"]
     },
     "aspect-ratio": {
-      "source": "https://ui.shadcn.com/registry/styles/default/aspect-ratio.json",
+      "source": "https://ui.shadcn.com/r/styles/default/aspect-ratio.json",
       "dependencies": ["@radix-ui/react-aspect-ratio"],
       "registryDependencies": []
     },
     "avatar": {
-      "source": "https://ui.shadcn.com/registry/styles/default/avatar.json",
+      "source": "https://ui.shadcn.com/r/styles/default/avatar.json",
       "dependencies": ["@radix-ui/react-avatar"],
       "registryDependencies": []
     },
     "badge": {
-      "source": "https://ui.shadcn.com/registry/styles/default/badge.json",
+      "source": "https://ui.shadcn.com/r/styles/default/badge.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "breadcrumb": {
-      "source": "https://ui.shadcn.com/registry/styles/default/breadcrumb.json",
+      "source": "https://ui.shadcn.com/r/styles/default/breadcrumb.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "button": {
-      "source": "https://ui.shadcn.com/registry/styles/default/button.json",
+      "source": "https://ui.shadcn.com/r/styles/default/button.json",
       "dependencies": ["@radix-ui/react-slot"],
       "registryDependencies": []
     },
     "calendar": {
-      "source": "https://ui.shadcn.com/registry/styles/default/calendar.json",
+      "source": "https://ui.shadcn.com/r/styles/default/calendar.json",
       "dependencies": ["react-day-picker", "date-fns"],
       "registryDependencies": ["button"]
     },
     "card": {
-      "source": "https://ui.shadcn.com/registry/styles/default/card.json",
+      "source": "https://ui.shadcn.com/r/styles/default/card.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "carousel": {
-      "source": "https://ui.shadcn.com/registry/styles/default/carousel.json",
+      "source": "https://ui.shadcn.com/r/styles/default/carousel.json",
       "dependencies": ["embla-carousel-react"],
       "registryDependencies": ["button"]
     },
+    "chart": {
+      "source": "https://ui.shadcn.com/r/styles/default/chart.json",
+      "dependencies": ["recharts", "lucide-react"],
+      "registryDependencies": []
+    },
     "checkbox": {
-      "source": "https://ui.shadcn.com/registry/styles/default/checkbox.json",
+      "source": "https://ui.shadcn.com/r/styles/default/checkbox.json",
       "dependencies": ["@radix-ui/react-checkbox"],
       "registryDependencies": []
     },
     "collapsible": {
-      "source": "https://ui.shadcn.com/registry/styles/default/collapsible.json",
+      "source": "https://ui.shadcn.com/r/styles/default/collapsible.json",
       "dependencies": ["@radix-ui/react-collapsible"],
       "registryDependencies": []
     },
     "command": {
-      "source": "https://ui.shadcn.com/registry/styles/default/command.json",
+      "source": "https://ui.shadcn.com/r/styles/default/command.json",
       "dependencies": ["cmdk"],
       "registryDependencies": ["dialog"]
     },
     "context-menu": {
-      "source": "https://ui.shadcn.com/registry/styles/default/context-menu.json",
+      "source": "https://ui.shadcn.com/r/styles/default/context-menu.json",
       "dependencies": ["@radix-ui/react-context-menu"],
       "registryDependencies": []
     },
     "dialog": {
-      "source": "https://ui.shadcn.com/registry/styles/default/dialog.json",
+      "source": "https://ui.shadcn.com/r/styles/default/dialog.json",
       "dependencies": ["@radix-ui/react-dialog"],
       "registryDependencies": []
     },
     "drawer": {
-      "source": "https://ui.shadcn.com/registry/styles/default/drawer.json",
+      "source": "https://ui.shadcn.com/r/styles/default/drawer.json",
       "dependencies": ["vaul"],
       "registryDependencies": []
     },
     "dropdown-menu": {
-      "source": "https://ui.shadcn.com/registry/styles/default/dropdown-menu.json",
+      "source": "https://ui.shadcn.com/r/styles/default/dropdown-menu.json",
       "dependencies": ["@radix-ui/react-dropdown-menu"],
       "registryDependencies": []
     },
     "form": {
-      "source": "https://ui.shadcn.com/registry/styles/default/form.json",
+      "source": "https://ui.shadcn.com/r/styles/default/form.json",
       "dependencies": ["@radix-ui/react-label", "react-hook-form", "@hookform/resolvers"],
       "registryDependencies": ["button", "label"]
     },
     "hover-card": {
-      "source": "https://ui.shadcn.com/registry/styles/default/hover-card.json",
+      "source": "https://ui.shadcn.com/r/styles/default/hover-card.json",
       "dependencies": ["@radix-ui/react-hover-card"],
       "registryDependencies": []
     },
     "input": {
-      "source": "https://ui.shadcn.com/registry/styles/default/input.json",
+      "source": "https://ui.shadcn.com/r/styles/default/input.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "input-otp": {
-      "source": "https://ui.shadcn.com/registry/styles/default/input-otp.json",
+      "source": "https://ui.shadcn.com/r/styles/default/input-otp.json",
       "dependencies": ["input-otp"],
       "registryDependencies": []
     },
     "label": {
-      "source": "https://ui.shadcn.com/registry/styles/default/label.json",
+      "source": "https://ui.shadcn.com/r/styles/default/label.json",
       "dependencies": ["@radix-ui/react-label"],
       "registryDependencies": []
     },
     "menubar": {
-      "source": "https://ui.shadcn.com/registry/styles/default/menubar.json",
+      "source": "https://ui.shadcn.com/r/styles/default/menubar.json",
       "dependencies": ["@radix-ui/react-menubar"],
       "registryDependencies": []
     },
     "navigation-menu": {
-      "source": "https://ui.shadcn.com/registry/styles/default/navigation-menu.json",
+      "source": "https://ui.shadcn.com/r/styles/default/navigation-menu.json",
       "dependencies": ["@radix-ui/react-navigation-menu"],
       "registryDependencies": []
     },
     "pagination": {
-      "source": "https://ui.shadcn.com/registry/styles/default/pagination.json",
+      "source": "https://ui.shadcn.com/r/styles/default/pagination.json",
       "dependencies": [],
       "registryDependencies": ["button"]
     },
     "popover": {
-      "source": "https://ui.shadcn.com/registry/styles/default/popover.json",
+      "source": "https://ui.shadcn.com/r/styles/default/popover.json",
       "dependencies": ["@radix-ui/react-popover"],
       "registryDependencies": []
     },
     "progress": {
-      "source": "https://ui.shadcn.com/registry/styles/default/progress.json",
+      "source": "https://ui.shadcn.com/r/styles/default/progress.json",
       "dependencies": ["@radix-ui/react-progress"],
       "registryDependencies": []
     },
     "radio-group": {
-      "source": "https://ui.shadcn.com/registry/styles/default/radio-group.json",
+      "source": "https://ui.shadcn.com/r/styles/default/radio-group.json",
       "dependencies": ["@radix-ui/react-radio-group"],
       "registryDependencies": []
     },
     "resizable": {
-      "source": "https://ui.shadcn.com/registry/styles/default/resizable.json",
+      "source": "https://ui.shadcn.com/r/styles/default/resizable.json",
       "dependencies": ["react-resizable-panels"],
       "registryDependencies": []
     },
     "scroll-area": {
-      "source": "https://ui.shadcn.com/registry/styles/default/scroll-area.json",
+      "source": "https://ui.shadcn.com/r/styles/default/scroll-area.json",
       "dependencies": ["@radix-ui/react-scroll-area"],
       "registryDependencies": []
     },
     "select": {
-      "source": "https://ui.shadcn.com/registry/styles/default/select.json",
+      "source": "https://ui.shadcn.com/r/styles/default/select.json",
       "dependencies": ["@radix-ui/react-select"],
       "registryDependencies": []
     },
     "separator": {
-      "source": "https://ui.shadcn.com/registry/styles/default/separator.json",
+      "source": "https://ui.shadcn.com/r/styles/default/separator.json",
       "dependencies": ["@radix-ui/react-separator"],
       "registryDependencies": []
     },
     "sheet": {
-      "source": "https://ui.shadcn.com/registry/styles/default/sheet.json",
+      "source": "https://ui.shadcn.com/r/styles/default/sheet.json",
       "dependencies": ["@radix-ui/react-dialog"],
       "registryDependencies": []
     },
     "sidebar": {
-      "source": "https://ui.shadcn.com/registry/styles/default/sidebar.json",
+      "source": "https://ui.shadcn.com/r/styles/default/sidebar.json",
       "dependencies": ["@radix-ui/react-separator", "@radix-ui/react-slot"],
       "registryDependencies": ["button", "separator", "sheet", "skeleton", "tooltip"]
     },
     "skeleton": {
-      "source": "https://ui.shadcn.com/registry/styles/default/skeleton.json",
+      "source": "https://ui.shadcn.com/r/styles/default/skeleton.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "slider": {
-      "source": "https://ui.shadcn.com/registry/styles/default/slider.json",
+      "source": "https://ui.shadcn.com/r/styles/default/slider.json",
       "dependencies": ["@radix-ui/react-slider"],
       "registryDependencies": []
     },
     "sonner": {
-      "source": "https://ui.shadcn.com/registry/styles/default/sonner.json",
+      "source": "https://ui.shadcn.com/r/styles/default/sonner.json",
       "dependencies": ["sonner", "next-themes"],
       "registryDependencies": []
     },
     "switch": {
-      "source": "https://ui.shadcn.com/registry/styles/default/switch.json",
+      "source": "https://ui.shadcn.com/r/styles/default/switch.json",
       "dependencies": ["@radix-ui/react-switch"],
       "registryDependencies": []
     },
     "table": {
-      "source": "https://ui.shadcn.com/registry/styles/default/table.json",
+      "source": "https://ui.shadcn.com/r/styles/default/table.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "tabs": {
-      "source": "https://ui.shadcn.com/registry/styles/default/tabs.json",
+      "source": "https://ui.shadcn.com/r/styles/default/tabs.json",
       "dependencies": ["@radix-ui/react-tabs"],
       "registryDependencies": []
     },
     "textarea": {
-      "source": "https://ui.shadcn.com/registry/styles/default/textarea.json",
+      "source": "https://ui.shadcn.com/r/styles/default/textarea.json",
       "dependencies": [],
       "registryDependencies": []
     },
     "toast": {
-      "source": "https://ui.shadcn.com/registry/styles/default/toast.json",
+      "source": "https://ui.shadcn.com/r/styles/default/toast.json",
       "dependencies": ["@radix-ui/react-toast"],
       "registryDependencies": []
     },
     "toggle": {
-      "source": "https://ui.shadcn.com/registry/styles/default/toggle.json",
+      "source": "https://ui.shadcn.com/r/styles/default/toggle.json",
       "dependencies": ["@radix-ui/react-toggle"],
       "registryDependencies": []
     },
     "toggle-group": {
-      "source": "https://ui.shadcn.com/registry/styles/default/toggle-group.json",
+      "source": "https://ui.shadcn.com/r/styles/default/toggle-group.json",
       "dependencies": ["@radix-ui/react-toggle-group"],
       "registryDependencies": []
     },
     "tooltip": {
-      "source": "https://ui.shadcn.com/registry/styles/default/tooltip.json",
+      "source": "https://ui.shadcn.com/r/styles/default/tooltip.json",
       "dependencies": ["@radix-ui/react-tooltip"],
       "registryDependencies": []
     }