@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.41",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -18,21 +18,49 @@
   "private": false,
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/kubit-ui/kubit-react-components.git"
+    "url": "git+https://github.com/kubit-ui/kubit-react-components.git",
+    "directory": "."
   },
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.x",
-    "npm": ">=7.0.0"
+    "node": "22.x"
   },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/kubit-ui"
+  },
+  "contributors": [
+    {
+      "name": "Kubit Community",
+      "url": "https://github.com/kubit-ui/kubit-react-components/graphs/contributors"
+    }
+  ],
   "keywords": [
     "react",
+    "react-components",
+    "ui-components",
+    "design-system",
+    "component-library",
+    "accessibility",
+    "a11y",
+    "wcag",
+    "wcag-2.1",
     "storybook",
     "typescript",
     "kubit",
     "kubit-ui",
-    "kubit-react",
-    "kubit-components"
+    "ui-library",
+    "frontend",
+    "web-components",
+    "atomic-design",
+    "composable",
+    "customizable",
+    "themeable",
+    "ssr",
+    "server-side-rendering",
+    "tree-shakeable",
+    "esm",
+    "commonjs"
   ],
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -73,9 +101,23 @@
     "!dist/**/__fixtures__",
     "!dist/**/tests",
     "!dist/**/storybook",
+    "!dist/**/lib/storybook",
+    "!dist/cjs/lib/storybook",
+    "!dist/esm/lib/storybook",
+    "!dist/types/lib/storybook",
+    "!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"
+    "!dist/**/*.map",
+    "!dist/**/.DS_Store"
   ],
   "exports": {
     ".": {
@@ -88,8 +130,16 @@
       "import": "./dist/esm/components/*/index.js",
       "require": "./dist/cjs/components/*/index.js"
     },
-    "./styles/default/default.css": "./dist/styles/default/default.css",
-    "./styles/default/default.min.css": "./dist/styles/default/default.min.css"
+    "./provider/*": {
+      "types": "./dist/types/index.d.ts",
+      "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": {
     "*": {
@@ -101,30 +151,6 @@
       ]
     }
   },
-  "scripts": {
-    "start": "yarn storybook",
-    "storybook": "storybook dev -c .storybook -p 6006",
-    "build": "yarn build-storybook",
-    "build-storybook": "storybook build -c .storybook -o bundle --disable-telemetry",
-    "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",
-    "test:ci": "vitest --ui --coverage.enabled=true",
-    "test:watch": "vitest --watch",
-    "test:coverage": "vitest --coverage.enabled=true --run",
-    "typecheck": "tsc --noEmit",
-    "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"
@@ -133,48 +159,99 @@
     "@floating-ui/dom": "^1.7.4"
   },
   "devDependencies": {
+    "prismjs": "^1.30.0",
     "@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/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
-    "@types/node": "^25.0.3",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@types/node": "^25.0.9",
     "@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.16",
-    "@vitest/ui": "^4.0.16",
-    "bernova": "^0.2.0",
+    "@vitest/coverage-v8": "^4.0.17",
+    "@vitest/ui": "^4.0.17",
+    "bernova": "1.2.2",
+    "chromatic": "^13.3.5",
+    "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
-    "eslint-plugin-storybook": "10.1.10",
+    "eslint-plugin-storybook": "10.1.11",
     "glob": "^13.0.0",
-    "html-validate": "^10.5.0",
+    "html-validate": "^10.6.0",
     "jsdom": "^27.4.0",
-    "prettier": "^3.7.4",
+    "postcss": "^8.5.6",
+    "prettier": "^3.8.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "storybook": "^10.1.10",
+    "storybook": "^10.1.11",
     "storybook-addon-deep-controls": "^0.10.0",
-    "storybook-addon-pseudo-states": "^10.1.10",
-    "terser": "^5.44.1",
+    "storybook-addon-pseudo-states": "^10.1.11",
+    "terser": "^5.46.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.1",
-    "vite": "7.3.0",
+    "typescript-eslint": "^8.53.0",
+    "vite": "^8.0.0-beta.7",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^6.0.3",
-    "vitest": "^4.0.16",
+    "vite-tsconfig-paths": "^6.0.4",
+    "vitest": "^4.0.17",
     "vitest-axe": "^0.1.0"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": true
+  },
   "bugs": {
-    "url": "https://github.com/kubit-ui/kubit-react-components/issues"
+    "url": "https://github.com/kubit-ui/kubit-react-components/issues",
+    "email": "kubit.lab.dev@gmail.com"
   },
-  "homepage": "https://www.kubit-ui.com/"
-}
+  "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",
+    "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 --css styles",
+    "test": "pnpm lint && pnpm typecheck && vitest --coverage.enabled=true --silent --run",
+    "test:ci": "vitest --ui --coverage.enabled=true",
+    "test:watch": "vitest --watch",
+    "test:unit": "vitest --run",
+    "test:coverage": "vitest --coverage.enabled=true --run",
+    "test:coverage:ui": "vitest --coverage.enabled=true --ui",
+    "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: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"
+  }
+}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=require("../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/cardImage/cardImage.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("../../lib/hooks/useMediaDevice/useMediaDevice.js"),i=require("./cardImageStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},u)=>{const n=r.useMediaDevice(),d=a.useClassName({additionalClassNames:s,component:"CARD_IMAGE",variant:t});return e.jsxRuntimeExports.jsx(i.CardImageStandAlone,{...o,ref:u,cssClasses:d,device:n})});exports.CardImage=t;

