docthub-core-components 2.3.6 → 2.3.9

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

@@ -1,106 +0,0 @@
-[
-  {
-    "name": "alert",
-    "url": "/registry/@docthub/alert.json"
-  },
-  {
-    "name": "auto-complete-component.test",
-    "url": "/registry/@docthub/auto-complete-component.test.json"
-  },
-  {
-    "name": "avatar",
-    "url": "/registry/@docthub/avatar.json"
-  },
-  {
-    "name": "badge",
-    "url": "/registry/@docthub/badge.json"
-  },
-  {
-    "name": "button.test",
-    "url": "/registry/@docthub/button.test.json"
-  },
-  {
-    "name": "button",
-    "url": "/registry/@docthub/button.json"
-  },
-  {
-    "name": "calendar",
-    "url": "/registry/@docthub/calendar.json"
-  },
-  {
-    "name": "checkbox",
-    "url": "/registry/@docthub/checkbox.json"
-  },
-  {
-    "name": "command",
-    "url": "/registry/@docthub/command.json"
-  },
-  {
-    "name": "dialog",
-    "url": "/registry/@docthub/dialog.json"
-  },
-  {
-    "name": "drawer",
-    "url": "/registry/@docthub/drawer.json"
-  },
-  {
-    "name": "dropdown-menu",
-    "url": "/registry/@docthub/dropdown-menu.json"
-  },
-  {
-    "name": "input",
-    "url": "/registry/@docthub/input.json"
-  },
-  {
-    "name": "label",
-    "url": "/registry/@docthub/label.json"
-  },
-  {
-    "name": "popover",
-    "url": "/registry/@docthub/popover.json"
-  },
-  {
-    "name": "progress",
-    "url": "/registry/@docthub/progress.json"
-  },
-  {
-    "name": "radio-group",
-    "url": "/registry/@docthub/radio-group.json"
-  },
-  {
-    "name": "select",
-    "url": "/registry/@docthub/select.json"
-  },
-  {
-    "name": "skeleton",
-    "url": "/registry/@docthub/skeleton.json"
-  },
-  {
-    "name": "tabs",
-    "url": "/registry/@docthub/tabs.json"
-  },
-  {
-    "name": "textarea",
-    "url": "/registry/@docthub/textarea.json"
-  },
-  {
-    "name": "toast.test",
-    "url": "/registry/@docthub/toast.test.json"
-  },
-  {
-    "name": "toast",
-    "url": "/registry/@docthub/toast.json"
-  },
-  {
-    "name": "tooltip",
-    "url": "/registry/@docthub/tooltip.json"
-  },
-  {
-    "name": "typography.test",
-    "url": "/registry/@docthub/typography.test.json"
-  },
-  {
-    "name": "typography",
-    "url": "/registry/@docthub/typography.json"
-  }
-]

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

@@ -1,14 +0,0 @@
-{
-  "name": "input",
-  "type": "registry:ui",
-  "title": "Input",
-  "description": "Input component",
-  "dependencies": [],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/input.tsx",
-      "content": "import * as React from \"react\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\r\n  ({ className, type, ...props }, ref) => {\r\n    return (\r\n      <input\r\n        type={type}\r\n        className={cn(\r\n          \"flex h-10 w-full rounded-md border border-gray-300 bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder-gray-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n          className\r\n        )}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n)\r\nInput.displayName = \"Input\"\r\n\r\nexport { Input }\r\n"
-    }
-  ]
-}

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

@@ -1,17 +0,0 @@
-{
-  "name": "label",
-  "type": "registry:ui",
-  "title": "Label",
-  "description": "Label component",
-  "dependencies": [
-    "@radix-ui/react-label",
-    "class-variance-authority"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/label.tsx",
-      "content": "\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n)\r\n\r\nconst Label = React.forwardRef<\r\n  React.ElementRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\r\n    VariantProps<typeof labelVariants>\r\n>(({ className, ...props }, ref) => (\r\n  <LabelPrimitive.Root\r\n    ref={ref}\r\n    className={cn(labelVariants(), className)}\r\n    {...props}\r\n  />\r\n))\r\nLabel.displayName = LabelPrimitive.Root.displayName\r\n\r\nexport { Label }\r\n"
-    }
-  ]
-}

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

