@kubit-ui-web/react-components 2.0.0-beta.1 → 2.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.11",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -55,15 +55,31 @@
     "*.ico"
   ],
   "files": [
-    "dist",
+    "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.*",
+    "!dist/**/__tests__",
+    "!dist/**/__mocks__",
+    "!dist/**/__fixtures__",
     "!dist/**/tests",
-    "!dist/**/**/*.test.*",
     "!dist/**/storybook",
-    "!dist/**/**/stories"
+    "!dist/**/lib/storybook",
+    "!dist/cjs/lib/storybook",
+    "!dist/esm/lib/storybook",
+    "!dist/types/lib/storybook",
+    "!dist/**/node_modules",
+    "!dist/**/.tsbuildinfo",
+    "!dist/**/*.map"
   ],
   "exports": {
     ".": {
@@ -92,11 +108,17 @@
   "scripts": {
     "start": "yarn storybook",
     "storybook": "storybook dev -c .storybook -p 6006",
-    "build": "yarn build-storybook",
+    "build": "yarn dist && yarn build-storybook",
+    "prebuild-storybook": "yarn generate-css",
     "build-storybook": "storybook build -c .storybook -o bundle --disable-telemetry",
+    "generate-css": "bernova --config bernova.config.json",
+    "generate:bundle-sizes": "node scripts/generate-bundle-sizes.mjs",
+    "postdist": "yarn generate:bundle-sizes",
     "dev": "vite",
     "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",
     "test": "yarn lint && yarn typecheck && vitest --coverage.enabled=true --silent --run",
@@ -104,54 +126,57 @@
     "test:watch": "vitest --watch",
     "test:coverage": "vitest --coverage.enabled=true --run",
     "typecheck": "tsc --noEmit",
-    "validate": "yarn lint && yarn typecheck && yarn dist",
-    "publish-figma": "npx figma connect publish"
+    "validate": "yarn format:check && yarn lint && yarn typecheck && yarn dist",
+    "publish-figma": "npx figma connect publish",
+    "pack:check": "npm pack --dry-run",
+    "pack:size": "npm pack --dry-run 2>&1 | grep -E '(unpacked size|package size|total files)'",
+    "pack:analyze": "npm pack && tar -tzf *.tgz | head -50 && rm *.tgz",
+    "prepublishOnly": "yarn dist && yarn pack:size"
   },
   "peerDependencies": {
     "react": ">=17.0.0 || >=18.3.1",
     "react-dom": ">=17.0.0 || >=18.3.1"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "@floating-ui/dom": "^1.7.4"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.12",
-    "@storybook/addon-a11y": "^10.1.10",
+    "@storybook/addon-a11y": "^10.1.11",
     "@storybook/addon-coverage": "^3.0.0",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-links": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
-    "@types/html-validator": "^5.0.6",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.1",
     "@types/node": "^25.0.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@typescript-eslint/parser": "^8.50.1",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
     "bernova": "^0.2.0",
+    "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
-    "eslint-plugin-perfectionist": "^5.1.0",
-    "eslint-plugin-storybook": "10.1.10",
+    "eslint-plugin-storybook": "10.1.11",
     "glob": "^13.0.0",
     "html-validate": "^10.5.0",
-    "jsdom": "^27.3.0",
+    "jsdom": "^27.4.0",
+    "postcss": "^8.5.6",
     "prettier": "^3.7.4",
-    "storybook": "^10.1.10",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "storybook": "^10.1.11",
     "storybook-addon-deep-controls": "^0.10.0",
-    "storybook-addon-pseudo-states": "^10.1.10",
+    "storybook-addon-pseudo-states": "^10.1.11",
     "terser": "^5.44.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.1",
+    "typescript-eslint": "^8.51.0",
     "vite": "7.3.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^6.0.3",

package/dist/cjs/components/elementOrIcon/elementOrIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),i=require("../icon/icon.js"),o=require("../icon/iconHost.js"),t=r.forwardRef(({basic:t=!1,icon:n,...s},c)=>n?"string"==typeof n?t?e.jsxRuntimeExports.jsx(i.IconBasic,{...s,ref:c,icon:n}):e.jsxRuntimeExports.jsx(o.IconHost,{...s,ref:c,icon:n}):r.isValidElement(n)?n:null:null);exports.ElementOrIcon=t;

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

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

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

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

package/dist/cjs/components/itemRove/itemRove.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js");exports.ItemRove=({ariaControls:a,ariaDisabled:l=!1,ariaHidden:u=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:b,classNames:p,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(i.CustomComponent,{ref:R,"aria-controls":a,"aria-disabled":l,"aria-hidden":u,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,p),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:b})};

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

@@ -1 +0,0 @@
-module.exports = { ...module.exports, ...require('./overlayTheme.js') };

package/dist/cjs/components/overlay/overlay.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("./overlayStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const i=a.useClassName({additionalClassNames:s,component:"OVERLAY",variant:t});return e.jsxRuntimeExports.jsx(r.OverlayStandAlone,{...o,ref:l,cssClasses:i})});exports.Overlay=t;

package/dist/cjs/components/overlay/overlayStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;

package/dist/cjs/components/renderIf/renderIf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.RenderIf=({children:e,condition:t})=>t?e:null;