@kubit-ui-web/react-components 2.0.0-beta.5 → 2.0.0-beta.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.51",
   "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,48 @@
   "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": "packages/components"
   },
   "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",
-    "storybook",
+    "react-components",
+    "ui-components",
+    "design-system",
+    "component-library",
+    "accessibility",
+    "a11y",
+    "wcag",
+    "wcag-2.1",
     "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",
@@ -58,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.*",
@@ -73,9 +97,17 @@
     "!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/**/node_modules",
     "!dist/**/.tsbuildinfo",
-    "!dist/**/*.map"
+    "!dist/**/*.map",
+    "!dist/**/.DS_Store"
   ],
   "exports": {
     ".": {
@@ -88,8 +120,12 @@
       "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"
+    },
+    "./package.json": "./package.json"
   },
   "typesVersions": {
     "*": {
@@ -101,80 +137,76 @@
       ]
     }
   },
-  "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"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4"
+    "@floating-ui/dom": "^1.7.5"
   },
   "devDependencies": {
-    "@figma/code-connect": "^1.3.12",
-    "@storybook/addon-a11y": "^10.1.10",
-    "@storybook/addon-coverage": "^3.0.0",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-links": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
     "@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.2.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/coverage-v8": "^4.0.16",
-    "@vitest/ui": "^4.0.16",
-    "bernova": "^0.2.0",
+    "@vitejs/plugin-react": "^5.1.3",
+    "@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.10",
     "glob": "^13.0.0",
-    "html-validate": "^10.5.0",
-    "jsdom": "^27.4.0",
-    "prettier": "^3.7.4",
+    "html-validate": "^10.7.0",
+    "jsdom": "^28.0.0",
+    "prettier": "^3.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "storybook": "^10.1.10",
-    "storybook-addon-deep-controls": "^0.10.0",
-    "storybook-addon-pseudo-states": "^10.1.10",
-    "terser": "^5.44.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.1",
-    "vite": "7.3.0",
+    "typescript-eslint": "^8.54.0",
+    "vite": "8.0.0-beta.10",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^6.0.3",
-    "vitest": "^4.0.16",
-    "vitest-axe": "^0.1.0"
+    "vitest": "^4.0.18",
+    "vitest-axe": "^0.1.0",
+    "@kubit-ui-web/design-system": "2.0.0-beta.8"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "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": {
+    "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}\"",
+    "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",
+    "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",
+    "clean": "rm -rf dist node_modules",
+    "clean:build": "rm -rf dist",
+    "prerelease": "pnpm validate && pnpm test"
+  }
+}

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

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