@@ -1,16 +0,0 @@
-{
-  "name": "popover",
-  "type": "registry:ui",
-  "title": "Popover",
-  "description": "Popover component",
-  "dependencies": [
-    "@radix-ui/react-popover"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/popover.tsx",
-      "content": "import * as React from \"react\"\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Popover = PopoverPrimitive.Root\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger\r\nconst PopoverAnchor = PopoverPrimitive.Anchor\r\n\r\nconst PopoverContent = React.forwardRef<\r\n  React.ElementRef<typeof PopoverPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n  <PopoverPrimitive.Portal>\r\n    <PopoverPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  </PopoverPrimitive.Portal>\r\n))\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\r\n\r\nexport {\r\n  Popover,\r\n  PopoverTrigger,\r\n  PopoverContent,\r\n  PopoverAnchor,\r\n}\r\n"
-    }
-  ]
-}

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

@@ -1,16 +0,0 @@
-{
-  "name": "progress",
-  "type": "registry:ui",
-  "title": "Progress",
-  "description": "Progress component",
-  "dependencies": [
-    "@radix-ui/react-progress"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/progress.tsx",
-      "content": "import * as React from \"react\"\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst Progress = React.forwardRef<\r\n  React.ElementRef<typeof ProgressPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\r\n>(({ className, value, ...props }, ref) => (\r\n  <ProgressPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative h-1.5 w-full overflow-hidden rounded-full bg-secondary\",\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <ProgressPrimitive.Indicator\r\n      className=\"h-full w-full flex-1 bg-brandBlue transition-all\"\r\n      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\r\n    />\r\n  </ProgressPrimitive.Root>\r\n))\r\nProgress.displayName = ProgressPrimitive.Root.displayName\r\n\r\nexport { Progress }\r\n"
-    }
-  ]
-}

package/dist/registry/@docthub/radio-group.json

@@ -1,17 +0,0 @@
-{
-  "name": "radio-group",
-  "type": "registry:ui",
-  "title": "Radio Group",
-  "description": "Radio Group component",
-  "dependencies": [
-    "@radix-ui/react-radio-group",
-    "lucide-react"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/radio-group.tsx",
-      "content": "import * as React from \"react\";\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport { Circle } from \"lucide-react\";\r\n\r\nimport { cn } from \"@/lib/utils\";\r\n\r\nconst RadioGroup = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <RadioGroupPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"grid gap-2\", className)}\r\n    {...props}\r\n  />\r\n));\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\r\n>(({ className, ...props }, ref) => (\r\n  <RadioGroupPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      `\r\n      aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background\r\n      focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\r\n      disabled:cursor-not-allowed disabled:opacity-50\r\n      `,\r\n      className\r\n    )}\r\n    {...props}\r\n  >\r\n    <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\r\n      <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\r\n    </RadioGroupPrimitive.Indicator>\r\n  </RadioGroupPrimitive.Item>\r\n));\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n\r\nexport { RadioGroup, RadioGroupItem };\r\n"
-    }
-  ]
-}

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

@@ -1,17 +0,0 @@
-{
-  "name": "select",
-  "type": "registry:ui",
-  "title": "Select",
-  "description": "Select component",
-  "dependencies": [
-    "@radix-ui/react-select",
-    "lucide-react"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/select.tsx",
-      "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,14 +0,0 @@
-{
-  "name": "skeleton",
-  "type": "registry:ui",
-  "title": "Skeleton",
-  "description": "Skeleton component",
-  "dependencies": [],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/skeleton.tsx",
-      "content": "import { cn } from \"@/lib/utils\"\r\n\r\nfunction Skeleton({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n  return (\r\n    <div\r\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Skeleton }\r\n"
-    }
-  ]
-}

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

