@kubit-ui-web/react-components 2.0.0-beta.23 → 2.0.0-beta.25

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;
@@ -2308,75 +2269,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 +3505,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 +3845,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.23",
+  "version": "2.0.0-beta.25",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -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",

package/dist/cjs/_virtual/jsx-runtime.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=require("../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js").__require();exports.jsxRuntimeExports=e;

package/dist/cjs/_virtual/jsx-runtime2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.__module={exports:{}};

package/dist/cjs/_virtual/react-jsx-runtime.production.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.__exports={};

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),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:n,...u},a)=>{const c=r.pickCustomAttributes(u);return e.jsxRuntimeExports.jsxs("div",{className:o?.container,"data-testid":"container",...c,children:[e.jsxRuntimeExports.jsx("div",{className:o?.header,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.title},...i.processTextProp(n)})}),e.jsxRuntimeExports.jsx("div",{ref:a,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/_virtual/jsx-runtime.js

@@ -1 +0,0 @@
-import{__require as e}from"../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";var r=e();export{r as j};

package/dist/esm/_virtual/jsx-runtime2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/react-jsx-runtime.production.min.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

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

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

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

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

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

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