@kubit-ui-web/react-components 2.0.0-beta.17 → 2.0.0-beta.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.17",
+  "version": "2.0.0-beta.19",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -22,8 +22,8 @@
   },
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.x",
-    "npm": ">=7.0.0"
+    "node": ">=25.0.0",
+    "pnpm": ">=10.0.0"
   },
   "keywords": [
     "react",
@@ -105,34 +105,6 @@
       ]
     }
   },
-  "scripts": {
-    "start": "yarn storybook",
-    "storybook": "storybook dev -c .storybook -p 6006",
-    "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 public/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",
-    "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"
@@ -151,7 +123,7 @@
     "@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.1",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/node": "^25.0.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -159,7 +131,7 @@
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
-    "bernova": "^0.3.0",
+    "bernova": "1.0.0",
     "cssnano": "^7.1.2",
     "eslint": "^9.39.2",
     "eslint-config-kubit": "1.2.0",
@@ -177,14 +149,47 @@
     "terser": "^5.44.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.52.0",
-    "vite": "7.3.0",
+    "vite": "7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^6.0.3",
     "vitest": "^4.0.16",
     "vitest-axe": "^0.1.0"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "bugs": {
     "url": "https://github.com/kubit-ui/kubit-react-components/issues"
   },
-  "homepage": "https://www.kubit-ui.com/"
-}
+  "homepage": "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",
+    "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",
+    "test": "pnpm lint && pnpm 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": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm dist",
+    "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",
+    "clean": "rm -rf dist node_modules .pnpm-store",
+    "postinstall": "echo 'postinstall'"
+  }
+}

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

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/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:n,errorMessageIcon:a,errorMessageId:l,state:x})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:o.processTextProp(n)&&x===t.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.errormessageicon,...a}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...o.processTextProp(n)})]}):null});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../button/button.js"),e=require("../../text/text.js"),i=require("../../../lib/utils/process/processCommonProp.js"),o=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:n,description:a,headerId:x,subtitle:l,title:c,tooltip:p,tooltipIcon:u})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:n?.titlesubtitlecontainer,id:x,children:[!!c&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.title},component:"h5",...i.processTextProp(c)}),!!l&&t.jsxRuntimeExports.jsxs("div",{className:n?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.subtitle},...i.processTextProp(l)}),t.jsxRuntimeExports.jsx(o.SelectorBoxFileTooltip,{cssClasses:n,tooltip:p,tooltipIcon:u})]})]}),!(!a&&!r)&&t.jsxRuntimeExports.jsxs("div",{className:n?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.description},...i.processTextProp(a)}),(!!n?.button_variant||!!r?.size)&&(!!n?.button_size||!!r?.variant)&&t.jsxRuntimeExports.jsx(s.Button,{additionalSizeClasses:r?.variant?void 0:n?.button_size,additionalVariantClasses:r?.size?void 0:n?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})]})]});

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:n,tooltipIcon:s})=>{if(!s?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...s});return n?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...n,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};

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

@@ -1,2 +0,0 @@
-export {  MessageControlled  } from './messageControlled.js';
-export {  Message  } from './messageUnControlled.js';

package/dist/esm/components/message/messageControlled.js

@@ -1,2 +0,0 @@
-import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{useClassName as r}from"../../lib/hooks/useClassName/useClassName.js";import{useGenericComponents as e}from"../../lib/provider/genericComponentsProvider/genericComponentsProvider.js";import{MessageStandAlone as a}from"./messageStandAlone.js";const i=o(({additionalClasses:o,variant:i,...n},t)=>{const m=r({additionalClassNames:o,component:"MESSAGE",variant:i}),{LINK:l}=e();/* @__PURE__ */
-return s.jsx(a,{ref:t,cssClasses:m,linkComponent:l,...n})});export{i as MessageControlled};

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

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

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

@@ -1,2 +0,0 @@
-import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useState as r,useCallback as s}from"react";import{MessageControlled as t}from"./messageControlled.js";const n=e(({closeIcon:e,defaultOpen:n=!0,...c},i)=>{const[l,m]=r(n),a=s(o=>{m(!1),e?.onClick?.(o)},[e]);/* @__PURE__ */
-return o.jsx(t,{...c,ref:i,closeIcon:e?{...e,onClick:a}:void 0,open:l})});export{n as Message,n as MessageUnControlled};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js

@@ -1,3 +0,0 @@
-import{j as s}from"../../../_virtual/jsx-runtime.js";import{Text as e}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../../lib/types/states/states.js";import{processTextProp as t}from"../../../lib/utils/process/processCommonProp.js";const i=({cssClasses:i,errorMessage:a,errorMessageIcon:m,errorMessageId:l,state:n})=>/* @__PURE__ */s.jsx("div",{"aria-live":"polite",children:t(a)&&n===o.ERROR?/* @__PURE__ */s.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[
-/* @__PURE__ */s.jsx(r,{className:i?.errormessageicon,...m}),
-/* @__PURE__ */s.jsx(e,{additionalClasses:{text:i?.errormessage},...t(a)})]}):null});export{i as SelectorBoxFileErrorMessage};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js

@@ -1,5 +0,0 @@
-import{j as t}from"../../../_virtual/jsx-runtime.js";import{Button as s}from"../../button/button.js";import{Text as i}from"../../text/text.js";import{processTextProp as o}from"../../../lib/utils/process/processCommonProp.js";import{SelectorBoxFileTooltip as e}from"./selectorBoxFileTooltip.js";const a=({button:a,cssClasses:n,description:r,headerId:l,subtitle:d,title:c,tooltip:p,tooltipIcon:m})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[
-/* @__PURE__ */t.jsxs("div",{className:n?.titlesubtitlecontainer,id:l,children:[!!c&&/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.title},component:"h5",...o(c)}),!!d&&/* @__PURE__ */t.jsxs("div",{className:n?.actiondescriptioncontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.subtitle},...o(d)}),
-/* @__PURE__ */t.jsx(e,{cssClasses:n,tooltip:p,tooltipIcon:m})]})]}),!(!r&&!a)&&/* @__PURE__ */t.jsxs("div",{className:n?.descriptioncontainer,children:[
-/* @__PURE__ */t.jsx(i,{additionalClasses:{text:n?.description},...o(r)}),(!!n?.button_variant||!!a?.size)&&(!!n?.button_size||!!a?.variant)&&/* @__PURE__ */t.jsx(s,{additionalSizeClasses:a?.variant?void 0:n?.button_size,additionalVariantClasses:a?.size?void 0:n?.button_variant,size:a?.size,variant:a?.variant,...a,children:a?.content})]})]});export{a as SelectorBoxFileHeader};

package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js

@@ -1 +0,0 @@
-import{j as o}from"../../../_virtual/jsx-runtime.js";import{TooltipUnControlled as t}from"../../tooltip/tooltipUnControlled.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";const n=({cssClasses:n,tooltip:s,tooltipIcon:l})=>{if(!l?.icon)return null;const e=/* @__PURE__ */o.jsx(i,{className:n?.tooltipicon,...l});return s?/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:/* @__PURE__ */o.jsx(t,{additionalClasses:n?.tooltip,...s,children:e})}):/* @__PURE__ */o.jsx("div",{className:n?.tooltipiconcontainer,children:e})};export{n as SelectorBoxFileTooltip};