@kubit-ui-web/react-components 2.0.0-beta.13 → 2.0.0-beta.15

package/dist/cjs/.storybook/bundle-sizes.json

@@ -1,6 +1,6 @@
 {
   "metadata": {
-    "generated": "2026-01-04T09:18:20.366Z",
+    "generated": "2026-01-06T08:13:54.025Z",
     "totalComponents": 0,
     "totalSize": {
       "raw": 0,

package/dist/cjs/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#o;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#o}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#o),n.forEach((e,t)=>{const s=`${this.#o}-foreign-after-${t+1}`;this.#c(e,s)})};#d=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#o}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:o}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#o=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#a=!!o,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#d(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#d(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+import{cssThemes,cssClasses,cssVars,cssAvailableComponents,cssGlobalStyles,cssMediaQueries}from"./stats/stats";export class Provider{#e;#s;#t;#i;#n;#h;#r;#l;#m;#a=(e,s)=>{if("undefined"==typeof document)return;let t=document.getElementById(s);t||(t=document.createElement("link"),t.id=s,t.rel="stylesheet",document.head.appendChild(t)),t.href=e};#o=e=>{const{css:s,foreign:t}=e,i=t?.before||[],n=t?.after||[];i.forEach((e,s)=>{const t=`${this.#l}-foreign-before-${s+1}`;this.#a(e,t)}),this.#a(s,this.#l),n.forEach((e,s)=>{const t=`${this.#l}-foreign-after-${s+1}`;this.#a(e,t)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:e,jsInCss:s}={}){this.#s=cssThemes,this.#t=cssVars,this.#i=cssClasses,this.#n=cssAvailableComponents,this.#h=cssGlobalStyles,this.#r=cssMediaQueries,this.#l=e||"kb-styled-link",this.#e=Object.keys(cssThemes)[0],this.#m=!!s,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#o(this.#s[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#s))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#o(this.#s[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#s)}get allThemes(){return this.#s}get variables(){return this.#t[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:s,additionalClassNames:t}){const i=this.#i[this.#e][s.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;return h&&h in i&&Object.entries(i[h]).forEach(([e,s])=>{e in n||(n[e]=s)}),Object.entries(i).forEach(([e,s])=>{e.startsWith("$_")||e in n||(n[e]=s)}),t&&Object.keys(t).length&&Object.entries(t).forEach(([e,s])=>{e in n||(n[e]=""),n[e]+=` ${s}`}),n}}

package/dist/esm/.storybook/bundle-sizes.json

@@ -1,6 +1,6 @@
 {
   "metadata": {
-    "generated": "2026-01-04T09:18:20.366Z",
+    "generated": "2026-01-06T08:13:54.025Z",
     "totalComponents": 0,
     "totalSize": {
       "raw": 0,

package/dist/esm/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#o;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#o}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#o),n.forEach((e,t)=>{const s=`${this.#o}-foreign-after-${t+1}`;this.#c(e,s)})};#d=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#o}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:o}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#o=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#a=!!o,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#d(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#d(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+import{cssThemes,cssClasses,cssVars,cssAvailableComponents,cssGlobalStyles,cssMediaQueries}from"./stats/stats";export class Provider{#e;#s;#t;#i;#n;#h;#r;#l;#m;#a=(e,s)=>{if("undefined"==typeof document)return;let t=document.getElementById(s);t||(t=document.createElement("link"),t.id=s,t.rel="stylesheet",document.head.appendChild(t)),t.href=e};#o=e=>{const{css:s,foreign:t}=e,i=t?.before||[],n=t?.after||[];i.forEach((e,s)=>{const t=`${this.#l}-foreign-before-${s+1}`;this.#a(e,t)}),this.#a(s,this.#l),n.forEach((e,s)=>{const t=`${this.#l}-foreign-after-${s+1}`;this.#a(e,t)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:e,jsInCss:s}={}){this.#s=cssThemes,this.#t=cssVars,this.#i=cssClasses,this.#n=cssAvailableComponents,this.#h=cssGlobalStyles,this.#r=cssMediaQueries,this.#l=e||"kb-styled-link",this.#e=Object.keys(cssThemes)[0],this.#m=!!s,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#o(this.#s[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#s))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#o(this.#s[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#s)}get allThemes(){return this.#s}get variables(){return this.#t[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:s,additionalClassNames:t}){const i=this.#i[this.#e][s.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;return h&&h in i&&Object.entries(i[h]).forEach(([e,s])=>{e in n||(n[e]=s)}),Object.entries(i).forEach(([e,s])=>{e.startsWith("$_")||e in n||(n[e]=s)}),t&&Object.keys(t).length&&Object.entries(t).forEach(([e,s])=>{e in n||(n[e]=""),n[e]+=` ${s}`}),n}}

package/dist/types/index.d.ts

@@ -4168,6 +4168,17 @@ declare interface KubitProviderProps {
     utilsConfig?: UtilsContextType;
 }
 
+/**
+ * LabelStandAlone component renders an accessible label element with optional required indicator.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <LabelStandAlone inputId="email" required requiredSymbol="*">
+ *   Email Address
+ * </LabelStandAlone>
+ * ```
+ */
 export declare const Label: ForwardRefExoticComponent<LabelStandAloneProps & RefAttributes<HTMLParagraphElement>>;
 
 /**
@@ -5003,6 +5014,21 @@ export declare interface RadioButtonProps<Variant = undefined extends string ? u
     additionalClasses?: Partial<RadioButtonCssClasses>;
 }
 
+/**
+ * Standalone radio button component for rendering selectable radio inputs.
+ *
+ * This component renders a radio button with label, optional legend, error message,
+ * and custom icon states. It handles accessibility attributes and visual states.
+ *
+ * @example
+ * ```tsx
+ * <RadioButtonStandAlone
+ *   label={{ content: "Option A" }}
+ *   checked={true}
+ *   onChange={() => {}}
+ * />
+ * ```
+ */
 export declare const RadioButtonStandAlone: ({ altVariant, checked, cssClasses, disabled, error, errorAriaLiveType, errorIcon, errorMessage, id, label, lastChild, name, onBlur, onChange, screenReaderId, state, subTitle, tabIndex, value, ...props }: RadioButtonStandAloneProps) => JSX.Element;
 
 /**
@@ -5556,6 +5582,25 @@ declare interface StylesProviderProps {
     jsInCss?: boolean;
 }
 
+/**
+ * Table component with automatic sticky column calculations and scroll shadow effects.
+ *
+ * This component wraps TableStandAlone and adds automatic sticky positioning for left
+ * and right columns, scroll shadow effects, and responsive behavior. It manages scroll
+ * state and column positioning internally.
+ *
+ * @example
+ * ```tsx
+ * <Table
+ *   variant="primary"
+ *   autoLeftStickyCalc={true}
+ *   autoRightStickyCalc={true}
+ * >
+ *   <thead>...</thead>
+ *   <tbody>...</tbody>
+ * </Table>
+ * ```
+ */
 export declare const Table: ForwardRefExoticComponent<TableProps & {
 children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.15",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -159,7 +159,7 @@
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
-    "bernova": "^0.2.0",
+    "bernova": "^0.3.0",
     "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",