docthub-core-components 2.3.0 → 2.3.6

package/dist/registry/@docthub/select.json

@@ -1,17 +1,17 @@
 {
-  "type": "registry:ui",
   "name": "select",
+  "type": "registry:ui",
   "title": "Select",
   "description": "Select component",
   "dependencies": [
-    "radix-ui",
+    "@radix-ui/react-select",
     "lucide-react"
   ],
   "files": [
     {
       "type": "registry:ui",
       "path": "components/ui/select.tsx",
-      "content": "import * as React from \"react\"\r\nimport { Select as SelectPrimitive } from \"radix-ui\"\r\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Select = SelectPrimitive.Root\r\n\r\nconst SelectGroup = SelectPrimitive.Group\r\n\r\nconst SelectValue = SelectPrimitive.Value\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SelectPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-10 w-full items-center justify-between rounded-md border border-gray-300 bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <SelectPrimitive.Icon asChild>\r\n      <ChevronDown strokeWidth={1.5} className=\"h-4 w-4 text-foreground\" />\r\n    </SelectPrimitive.Icon>\r\n  </SelectPrimitive.Trigger>\r\n))\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.ScrollUpButton\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center justify-center py-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ChevronUp className=\"h-4 w-4\" />\r\n  </SelectPrimitive.ScrollUpButton>\r\n))\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.ScrollDownButton\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center justify-center py-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ChevronDown className=\"h-4 w-4\" />\r\n  </SelectPrimitive.ScrollDownButton>\r\n))\r\nSelectScrollDownButton.displayName =\r\n  SelectPrimitive.ScrollDownButton.displayName\r\n\r\nconst SelectContent = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({ className, children, position = \"popper\", ...props }, ref) => (\r\n  <SelectPrimitive.Portal>\r\n    <SelectPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\r\n        position === \"popper\" &&\r\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n        className\r\n      )}\r\n      position={position}\r\n      {...props}\r\n    >\r\n      <SelectScrollUpButton />\r\n      <SelectPrimitive.Viewport\r\n        className={cn(\r\n          \"p-1\",\r\n          position === \"popper\" &&\r\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\r\n        )}\r\n      >\r\n        {children}\r\n      </SelectPrimitive.Viewport>\r\n      <SelectScrollDownButton />\r\n    </SelectPrimitive.Content>\r\n  </SelectPrimitive.Portal>\r\n))\r\nSelectContent.displayName = SelectPrimitive.Content.displayName\r\n\r\nconst SelectLabel = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"py-1.5 pl-8 pr-2 text-sm font-semibold\", className)}\r\n    {...props}\r\n  />\r\n))\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName\r\n\r\nconst SelectItem = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SelectPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <SelectPrimitive.ItemIndicator>\r\n        <Check className=\"h-4 w-4\" />\r\n      </SelectPrimitive.ItemIndicator>\r\n    </span>\r\n\r\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n  </SelectPrimitive.Item>\r\n))\r\nSelectItem.displayName = SelectPrimitive.Item.displayName\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\r\n    {...props}\r\n  />\r\n))\r\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\r\n\r\nexport {\r\n  Select,\r\n  SelectGroup,\r\n  SelectValue,\r\n  SelectTrigger,\r\n  SelectContent,\r\n  SelectLabel,\r\n  SelectItem,\r\n  SelectSeparator,\r\n  SelectScrollUpButton,\r\n  SelectScrollDownButton,\r\n}\r\n"
+      "content": "import * as React from \"react\"\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\r\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Select = SelectPrimitive.Root\r\n\r\nconst SelectGroup = SelectPrimitive.Group\r\n\r\nconst SelectValue = SelectPrimitive.Value\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SelectPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-10 w-full items-center justify-between rounded-md border border-gray-300 bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <SelectPrimitive.Icon asChild>\r\n      <ChevronDown strokeWidth={1.5} className=\"h-4 w-4 text-foreground\" />\r\n    </SelectPrimitive.Icon>\r\n  </SelectPrimitive.Trigger>\r\n))\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.ScrollUpButton\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center justify-center py-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ChevronUp className=\"h-4 w-4\" />\r\n  </SelectPrimitive.ScrollUpButton>\r\n))\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.ScrollDownButton\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center justify-center py-1\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ChevronDown className=\"h-4 w-4\" />\r\n  </SelectPrimitive.ScrollDownButton>\r\n))\r\nSelectScrollDownButton.displayName =\r\n  SelectPrimitive.ScrollDownButton.displayName\r\n\r\nconst SelectContent = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({ className, children, position = \"popper\", ...props }, ref) => (\r\n  <SelectPrimitive.Portal>\r\n    <SelectPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\r\n        position === \"popper\" &&\r\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n        className\r\n      )}\r\n      position={position}\r\n      {...props}\r\n    >\r\n      <SelectScrollUpButton />\r\n      <SelectPrimitive.Viewport\r\n        className={cn(\r\n          \"p-1\",\r\n          position === \"popper\" &&\r\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\r\n        )}\r\n      >\r\n        {children}\r\n      </SelectPrimitive.Viewport>\r\n      <SelectScrollDownButton />\r\n    </SelectPrimitive.Content>\r\n  </SelectPrimitive.Portal>\r\n))\r\nSelectContent.displayName = SelectPrimitive.Content.displayName\r\n\r\nconst SelectLabel = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"py-1.5 pl-8 pr-2 text-sm font-semibold\", className)}\r\n    {...props}\r\n  />\r\n))\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName\r\n\r\nconst SelectItem = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({ className, children, ...props }, ref) => (\r\n  <SelectPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n      <SelectPrimitive.ItemIndicator>\r\n        <Check className=\"h-4 w-4\" />\r\n      </SelectPrimitive.ItemIndicator>\r\n    </span>\r\n\r\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n  </SelectPrimitive.Item>\r\n))\r\nSelectItem.displayName = SelectPrimitive.Item.displayName\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n  React.ElementRef<typeof SelectPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n  <SelectPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\r\n    {...props}\r\n  />\r\n))\r\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\r\n\r\nexport {\r\n  Select,\r\n  SelectGroup,\r\n  SelectValue,\r\n  SelectTrigger,\r\n  SelectContent,\r\n  SelectLabel,\r\n  SelectItem,\r\n  SelectSeparator,\r\n  SelectScrollUpButton,\r\n  SelectScrollDownButton,\r\n}\r\n"
     }
   ]
 }

