@true-tech-team/react-components 1.0.1 → 1.1.1

package/lib/components/navigation/Breadcrumbs/BreadcrumbItem.d.ts

@@ -35,5 +35,5 @@ export interface BreadcrumbItemProps extends BaseComponentProps {
  */
 export declare const BreadcrumbItem: ({ ref, href, current, icon, onClick, children, className, "data-testid": testId, style, ...restProps }: BreadcrumbItemProps & {
     ref?: React.Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default BreadcrumbItem;

package/lib/components/navigation/Breadcrumbs/BreadcrumbSeparator.d.ts

@@ -20,5 +20,5 @@ export interface BreadcrumbSeparatorProps extends BaseComponentProps {
  */
 export declare const BreadcrumbSeparator: ({ ref, children, className, "data-testid": testId, style, ...restProps }: BreadcrumbSeparatorProps & {
     ref?: React.Ref<HTMLSpanElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default BreadcrumbSeparator;

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

@@ -94,5 +94,5 @@ export interface BreadcrumbsProps extends BaseComponentProps {
  */
 export declare const Breadcrumbs: ({ ref, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, showHomeIcon, size, items, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: BreadcrumbsProps & {
     ref?: React.Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default Breadcrumbs;

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

@@ -111,5 +111,5 @@ export interface CollapsibleSidebarProps extends BaseComponentProps {
  */
 export declare const CollapsibleSidebar: ({ ref, collapsed: controlledCollapsed, defaultCollapsed, expandedWidth, collapsedWidth, collapseBreakpoint, hideBreakpoint, position, onCollapsedChange, onHiddenChange, animationDuration, animationEasing, header, footer, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: CollapsibleSidebarProps & {
     ref?: React.Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 export default CollapsibleSidebar;

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

@@ -72,5 +72,5 @@ export interface NavLinkProps extends BaseComponentProps {
  */
 export declare const NavLink: ({ ref, href, active, icon, iconPosition, variant, size, disabled, onClick, children, className, target, rel, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: NavLinkProps & {
     ref?: React.Ref<HTMLAnchorElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NavLink;

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

@@ -79,5 +79,5 @@ export interface NavbarProps extends BaseComponentProps {
  */
 export declare const Navbar: ({ ref, variant, position, size, alignment, expanded: controlledExpanded, defaultExpanded, onExpandedChange, collapseBreakpoint, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: NavbarProps & {
     ref?: React.Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default Navbar;

package/lib/components/navigation/Navbar/NavbarActions.d.ts

@@ -19,5 +19,5 @@ export interface NavbarActionsProps extends BaseComponentProps {
  */
 export declare const NavbarActions: ({ ref, children, className, "data-testid": testId, style, ...restProps }: NavbarActionsProps & {
     ref?: React.Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NavbarActions;

package/lib/components/navigation/Navbar/NavbarBrand.d.ts

@@ -27,5 +27,5 @@ export interface NavbarBrandProps extends BaseComponentProps {
  */
 export declare const NavbarBrand: ({ ref, children, href, onClick, className, "data-testid": testId, style, ...restProps }: NavbarBrandProps & {
     ref?: React.Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NavbarBrand;

package/lib/components/navigation/Navbar/NavbarCollapse.d.ts

@@ -24,5 +24,5 @@ export interface NavbarCollapseProps extends BaseComponentProps {
  */
 export declare const NavbarCollapse: ({ ref, children, className, "data-testid": testId, style, ...restProps }: NavbarCollapseProps & {
     ref?: React.Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NavbarCollapse;

package/lib/components/navigation/Navbar/NavbarNav.d.ts

@@ -20,5 +20,5 @@ export interface NavbarNavProps extends BaseComponentProps {
  */
 export declare const NavbarNav: ({ ref, children, className, "data-testid": testId, style, ...restProps }: NavbarNavProps & {
     ref?: React.Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NavbarNav;

package/lib/components/navigation/Navbar/NavbarToggle.d.ts

@@ -19,5 +19,5 @@ export interface NavbarToggleProps extends BaseComponentProps {
  */
 export declare const NavbarToggle: ({ ref, icon, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: NavbarToggleProps & {
     ref?: React.Ref<HTMLButtonElement>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NavbarToggle;

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

@@ -97,5 +97,5 @@ export interface PaginationProps extends BaseComponentProps {
  */
 export declare const Pagination: ({ ref, totalPages, currentPage, onPageChange, siblingCount, boundaryCount, showFirstLast, showPrevNext, size, variant, shape, disabled, labels, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: PaginationProps & {
     ref?: React.Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 export default Pagination;

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

@@ -87,5 +87,5 @@ export interface SideNavProps extends BaseComponentProps {
  */
 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;
+}) => React.JSX.Element;
 export default SideNav;

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

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

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

@@ -42,5 +42,5 @@ export interface SideNavGroupProps extends BaseComponentProps {
  */
 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;
+}) => React.JSX.Element;
 export default SideNavGroup;

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

@@ -69,5 +69,5 @@ export interface SideNavItemProps extends BaseComponentProps {
  */
 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;
+}) => React.JSX.Element;
 export default SideNavItem;

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

@@ -55,5 +55,5 @@ export interface StepProps extends BaseComponentProps {
  */
 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;
+}) => React.JSX.Element;
 export default Step;

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

@@ -78,5 +78,5 @@ export interface StepperProps extends BaseComponentProps {
  */
 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;
+}) => React.JSX.Element;
 export default Stepper;

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

@@ -100,5 +100,5 @@ export interface AlertProps extends Omit<DialogProps, 'actions' | 'renderHeader'
  */
 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;
+}) => React.JSX.Element;
 export default Alert;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { AlertProps } from './Alert';
 /**
  * Alert provider props
@@ -34,4 +34,4 @@ export interface AlertProviderProps {
  * };
  * ```
  */
-export declare function AlertProvider({ children, defaultAlertProps }: AlertProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlertProvider({ children, defaultAlertProps }: AlertProviderProps): React.JSX.Element;

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

@@ -195,5 +195,5 @@ export declare const DialogFooter: React.FC<DialogFooterProps>;
  */
 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;
+}) => React.JSX.Element | null;
 export default Dialog;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { DialogProps } from './Dialog';
 /**
  * Dialog provider props
@@ -24,4 +24,4 @@ export interface DialogProviderProps {
  * </DialogProvider>
  * ```
  */
-export declare function DialogProvider({ children, defaultDialogProps }: DialogProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogProvider({ children, defaultDialogProps }: DialogProviderProps): React.JSX.Element;

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

@@ -99,5 +99,5 @@ export interface LoadingOverlayProps extends BaseComponentProps {
  */
 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;
+}) => React.JSX.Element | null;
 export default LoadingOverlay;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { ToastPosition } from './Toast';
 import { ToastData } from './ToastContext';
 /**
@@ -65,4 +65,4 @@ export interface ToastProviderProps {
  * toast.error('Failed to save changes');
  * ```
  */
-export declare function ToastProvider({ children, position, maxVisible, gap, offset, defaultDuration, animationDuration, defaultToastProps, zIndex, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToastProvider({ children, position, maxVisible, gap, offset, defaultDuration, animationDuration, defaultToastProps, zIndex, }: ToastProviderProps): React.JSX.Element;

package/lib/contexts/PageMessagesContext/PageMessagesContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { PageMessageStateConfig, LoadingStateConfig, PageMessagesProps } from '../../components/display/PageMessages/types';
 /**
  * Default configurations for all page message states
@@ -78,7 +78,7 @@ export interface PageMessagesProviderProps {
  * </PageMessagesProvider>
  * ```
  */
-export declare function PageMessagesProvider({ children, defaults, actions, defaultProps, }: PageMessagesProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageMessagesProvider({ children, defaults, actions, defaultProps, }: PageMessagesProviderProps): React.JSX.Element;
 /**
  * Hook to access PageMessages context
  * Returns undefined if not within provider (uses built-in defaults)

package/lib/contexts/ThemeContext/ThemeContext.d.ts

@@ -22,7 +22,7 @@ export interface ThemeProviderProps {
  * </ThemeProvider>
  * ```
  */
-export declare function ThemeProvider({ children, defaultMode, themeConfig, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, defaultMode, themeConfig, }: ThemeProviderProps): import("react").JSX.Element;
 /**
  * Hook to access theme context
  *

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

@@ -56,7 +56,7 @@ export interface ComponentDecoratorProps {
 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;
+    }): JSX.Element;
     displayName: string;
 };
 export default withComponentDecorator;

package/lib/providers/GlobalProvider/GlobalProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { PageMessagesProviderProps } from '../../contexts/PageMessagesContext';
 import { DialogProviderProps } from '../../components/overlays/Dialog';
 import { AlertProviderProps } from '../../components/overlays/Alert';
@@ -72,5 +72,5 @@ export interface GlobalProviderProps {
  * </GlobalProvider>
  * ```
  */
-export declare function GlobalProvider({ children, themeConfig, injectGlobalStyles, pageMessagesConfig, dialogConfig, alertConfig, toastConfig, }: GlobalProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function GlobalProvider({ children, themeConfig, injectGlobalStyles, pageMessagesConfig, dialogConfig, alertConfig, toastConfig, }: GlobalProviderProps): React.JSX.Element;
 export default GlobalProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-tech-team/react-components",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "React TypeScript component library",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -9,23 +9,82 @@
       "types": "./index.d.ts",
       "import": "./index.mjs",
       "require": "./index.js"
-    }
+    },
+    "./index.css": "./index.css"
   },
   "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"
+    "build": "vite build",
+    "build:production": "vite build --mode production",
+    "build:development": "vite build --mode development",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:ci": "jest --ci --coverage --passWithNoTests",
+    "lint": "eslint . --max-warnings=0",
+    "lint:fix": "eslint . --max-warnings=0 --fix",
+    "typecheck": "tsc --noEmit -p tsconfig.lib.json",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build -o dist/storybook",
+    "prepare": "husky"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.14.5",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.29.7",
+    "@commitlint/cli": "^20.4.0",
+    "@commitlint/config-conventional": "^20.4.0",
+    "@eslint/js": "^9.8.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@storybook/addon-a11y": "^10.0.0",
+    "@storybook/addon-docs": "^10.0.0",
+    "@storybook/addon-links": "^10.0.0",
+    "@storybook/react-vite": "^10.0.0",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "babel-jest": "^29.7.0",
+    "eslint": "^9.8.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "husky": "^9.1.7",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^16.2.7",
+    "postcss-scss": "^4.0.9",
+    "prettier": "~3.6.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "sass": "^1.77.0",
+    "semantic-release": "^24.0.0",
+    "storybook": "^10.0.0",
+    "stylelint": "^16.26.1",
+    "stylelint-config-standard-scss": "^16.0.0",
+    "ts-jest": "^29.1.0",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.19.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "~4.5.0"
+  },
   "files": [
     "index.js",
     "index.mjs",
@@ -41,8 +100,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/TrueTechTeam/true-tech-team.git",
-    "directory": "libs/ui-components"
+    "url": "https://github.com/TrueTechTeam/components.git"
   },
   "keywords": [
     "react",