@facter/ds-core 1.34.0 → 1.34.1

package/dist/index.d.mts

@@ -18,7 +18,6 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { LucideIcon } from 'lucide-react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ClassValue } from 'clsx';
@@ -861,7 +860,7 @@ interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
 declare const Textarea: React$1.NamedExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 interface FormContextValue<T extends FieldValues = FieldValues> {
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
 }
 interface FormFieldContextValue {
     name: string;
@@ -1026,7 +1025,7 @@ interface FormFieldProviderProps {
 declare function FormFieldProvider({ name, children }: FormFieldProviderProps): react_jsx_runtime.JSX.Element;
 
 interface FormRootProps<T extends FieldValues = FieldValues> extends Omit<React$1.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError'> {
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
     onSubmit: SubmitHandler<T>;
     onError?: SubmitErrorHandler<T>;
 }
@@ -1255,6 +1254,9 @@ declare const AuthLayout: typeof AuthLayoutRoot & {
     Divider: typeof AuthLayoutDivider;
 };
 
+type IconComponent$2 = React$1.ComponentType<{
+    className?: string;
+}>;
 interface SelectionLayoutProps {
     children: React$1.ReactNode;
     className?: string;
@@ -1302,7 +1304,7 @@ interface SelectionLayoutTabsProps {
 interface SelectionLayoutTabProps {
     value: string;
     label: string;
-    icon?: LucideIcon;
+    icon?: IconComponent$2;
     badge?: string | number;
     className?: string;
 }
@@ -1314,7 +1316,7 @@ interface SelectionLayoutCardProps {
     children?: React$1.ReactNode;
     className?: string;
     onClick?: () => void;
-    icon?: LucideIcon | React$1.ReactNode;
+    icon?: IconComponent$2 | React$1.ReactNode;
     title: string;
     description?: string;
     badge?: React$1.ReactNode;
@@ -1322,7 +1324,7 @@ interface SelectionLayoutCardProps {
     onFavoriteClick?: () => void;
 }
 interface SelectionLayoutEmptyProps {
-    icon?: LucideIcon;
+    icon?: IconComponent$2;
     title: string;
     description?: string;
     action?: React$1.ReactNode;
@@ -1396,6 +1398,9 @@ declare const SelectionLayout: typeof SelectionLayoutRoot & {
     Empty: typeof SelectionLayoutEmpty;
 };
 
+type IconComponent$1 = React.ComponentType<{
+    className?: string;
+}>;
 interface DashboardLayoutContextValue {
     sidebarExpanded: boolean;
     setSidebarExpanded: (expanded: boolean) => void;
@@ -1429,7 +1434,7 @@ interface DashboardLayoutSidebarNavProps {
     className?: string;
 }
 interface DashboardLayoutSidebarNavItemProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent$1 | React.ReactNode;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1440,7 +1445,7 @@ interface DashboardLayoutSidebarNavItemProps {
     disabled?: boolean;
 }
 interface DashboardLayoutSidebarNavGroupProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent$1 | React.ReactNode;
     label: string;
     children: React.ReactNode;
     defaultOpen?: boolean;
@@ -1488,7 +1493,7 @@ interface DashboardLayoutBreadcrumbsProps {
     items: Array<{
         label: string;
         href?: string;
-        icon?: LucideIcon;
+        icon?: IconComponent$1;
     }>;
     className?: string;
     separator?: React.ReactNode;
@@ -1498,7 +1503,7 @@ interface DashboardLayoutMobileNavProps {
     className?: string;
 }
 interface DashboardLayoutMobileNavItemProps {
-    icon: LucideIcon;
+    icon: IconComponent$1;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1589,6 +1594,9 @@ declare const DashboardLayout: typeof DashboardLayoutRoot & {
     MobileNavItem: typeof DashboardLayoutMobileNavItem;
 };
 
+type IconComponent = React.ComponentType<{
+    className?: string;
+}>;
 interface SidebarContextValue {
     expanded: boolean;
     setExpanded: (expanded: boolean) => void;
@@ -1626,7 +1634,7 @@ interface SidebarSectionProps {
 }
 type BadgeVariant = 'default' | 'notification' | 'success' | 'warning';
 interface SidebarNavItemProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent | React.ReactNode;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1637,7 +1645,7 @@ interface SidebarNavItemProps {
     className?: string;
 }
 interface SidebarNavGroupProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent | React.ReactNode;
     label: string;
     children: React.ReactNode;
     id?: string;
@@ -1653,7 +1661,7 @@ interface SidebarFooterUser {
     avatar?: string;
 }
 interface SidebarFooterMenuItem {
-    icon?: LucideIcon;
+    icon?: IconComponent;
     label: string;
     onClick: () => void;
     variant?: 'default' | 'destructive';
@@ -1713,7 +1721,9 @@ declare function useSidebarOptional(): SidebarContextValue | null;
 declare function useMediaQuery(query: string): boolean;
 
 interface MobileNavItemConfig {
-    icon: LucideIcon | React.ReactNode;
+    icon: React.ComponentType<{
+        className?: string;
+    }> | React.ReactNode;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1730,7 +1740,9 @@ interface MobileNavProps {
     className?: string;
 }
 interface MobileNavItemProps {
-    icon: LucideIcon | React.ReactNode;
+    icon: React.ComponentType<{
+        className?: string;
+    }> | React.ReactNode;
     label: string;
     isActive?: boolean;
     onClick?: () => void;
@@ -1861,7 +1873,9 @@ declare namespace SectionHeaderRoot {
     var displayName: string;
 }
 interface SectionHeaderIconProps {
-    icon: LucideIcon;
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
     className?: string;
 }
 declare function SectionHeaderIcon({ icon: Icon, className }: SectionHeaderIconProps): react_jsx_runtime.JSX.Element;
@@ -2273,7 +2287,7 @@ interface WizardProps<T extends FieldValues = FieldValues> {
     /** Child components (Wizard.Steps, Wizard.Content, etc.) */
     children: ReactNode;
     /** React Hook Form instance */
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
     /** Array of step configurations */
     steps: WizardStepConfig<T>[];
     /** Initial step index (0-based) */
@@ -2322,7 +2336,7 @@ interface WizardContextValue<T extends FieldValues = FieldValues> {
     /** Check if a step has errors */
     hasStepErrors: (index: number) => boolean;
     /** React Hook Form instance */
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
     /** Current step configuration */
     currentStepConfig: WizardStepConfig<T>;
     /** Get step config by index */

package/dist/index.d.ts

@@ -18,7 +18,6 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { LucideIcon } from 'lucide-react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ClassValue } from 'clsx';
@@ -861,7 +860,7 @@ interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
 declare const Textarea: React$1.NamedExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 interface FormContextValue<T extends FieldValues = FieldValues> {
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
 }
 interface FormFieldContextValue {
     name: string;
@@ -1026,7 +1025,7 @@ interface FormFieldProviderProps {
 declare function FormFieldProvider({ name, children }: FormFieldProviderProps): react_jsx_runtime.JSX.Element;
 
 interface FormRootProps<T extends FieldValues = FieldValues> extends Omit<React$1.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError'> {
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
     onSubmit: SubmitHandler<T>;
     onError?: SubmitErrorHandler<T>;
 }
@@ -1255,6 +1254,9 @@ declare const AuthLayout: typeof AuthLayoutRoot & {
     Divider: typeof AuthLayoutDivider;
 };
 
+type IconComponent$2 = React$1.ComponentType<{
+    className?: string;
+}>;
 interface SelectionLayoutProps {
     children: React$1.ReactNode;
     className?: string;
@@ -1302,7 +1304,7 @@ interface SelectionLayoutTabsProps {
 interface SelectionLayoutTabProps {
     value: string;
     label: string;
-    icon?: LucideIcon;
+    icon?: IconComponent$2;
     badge?: string | number;
     className?: string;
 }
@@ -1314,7 +1316,7 @@ interface SelectionLayoutCardProps {
     children?: React$1.ReactNode;
     className?: string;
     onClick?: () => void;
-    icon?: LucideIcon | React$1.ReactNode;
+    icon?: IconComponent$2 | React$1.ReactNode;
     title: string;
     description?: string;
     badge?: React$1.ReactNode;
@@ -1322,7 +1324,7 @@ interface SelectionLayoutCardProps {
     onFavoriteClick?: () => void;
 }
 interface SelectionLayoutEmptyProps {
-    icon?: LucideIcon;
+    icon?: IconComponent$2;
     title: string;
     description?: string;
     action?: React$1.ReactNode;
@@ -1396,6 +1398,9 @@ declare const SelectionLayout: typeof SelectionLayoutRoot & {
     Empty: typeof SelectionLayoutEmpty;
 };
 
+type IconComponent$1 = React.ComponentType<{
+    className?: string;
+}>;
 interface DashboardLayoutContextValue {
     sidebarExpanded: boolean;
     setSidebarExpanded: (expanded: boolean) => void;
@@ -1429,7 +1434,7 @@ interface DashboardLayoutSidebarNavProps {
     className?: string;
 }
 interface DashboardLayoutSidebarNavItemProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent$1 | React.ReactNode;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1440,7 +1445,7 @@ interface DashboardLayoutSidebarNavItemProps {
     disabled?: boolean;
 }
 interface DashboardLayoutSidebarNavGroupProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent$1 | React.ReactNode;
     label: string;
     children: React.ReactNode;
     defaultOpen?: boolean;
@@ -1488,7 +1493,7 @@ interface DashboardLayoutBreadcrumbsProps {
     items: Array<{
         label: string;
         href?: string;
-        icon?: LucideIcon;
+        icon?: IconComponent$1;
     }>;
     className?: string;
     separator?: React.ReactNode;
@@ -1498,7 +1503,7 @@ interface DashboardLayoutMobileNavProps {
     className?: string;
 }
 interface DashboardLayoutMobileNavItemProps {
-    icon: LucideIcon;
+    icon: IconComponent$1;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1589,6 +1594,9 @@ declare const DashboardLayout: typeof DashboardLayoutRoot & {
     MobileNavItem: typeof DashboardLayoutMobileNavItem;
 };
 
+type IconComponent = React.ComponentType<{
+    className?: string;
+}>;
 interface SidebarContextValue {
     expanded: boolean;
     setExpanded: (expanded: boolean) => void;
@@ -1626,7 +1634,7 @@ interface SidebarSectionProps {
 }
 type BadgeVariant = 'default' | 'notification' | 'success' | 'warning';
 interface SidebarNavItemProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent | React.ReactNode;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1637,7 +1645,7 @@ interface SidebarNavItemProps {
     className?: string;
 }
 interface SidebarNavGroupProps {
-    icon?: LucideIcon | React.ReactNode;
+    icon?: IconComponent | React.ReactNode;
     label: string;
     children: React.ReactNode;
     id?: string;
@@ -1653,7 +1661,7 @@ interface SidebarFooterUser {
     avatar?: string;
 }
 interface SidebarFooterMenuItem {
-    icon?: LucideIcon;
+    icon?: IconComponent;
     label: string;
     onClick: () => void;
     variant?: 'default' | 'destructive';
@@ -1713,7 +1721,9 @@ declare function useSidebarOptional(): SidebarContextValue | null;
 declare function useMediaQuery(query: string): boolean;
 
 interface MobileNavItemConfig {
-    icon: LucideIcon | React.ReactNode;
+    icon: React.ComponentType<{
+        className?: string;
+    }> | React.ReactNode;
     label: string;
     href?: string;
     onClick?: () => void;
@@ -1730,7 +1740,9 @@ interface MobileNavProps {
     className?: string;
 }
 interface MobileNavItemProps {
-    icon: LucideIcon | React.ReactNode;
+    icon: React.ComponentType<{
+        className?: string;
+    }> | React.ReactNode;
     label: string;
     isActive?: boolean;
     onClick?: () => void;
@@ -1861,7 +1873,9 @@ declare namespace SectionHeaderRoot {
     var displayName: string;
 }
 interface SectionHeaderIconProps {
-    icon: LucideIcon;
+    icon: React$1.ComponentType<{
+        className?: string;
+    }>;
     className?: string;
 }
 declare function SectionHeaderIcon({ icon: Icon, className }: SectionHeaderIconProps): react_jsx_runtime.JSX.Element;
@@ -2273,7 +2287,7 @@ interface WizardProps<T extends FieldValues = FieldValues> {
     /** Child components (Wizard.Steps, Wizard.Content, etc.) */
     children: ReactNode;
     /** React Hook Form instance */
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
     /** Array of step configurations */
     steps: WizardStepConfig<T>[];
     /** Initial step index (0-based) */
@@ -2322,7 +2336,7 @@ interface WizardContextValue<T extends FieldValues = FieldValues> {
     /** Check if a step has errors */
     hasStepErrors: (index: number) => boolean;
     /** React Hook Form instance */
-    form: UseFormReturn<T>;
+    form: UseFormReturn<T, any, any>;
     /** Current step configuration */
     currentStepConfig: WizardStepConfig<T>;
     /** Get step config by index */

package/dist/index.js

@@ -63,7 +63,7 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-70",
   {
     variants: {
       variant: {
@@ -3884,7 +3884,9 @@ function SelectDropdown({
         collisionPadding: 16,
         className: "p-0 overflow-hidden flex flex-col",
         style: {
-          width: "var(--radix-popover-trigger-width)",
+          minWidth: "var(--radix-popover-trigger-width)",
+          width: "fit-content",
+          maxWidth: "var(--radix-popover-content-available-width, 100%)",
           maxHeight: "min(340px, var(--radix-popover-content-available-height, 340px))"
         },
         onOpenAutoFocus: (e) => {
@@ -4227,7 +4229,9 @@ function MultiSelectDropdown({
         collisionPadding: 16,
         className: "p-0 overflow-hidden flex flex-col",
         style: {
-          width: "var(--radix-popover-trigger-width)",
+          minWidth: "var(--radix-popover-trigger-width)",
+          width: "fit-content",
+          maxWidth: "var(--radix-popover-content-available-width, 100%)",
           maxHeight: "min(340px, var(--radix-popover-content-available-height, 340px))"
         },
         onOpenAutoFocus: (e) => {