package/dist/registry/@docthub/skeleton.json

@@ -1,6 +1,6 @@
 {
-  "type": "registry:ui",
   "name": "skeleton",
+  "type": "registry:ui",
   "title": "Skeleton",
   "description": "Skeleton component",
   "dependencies": [],

package/dist/registry/@docthub/tabs.json

@@ -1,16 +1,16 @@
 {
-  "type": "registry:ui",
   "name": "tabs",
+  "type": "registry:ui",
   "title": "Tabs",
   "description": "Tabs component",
   "dependencies": [
-    "radix-ui"
+    "@radix-ui/react-tabs"
   ],
   "files": [
     {
       "type": "registry:ui",
       "path": "components/ui/tabs.tsx",
-      "content": "import * as React from \"react\"\r\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"
+      "content": "import * as React from \"react\"\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"
     }
   ]
 }

package/dist/registry/@docthub/textarea.json

@@ -1,6 +1,6 @@
 {
-  "type": "registry:ui",
   "name": "textarea",
+  "type": "registry:ui",
   "title": "Textarea",
   "description": "Textarea component",
   "dependencies": [],

package/dist/registry/@docthub/toast.json

@@ -1,6 +1,6 @@
 {
-  "type": "registry:ui",
   "name": "toast",
+  "type": "registry:ui",
   "title": "Toast",
   "description": "Toast component",
   "dependencies": [

package/dist/registry/@docthub/toast.test.json

@@ -1,11 +1,9 @@
 {
-  "type": "registry:ui",
   "name": "toast.test",
+  "type": "registry:ui",
   "title": "Toast.test",
   "description": "Toast.test component",
-  "dependencies": [
-    "@testing-library/react"
-  ],
+  "dependencies": [],
   "files": [
     {
       "type": "registry:ui",

package/dist/registry/@docthub/tooltip.json

@@ -1,16 +1,16 @@
 {
-  "type": "registry:ui",
   "name": "tooltip",
+  "type": "registry:ui",
   "title": "Tooltip",
   "description": "Tooltip component",
   "dependencies": [
-    "radix-ui"
+    "@radix-ui/react-tooltip"
   ],
   "files": [
     {
       "type": "registry:ui",
       "path": "components/ui/tooltip.tsx",
-      "content": "import * as React from \"react\";\r\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider;\r\nconst Tooltip = TooltipPrimitive.Root;\r\nconst TooltipTrigger = TooltipPrimitive.Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<\r\n  React.ElementRef<typeof TooltipPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({ className, sideOffset = 4, children, ...props }, ref) => (\r\n  <TooltipPrimitive.Content\r\n    ref={ref}\r\n    sideOffset={sideOffset}\r\n    className={cn(\r\n      \"z-50 rounded-xl border border-border bg-background px-3 py-1.5 text-sm text-foreground shadow-xl transition-all\",\r\n      \"animate-in fade-in zoom-in-95\",\r\n      \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95\",\r\n      \"data-[side=bottom]:slide-in-from-top-2\",\r\n      \"data-[side=left]:slide-in-from-right-2\",\r\n      \"data-[side=right]:slide-in-from-left-2\",\r\n      \"data-[side=top]:slide-in-from-bottom-2\",\r\n      \"origin-[--radix-tooltip-content-transform-origin]\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <TooltipPrimitive.Arrow className=\"fill-background stroke-border h-2 w-4\" />\r\n  </TooltipPrimitive.Content>\r\n));\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\r\n"
+      "content": "import * as React from \"react\";\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider;\r\nconst Tooltip = TooltipPrimitive.Root;\r\nconst TooltipTrigger = TooltipPrimitive.Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<\r\n  React.ElementRef<typeof TooltipPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({ className, sideOffset = 4, children, ...props }, ref) => (\r\n  <TooltipPrimitive.Content\r\n    ref={ref}\r\n    sideOffset={sideOffset}\r\n    className={cn(\r\n      \"z-50 rounded-xl border border-border bg-background px-3 py-1.5 text-sm text-foreground shadow-xl transition-all\",\r\n      \"animate-in fade-in zoom-in-95\",\r\n      \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95\",\r\n      \"data-[side=bottom]:slide-in-from-top-2\",\r\n      \"data-[side=left]:slide-in-from-right-2\",\r\n      \"data-[side=right]:slide-in-from-left-2\",\r\n      \"data-[side=top]:slide-in-from-bottom-2\",\r\n      \"origin-[--radix-tooltip-content-transform-origin]\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n    <TooltipPrimitive.Arrow className=\"fill-background stroke-border h-2 w-4\" />\r\n  </TooltipPrimitive.Content>\r\n));\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\r\n"
     }
   ]
 }

package/dist/registry/@docthub/typography.json

@@ -1,6 +1,6 @@
 {
-  "type": "registry:ui",
   "name": "typography",
+  "type": "registry:ui",
   "title": "Typography",
   "description": "Typography component",
   "dependencies": [],
@@ -8,7 +8,7 @@
     {
       "type": "registry:ui",
       "path": "components/ui/typography.tsx",
-      "content": "import React from \"react\";\r\n\r\nexport interface DoctTypographyProps {\r\n  variant:\r\n    | \"h1\"\r\n    | \"h2\"\r\n    | \"h3\"\r\n    | \"h4\"\r\n    | \"h5\"\r\n    | \"h6\"\r\n    | \"h7\"\r\n    | \"h8\"\r\n    | \"title1\"\r\n    | \"title2\"\r\n    | \"title3\"\r\n    | \"title4\"\r\n    | \"body1\"\r\n    | \"body2\"\r\n    | \"body3\"\r\n    | \"body4\"\r\n    | \"textLabel1\"\r\n    | \"textLabel2\"\r\n    | \"textLabel3\"\r\n    | \"textLabel4\";\r\n  weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\" | \"extraBold\" | \"light\";\r\n  children: React.ReactNode;\r\n  color?: string;\r\n  align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\r\n  className?: string;\r\n}\r\n\r\nconst typographyStyles: Record<\r\n  DoctTypographyProps[\"variant\"],\r\n  { fontSize: string; tag: keyof JSX.IntrinsicElements }\r\n> = {\r\n  h1: { fontSize: \"3.5rem\", tag: \"h1\" },\r\n  h2: { fontSize: \"2.875rem\", tag: \"h2\" },\r\n  h3: { fontSize: \"2.25rem\", tag: \"h3\" },\r\n  h4: { fontSize: \"2rem\", tag: \"h4\" }, // 32px -> 2rem\r\n  h5: { fontSize: \"1.75rem\", tag: \"h5\" }, // 28px -> 1.75rem\r\n  h6: { fontSize: \"1.5rem\", tag: \"h6\" }, // 24px -> 1.5rem\r\n  h7: { fontSize: \"1.25rem\", tag: \"p\" }, // 20px -> 1.25rem\r\n  h8: { fontSize: \"1.125rem\", tag: \"p\" }, // 18px -> 1.125rem\r\n  title1: { fontSize: \"1.375rem\", tag: \"p\" }, // 22px -> 1.375rem\r\n  title2: { fontSize: \"1.125rem\", tag: \"p\" }, // 18px -> 1.125rem\r\n  title3: { fontSize: \"0.875rem\", tag: \"p\" }, // 14px -> 0.875rem\r\n  title4: { fontSize: \"0.75rem\", tag: \"p\" }, // 12px -> 0.75rem\r\n  body1: { fontSize: \"1rem\", tag: \"p\" }, // 16px -> 1rem\r\n  body2: { fontSize: \"0.875rem\", tag: \"p\" }, // 14px -> 0.875rem\r\n  body3: { fontSize: \"0.75rem\", tag: \"p\" }, // 12px -> 0.75rem\r\n  body4: { fontSize: \"0.625rem\", tag: \"p\" }, // 10px -> 0.625rem\r\n  textLabel1: { fontSize: \"1rem\", tag: \"span\" }, // 16px -> 1rem\r\n  textLabel2: { fontSize: \"0.875rem\", tag: \"span\" }, // 14px -> 0.875rem\r\n  textLabel3: { fontSize: \"0.75rem\", tag: \"span\" }, // 12px -> 0.75rem\r\n  textLabel4: { fontSize: \"0.6875rem\", tag: \"span\" }, // 11px -> 0.6875rem\r\n};\r\n\r\nconst fontWeights: Record<string, string> = {\r\n  regular: \"400\",\r\n  medium: \"500\",\r\n  semiBold: \"600\",\r\n  bold: \"700\",\r\n  extraBold: \"800\",\r\n  light: \"300\",\r\n};\r\n\r\nconst DoctTypography: React.FC<DoctTypographyProps> = ({\r\n  variant,\r\n  weight = \"regular\",\r\n  children,\r\n  color = \"#000\",\r\n  align = \"inherit\",\r\n  className = \"\",\r\n}) => {\r\n  const typographyStyle = typographyStyles[variant] ?? {\r\n    fontSize: \"16px\",\r\n    tag: \"p\",\r\n  };\r\n  const { fontSize, tag: Tag } = typographyStyle;\r\n\r\n  return (\r\n    <Tag\r\n      className={className}\r\n      style={{\r\n        fontSize,\r\n        fontWeight: fontWeights[weight] ?? \"400\",\r\n        color,\r\n        textAlign: align,\r\n      }}\r\n    >\r\n      {children}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nexport { DoctTypography };\r\n"
+      "content": "import React from \"react\";\r\n\r\nexport interface DoctTypographyProps {\r\n  variant:\r\n    | \"h1\"\r\n    | \"h2\"\r\n    | \"h3\"\r\n    | \"h4\"\r\n    | \"h5\"\r\n    | \"h6\"\r\n    | \"h7\"\r\n    | \"h8\"\r\n    | \"title1\"\r\n    | \"title2\"\r\n    | \"title3\"\r\n    | \"title4\"\r\n    | \"body1\"\r\n    | \"body2\"\r\n    | \"body3\"\r\n    | \"body4\"\r\n    | \"textLabel1\"\r\n    | \"textLabel2\"\r\n    | \"textLabel3\"\r\n    | \"textLabel4\";\r\n  weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\" | \"extraBold\" | \"light\";\r\n  children: React.ReactNode;\r\n  color?: string;\r\n  align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\r\n  className?: string;\r\n}\r\n\r\nconst typographyStyles: Record<\r\n  DoctTypographyProps[\"variant\"],\r\n  { fontSize: string; tag: keyof React.JSX.IntrinsicElements }\r\n> = {\r\n  h1: { fontSize: \"3.5rem\", tag: \"h1\" },\r\n  h2: { fontSize: \"2.875rem\", tag: \"h2\" },\r\n  h3: { fontSize: \"2.25rem\", tag: \"h3\" },\r\n  h4: { fontSize: \"2rem\", tag: \"h4\" }, // 32px -> 2rem\r\n  h5: { fontSize: \"1.75rem\", tag: \"h5\" }, // 28px -> 1.75rem\r\n  h6: { fontSize: \"1.5rem\", tag: \"h6\" }, // 24px -> 1.5rem\r\n  h7: { fontSize: \"1.25rem\", tag: \"p\" }, // 20px -> 1.25rem\r\n  h8: { fontSize: \"1.125rem\", tag: \"p\" }, // 18px -> 1.125rem\r\n  title1: { fontSize: \"1.375rem\", tag: \"p\" }, // 22px -> 1.375rem\r\n  title2: { fontSize: \"1.125rem\", tag: \"p\" }, // 18px -> 1.125rem\r\n  title3: { fontSize: \"0.875rem\", tag: \"p\" }, // 14px -> 0.875rem\r\n  title4: { fontSize: \"0.75rem\", tag: \"p\" }, // 12px -> 0.75rem\r\n  body1: { fontSize: \"1rem\", tag: \"p\" }, // 16px -> 1rem\r\n  body2: { fontSize: \"0.875rem\", tag: \"p\" }, // 14px -> 0.875rem\r\n  body3: { fontSize: \"0.75rem\", tag: \"p\" }, // 12px -> 0.75rem\r\n  body4: { fontSize: \"0.625rem\", tag: \"p\" }, // 10px -> 0.625rem\r\n  textLabel1: { fontSize: \"1rem\", tag: \"span\" }, // 16px -> 1rem\r\n  textLabel2: { fontSize: \"0.875rem\", tag: \"span\" }, // 14px -> 0.875rem\r\n  textLabel3: { fontSize: \"0.75rem\", tag: \"span\" }, // 12px -> 0.75rem\r\n  textLabel4: { fontSize: \"0.6875rem\", tag: \"span\" }, // 11px -> 0.6875rem\r\n};\r\n\r\nconst fontWeights: Record<string, string> = {\r\n  regular: \"400\",\r\n  medium: \"500\",\r\n  semiBold: \"600\",\r\n  bold: \"700\",\r\n  extraBold: \"800\",\r\n  light: \"300\",\r\n};\r\n\r\nconst DoctTypography: React.FC<DoctTypographyProps> = ({\r\n  variant,\r\n  weight = \"regular\",\r\n  children,\r\n  color = \"#000\",\r\n  align = \"inherit\",\r\n  className = \"\",\r\n}) => {\r\n  const typographyStyle = typographyStyles[variant] ?? {\r\n    fontSize: \"16px\",\r\n    tag: \"p\",\r\n  };\r\n  const { fontSize, tag: Tag } = typographyStyle;\r\n\r\n  return (\r\n    <Tag\r\n      className={className}\r\n      style={{\r\n        fontSize,\r\n        fontWeight: fontWeights[weight] ?? \"400\",\r\n        color,\r\n        textAlign: align,\r\n      }}\r\n    >\r\n      {children}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nexport { DoctTypography };\r\n"
     }
   ]
 }

package/dist/registry/@docthub/typography.test.json

@@ -1,12 +1,9 @@
 {
-  "type": "registry:ui",
   "name": "typography.test",
+  "type": "registry:ui",
   "title": "Typography.test",
   "description": "Typography.test component",
-  "dependencies": [
-    "@testing-library/react",
-    "vitest"
-  ],
+  "dependencies": [],
   "files": [
     {
       "type": "registry:ui",

package/dist/src/components/overrides/ui/auto-complete.d.ts

@@ -42,6 +42,10 @@ interface AutocompleteProps<T> {
     emptyMessage?: string;
     className?: string;
     inputClassName?: string;
+    debounceMs?: number;
+    minSearchLength?: number;
+    /** Control built-in bolding of matched query segments (default: false) */
+    ntt?: boolean;
 }
-export declare const DoctAutocomplete: <T extends OptionType>({ options, dataSource, value, onChange, change, onInputChange, placeholder, multiple, freeSolo, disabled, loading, size, variant, label, helperText, error, required, fullWidth, clearable, disableCloseOnSelect, filterOptions, getOptionLabel, getOptionValue, isOptionEqualToValue, renderOption, renderTags, fields, noOptionsText, emptyMessage, className, inputClassName, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DoctAutocomplete: <T extends OptionType>({ options, dataSource, value, onChange, change, onInputChange, placeholder, multiple, freeSolo, disabled, loading, size, variant, label, helperText, error, required, fullWidth, clearable, disableCloseOnSelect, filterOptions, getOptionLabel, getOptionValue, isOptionEqualToValue, renderOption, renderTags, fields, noOptionsText, emptyMessage, className, inputClassName, debounceMs, minSearchLength, ntt, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/overrides/ui/autocomplete-checkbox.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { OptionType } from '../../../hooks/useAutocompleteCheckbox';
+export interface AutocompleteCheckboxProps<T = unknown> {
+    options: T[];
+    value?: T[];
+    onChange?: (event: React.SyntheticEvent | null, value: T[]) => void;
+    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    placeholder?: string;
+    label?: string;
+    helperText?: string;
+    error?: string;
+    noOptionsText?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    required?: boolean;
+    clearable?: boolean;
+    disableCloseOnSelect?: boolean;
+    freeSolo?: T extends string ? boolean : never;
+    size?: "small" | "medium" | "large";
+    variant?: "outlined" | "filled" | "standard";
+    fullWidth?: boolean;
+    className?: string;
+    inputClassName?: string;
+    getOptionLabel?: (option: T) => string;
+    getOptionValue?: (option: T) => string | T;
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    filterOptions?: (options: T[], state: {
+        inputValue: string;
+    }) => T[];
+    renderOption?: (option: T, index: number) => React.ReactNode;
+    renderTags?: (value: T[], handleTagRemove: (tag: T) => void) => React.ReactNode;
+    limitTags?: number;
+    fields?: {
+        value: string | number;
+        text: string;
+    };
+    dataSource?: T[];
+    change?: (event: {
+        itemData: T[];
+    }) => void;
+}
+export declare function AutocompleteCheckbox<T extends OptionType>({ options, dataSource, value, onChange, change, onInputChange, placeholder, label, helperText, error, noOptionsText, emptyMessage, disabled, loading, required, clearable, disableCloseOnSelect, freeSolo, size, variant, fullWidth, className, inputClassName, getOptionLabel, getOptionValue, isOptionEqualToValue, filterOptions, renderOption, renderTags, limitTags, fields, }: AutocompleteCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export default AutocompleteCheckbox;

package/dist/src/components/overrides/ui/chips/doct-chip.d.ts

@@ -1,16 +1,22 @@
-import { ReactNode, MouseEvent, FC } from 'react';
+import { ReactNode, MouseEvent, KeyboardEvent, FC } from 'react';
 export interface ChipProps {
     label: string;
-    variant?: "filled" | "outlined";
+    variant?: "filled" | "outlined" | "soft";
     color?: "default" | "primary" | "secondary" | "success" | "warning" | "error";
     size?: "small" | "medium" | "large";
+    /** Chip corner style */
+    shape?: "pill" | "square";
     deletable?: boolean;
-    onDelete?: (e: MouseEvent<HTMLButtonElement>) => void;
-    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    onDelete?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    onClick?: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
     icon?: ReactNode;
     avatar?: ReactNode | string;
     disabled?: boolean;
     className?: string;
+    /** ARIA label for the chip */
+    "aria-label"?: string;
+    /** ARIA label for the delete button */
+    deleteAriaLabel?: string;
 }
 export declare const Chip: FC<ChipProps>;
 export interface ChipsContainerProps {

package/dist/src/components/overrides/ui/expandable-card.d.ts

@@ -4,9 +4,14 @@ interface ExpandableCardProps {
     title: React.ReactNode;
     content: React.ReactNode;
     defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     className?: string;
     titleTypographyProps?: Partial<DoctTypographyProps>;
     contentTypographyProps?: Partial<DoctTypographyProps>;
+    animationDuration?: number;
+    disabled?: boolean;
+    clickableArea?: "full" | "header" | "button";
 }
-export declare function ExpandableCard({ title, content, defaultOpen, className, titleTypographyProps, contentTypographyProps, }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandableCard({ title, content, defaultOpen, open: controlledOpen, onOpenChange, className, titleTypographyProps, contentTypographyProps, animationDuration, disabled, clickableArea, }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/overrides/ui/inputs/labeled-input.d.ts

@@ -1,21 +1,26 @@
 import { FC, ReactNode } from 'react';
-interface LabeledInputProps extends React.HTMLAttributes<HTMLInputElement> {
+interface LabeledInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     placeholder?: string;
     helperText?: string;
     error?: string;
     required?: boolean;
-    type?: "text" | "email" | "password" | "number" | "tel";
+    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     className?: string;
     inputClassName?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
     showCharCount?: boolean;
     maxLength?: number;
-    value?: string;
+    characterLimit?: number;
     disabled?: boolean;
+    readOnly?: boolean;
+    /** @deprecated Use `readOnly` instead. Will be removed in v3.0 */
     fridged?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
 }
 export declare const LabeledInput: FC<LabeledInputProps>;
 export {};

package/dist/src/components/overrides/ui/inputs/otp-input.d.ts

@@ -7,6 +7,10 @@ interface OtpInputProps {
     className?: string;
     error?: string;
     inputClassName?: string;
+    autoFocus?: boolean;
+    autoSubmit?: boolean;
+    secure?: boolean;
+    "aria-label"?: string;
 }
 export declare const OtpInput: React.FC<OtpInputProps>;
 export {};

package/dist/src/components/overrides/ui/inputs/password-input.d.ts

@@ -1,4 +1,4 @@
-interface PasswordInputProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
+interface PasswordInputProps extends Omit<React.HTMLAttributes<HTMLInputElement>, "onChange"> {
     label?: string;
     placeholder?: string;
     helperText?: string;
@@ -9,6 +9,10 @@ interface PasswordInputProps extends Omit<React.HTMLAttributes<HTMLInputElement>
     onShowPasswordChange?: (show: boolean) => void;
     value?: string;
     onChange?: (value: string) => void;
+    onChangeEvent?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
+    autoComplete?: string;
+    "aria-label"?: string;
 }
-export declare function PasswordInput({ label, placeholder, helperText, error, required, className, showPassword, onShowPasswordChange, value, onChange, ...restProps }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordInput({ label, placeholder, helperText, error, required, className, showPassword, onShowPasswordChange, value, onChange, onChangeEvent, onValueChange, autoComplete, ...restProps }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/overrides/ui/pickers/date-picker-field.d.ts

@@ -1,30 +1,30 @@
 import { DayPickerSingleProps } from 'react-day-picker';
 import * as React from "react";
-/**
- * DatePickerFieldProps supports all custom props and extra DayPicker props via dayPickerProps.
- * - All custom props are explicit.
- * - Extra DayPicker props can be passed via ...dayPickerProps.
- * - All extra HTML div props can be passed via ...rest.
- */
-export interface DatePickerFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+export type DateFormat = "MM/DD/YYYY" | "DD/MM/YYYY" | "YYYY-MM-DD" | "DD-MM-YYYY";
+export interface DatePickerFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "onChange"> {
     label?: string;
     placeholder?: string;
     helperText?: string;
-    error?: string;
     required?: boolean;
     value?: Date;
     onSelect?: (date: Date | undefined) => void;
+    onChange?: (date: Date | undefined) => void;
     className?: string;
     minDate?: Date;
     maxDate?: Date;
     disabled?: boolean;
     readOnly?: boolean;
     locale?: string;
+    dateFormat?: DateFormat;
+    inputClassName?: string;
+    error?: string;
     showOutsideDays?: boolean;
-    dayPickerProps?: Partial<DayPickerSingleProps>;
+    clearable?: boolean;
     month?: Date;
     onMonthChange?: (month: Date) => void;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    dayPickerProps?: Partial<DayPickerSingleProps>;
+    manual?: boolean;
 }
 export declare const DatePickerField: React.FC<DatePickerFieldProps>;

package/dist/src/components/overrides/ui/pickers/select-field.d.ts

@@ -2,21 +2,30 @@ import { ReactNode } from 'react';
 interface SelectOption {
     value: string;
     label: string;
+    disabled?: boolean;
+    group?: string;
 }
 interface SelectFieldProps {
     label?: string;
     placeholder?: string;
     options: SelectOption[];
     value?: string;
+    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
     leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
     helperText?: string;
     error?: string;
     required?: boolean;
-    onValueChange?: (value: string) => void;
-    className?: string;
-    variant?: "default" | "gray";
     disabled?: boolean;
+    loading?: boolean;
     clearable?: boolean;
+    className?: string;
+    variant?: "default" | "gray";
+    "aria-label"?: string;
+    "aria-describedby"?: string;
 }
-export declare function SelectField({ label, placeholder, options, value, leadingIcon, helperText, error, required, onValueChange, className, variant, disabled, clearable, }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectField({ label, placeholder, options, value, onValueChange, onChange, leadingIcon, trailingIcon, startIcon, endIcon, helperText, error, required, disabled, loading, clearable, className, variant, }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/ui/alert.d.ts

@@ -1,8 +1,19 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const alertVariants: (props?: ({
+    variant?: "default" | "error" | "success" | "warning" | "destructive" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Custom icon to display. Set to false to hide icon. */
+    icon?: React.ReactNode | false;
+    /** Callback when alert is dismissed */
+    onClose?: () => void;
+    /** Custom action element (e.g., button) */
+    action?: React.ReactNode;
+    /** Alias for variant (MUI compatibility) */
+    severity?: VariantProps<typeof alertVariants>["variant"];
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { Alert, AlertTitle, AlertDescription };

package/dist/src/components/ui/avatar.d.ts

@@ -1,6 +1,12 @@
-import { Avatar as AvatarPrimitive } from 'radix-ui';
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarImage, AvatarFallback };

package/dist/src/components/ui/breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/src/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 declare const DoctButtonVariants: (props?: ({
-    variant?: "default" | "outline" | "ghost" | "error" | "success" | "warning" | "blue" | "disabled" | "brandBlue" | "primary" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | "error" | "success" | "warning" | "blue" | "disabled" | "brandBlue" | "primary" | "namya" | null | undefined;
     size?: "small" | "large" | "medium" | "icon.large" | "icon.medium" | "icon.small" | null | undefined;
     iconSize?: "small" | "large" | "medium" | null | undefined;
     iconPosition?: "left" | "right" | null | undefined;

package/dist/src/components/ui/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { Checkbox as CheckboxPrimitive } from 'radix-ui';
 import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     color?: string;
 }

package/dist/src/components/ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import * as React from "react";
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/src/components/ui/dialog.d.ts

@@ -5,8 +5,26 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sizeClasses: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    full: string;
+};
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Close dialog when clicking outside */
     closeOnOutsideClick?: boolean;
+    /** Initial focus element ref */
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    /** Size preset */
+    size?: keyof typeof sizeClasses;
+    /** Show close button */
+    showCloseButton?: boolean;
+    /** Close on Escape key */
+    closeOnEscape?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as React from "react";
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/ui/input.d.ts

@@ -1,3 +1,7 @@
 import * as React from "react";
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export interface InputProps extends React.ComponentProps<"input"> {
+    error?: boolean;
+    hasError?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/src/components/ui/label.d.ts

@@ -1,5 +1,5 @@
-import { Label as LabelPrimitive } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/src/components/ui/popover.d.ts

@@ -1,5 +1,5 @@
-import { Popover as PopoverPrimitive } from 'radix-ui';
 import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/ui/progress.d.ts

@@ -1,4 +1,22 @@
-import { Progress as ProgressPrimitive } from 'radix-ui';
 import * as React from "react";
-declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+type ColorVariant = "primary" | "secondary" | "success" | "error" | "warning" | "info";
+type ProgressVariant = "determinate" | "indeterminate" | "buffer" | "query";
+export interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "color"> {
+    /** Progress value between 0-100 */
+    value?: number;
+    /** Buffer value for buffer variant (0-100) */
+    valueBuffer?: number;
+    /** Progress variant */
+    variant?: ProgressVariant;
+    /** Color variant or custom color */
+    color?: ColorVariant | string;
+    /** Custom color (overrides color variant) */
+    customColor?: string;
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Custom label text or formatter function */
+    label?: string | ((value: number) => string);
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
 export { Progress };