@kubit-ui-web/react-components 2.0.0-beta.44 → 2.0.0-beta.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.44",
+  "version": "2.0.0-beta.45",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -19,7 +19,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kubit-ui/kubit-react-components.git",
-    "directory": "."
+    "directory": "packages/components"
   },
   "license": "Apache-2.0",
   "engines": {
@@ -45,7 +45,6 @@
     "a11y",
     "wcag",
     "wcag-2.1",
-    "storybook",
     "typescript",
     "kubit",
     "kubit-ui",
@@ -86,13 +85,10 @@
     "dist/cjs",
     "dist/esm",
     "dist/types",
-    "dist/styles",
     "package.json",
     "README.md",
     "LICENSE.md",
     "CHANGELOG.md",
-    "!dist/cjs/lib/designSystem/**/css/*.css",
-    "!dist/esm/lib/designSystem/**/css/*.css",
     "!dist/**/*.test.*",
     "!dist/**/*.test.d.ts",
     "!dist/**/*.stories.*",
@@ -108,12 +104,6 @@
     "!dist/**/.storybook",
     "!dist/esm/.storybook",
     "!dist/cjs/.storybook",
-    "!dist/**/assets",
-    "!dist/esm/assets",
-    "!dist/cjs/assets",
-    "!dist/**/scripts",
-    "!dist/esm/scripts",
-    "!dist/cjs/scripts",
     "!dist/**/node_modules",
     "!dist/**/.tsbuildinfo",
     "!dist/**/*.map",
@@ -135,10 +125,6 @@
       "import": "./dist/esm/lib/provider/*/index.js",
       "require": "./dist/cjs/lib/provider/*/index.js"
     },
-    "./styles/*": {
-      "import": "./dist/styles/*.css",
-      "require": "./dist/styles/*.css"
-    },
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -159,55 +145,39 @@
     "@floating-ui/dom": "^1.7.4"
   },
   "devDependencies": {
-    "prismjs": "^1.30.0",
-    "@figma/code-connect": "^1.3.12",
-    "@storybook/addon-a11y": "^10.2.0",
-    "@storybook/addon-coverage": "^3.0.0",
-    "@storybook/addon-docs": "^10.2.0",
-    "@storybook/addon-links": "^10.2.0",
-    "@storybook/react-vite": "^10.2.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/node": "^25.0.9",
+    "@types/node": "^25.0.10",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@types/prismjs": "^1.26.5",
     "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/coverage-v8": "^4.0.17",
-    "@vitest/ui": "^4.0.17",
-    "bernova": "1.3.1",
-    "chromatic": "^13.3.5",
-    "cssnano": "^7.1.2",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/ui": "^4.0.18",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
-    "eslint-plugin-storybook": "10.1.11",
     "glob": "^13.0.0",
-    "html-validate": "^10.6.0",
+    "html-validate": "^10.7.0",
     "jsdom": "^27.4.0",
-    "postcss": "^8.5.6",
-    "prettier": "^3.8.0",
+    "prettier": "^3.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "storybook": "^10.2.0",
-    "storybook-addon-deep-controls": "^0.10.0",
-    "storybook-addon-pseudo-states": "^10.2.0",
     "terser": "^5.46.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.53.1",
-    "vite": "^8.0.0-beta.7",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^6.0.4",
-    "vitest": "^4.0.17",
-    "vitest-axe": "^0.1.0"
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18",
+    "vitest-axe": "^0.1.0",
+    "@kubit-ui-web/design-system": "2.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "provenance": true
+    "registry": "https://registry.npmjs.org/"
   },
   "bugs": {
     "url": "https://github.com/kubit-ui/kubit-react-components/issues",
@@ -216,21 +186,14 @@
   "homepage": "https://www.kubit-ui.com/",
   "documentation": "https://www.kubit-ui.com",
   "scripts": {
-    "start": "pnpm storybook",
-    "storybook": "storybook dev -c .storybook -p 6006",
-    "build": "pnpm dist && pnpm build-storybook",
-    "prebuild-storybook": "pnpm generate-css",
-    "build-storybook": "storybook build -c .storybook -o bundle --disable-telemetry && npx bv-build --types none --prevent-process-js --css bundle --root-dir none --base-out-dir none",
-    "generate-css": "bernova --config bernova.config.json",
-    "generate:bundle-sizes": "node public/scripts/generate-bundle-sizes.mjs",
-    "postdist": "pnpm generate:bundle-sizes",
-    "dev": "vite",
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "predist": "rm -rf dist",
+    "dist": "vite build",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\"",
-    "predist": "rm -rf dist",
-    "dist": "vite build && npx bv-build --embed-css",
     "test": "pnpm lint && pnpm typecheck && vitest --coverage.enabled=true --silent --run",
     "test:ci": "vitest --ui --coverage.enabled=true",
     "test:watch": "vitest --watch",
@@ -240,18 +203,12 @@
     "typecheck": "tsc --noEmit",
     "validate": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm dist",
     "validate:quick": "pnpm lint && pnpm typecheck",
-    "publish-figma": "npx figma connect publish",
     "pack:check": "pnpm pack --dry-run",
     "pack:size": "pnpm pack --dry-run 2>&1 | tail -1",
     "pack:analyze": "pnpm pack && tar -tzf *.tgz | head -50 && rm *.tgz",
     "pack:verify": "pnpm pack:check && pnpm pack:size",
-    "prerelease": "pnpm validate && pnpm test",
-    "clean": "rm -rf dist node_modules .pnpm-store",
+    "clean": "rm -rf dist node_modules",
     "clean:build": "rm -rf dist",
-    "postinstall": "echo 'postinstall'",
-    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN_COMPONENTS",
-    "size": "pnpm pack:size",
-    "size-limit": "size-limit",
-    "analyze": "pnpm pack:analyze"
+    "prerelease": "pnpm validate && pnpm test"
   }
 }