package/dist/cjs/components/cardImage/cardImageStandAlone.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("../link/link.js"),i=require("../text/text.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/utils/process/processText/processText.js"),n=require("../../lib/components/customComponent/customComponent.js"),c=t.forwardRef(({component:t="div",cssClasses:c,description:l,device:x,image:a,imageAltText:m,link:u,onClick:d,title:p,...j},C)=>{const b=o.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs(n.CustomComponent,{ref:C,className:c?.card_image,component:t,tabIndex:0,onClick:d,...b,children:[e.jsxRuntimeExports.jsx("div",{"aria-label":m||void 0,className:c?.imagecontainer,role:m?"img":void 0,style:a?.[x]?{backgroundImage:`url(${a[x]})`}:void 0}),e.jsxRuntimeExports.jsxs("div",{className:c?.content,children:[e.jsxRuntimeExports.jsxs("div",{className:c?.textcontainer,children:[e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.title},component:"h3",...r.processText(p)}),e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.description},...r.processText(l)})]}),u?.url&&e.jsxRuntimeExports.jsx("div",{className:c?.linkcontainer,children:e.jsxRuntimeExports.jsx(s.Link,{iconPosition:"right",...u,children:u.content||""})})]})]})});exports.CardImageStandAlone=c;

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/processText/processText.js"),o=t.forwardRef(({children:t,cssClasses:o,title:n,...c},u)=>{const a=r.pickCustomAttributes(c);return e.jsxRuntimeExports.jsxs("div",{className:o?.container,"data-testid":"container",...a,children:[e.jsxRuntimeExports.jsx("div",{className:o?.header,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.title},...i.processText(n)})}),e.jsxRuntimeExports.jsx("div",{ref:u,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/cjs/components/dropdownSelected/dropdownSelectedControlled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("../../lib/utils/keyboard/keyboard.js"),t=require("../../lib/utils/focusHandlers/focusHandlers.js"),i=require("./dropdownSelectedStandAlone.js"),l=s.forwardRef(({additionalClasses:l,closePopoverOnScroll:u,listOptions:a,onClosePopover:d,open:c,url:p,variant:f,...m},v)=>{const{LINK:C}=r.useGenericComponents(),b=o.useClassName({additionalClassNames:l,component:"DROPDOWN_SELECTED",variant:f}),j=s.useRef(null);return s.useEffect(()=>{if(u)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[u,d]),e.jsxRuntimeExports.jsx(i.DropdownSelectedStandAlone,{ref:v,component:p?C:"button",cssClasses:b,listOptions:a,listOptionsRef:j,open:c,onButtonKeyDown:e=>{c&&n.isKeyTabPressed(e.key)&&!e.shiftKey&&j.current&&("selection"===a.type?j.current.firstElementChild?.focus():t.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:d,...m})});exports.DropdownSelectedControlled=l;

