@true-tech-team/react-components 0.0.10 → 1.0.0

package/lib/components/navigation/SideNav/SideNav.d.ts

@@ -85,5 +85,7 @@ export interface SideNavProps extends BaseComponentProps {
  * </SideNav>
  * ```
  */
-export declare const SideNav: React.ForwardRefExoticComponent<SideNavProps & React.RefAttributes<HTMLElement>>;
+export declare const SideNav: ({ ref, position, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, expandedWidth, collapsedWidth, selectedValue: controlledSelectedValue, defaultSelectedValue, onSelect, header, footer, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: SideNavProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SideNav;

package/lib/components/navigation/SideNav/SideNavDivider.d.ts

@@ -18,5 +18,7 @@ export interface SideNavDividerProps extends Omit<BaseComponentProps, 'children'
  * <SideNavDivider label="Settings" />
  * ```
  */
-export declare const SideNavDivider: React.ForwardRefExoticComponent<SideNavDividerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SideNavDivider: ({ ref, label, className, "data-testid": testId, style, ...restProps }: SideNavDividerProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SideNavDivider;

package/lib/components/navigation/SideNav/SideNavGroup.d.ts

@@ -40,5 +40,7 @@ export interface SideNavGroupProps extends BaseComponentProps {
  * </SideNavGroup>
  * ```
  */
-export declare const SideNavGroup: React.ForwardRefExoticComponent<SideNavGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SideNavGroup: ({ ref, groupId, label, icon, expanded: controlledExpanded, defaultExpanded, children, className, "data-testid": testId, style, ...restProps }: SideNavGroupProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SideNavGroup;

package/lib/components/navigation/SideNav/SideNavItem.d.ts

@@ -67,5 +67,7 @@ export interface SideNavItemProps extends BaseComponentProps {
  * />
  * ```
  */
-export declare const SideNavItem: React.ForwardRefExoticComponent<SideNavItemProps & React.RefAttributes<HTMLElement>>;
+export declare const SideNavItem: ({ ref, value, icon, label, tooltip, disabled, href, onClick, badge, endAdornment, level, className, "data-testid": testId, style, ...restProps }: SideNavItemProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SideNavItem;

package/lib/components/navigation/Stepper/Step.d.ts

@@ -53,5 +53,7 @@ export interface StepProps extends BaseComponentProps {
  * <Step title="Payment" error errorMessage="Please fix payment details" />
  * ```
  */
-export declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Step: ({ ref, title, description, icon, optional, error, errorMessage, children, className, "data-testid": testId, style, _stepIndex, ...restProps }: StepProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Step;

package/lib/components/navigation/Stepper/Stepper.d.ts

@@ -76,5 +76,7 @@ export interface StepperProps extends BaseComponentProps {
  * </Stepper>
  * ```
  */
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Stepper: ({ ref, currentStep, onStepChange, orientation, variant, size, allowStepClick, onlyPreviousClickable, completedSteps, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: StepperProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

package/lib/components/overlays/Alert/Alert.d.ts

@@ -98,5 +98,7 @@ export interface AlertProps extends Omit<DialogProps, 'actions' | 'renderHeader'
  * />
  * ```
  */
-export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Alert: ({ ref, variant, icon, hideIcon, title, description, children, confirmText, cancelText, onConfirm, onCancel, loading, confirmDisabled, confirmVariant, extraActions, size, showCancel, onClose, className, "data-testid": testId, ...restProps }: AlertProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Alert;

package/lib/components/overlays/Alert/AlertProvider.d.ts

@@ -35,6 +35,3 @@ export interface AlertProviderProps {
  * ```
  */
 export declare function AlertProvider({ children, defaultAlertProps }: AlertProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace AlertProvider {
-    var displayName: string;
-}

package/lib/components/overlays/Dialog/Dialog.d.ts

@@ -193,5 +193,7 @@ export declare const DialogFooter: React.FC<DialogFooterProps>;
  * Dialog component
  * Modal dialog for user interactions with customizable content
  */
-export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: ({ ref, isOpen: controlledIsOpen, defaultOpen, onOpenChange, onClose, title, children, actions, size, width, maxHeight, closeOnBackdropClick, closeOnEscape, showCloseButton, trapFocus, blockScroll, blurBackdrop, backdropOpacity, zIndex, animationDuration, role, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, modal, renderHeader, renderFooter, backdropClassName, contentClassName, onOpenComplete, onCloseComplete, className, "data-testid": testId, style: customStyle, ...restProps }: DialogProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Dialog;

package/lib/components/overlays/Dialog/DialogProvider.d.ts

@@ -25,6 +25,3 @@ export interface DialogProviderProps {
  * ```
  */
 export declare function DialogProvider({ children, defaultDialogProps }: DialogProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace DialogProvider {
-    var displayName: string;
-}

package/lib/components/overlays/LoadingOverlay/LoadingOverlay.d.ts

@@ -97,5 +97,7 @@ export interface LoadingOverlayProps extends BaseComponentProps {
  * </LoadingOverlay>
  * ```
  */
-export declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export declare const LoadingOverlay: ({ ref, children, visible, mode, spinnerStyle, spinnerSize, spinnerVariant, spinnerSpeed, message, blur, backdropOpacity, zIndex, transitionDuration, customSpinner, borderRadius, className, "data-testid": testId, style, ...restProps }: LoadingOverlayProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default LoadingOverlay;

package/lib/components/overlays/Popover/Popover.d.ts

@@ -47,7 +47,7 @@ export interface PopoverProps extends Omit<BaseComponentProps, 'children'> {
      * Trigger element (render prop or ReactNode)
      */
     trigger: ReactNode | ((props: {
-        ref: RefObject<HTMLElement>;
+        ref: RefObject<HTMLElement | null>;
     }) => ReactNode);
     /**
      * Popover content

package/lib/components/overlays/Toast/ToastProvider.d.ts

@@ -66,6 +66,3 @@ export interface ToastProviderProps {
  * ```
  */
 export declare function ToastProvider({ children, position, maxVisible, gap, offset, defaultDuration, animationDuration, defaultToastProps, zIndex, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ToastProvider {
-    var displayName: string;
-}

package/lib/decorators/ComponentDecorator/ComponentDecorator.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, JSX } from 'react';
 import { CSSVariables } from '../../types';
 export interface ComponentDecoratorProps {
     /**
@@ -53,5 +53,10 @@ export interface ComponentDecoratorProps {
  * );
  * ```
  */
-export declare function withComponentDecorator<P extends object>(Component: React.ComponentType<P>, componentName: string, defaultClassName?: string): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & Omit<ComponentDecoratorProps, "componentName">> & React.RefAttributes<HTMLDivElement>>;
+export declare function withComponentDecorator<P extends object>(Component: React.ComponentType<P>, componentName: string, defaultClassName?: string): {
+    ({ ref, ...props }: P & Omit<ComponentDecoratorProps, "componentName"> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default withComponentDecorator;

package/lib/hooks/useClickOutside/useClickOutside.d.ts

@@ -6,4 +6,4 @@ import { RefObject } from 'react';
  * @param enabled - Whether the hook is active
  * @param excludeRefs - Additional refs to exclude from outside click detection (e.g., trigger elements)
  */
-export declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean, excludeRefs?: Array<RefObject<HTMLElement>>): void;
+export declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean, excludeRefs?: Array<RefObject<HTMLElement | null>>): void;

package/lib/hooks/useFocusTrap/useFocusTrap.d.ts

@@ -5,4 +5,4 @@ import { RefObject } from 'react';
  * @param enabled - Whether the focus trap is active
  * @param autoFocus - Whether to automatically focus the first element on mount
  */
-export declare function useFocusTrap<T extends HTMLElement>(ref: RefObject<T>, enabled?: boolean, autoFocus?: boolean): void;
+export declare function useFocusTrap<T extends HTMLElement>(ref: RefObject<T | null>, enabled?: boolean, autoFocus?: boolean): void;

package/lib/hooks/usePopoverPosition/usePopoverPosition.d.ts

@@ -36,11 +36,11 @@ export interface UsePopoverPositionReturn {
     /**
      * Ref to attach to popover element
      */
-    popoverRef: RefObject<HTMLDivElement>;
+    popoverRef: RefObject<HTMLDivElement | null>;
     /**
      * Ref to attach to trigger element
      */
-    triggerRef: RefObject<HTMLElement>;
+    triggerRef: RefObject<HTMLElement | null>;
     /**
      * Style object to apply to popover
      */

package/lib/types/component.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import { ReactNode, CSSProperties, JSX } from 'react';
 /**
  * Base props that all components should accept
  */

package/lib/utils/validation.d.ts

@@ -73,7 +73,7 @@ export declare const validators: {
      * @param otherValue Value to match against
      * @param message Custom error message
      */
-    matches: (otherValue: any, message?: string) => Validator;
+    matches: (otherValue: unknown, message?: string) => Validator;
     /**
      * Validates file size
      * @param maxSize Maximum size in bytes
@@ -99,14 +99,14 @@ export declare const combineValidators: (...validators: Validator[]) => Validato
  * @param validator Single validator or array of validators
  * @returns ValidationResult object
  */
-export declare const validate: (value: any, validator: Validator | Validator[]) => ValidationResult;
+export declare const validate: (value: unknown, validator: Validator | Validator[]) => ValidationResult;
 /**
  * Validates multiple fields
  * @param values Object with field values
  * @param validators Object with field validators
  * @returns Object with validation results
  */
-export declare const validateForm: (values: Record<string, any>, validators: Record<string, Validator | Validator[]>) => Record<string, ValidationResult>;
+export declare const validateForm: (values: Record<string, unknown>, validators: Record<string, Validator | Validator[]>) => Record<string, ValidationResult>;
 /**
  * Checks if all validation results are valid
  * @param results Validation results object

package/package.json

@@ -1,54 +1,54 @@
-{
-  "name": "@true-tech-team/react-components",
-  "version": "0.0.10",
-  "description": "React TypeScript component library",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.mjs",
-      "require": "./index.js"
-    }
-  },
-  "scripts": {
-    "build": "nx build ui-components",
-    "test": "nx test ui-components",
-    "test:watch": "nx test ui-components --watch",
-    "test:coverage": "nx test ui-components --coverage",
-    "lint": "nx lint ui-components",
-    "lint:fix": "nx lint ui-components --fix",
-    "storybook": "nx storybook ui-components",
-    "storybook:build": "nx build-storybook ui-components",
-    "typecheck": "tsc --noEmit -p tsconfig.lib.json"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "files": [
-    "index.js",
-    "index.mjs",
-    "index.d.ts",
-    "**/*.js",
-    "**/*.mjs",
-    "**/*.d.ts",
-    "**/*.css",
-    "**/*.scss"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "directory": "libs/ui-components"
-  },
-  "keywords": [
-    "react",
-    "components",
-    "typescript",
-    "ui",
-    "library"
-  ],
-  "license": "MIT"
-}
+{
+  "name": "@true-tech-team/react-components",
+  "version": "1.0.0",
+  "description": "React TypeScript component library",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "scripts": {
+    "build": "nx build ui-components",
+    "test": "nx test ui-components",
+    "test:watch": "nx test ui-components --watch",
+    "test:coverage": "nx test ui-components --coverage",
+    "lint": "nx lint ui-components",
+    "lint:fix": "nx lint ui-components --fix",
+    "storybook": "nx storybook ui-components",
+    "storybook:build": "nx build-storybook ui-components",
+    "typecheck": "tsc --noEmit -p tsconfig.lib.json"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "files": [
+    "index.js",
+    "index.mjs",
+    "index.d.ts",
+    "**/*.js",
+    "**/*.mjs",
+    "**/*.d.ts",
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "directory": "libs/ui-components"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "typescript",
+    "ui",
+    "library"
+  ],
+  "license": "MIT"
+}