@kubit-ui-web/react-components 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/types/index.d.ts

@@ -1034,10 +1034,6 @@ export declare interface CheckboxControlledProps<Variant = undefined extends str
 
 export declare type CheckboxCssClasses = ComponentSelected<ComponentsTypesComponents['CHECKBOX']>;
 
-export declare type CheckboxLabelType = Omit<LabelStandAloneProps, 'children' | 'inputId'> & {
-    content?: string | JSX.Element;
-};
-
 export declare interface CheckboxMessageType {
     message?: CommonTextProps;
     icon?: CommonIconProps;
@@ -1059,7 +1055,9 @@ export declare interface CheckboxStandAloneProps extends InputActionsType_2, Dat
      *  Reference for the CheckboxStyled component (input element)
      */
     inputRef?: Ref<HTMLInputElement>;
-    label?: CheckboxLabelType;
+    label?: CommonTextProps & {
+        requiredSymbol?: string | JSX.Element;
+    };
     errorMessage?: CheckboxMessageType;
     checkedIcon?: CommonIconProps;
     checkboxBase?: {
@@ -1162,7 +1160,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' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | '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' | 'SELECT' | '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' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'DATA_TABLE' | 'DOT' | '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' | 'SELECT' | '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: {
@@ -1404,21 +1402,6 @@ declare type ComponentsTypesComponents = {
             rangeitemtext: string;
         };
     };
-    CONTAINER: {
-        container: string;
-        content: string;
-        header: string;
-        title: string;
-        $_alternative: {
-            container: string;
-        };
-        $_default: {
-            container: string;
-        };
-        $_secondary: {
-            container: string;
-        };
-    };
     DATA_TABLE: {
         data_table: string;
         headboxshadow: string;
@@ -1630,33 +1613,11 @@ declare type ComponentsTypesComponents = {
         optionscontainer: string;
         title: string;
         titlecontainer: string;
-        $_code_viewer_subtheme: {
-            list_options: string;
-        };
         $_default: {
             list_options: string;
             title: string;
             titlecontainer: string;
         };
-        $_dropdown_selected_section: {
-            list_options: string;
-            optionscontainer: string;
-        };
-        $_input_dropdown_default: {
-            list_options: string;
-        };
-        $_input_dropdown_section: {
-            list_options: string;
-        };
-        $_input_search: {
-            list_options: string;
-        };
-        $_side_menu_section: {
-            list_options: string;
-            optionscontainer: string;
-            title: string;
-            titlecontainer: string;
-        };
     };
     MODAL: {
         modal: string;
@@ -1685,55 +1646,12 @@ declare type ComponentsTypesComponents = {
         labeliconcontainer: string;
         sublabel: string;
         sublabelcontainer: string;
-        $_code_viewer_subtheme: {
-            option: string;
-            label: string;
-        };
-        $_input_dropdown: {
-            option: string;
-            icon: string;
-            label: string;
-            labeliconcontainer: string;
-        };
-        $_input_option: {
-            option: string;
-            icon: string;
-            label: string;
-            labelhighlighted: string;
-            labeliconcontainer: string;
-            sublabel: string;
-        };
-        $_input_option_hightlighted: {
-            option: string;
-            icon: string;
-            label: string;
-            labelhighlighted: string;
-            labeliconcontainer: string;
-            sublabel: string;
-        };
-        $_inverted: {
-            option: string;
-            label: string;
-        };
-        $_side_menu_level_1: {
+        $_default: {
             option: string;
             icon: string;
             label: string;
             labeliconcontainer: string;
         };
-        $_side_menu_level_2: {
-            option: string;
-            label: string;
-        };
-        $_topbar: {
-            option: string;
-            label: string;
-            labelhighlighted: string;
-        };
-        $_topbar_tab: {
-            option: string;
-            label: string;
-        };
     };
     OVERLAY: {
         overlay: string;
@@ -2308,75 +2226,6 @@ declare type ComponentsTypesComponents = {
     };
 };
 
-/**
- * Container component for grouping content with consistent styling and structure.
- *
- * This component wraps its children in a styled container, optionally displaying a header/title.
- * It is useful for organizing related content, settings, or sections in a visually consistent way.
- * Supports custom CSS classes and theming via variants.
- *
- * Internally, it computes CSS classes using a custom hook and delegates rendering to {@link ContainerStandAlone}.
- *
- * This component accepts a generic type parameter `<Variant extends string>` to allow for custom variant values,
- * enabling flexible theming and styling.
- *
- * @example
- * ```tsx
- * <Container title={{ content: "Section Title" }}>
- *   Section content goes here.
- * </Container>
- *
- * // With a custom variant type:
- * type MyVariant = "primary" | "secondary";
- * <Container<MyVariant> title={{ content: "Primary Section" }} variant="primary">
- *   Primary section content.
- * </Container>
- * ```
- */
-export declare const Container: ForwardRefExoticComponent<ContainerProps<string> & {
-children?: ReactNode | undefined;
-} & RefAttributes<HTMLDivElement>>;
-
-declare type ContainerCssClasses = ComponentSelected<ComponentsTypesComponents['CONTAINER']>;
-
-/**
- * Interface for the container component with a variant.
- * Extends the IContainerStandAlone interface and adds a variant and additional CSS classes.
- *
- * @template Variant - The type of the variant for the container.
- */
-export declare interface ContainerProps<Variant extends string | unknown> extends Omit<ContainerStandAloneProps, 'cssClasses'> {
-    variant?: Variant;
-    additionalClasses?: Partial<ContainerCssClasses>;
-}
-
-/**
- * Interface for the standalone container component.
- * It includes optional custom CSS classes, a title, and a data-testid attribute.
- */
-export declare interface ContainerStandAloneProps extends DataAttributes {
-    cssClasses?: ContainerCssClasses;
-    title?: CommonTextProps;
-}
-
-/**
- * Interface representing the styles for the container component.
- */
-export declare interface ContainerStyleProps extends CssLibPropsType {
-    _header?: CssLibPropsType;
-    _title?: CssLibPropsType;
-    _content?: CssLibPropsType;
-}
-
-/**
- * Type representing the styles for different variants of the container component.
- *
- * @template Variant - The type of the variant keys.
- */
-export declare type ContainerVariantStyles<Variant extends string> = ContainerStyleProps & {
-    [key in Variant]: ContainerStyleProps;
-};
-
 declare type CssAdvancedSelectorsType = {
     adjacent?: CssLibPropsType & {
         $target?: string;
@@ -3613,10 +3462,6 @@ export declare interface IconStyleProps extends CssLibPropsType {
 
 export declare type IImage = ImageStandAloneProps;
 
-declare interface IInputLabelProps {
-    variant?: string;
-}
-
 /**
  * A flexible image component that supports generic customization.
  *
@@ -3957,7 +3802,6 @@ export declare interface InputStandAloneProps extends DataAttributes, Omit<Input
     required?: boolean;
     rightDecoration?: InputDecorationProps;
     leftDecoration?: InputDecorationProps;
-    label?: IInputLabelProps;
     /** Value to perform truncation logic */
     truncate?: boolean;
     /** HTML Standard attribute to focus automatically

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.24",
+  "version": "2.0.0-beta.26",
   "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,7 +22,7 @@
   },
   "license": "Apache-2.0",
   "engines": {
-    "node": "24"
+    "node": ">=22"
   },
   "keywords": [
     "react",
@@ -119,7 +119,9 @@
     "react-dom": ">=17.0.0 || >=18.3.1"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4"
+    "@floating-ui/dom": "^1.7.4",
+    "@types/prismjs": "^1.26.5",
+    "prismjs": "^1.30.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.12",
@@ -133,14 +135,14 @@
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/node": "^25.0.5",
+    "@types/node": "^25.0.7",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
     "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/coverage-v8": "^4.0.16",
-    "@vitest/ui": "^4.0.16",
-    "bernova": "1.0.0",
+    "@vitest/coverage-v8": "^4.0.17",
+    "@vitest/ui": "^4.0.17",
+    "bernova": "1.0.1",
     "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
@@ -157,11 +159,11 @@
     "storybook-addon-pseudo-states": "^10.1.11",
     "terser": "^5.44.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.52.0",
+    "typescript-eslint": "^8.53.0",
     "vite": "7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^6.0.4",
-    "vitest": "^4.0.16",
+    "vitest": "^4.0.17",
     "vitest-axe": "^0.1.0"
   },
   "publishConfig": {

package/dist/cjs/components/container/container.js

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

package/dist/cjs/components/container/containerStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../text/text.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),o=t.forwardRef(({children:t,cssClasses:o,title:c,...a},n)=>{const l=r.pickCustomAttributes(a);return e.jsxs("div",{className:o?.container,"data-testid":"container",...l,children:[e.jsx("div",{className:o?.header,children:e.jsx(s.Text,{additionalClasses:{text:o?.title},...i.processTextProp(c)})}),e.jsx("div",{ref:n,className:o?.content,children:t})]})});exports.ContainerStandAlone=o;

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

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

package/dist/esm/components/container/container.js

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

package/dist/esm/components/container/containerStandAlone.js

@@ -1,4 +0,0 @@
-import{jsxs as t,jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Text as r}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as o}from"../../lib/utils/process/processCommonProp.js";const c=e(({children:e,cssClasses:c,title:m,...a},l)=>{const n=i(a);/* @__PURE__ */
-return t("div",{className:c?.container,"data-testid":"container",...n,children:[
-/* @__PURE__ */s("div",{className:c?.header,children:/* @__PURE__ */s(r,{additionalClasses:{text:c?.title},...o(m)})}),
-/* @__PURE__ */s("div",{ref:l,className:c?.content,children:e})]})});export{c as ContainerStandAlone};

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

@@ -1 +0,0 @@
-export {  Container  } from './container.js';