@kubit-ui-web/react-components 2.0.0-beta.20 → 2.0.0-beta.21

package/dist/types/index.d.ts

@@ -1128,7 +1128,7 @@ declare type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
 
 declare type ComponentSelected_2<T> = Pick<T, NonVariablesKeys_2<T>>;
 
-declare type ComponentsTypesAvailableComponents = 'ACCORDION' | 'ALERT' | 'AVATAR' | 'BADGE' | 'BREADCRUMBS' | 'BUTTON' | 'CALENDAR' | 'CARD_IMAGE' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | 'DROPDOWN_SELECTED' | 'ERROR_MESSAGE' | 'ICON' | 'INPUT' | 'INPUT_BASE' | 'INPUT_DECORATION' | 'INPUT_SIGNATURE' | 'ITEM_ROVE' | 'LINK' | 'LINK_AS_BUTTON' | 'LIST_OPTIONS' | 'MODAL' | 'NAVBAR' | 'OPTION' | 'OVERLAY' | 'PAGE_CONTROL' | 'PAGINATION' | 'POPOVER' | 'PROGRESS_BAR' | 'RADIO_BUTTON' | 'SELECTOR_BOX_FILE' | 'SKELETON' | 'SLIDER' | 'SNACKBAR' | 'STEPPER_NUMBER' | 'TABLE' | 'TABLE_BODY' | 'TABLE_CAPTION' | 'TABLE_CELL' | 'TABLE_DIVIDER' | 'TABLE_FOOT' | 'TABLE_HEAD' | 'TABLE_ROW' | 'TABS' | 'TAG' | 'TEXT' | 'TEXT_AREA' | 'TEXT_COUNT' | 'TOGGLE' | 'TOOLTIP' | 'VIRTUAL_KEYBOARD';
+declare type ComponentsTypesAvailableComponents = 'ACCORDION' | 'ALERT' | 'AVATAR' | 'BADGE' | 'BREADCRUMBS' | 'BUTTON' | 'CALENDAR' | 'CARD_IMAGE' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | 'DROPDOWN_SELECTED' | 'ERROR_MESSAGE' | 'ICON' | 'INPUT' | 'INPUT_BASE' | 'INPUT_DECORATION' | 'INPUT_SIGNATURE' | 'ITEM_ROVE' | 'LINK' | 'LINK_AS_BUTTON' | 'LIST_OPTIONS' | 'MODAL' | 'OPTION' | 'OVERLAY' | 'PAGE_CONTROL' | 'PAGINATION' | 'POPOVER' | 'PROGRESS_BAR' | 'RADIO_BUTTON' | 'SELECTOR_BOX_FILE' | 'SKELETON' | 'SLIDER' | 'SNACKBAR' | 'STEPPER_NUMBER' | 'TABLE' | 'TABLE_BODY' | 'TABLE_CAPTION' | 'TABLE_CELL' | 'TABLE_DIVIDER' | 'TABLE_FOOT' | 'TABLE_HEAD' | 'TABLE_ROW' | 'TABS' | 'TAG' | 'TEXT' | 'TEXT_AREA' | 'TEXT_COUNT' | 'TOGGLE' | 'TOOLTIP' | 'VIRTUAL_KEYBOARD';
 
 declare type ComponentsTypesComponents = {
     ACCORDION: {
@@ -1263,7 +1263,7 @@ declare type ComponentsTypesComponents = {
             button: string;
         };
         dynamic_values: (styles: {
-            '$alignText': string;
+            $alignText: string;
         }) => {
             string: string;
             object: object;
@@ -1544,11 +1544,11 @@ declare type ComponentsTypesComponents = {
         complex: string;
         svg: string;
         dynamic_values: (styles: {
-            '$color': string;
-            '$moveAround': string;
-            '$transitionDuration': string;
-            '$height': string;
-            '$width': string;
+            $color: string;
+            $moveAround: string;
+            $transitionDuration: string;
+            $height: string;
+            $width: string;
         }) => {
             string: string;
             object: object;
@@ -1692,13 +1692,6 @@ declare type ComponentsTypesComponents = {
             modal: string;
         };
     };
-    NAVBAR: {
-        navbar: string;
-        itemcontainer: string;
-        $_default: {
-            navbar: string;
-        };
-    };
     OPTION: {
         option: string;
         checkedicon: string;
@@ -1823,63 +1816,6 @@ declare type ComponentsTypesComponents = {
         $_default: {
             progress_bar: string;
         };
-        $_interactive: {
-            progress_bar: string;
-            barcontainer: string;
-        };
-        slider: {
-            activetrack: string;
-            inactivetrack: string;
-            thumb: string;
-            decrement_button_size: {
-                icon: string;
-                button: string;
-                loader: string;
-            };
-            decrement_button_variant: {
-                button: string;
-                icon: string;
-                loader: string;
-            };
-            tooltip: {
-                arrowcontainer: string;
-                arrowposition: string;
-                arrowsize: string;
-                closebuttoncontainer: string;
-                closebuttonicon: string;
-                headercontainer: string;
-                paragraph: string;
-                paragraphcontainer: string;
-                title: string;
-                tooltipexternalcontainer: string;
-                tooltipinternalcontainer: string;
-                popover: {
-                    arrow: string;
-                    popover: string;
-                };
-                arrow: string;
-                divider: string;
-                dragicon: string;
-                dragiconcontainer: string;
-                tooltipalignstyles: string;
-                tooltipasmodal: string;
-            };
-            buttonstrackscontainer: string;
-            helpertext: string;
-            helpertextcontainer: string;
-            helpertextleftcontainer: string;
-            helpertextrightcontainer: string;
-            innerthumbtooltip: string;
-            label: string;
-            labelcontainer: string;
-            rightthumbicon: string;
-            scalecontainer: string;
-            scaleoption: string;
-            thumbicon: string;
-            tracksthumbscontainer: string;
-            tracksthumbsinnercontainer: string;
-            slider: string;
-        };
     };
     RADIO_BUTTON: {
         radio_button: string;
@@ -1903,12 +1839,8 @@ declare type ComponentsTypesComponents = {
             arrowcontainer: string;
             arrowposition: string;
             arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
             paragraph: string;
             paragraphcontainer: string;
-            title: string;
             tooltipexternalcontainer: string;
             tooltipinternalcontainer: string;
             popover: {
@@ -1916,9 +1848,6 @@ declare type ComponentsTypesComponents = {
                 popover: string;
             };
             arrow: string;
-            divider: string;
-            dragicon: string;
-            dragiconcontainer: string;
             tooltipalignstyles: string;
             tooltipasmodal: string;
         };
@@ -2002,12 +1931,8 @@ declare type ComponentsTypesComponents = {
             arrowcontainer: string;
             arrowposition: string;
             arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
             paragraph: string;
             paragraphcontainer: string;
-            title: string;
             tooltipexternalcontainer: string;
             tooltipinternalcontainer: string;
             popover: {
@@ -2015,9 +1940,6 @@ declare type ComponentsTypesComponents = {
                 popover: string;
             };
             arrow: string;
-            divider: string;
-            dragicon: string;
-            dragiconcontainer: string;
             tooltipalignstyles: string;
             tooltipasmodal: string;
         };
@@ -2109,18 +2031,18 @@ declare type ComponentsTypesComponents = {
             table_cell: string;
         };
         dynamic_values: (styles: {
-            '$tdWidth': string;
-            '$tdHeight': string;
-            '$tdMinWidth': string;
-            '$tdMaxWidth': string;
-            '$tdTextAlign': string;
-            '$tdVerticalAlign': string;
-            '$tdAlignItems': string;
-            '$tdJustifyContent': string;
-            '$tdTop': string;
-            '$tdLeft': string;
-            '$tdRight': string;
-            '$tdBottom': string;
+            $tdWidth: string;
+            $tdHeight: string;
+            $tdMinWidth: string;
+            $tdMaxWidth: string;
+            $tdTextAlign: string;
+            $tdVerticalAlign: string;
+            $tdAlignItems: string;
+            $tdJustifyContent: string;
+            $tdTop: string;
+            $tdLeft: string;
+            $tdRight: string;
+            $tdBottom: string;
         }) => {
             string: string;
             object: object;
@@ -2322,15 +2244,8 @@ declare type ComponentsTypesComponents = {
         arrowcontainer: string;
         arrowposition: string;
         arrowsize: string;
-        closebuttoncontainer: string;
-        closebuttonicon: string;
-        divider: string;
-        dragicon: string;
-        dragiconcontainer: string;
-        headercontainer: string;
         paragraph: string;
         paragraphcontainer: string;
-        title: string;
         tooltipalignstyles: string;
         tooltipasmodal: string;
         tooltipexternalcontainer: string;
@@ -2340,12 +2255,8 @@ declare type ComponentsTypesComponents = {
             arrowcontainer: string;
             arrowposition: string;
             arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
             paragraph: string;
             paragraphcontainer: string;
-            title: string;
             tooltipexternalcontainer: string;
             tooltipinternalcontainer: string;
         };
@@ -4652,13 +4563,6 @@ export declare interface ModalControlledProps<Variant = undefined extends string
 
 declare type ModalCssClasses = ComponentSelected<ComponentsTypesComponents['MODAL']>;
 
-/**
- * Represents the type for the footer in the Modal component.
- */
-export declare type ModalFooterProps = Omit<NavBarProps, 'variant'> & {
-    variant?: string;
-};
-
 declare type ModalOmittedProps = 'styles' | 'device' | 'contentHasScroll';
 
 /**
@@ -4691,7 +4595,7 @@ export declare interface ModalStandAloneProps extends DataAttributes {
     content?: ReactNode;
     contentScrollArias?: Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
     contentHasScroll: boolean;
-    footer?: ModalFooterProps;
+    footer?: ReactNode;
     device: DeviceBreakpointsType;
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onPopoverCloseInternally?: () => void;
@@ -4737,51 +4641,6 @@ export declare type ModalVariantStyles<Variant extends string> = ModalStyleProps
     [key in Variant]: ModalStyleProps;
 };
 
-/**
- * A component that renders a navigation bar, which can be used as a header, footer, or standalone navigation.
- * It supports custom CSS classes and forwards a ref to the inner navigation container.
- *
- * @param {INavBarControlled} props - The props for the navigation bar component.
- * @param {ForwardedRef<HTMLDivElement>} ref - The forwarded ref for the inner navigation container.
- * @returns {JSX.Element} The rendered navigation bar component.
- */
-export declare const NabVar: ForwardRefExoticComponent<NavBarProps<string> & RefAttributes<HTMLDivElement>>;
-
-declare type NavBarCssClasses = ComponentSelected<ComponentsTypesComponents['NAVBAR']>;
-
-/**
- * Interface for the NavBar component with a variant.
- * Extends the NavBarStandAloneProps interface and adds a variant and additional CSS classes.
- *
- * @template Variant - The type of the variant for the NavBar.
- */
-export declare interface NavBarProps<Variant = undefined extends string ? unknown : string> extends NavBarStandAloneProps {
-    variant?: Variant;
-    additionalClasses?: Partial<NavBarCssClasses>;
-}
-
-/**
- * Interface for the standalone NavBar component.
- * Includes properties for items, layout direction, focus order, and CSS classes.
- */
-export declare interface NavBarStandAloneProps extends DataAttributes {
-    leftItems?: React.ReactNode[];
-    centerItems?: React.ReactNode[];
-    rightItems?: React.ReactNode[];
-    component?: 'header' | 'footer' | 'nav';
-    direction?: 'horizontal' | 'vertical';
-    focusOrder?: ('left' | 'center' | 'right')[];
-    cssClasses?: NavBarCssClasses;
-}
-
-export declare interface NavBarStyleProps extends CssLibPropsType {
-    _itemContainer?: CssLibPropsType;
-}
-
-export declare type NavBarVariantStyles<Variant extends string> = NavBarStyleProps & {
-    [key in Variant]: NavBarStyleProps;
-};
-
 declare type NonVariablesKeys<T> = {
     [K in keyof T]: K extends `$${string}` ? never : K;
 }[keyof T];
@@ -6674,13 +6533,6 @@ export declare const Tooltip: ForwardRefExoticComponent<TooltipUnControlledProps
 
 declare type TooltipAlignType = Extract<PositionType, 'top' | 'right' | 'bottom' | 'left'>;
 
-/**
- * Represents the type for the close icon in the Tooltip component.
- */
-export declare type TooltipCloseIconProps = Omit<IconProps, 'icon'> & {
-    icon?: string;
-};
-
 /**
  * TooltipControlled component for displaying contextual information.
  *
@@ -6734,7 +6586,6 @@ export declare interface TooltipStandAloneProps extends DataAttributes {
     disabled?: boolean;
     mediaDevice: DeviceBreakpointsType;
     align?: TooltipAlignType | string;
-    title?: CommonTextProps;
     contentHasScroll?: boolean;
     content?: CommonTextProps;
     contentRef?: ForwardedRef<HTMLDivElement> | undefined;
@@ -6746,11 +6597,9 @@ export declare interface TooltipStandAloneProps extends DataAttributes {
     onTriggerClick?: MouseEventHandler<HTMLElement>;
     onTriggerMouseDown?: MouseEventHandler<HTMLElement>;
     onTriggerMouseUp?: MouseEventHandler<HTMLElement>;
-    onCloseIconClick?: MouseEventHandler<HTMLElement>;
     children: JSX.Element | string | ReactNode;
     popoverOpen?: boolean;
     cssClasses?: TooltipCssClasses;
-    closeIcon?: IconProps;
     childrenAsButton?: boolean;
     triggerAsButton?: Pick<AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-controls' | 'aria-expanded' | 'aria-pressed' | 'aria-disabled'>;
     onPopoverCloseInternally?: () => void;
@@ -6761,8 +6610,6 @@ export declare interface TooltipStandAloneProps extends DataAttributes {
     onTriggerKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onTooltipKeyDown?: KeyboardEventHandler<HTMLElement>;
     popover?: TooltipPopoverProps;
-    dragIcon?: ElementOrIconProps;
-    dragIconRef?: MutableRefObject<HTMLDivElement | null>;
     tooltipAriaLabel?: string;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.20",
+  "version": "2.0.0-beta.21",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -22,8 +22,7 @@
   },
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=25.0.0",
-    "pnpm": ">=10.0.0"
+    "node": "20"
   },
   "keywords": [
     "react",

package/dist/cjs/components/navBar/index.js

@@ -1,2 +0,0 @@
-const { NabVar } = require('./navBar.js');
-module.exports = { ...module.exports, NabVar };

package/dist/cjs/components/navBar/navBar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),r=require("./navBarStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...n},o)=>{const i=a.useClassName({additionalClassNames:s,component:"NAVBAR",variant:t});return e.jsxRuntimeExports.jsx(r.NavBarStandAlone,{ref:o,cssClasses:i,...n})});exports.NabVar=t;

package/dist/cjs/components/navBar/navBarStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js"),n=e.forwardRef(({centerItems:e,component:n="div",cssClasses:o,direction:a="horizontal",focusOrder:c=["left","center","right"],leftItems:m,rightItems:u,...l},p)=>{const d=(e,s,r)=>t.jsxRuntimeExports.jsx("div",{className:o?.itemcontainer,"data-position":s,children:e?.map((e,s)=>t.jsxRuntimeExports.jsx("div",{children:e},`navbar-item-${s.toString()}`))},`${s}-${r?.toString()}`),b=r.pickCustomAttributes(l);return t.jsxRuntimeExports.jsx(i.CustomComponent,{ref:p,className:s.classNames("kbt-navbar",a,o?.navbar),component:n,...b,children:c.map((t,s)=>"left"===t?d(m,"left",s):"center"===t?d(e,"center",s):"right"===t?d(u,"right",s):null)})});exports.NavBarStandAlone=n;

package/dist/esm/components/navBar/index.js

@@ -1 +0,0 @@
-export {  NabVar  } from './navBar.js';

package/dist/esm/components/navBar/navBar.js

@@ -1,2 +0,0 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{NavBarStandAlone as r}from"./navBarStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"NAVBAR",variant:t});/* @__PURE__ */
-return s.jsx(r,{ref:i,cssClasses:m,...e})});export{t as NabVar};

package/dist/esm/components/navBar/navBarStandAlone.js

@@ -1,2 +0,0 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as i}from"../../lib/components/customComponent/customComponent.js";const o=e(({centerItems:e,component:o="div",cssClasses:n,direction:m="horizontal",focusOrder:c=["left","center","right"],leftItems:a,rightItems:l,...p},u)=>{const f=(e,r,s)=>/* @__PURE__ */t.jsx("div",{className:n?.itemcontainer,"data-position":r,children:e?.map((e,r)=>/* @__PURE__ */t.jsx("div",{children:e},`navbar-item-${r.toString()}`))},`${r}-${s?.toString()}`),b=s(p);/* @__PURE__ */
-return t.jsx(i,{ref:u,className:r("kbt-navbar",m,n?.navbar),component:o,...b,children:c.map((t,r)=>"left"===t?f(a,"left",r):"center"===t?f(e,"center",r):"right"===t?f(l,"right",r):null)})});export{o as NavBarStandAlone};