docthub-core-components 2.3.0 → 2.3.4

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

@@ -1,5 +1,5 @@
-import { Select as SelectPrimitive } from 'radix-ui';
 import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,2 +1,15 @@
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+type SkeletonVariant = "text" | "circular" | "rectangular" | "rounded";
+type SkeletonAnimation = "pulse" | "wave" | "none";
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Shape variant */
+    variant?: SkeletonVariant;
+    /** Animation type */
+    animation?: SkeletonAnimation | false;
+    /** Width (CSS value or number for pixels) */
+    width?: number | string;
+    /** Height (CSS value or number for pixels) */
+    height?: number | string;
+}
+declare function Skeleton({ className, variant, animation, width, height, style, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };

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

@@ -1,7 +1,12 @@
-import { Tabs as TabsPrimitive } from 'radix-ui';
 import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
 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 TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: "default" | "custom";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: "default" | "custom";
+    showSeparator?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -3,7 +3,12 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
     label?: string;
     helperText?: string;
     errorText?: string;
+    error?: string;
     required?: boolean;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    showCharCount?: boolean;
+    characterLimit?: number;
+    onValueChange?: (value: string) => void;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

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

@@ -0,0 +1,41 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+export interface TimelineItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    date?: string;
+    status?: "completed" | "pending" | "current";
+    description?: string;
+}
+declare const lineClasses: (props?: ({
+    thickness?: "normal" | "thick" | "thin" | null | undefined;
+    inset?: "none" | "sm" | "md" | "lg" | null | undefined;
+    offset?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "gray" | "teal" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const dotClasses: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    offset?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "gray" | "teal" | null | undefined;
+    y?: "base" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const itemsGapClasses: (props?: ({
+    density?: "compact" | "comfortable" | "card" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const indentClasses: (props?: ({
+    indent?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TimelineProps extends VariantProps<typeof lineClasses>, VariantProps<typeof dotClasses>, VariantProps<typeof itemsGapClasses>, VariantProps<typeof indentClasses> {
+    items: TimelineItem[];
+    title?: string;
+    className?: string;
+    showStatus?: boolean;
+    variant?: "default" | "minimal" | "card";
+    /** Convenience alias: sets both line and dot color. */
+    color?: "teal" | "gray" | "primary";
+    /** Content indent relative to the dot/line. */
+    indent?: "sm" | "md" | "lg";
+}
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+export { Timeline };

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

@@ -1,7 +1,11 @@
-import { Tooltip as TooltipPrimitive } from 'radix-ui';
 import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 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 interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    /** Whether to show the arrow pointer */
+    showArrow?: boolean;
+}
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -1,11 +1,13 @@
 import { default as React } from 'react';
-export interface DoctTypographyProps {
+export interface DoctTypographyProps extends React.HTMLAttributes<HTMLElement> {
     variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "h7" | "h8" | "title1" | "title2" | "title3" | "title4" | "body1" | "body2" | "body3" | "body4" | "textLabel1" | "textLabel2" | "textLabel3" | "textLabel4";
     weight?: "regular" | "medium" | "semiBold" | "bold" | "extraBold" | "light";
     children: React.ReactNode;
     color?: string;
     align?: "inherit" | "left" | "center" | "right" | "justify";
     className?: string;
+    /** HTML element to render as */
+    as?: React.ElementType;
 }
 declare const DoctTypography: React.FC<DoctTypographyProps>;
 export { DoctTypography };

package/dist/src/hooks/useAutocompleteCheckbox.d.ts

@@ -0,0 +1,55 @@
+export interface UseAutocompleteCheckboxOptions<T> {
+    options: T[];
+    value?: T[];
+    onChange?: (event: React.SyntheticEvent | null, value: T[]) => void;
+    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    disabled?: boolean;
+    disableCloseOnSelect?: boolean;
+    freeSolo?: T extends string ? boolean : never;
+    getOptionLabel?: (option: T) => string;
+    getOptionValue?: (option: T) => string | T;
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    filterOptions?: (options: T[], state: {
+        inputValue: string;
+    }) => T[];
+    fields?: {
+        value: string | number;
+        text: string;
+    };
+}
+export interface UseAutocompleteCheckboxReturn<T> {
+    open: boolean;
+    inputValue: string;
+    highlightedIndex: number;
+    filteredOptions: T[];
+    selectedOptions: T[];
+    dropdownPosition: {
+        top: number;
+        left: number;
+        width: number;
+    };
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    listRef: React.RefObject<HTMLDivElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    setOpen: (open: boolean) => void;
+    setInputValue: (value: string) => void;
+    setHighlightedIndex: (index: number) => void;
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleOptionSelect: (option: T) => void;
+    handleTagRemove: (tag: T) => void;
+    handleClear: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleClearAll: () => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleToggle: () => void;
+    handleFocus: () => void;
+    updateDropdownPosition: () => void;
+    isOptionSelected: (option: T) => boolean;
+    getOptionLabelSafe: (option: T) => string;
+    memoizedIsOptionEqualToValue: (option: T, value: T) => boolean;
+}
+export type OptionType = string | {
+    label: string;
+    value: string;
+} | Record<string, unknown>;
+export declare function useAutocompleteCheckbox<T extends OptionType>({ options, value, onChange, onInputChange, disabled, disableCloseOnSelect, freeSolo, getOptionLabel, getOptionValue, isOptionEqualToValue, filterOptions, fields, }: UseAutocompleteCheckboxOptions<T>): UseAutocompleteCheckboxReturn<T>;
+export default useAutocompleteCheckbox;

package/dist/src/index.d.ts

@@ -7,7 +7,6 @@ export { OtpInput as DoctOtpInput } from './components/overrides/ui/inputs/otp-i
 export { PasswordInput as DoctPasswordInput } from './components/overrides/ui/inputs/password-input';
 export { Textarea as DoctTextareaField } from './components/ui/textarea';
 export { DatePickerField as DoctDatePickerField } from './components/overrides/ui/pickers/date-picker-field';
-export { ManualDatePickerField as DoctManualDatePickerField } from './components/overrides/ui/pickers/manual-date-picker-field';
 export { SelectField as DoctSelectField } from './components/overrides/ui/pickers/select-field';
 export { Chip as DoctChip } from './components/overrides/ui/chips/doct-chip';
 export { AddressFormSection as DoctAddressFormSection } from './components/overrides/ui/composed/address-form-section';
@@ -19,16 +18,23 @@ export { SearchInput as DoctSearchInput } from './components/overrides/ui/search
 export { CurrencyInput as DoctCurrencyInput } from './components/overrides/ui/currencyInput/currency-input';
 export { ComponentVariant, ComponentSection as DoctComponentSection, } from './components/overrides/ui/showcase/component-section';
 export { DoctAutocomplete } from './components/overrides/ui/auto-complete';
+export { AutocompleteCheckbox as DoctAutocompleteCheckbox } from './components/overrides/ui/autocomplete-checkbox';
+export { useAutocompleteCheckbox } from './hooks/useAutocompleteCheckbox';
 export { ExpandableCard as DoctExpandableCard } from './components/overrides/ui/expandable-card';
 export { Alert as DoctAlert, AlertDescription as DoctAlertDescription, AlertTitle as DoctAlertTitle, } from './components/ui/alert';
 export { Avatar as DoctAvatar, AvatarFallback as DoctAvatarFallback, AvatarImage as DoctAvatarImage, } from './components/ui/avatar';
 export { Checkbox as DoctCheckbox } from './components/ui/checkbox';
+export { Command as DoctCommand, CommandDialog as DoctCommandDialog, CommandInput as DoctCommandInput, CommandList as DoctCommandList, CommandEmpty as DoctCommandEmpty, CommandGroup as DoctCommandGroup, CommandItem as DoctCommandItem, CommandShortcut as DoctCommandShortcut, CommandSeparator as DoctCommandSeparator, } from './components/ui/command';
 export { Dialog as DoctDialog, DialogClose as DoctDialogClose, DialogContent as DoctDialogContent, DialogDescription as DoctDialogDescription, DialogFooter as DoctDialogFooter, DialogHeader as DoctDialogHeader, DialogTitle as DoctDialogTitle, DialogTrigger as DoctDialogTrigger, } from './components/ui/dialog';
 export { Drawer as DoctDrawer, DrawerClose as DoctDrawerClose, DrawerContent as DoctDrawerContent, DrawerDescription as DoctDrawerDescription, DrawerFooter as DoctDrawerFooter, DrawerHeader as DoctDrawerHeader, DrawerTitle as DoctDrawerTitle, DrawerTrigger as DoctDrawerTrigger, } from './components/ui/drawer';
 export { DropdownMenu as DoctDropdownMenu, DropdownMenuCheckboxItem as DoctDropdownMenuCheckboxItem, DropdownMenuContent as DoctDropdownMenuContent, DropdownMenuGroup as DoctDropdownMenuGroup, DropdownMenuItem as DoctDropdownMenuItem, DropdownMenuLabel as DoctDropdownMenuLabel, DropdownMenuRadioGroup as DoctDropdownMenuRadioGroup, DropdownMenuRadioItem as DoctDropdownMenuRadioItem, DropdownMenuSeparator as DoctDropdownMenuSeparator, DropdownMenuShortcut as DoctDropdownMenuShortcut, DropdownMenuSub as DoctDropdownMenuSub, DropdownMenuSubContent as DoctDropdownMenuSubContent, DropdownMenuSubTrigger as DoctDropdownMenuSubTrigger, DropdownMenuTrigger as DoctDropdownMenuTrigger, } from './components/ui/dropdown-menu';
 export { Popover as DoctPopover, PopoverContent as DoctPopoverContent, PopoverTrigger as DoctPopoverTrigger, } from './components/ui/popover';
 export { RadioGroup as DoctRadioGroup, RadioGroupItem as DoctRadioGroupItem, } from './components/ui/radio-group';
 export { Tabs as DoctTabs, TabsContent as DoctTabsContent, TabsList as DoctTabsList, TabsTrigger as DoctTabsTrigger, } from './components/ui/tabs';
+export { Tabs as DoctCustomTabs, TabsList as DoctCustomTabsList, TabsTrigger as DoctCustomTabsTrigger, TabsContent as DoctCustomTabsContent, } from './components/ui/tabs';
 export { Progress as DoctProgress } from './components/ui/progress';
+export { Skeleton as DoctSkeleton } from './components/ui/skeleton';
 export { Toaster as DoctToaster, toast as doctToast, } from './components/ui/toast';
 export { Tooltip as DoctTooltip, TooltipContent as DoctTooltipContent, TooltipProvider as DoctTooltipProvider, TooltipTrigger as DoctTooltipTrigger, } from './components/ui/tooltip';
+export { Breadcrumb as DoctBreadcrumb, BreadcrumbList as DoctBreadcrumbList, BreadcrumbItem as DoctBreadcrumbItem, BreadcrumbLink as DoctBreadcrumbLink, BreadcrumbPage as DoctBreadcrumbPage, BreadcrumbSeparator as DoctBreadcrumbSeparator, BreadcrumbEllipsis as DoctBreadcrumbEllipsis, } from './components/ui/breadcrumb';
+export { Timeline as DoctTimeline, type TimelineItem, } from './components/ui/timeline';

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "docthub-core-components",
-  "version": "2.3.0",
+  "version": "2.3.4",
+  "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -10,14 +11,39 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js"
+      "import": "./dist/index.esm.js"
     }
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "dayjs": "1.11.13",
+    "lucide-react": "^0.474.0",
+    "react": "^18.0.0",
+    "react-day-picker": "^9.7.0",
+    "react-dom": "^18.0.0",
+    "react-hook-form": "^7.58.1",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2"
   },
   "scripts": {
     "dev": "vite",
@@ -28,35 +54,42 @@
     "build-storybook": "storybook build",
     "test": "vitest",
     "analyze": "vite build --config vite.analyze.config.ts",
-    "registry:dev": "vite --port 5173",
-    "registry:serve": "vite preview --port 5173"
+    "build:registry": "node scripts/build-registry.mjs",
+    "copy:registry": "node scripts/copy-registry.mjs",
+    "sync:registry": "node scripts/build-and-sync-registry.mjs"
   },
   "dependencies": {
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/postcss": "^4.1.14",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "dayjs": "1.11.13",
     "lucide-react": "^0.474.0",
-    "radix-ui": "^1.4.3",
-    "react-day-picker": "^9.7.0",
+    "react-day-picker": "^9.7.0 <10.0.0",
     "react-hook-form": "^7.58.1",
-    "shadcn": "^3.3.1",
     "sonner": "^2.0.5",
     "tailwind-merge": "^3.0.1",
-    "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "3.2.4",
+    "@chromatic-com/storybook": "4.1.1",
     "@eslint/js": "^9.17.0",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@storybook/addon-docs": "9.1.10",
+    "@storybook/react": "9.1.10",
+    "@storybook/react-vite": "9.1.10",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -67,20 +100,45 @@
     "@vitejs/plugin-react": "^4.3.4",
     "ajv": "^8.17.1",
     "autoprefixer": "^10.4.20",
+    "cssnano": "^7.1.1",
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.11.2",
-    "fast-glob": "^3.3.2",
+    "eslint-plugin-storybook": "9.1.10",
     "globals": "^15.14.0",
     "jsdom": "^26.1.0",
     "picocolors": "^1.0.0",
     "postcss": "^8.5.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "dayjs": "1.11.13",
+    "lucide-react": "^0.474.0",
+    "react-day-picker": "^9.7.0",
+    "react-hook-form": "^7.58.1",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.0.1",
+    "vaul": "^1.1.2",
+    "shadcn": "^2.7.0",
+    "tailwindcss-animate": "^1.0.7",
     "rollup-plugin-visualizer": "^6.0.3",
-    "storybook": "^8.6.14",
-    "tailwindcss": "^3.4.17",
+    "storybook": "9.1.10",
+    "tailwindcss": "^3.3.4",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5",
@@ -92,5 +150,10 @@
     "extends": [
       "plugin:storybook/recommended"
     ]
+  },
+  "overrides": {
+    "@storybook/preview-api": "9.1.10",
+    "@storybook/client-logger": "9.1.10",
+    "@storybook/types": "9.1.10"
   }
 }