package/dist/cjs/components/image/image2.js

@@ -1 +0,0 @@
-const e=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),r=require("./imageStandAlone.js");let n=require("react"),o=require("react/jsx-runtime");const t=(0,n.forwardRef)((n,t)=>{const{IMAGE:i}=e.useGenericComponents();return(0,o.jsx)(r.ImageStandAlone,{...n,ref:t,component:i})});exports.Image=t;

package/dist/cjs/components/skeleton/skeleton2.js

@@ -1 +0,0 @@
-const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./skeletonStandAlone.js");let a=require("react"),n=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,additionalShapeClasses:t,shapeVariant:r,variant:o,...l},i)=>{const u=e.useClassName({component:"SKELETON",variant:o}),c=e.useClassName({component:"SKELETON",variant:r});return(0,n.jsx)(s.SkeletonStandAlone,{...l,ref:i,cssClasses:u,cssShapeClasses:c,shapeVariant:o})});exports.Skeleton=t;

package/dist/cjs/components/text/text2.js

@@ -1 +0,0 @@
-const e=require("../../lib/hooks/useClassName/useClassName.js"),s=require("./textStandAlone.js");let a=require("react"),r=require("react/jsx-runtime");const t=(0,a.forwardRef)(({additionalClasses:a,children:t,variant:n,...l},i)=>{const o=e.useClassName({additionalClassNames:a,component:"TEXT",variant:n});return t?(0,r.jsx)(s.TextStandAlone,{...l,ref:i,cssClasses:o,children:t}):null});exports.Text=t;

package/dist/cjs/lib/provider/cssProvider/provider.d.ts