package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/components/renderIf/renderIf.js"),i=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processText/processText.js"),a=require("../../lib/components/customComponent/customComponent.js"),c=require("../listOptions/listOptions.js"),p=require("../listOptions/utils/listOptions.utils.js"),u=require("../popover/popover.js"),d=o.forwardRef(({buttonOrLinkRef:d,component:x,cssClasses:m,icon:j,label:b,listOptions:v,listOptionsRef:C,onBlur:k,onButtonClick:f,onButtonKeyDown:h,onClosePopover:y,onFocus:O,onKeyDown:R,onOptionClick:D,open:E,optionSelected:M,popover:q,url:w,urlTarget:g,...I},F)=>{const T=i.useId("DropdownSelected"),A=E?`${T}-list`:void 0,S=I["data-testid"]||"dropdown-selected",K=r.pickCustomAttributes(I),B=o.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:p.keyDownMove(v.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=v.options,(o,t)=>{if(t?.shiftKey){const e=Math.max(o,0)-1;return e>=0&&t?.preventDefault(),Math.max(e,0)}const s=Math.max(o,0)+1;return s<=e.length-1&&t?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:p.keyUpMove,size:v.options.length};var e},[v.options]);return e.jsxRuntimeExports.jsxs("div",{ref:F,className:m?.dropdown_selected,"data-testid":S,role:"combobox",onBlur:k,onFocus:O,onKeyDown:R,...K,"aria-controls":"dropdown-selected-list","aria-expanded":E,tabIndex:0,children:[e.jsxRuntimeExports.jsxs(a.CustomComponent,{ref:d,"aria-controls":A,"aria-expanded":E,"aria-haspopup":"listbox",className:m?.buttonorlinkcontainer,component:x,target:w?g:void 0,type:w?void 0:"button",url:w,onClick:f,onKeyDown:h,children:[e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:E?m?.labelopened:m?.labelclosed},component:"span",...l.processText(b)}),e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:E?m?.iconopened:m?.iconclosed,rotate:E?"180deg":"0deg",transitionDuration:"0.2s",...j})]}),e.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!q,children:e.jsxRuntimeExports.jsx(u.Popover,{anchorElement:d?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:A,open:E,placement:"bottom",preventCloseOnClickElements:[d?.current],strategy:"absolute",...q,onClose:()=>{y(),q?.onClose?.()},children:e.jsxRuntimeExports.jsx("div",{className:m?.listoptionscontainer,"data-testid":`${S}-list`,children:e.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!v.variant&&!!v.optionVariant,children:e.jsxRuntimeExports.jsx(c.ListOptions,{ref:C,roveFocus:"selection"===v.type?B:void 0,selectedValue:M,...v,onOptionClick:e=>{D(e),y()}})})})})})]})});exports.DropdownSelectedStandAlone=d;