@@ -1,16 +0,0 @@
-{
-  "name": "tabs",
-  "type": "registry:ui",
-  "title": "Tabs",
-  "description": "Tabs component",
-  "dependencies": [
-    "@radix-ui/react-tabs"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/tabs.tsx",
-      "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,14 +0,0 @@
-{
-  "name": "textarea",
-  "type": "registry:ui",
-  "title": "Textarea",
-  "description": "Textarea component",
-  "dependencies": [],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/textarea.tsx",
-      "content": "import * as React from \"react\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\r\n  label?: string\r\n  helperText?: string\r\n  errorText?: string\r\n  required?: boolean\r\n}\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  ({ label, helperText, errorText, required, className, placeholder = \"Write here...\", rows = 4, ...props }, ref) => {\r\n    const hasError = Boolean(errorText)\r\n\r\n    return (\r\n      <div className={cn(\"space-y-1\", className)}>\r\n        {label && (\r\n          <label className=\"block text-sm font-medium text-foreground\">\r\n            {label}\r\n            {required && <span className=\"text-destructive ml-1\">*</span>}\r\n          </label>\r\n        )}\r\n\r\n        <textarea\r\n          ref={ref}\r\n          placeholder={placeholder}\r\n          rows={rows}\r\n          className={cn(\r\n            \"flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-base placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n            hasError\r\n              ? \"border border-destructive\"\r\n              : \"border-input focus:ring-ring\"\r\n          )}\r\n          {...props}\r\n        />\r\n\r\n        {(helperText || errorText) && (\r\n          <p className={cn(\"text-xs\", hasError ? \"text-destructive\" : \"text-muted-foreground\")}>\r\n            {errorText || helperText}\r\n          </p>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n)\r\n\r\nTextarea.displayName = \"Textarea\"\r\n\r\nexport { Textarea }\r\n"
-    }
-  ]
-}

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

@@ -1,17 +0,0 @@
-{
-  "name": "toast",
-  "type": "registry:ui",
-  "title": "Toast",
-  "description": "Toast component",
-  "dependencies": [
-    "sonner",
-    "lucide-react"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/toast.tsx",
-      "content": "import {\r\n  Toaster as SonnerToaster,\r\n  toast as sonnerToast,\r\n  type ToasterProps as SonnerToasterProps,\r\n} from \"sonner\";\r\nimport * as React from \"react\";\r\nimport { X, Info, CheckCircle2, AlertTriangle, XCircle } from \"lucide-react\";\r\nimport { DoctButton } from \"./button\";\r\n\r\nexport type ToastVariant = \"error\" | \"info\" | \"warning\" | \"success\";\r\nexport type ToastPosition =\r\n  | \"top-right\"\r\n  | \"top-center\"\r\n  | \"top-left\"\r\n  | \"bottom-right\"\r\n  | \"bottom-center\"\r\n  | \"bottom-left\";\r\n\r\nconst variantClasses: Record<ToastVariant, string> = {\r\n  error: \"bg-red-500 text-white\",\r\n  info: \"bg-blue-500 text-white\",\r\n  warning: \"bg-amber-500 text-white\",\r\n  success: \"bg-green-500 text-white\",\r\n};\r\n\r\nconst variantDurations: Record<ToastVariant, number> = {\r\n  error: 5000,\r\n  info: 4000,\r\n  warning: 5000,\r\n  success: 4000,\r\n};\r\n\r\nconst defaultIcons: Record<ToastVariant, React.ReactNode> = {\r\n  error: <XCircle className=\"w-4 h-4 text-white\" />,\r\n  info: <Info className=\"w-4 h-4 text-white\" />,\r\n  warning: <AlertTriangle className=\"w-4 h-4 text-white\" />,\r\n  success: <CheckCircle2 className=\"w-4 h-4 text-white\" />,\r\n};\r\n\r\nexport interface ToastOptions {\r\n  description?: string;\r\n  variant?: ToastVariant;\r\n  action?: { label: string; onClick: () => void };\r\n  duration?: number;\r\n  icon?: React.ReactNode;\r\n  iconPosition?: \"left\" | \"right\";\r\n}\r\n\r\nexport const toast = (message: string, options?: ToastOptions) => {\r\n  const variant = options?.variant || \"info\";\r\n  const colorClasses = variantClasses[variant];\r\n  const icon = options?.icon ?? defaultIcons[variant];\r\n  const iconPosition = options?.iconPosition ?? \"left\";\r\n\r\n  const content = (t: string | number) => (\r\n    <div\r\n      className={`flex items-center justify-between w-full p-3 rounded-md shadow-md ${colorClasses}`}\r\n    >\r\n      <div className=\"flex items-center\">\r\n        {icon && iconPosition === \"left\" && <div className=\"mr-3\">{icon}</div>}\r\n        <div>\r\n          <p className=\"text-sm font-semibold\">{message}</p>\r\n          {options?.description && (\r\n            <p className=\"text-sm text-white/90\">{options.description}</p>\r\n          )}\r\n        </div>\r\n      </div>\r\n      <div className=\"flex items-center\">\r\n        {icon && iconPosition === \"right\" && <div className=\"ml-3\">{icon}</div>}\r\n        {options?.action && (\r\n          <DoctButton\r\n            variant=\"ghost\"\r\n            size=\"small\"\r\n            className=\"ml-3 text-white hover:text-black/80\"\r\n            onClick={options.action.onClick}\r\n          >\r\n            {options.action.label}\r\n          </DoctButton>\r\n        )}\r\n        <DoctButton\r\n          variant=\"ghost\"\r\n          size=\"icon.large\"\r\n          className=\"ml-3 text-white hover:text-black/80\"\r\n          onClick={() => sonnerToast.dismiss(t)}\r\n        >\r\n          <X className=\"w-4 h-4\" strokeWidth={2.5} />\r\n        </DoctButton>\r\n      </div>\r\n    </div>\r\n  );\r\n\r\n  const toastOptions = {\r\n    unstyled: true,\r\n    duration: options?.duration || variantDurations[variant],\r\n    style: {\r\n      padding: 0,\r\n      margin: 0,\r\n      border: \"none\",\r\n      background: \"none\",\r\n    },\r\n  };\r\n\r\n  return sonnerToast.custom(content, toastOptions);\r\n};\r\n\r\nexport interface ToasterProps extends Omit<SonnerToasterProps, \"position\"> {\r\n  position?: ToastPosition;\r\n}\r\n\r\nexport function Toaster(props: ToasterProps) {\r\n  return <SonnerToaster {...props} />;\r\n}\r\n"
-    }
-  ]
-}

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