@@ -1,59 +0,0 @@
-import {
-  cssThemes,
-  cssClasses,
-  cssVars,
-  cssAvailableComponents,
-  cssGlobalStyles,
-  cssMediaQueries,
-} from './stats/stats';
-
-type ThemesKeys = keyof typeof cssThemes;
-/* Get the types of each variable from the current theme selected */
-type VarFromTheme = (typeof cssVars)[ThemesKeys];
-type ClassNameFromTheme = (typeof cssClasses)[ThemesKeys];
-type ComponentsFromTheme = (typeof cssAvailableComponents)[ThemesKeys];
-type ComponentsKey = keyof ComponentsFromTheme;
-type GlobalStylesFromThemes = (typeof cssGlobalStyles)[ThemesKeys];
-type MediaQueriesFromThemes = (typeof cssMediaQueries)[ThemesKeys];
-/* Get the type of non-variable keys from a component required */
-type NonVariablesKeys<T> = {
-  [K in keyof T]: K extends `$${string}` ? never : K;
-}[keyof T];
-type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
-
-export declare class Provider {
-  private static instance: Provider;
-  #currentTheme: ThemesKeys;
-  #themes: typeof cssThemes;
-  #themesVariables: typeof cssVars;
-  #themesClassNames: typeof cssClasses;
-  #themesComponents: typeof cssAvailableComponents;
-  #themesGlobalStyles: typeof cssGlobalStyles;
-  #themesMediaQueries: typeof cssMediaQueries;
-  #linkId: string;
-  #jsInCss: boolean;
-  /* Bernova provider methods */
-  #linkBuilder(css: string, id: string): void;
-    #handlerThemes(data: { css: string }): void;
-    #cleanUpLinks(): void;
-  /* Bernova provider methods */
-
-  constructor(options?: { linkId?: string; jsInCss?: boolean });
-
-  get themeSelected(): string | null;
-  get allThemesNames(): string[];
-  get allThemes(): Record<string, string>;
-  get variables(): VarFromTheme;
-  get classNames(): ClassNameFromTheme;
-  get components(): ComponentsFromTheme;
-  get globalStyles(): GlobalStylesFromThemes;
-  get mediaQueries(): MediaQueriesFromThemes;
-
-  set themeSelected(themeName: string);
-
-  getComponentStyles<T extends ComponentsKey>(params: {
-    variant?: string;
-    component: T;
-    additionalClassNames?: Partial<ComponentSelected<ClassNameFromTheme[T]>>;
-  }): ComponentSelected<ClassNameFromTheme[T]>;
-}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Provider=void 0;var _stats=require("./stats/stats");class Provider{#e;#s;#t;#n;#i;#r;#h;#a;#m;#l=(e,s)=>{if("undefined"==typeof document)return;let t=document.getElementById(s);t||(t=document.createElement("style"),t.id=s,t.type="text/css",document.head.appendChild(t)),t.innerHTML=e};#o=e=>{const{css:s}=e;this.#l(s,this.#a)};#c=()=>{if("undefined"==typeof document)return;const e=document.getElementById(this.#a);e&&e.remove()};constructor({linkId:e,jsInCss:s}={}){this.#s=_stats.cssThemes,this.#t=_stats.cssVars,this.#n=_stats.cssClasses,this.#i=_stats.cssAvailableComponents,this.#r=_stats.cssGlobalStyles,this.#h=_stats.cssMediaQueries,this.#a=e||"kb-styled-link",this.#e=Object.keys(_stats.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.#n[this.#e]}get components(){return this.#i[this.#e]}get globalStyles(){return this.#r[this.#e]}get mediaQueries(){return this.#h[this.#e]}getComponentStyles({variant:e,component:s,additionalClassNames:t}){const n=this.#n[this.#e][s.toLocaleUpperCase()];if(!n)return{};const i={},r=(()=>{if(e){return`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`}return!1})();if(r&&r in n){const e=n[r];Object.entries(e).forEach(([e,s])=>{e in i||(i[e]=s)})}return Object.entries(n).forEach(([e,s])=>{e.startsWith("$_")||e in i||(i[e]=s)}),t&&Object.keys(t).length&&Object.entries(t).forEach(([e,s])=>{e in i||(i[e]=""),i[e]+=` ${s}`}),i}}exports.Provider=Provider;