package/dist/cjs/components/dropdownSelected/dropdownSelectedUncontrolled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("./dropdownSelectedControlled.js"),r=o.forwardRef(({defaultOpen:r=!1,defaultOptionSelected:s,onBlur:l,onButtonClick:i,onClosePopover:u,onFocus:d,onOptionClick:c,openAndCloseOnHover:a=!1,...p},f)=>{const[y,C]=o.useState(r),[S,v]=o.useState(s),k=o.useRef(null);o.useEffect(()=>{const e=()=>{document.hidden&&C(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);return e.jsxRuntimeExports.jsx(n.DropdownSelectedControlled,{...p,ref:f,buttonOrLinkRef:k,open:y,optionSelected:S,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(C(!1),l?.(!1)),a&&(C(!1),l?.(!1))},onButtonClick:()=>{i?.(!y),C(!y)},onClosePopover:()=>{C(!1),u?.(!1)},onFocus:()=>{a&&(C(!0),d?.(!0))},onKeyDown:e=>{t.ESCAPE.key.includes(e.key)&&y&&(k.current?.focus(),C(!1))},onOptionClick:e=>{v(e),c?.(e)}})});exports.DropdownSelected=r,exports.DropdownSelectedUnControlled=r;

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

@@ -1,4 +0,0 @@
-const { DropdownSelectedControlled } = require('./dropdownSelectedControlled.js');
-module.exports = { ...module.exports, DropdownSelectedControlled };
-const { DropdownSelected } = require('./dropdownSelectedUncontrolled.js');
-module.exports = { ...module.exports, DropdownSelected };

package/dist/cjs/components/image/image.css

@@ -1,38 +0,0 @@
-:root {
-  --border-radius: 0;
-  --fallback-ratio: 1;
-  --object-fit: cover;
-  --ratio: 1;
-  --width: 100%;
-}
-
-.kbt-picture {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  max-width: 100%;
-  max-height: 100%;
-  width: var(--width);
-  aspect-ratio: var(--ratio);
-}
-
-@supports not (aspect-ratio: 16 / 9) {
-  .kbt-picture {
-    padding-top: var(--fallback-ratio);
-  }
-
-  .kbt-picture img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-  }
-}
-
-.kbt-picture img {
-  max-width: 100%;
-  border-radius: var(--border-radius);
-  object-fit: var(--object-fit);
-  aspect-ratio: var(--ratio);
-}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),o=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./imageStandAlone.js"),t=r.forwardRef((r,t)=>{const{IMAGE:i}=o.useGenericComponents();return e.jsxRuntimeExports.jsx(n.ImageStandAlone,{...r,ref:t,component:i})});exports.Image=t;

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

@@ -1,4 +0,0 @@
-const { MessageControlled } = require('./messageControlled.js');
-module.exports = { ...module.exports, MessageControlled };
-const { Message } = require('./messageUnControlled.js');
-module.exports = { ...module.exports, Message };

package/dist/cjs/components/message/messageControlled.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"),o=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("./messageStandAlone.js"),a=s.forwardRef(({additionalClasses:s,variant:a,...t},i)=>{const l=r.useClassName({additionalClassNames:s,component:"MESSAGE",variant:a}),{LINK:u}=o.useGenericComponents();return e.jsxRuntimeExports.jsx(n.MessageStandAlone,{ref:i,cssClasses:l,linkComponent:u,...t})});exports.MessageControlled=a;