@@ -1,14 +0,0 @@
-{
-  "name": "toast.test",
-  "type": "registry:ui",
-  "title": "Toast.test",
-  "description": "Toast.test component",
-  "dependencies": [],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/toast.test.tsx",
-      "content": "import { render, screen, act } from '@testing-library/react';\r\nimport { Toaster, toast } from './toast';\r\nimport React from 'react';\r\n\r\ndescribe('Toast (Sonner)', () => {\r\n  it.skip('renders the Toaster provider', () => {\r\n    render(<Toaster />);\r\n    // Sonner renders a portal, so we check for the container\r\n    // expect(document.querySelector('[data-sonner-toaster]')).toBeInTheDocument();\r\n  });\r\n\r\n  it('shows a toast message when toast() is called', async () => {\r\n    render(<Toaster />);\r\n    act(() => {\r\n      toast('Hello, world!');\r\n    });\r\n    // Sonner renders toasts in a portal, so we query the document body\r\n    expect(await screen.findByText('Hello, world!')).toBeInTheDocument();\r\n  });\r\n}); "
-    }
-  ]
-}

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

@@ -1,16 +0,0 @@
-{
-  "name": "tooltip",
-  "type": "registry:ui",
-  "title": "Tooltip",
-  "description": "Tooltip component",
-  "dependencies": [
-    "@radix-ui/react-tooltip"
-  ],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/tooltip.tsx",
-      "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,14 +0,0 @@
-{
-  "name": "typography",
-  "type": "registry:ui",
-  "title": "Typography",
-  "description": "Typography component",
-  "dependencies": [],
-  "files": [
-    {
-      "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 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,14 +0,0 @@
-{
-  "name": "typography.test",
-  "type": "registry:ui",
-  "title": "Typography.test",
-  "description": "Typography.test component",
-  "dependencies": [],
-  "files": [
-    {
-      "type": "registry:ui",
-      "path": "components/ui/typography.test.tsx",
-      "content": "import { render, screen } from \"@testing-library/react\";\r\nimport { DoctTypography } from \"./typography\";\r\nimport { describe, it, expect } from \"vitest\";\r\nimport '@testing-library/jest-dom';\r\n\r\ndescribe(\"Typography\", () => {\r\n  it(\"renders children\", () => {\r\n    render(<DoctTypography>Test Text</DoctTypography>);\r\n    expect(screen.getByText(\"Test Text\")).toBeInTheDocument();\r\n  });\r\n\r\n  it(\"applies className\", () => {\r\n    render(<DoctTypography className=\"custom-class\">Styled Text</DoctTypography>);\r\n    expect(screen.getByText(\"Styled Text\")).toHaveClass(\"custom-class\");\r\n  });\r\n}); "
-    }
-  ]
-}