package/dist/cjs/components/message/messageStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),n=require("../button/button.js"),s=require("../tag/tag.js"),i=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/components/renderIf/renderIf.js"),c=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/is/isString.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),x=require("../../lib/utils/process/processText/processText.js"),d=require("../../lib/components/customComponent/customComponent.js"),u=require("../link/link.js"),m=t.forwardRef(({actionButton:t,ariaLive:m="off",ariaMessageId:j,closeIcon:p,content:R,cssClasses:h,extraActionButton:E,id:g,infoIcon:C,inlineLink:f,linkComponent:b,links:v,maxContentLength:I=246,messageContainerProps:k,open:N,role:q,tag:T,title:A,titleAndContentContainerProps:S,titleAndContentRole:L,...O},y)=>{const B=O["data-testid"]||"message",M=a.pickCustomAttributes(O),P=x.processText(R),$=x.processText(A),_="string"==typeof P.children&&P.children?.toString().length>=I;return e.jsxRuntimeExports.jsx("div",{...M,"aria-live":m,className:h?.message,children:e.jsxRuntimeExports.jsx(r.RenderIf,{condition:N,children:e.jsxRuntimeExports.jsxs(d.CustomComponent,{ref:y,className:h?.container,component:k?.url?b:"div","data-testid":B,id:g,role:q,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[C?.icon?e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:h?.infoicon,...C}):null,e.jsxRuntimeExports.jsxs(d.CustomComponent,{className:c.classNames(h?.headercontainer,{[`${h?.headercontainerlargemessage}`]:_}),component:S?.url?b:"div",role:L,target:S?.target,url:S?.url||void 0,onClick:S?.onClick,children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!A,children:l.isString($.children)?e.jsxRuntimeExports.jsx("div",{"aria-errormessage":j,className:h?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:h?.title},component:"p",...$})}):$.children}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!T?.content,children:e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!T?.content,children:e.jsxRuntimeExports.jsx(s.Tag,{variant:"",...T,label:{content:T?.content}})})}),e.jsxRuntimeExports.jsxs("div",{className:c.classNames(h?.contentcontainer,{[`${h?.contentcontainerlargemessage}`]:_}),children:["string"==typeof R?e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:h?.description},component:"p",...P}):P.children,e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!f?.content,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...f,url:f?.url||"",children:f?.content||""})})]}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!(!E&&!t),children:e.jsxRuntimeExports.jsxs("div",{className:h?.buttonsectioncontainer,children:[e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!E?.content,children:e.jsxRuntimeExports.jsx("div",{className:h?.extraactionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{...E,children:E?.content})})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!t?.content,children:e.jsxRuntimeExports.jsx("div",{className:h?.actionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{additionalSizeClasses:t?.variant?void 0:h?.action_button,...t,children:t?.content})})})]})}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!(v&&v.length>0),children:e.jsxRuntimeExports.jsx("div",{className:h?.linkscontainer,children:v?.map(t=>t.content?e.jsxRuntimeExports.jsx("div",{className:h?.linkcontainer,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...t,children:t.content})},t.content):null)})})]}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:h?.closeicon,...p})]})})})});exports.MessageStandAlone=m;

package/dist/cjs/components/message/messageUnControlled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("./messageControlled.js"),s=o.forwardRef(({closeIcon:s,defaultOpen:t=!0,...l},n)=>{const[a,u]=o.useState(t),c=o.useCallback(e=>{u(!1),s?.onClick?.(e)},[s]);return e.jsxRuntimeExports.jsx(r.MessageControlled,{...l,ref:n,closeIcon:s?{...s,onClick:c}:void 0,open:a})});exports.Message=s,exports.MessageUnControlled=s;

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

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

package/dist/cjs/components/navBar/navBar.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("./navBarStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...n},o)=>{const i=a.useClassName({additionalClassNames:s,component:"NAVBAR",variant:t});return e.jsxRuntimeExports.jsx(r.NavBarStandAlone,{ref:o,cssClasses:i,...n})});exports.NabVar=t;

package/dist/cjs/components/navBar/navBarStandAlone.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js"),n=e.forwardRef(({centerItems:e,component:n="div",cssClasses:o,direction:a="horizontal",focusOrder:c=["left","center","right"],leftItems:m,rightItems:u,...l},p)=>{const d=(e,s,r)=>t.jsxRuntimeExports.jsx("div",{className:o?.itemcontainer,"data-position":s,children:e?.map((e,s)=>t.jsxRuntimeExports.jsx("div",{children:e},`navbar-item-${s.toString()}`))},`${s}-${r?.toString()}`),b=r.pickCustomAttributes(l);return t.jsxRuntimeExports.jsx(i.CustomComponent,{ref:p,className:s.classNames("kbt-navbar",a,o?.navbar),component:n,...b,children:c.map((t,s)=>"left"===t?d(m,"left",s):"center"===t?d(e,"center",s):"right"===t?d(u,"right",s):null)})});exports.NavBarStandAlone=n;

package/dist/cjs/components/popover/styles/index.css

@@ -1,10 +0,0 @@
-/**
- * PopoverV2 Styles Index
- * Imports all popover-related CSS files
- */
-
-/* Core popover styles and animations */
-@import './popover.css';
-
-/* Arrow positioning and styling */
-@import './popover-arrow.css';