@vibe/core 3.87.0 → 4.0.0-alpha.0

package/README.md

@@ -13,6 +13,18 @@ Components are imported from the library's root entry:
 import { Button } from "@vibe/core";
 ```
 
+### Global CSS Setup
+
+Vibe components require `box-sizing: border-box` to be applied globally. Add the following to your root stylesheet:
+
+```css
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+```
+
 ### Font installation
 
 We don't import fonts ourselves, we work best with the following fonts -

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.87.0",
+  "version": "4.0.0-alpha.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -90,42 +90,34 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@popperjs/core": "2.11.6",
-    "@vibe/base": "3.0.5",
-    "@vibe/button": "3.0.16",
-    "@vibe/clickable": "3.0.3",
-    "@vibe/dialog": "3.0.12",
-    "@vibe/hooks": "3.0.3",
-    "@vibe/icon": "3.0.11",
-    "@vibe/icon-button": "3.0.5",
-    "@vibe/icons": "1.16.0",
-    "@vibe/layer": "3.0.10",
-    "@vibe/layout": "3.0.3",
-    "@vibe/loader": "3.0.11",
-    "@vibe/shared": "3.0.8",
-    "@vibe/tooltip": "3.0.5",
-    "@vibe/typography": "3.0.5",
-    "a11y-dialog": "^7.5.2",
-    "body-scroll-lock": "^4.0.0-beta.0",
+    "@vibe/base": "^4.0.0-alpha.0",
+    "@vibe/button": "^4.0.0-alpha.0",
+    "@vibe/clickable": "^4.0.0-alpha.0",
+    "@vibe/dialog": "^4.0.0-alpha.0",
+    "@vibe/hooks": "^4.0.0-alpha.0",
+    "@vibe/icon": "^4.0.0-alpha.0",
+    "@vibe/icon-button": "^4.0.0-alpha.0",
+    "@vibe/icons": "^4.0.0-alpha.0",
+    "@vibe/layer": "^4.0.0-alpha.0",
+    "@vibe/layout": "^4.0.0-alpha.0",
+    "@vibe/loader": "^4.0.0-alpha.0",
+    "@vibe/shared": "^4.0.0-alpha.0",
+    "@vibe/style": "^4.0.0-alpha.0",
+    "@vibe/tooltip": "^4.0.0-alpha.0",
+    "@vibe/typography": "^4.0.0-alpha.0",
     "browserslist-config-monday": "1.0.6",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
     "downshift": "^9.0.8",
     "es-toolkit": "^1.39.10",
-    "framer-motion": "^6.5.1",
-    "monday-ui-style": "0.26.2",
-    "react-dates": "21.8.0",
     "react-day-picker": "^8.8.0",
     "react-focus-lock": "^2.13.2",
     "react-inlinesvg": "^4.1.3",
     "react-is": "^16.9.0",
-    "react-popper": "^2.3.0",
     "react-remove-scroll": "^2.6.0",
-    "react-select": "npm:react-select-module@3.4.0",
     "react-transition-group": "^4.4.5",
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.7",
-    "react-windowed-select": "^2.0.4",
     "style-inject": "^0.3.0"
   },
   "devDependencies": {
@@ -177,13 +169,10 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/babel__standalone": "^7.1.7",
-    "@types/body-scroll-lock": "^3.1.0",
     "@types/jest-axe": "^3.5.9",
     "@types/react": "^18.0.25",
-    "@types/react-dates": "^21.8.3",
     "@types/react-is": "^16.7.5",
     "@types/react-resizable": "^3.0.7",
-    "@types/react-select": "^3.1.2",
     "@types/react-syntax-highlighter": "^11.0.5",
     "@types/react-test-renderer": "^16.9.0",
     "@types/react-transition-group": "^4.4.5",
@@ -194,7 +183,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.25",
     "@uiw/codemirror-theme-github": "^4.21.25",
     "@uiw/react-codemirror": "^4.21.25",
-    "@vibe/config": "3.0.5",
+    "@vibe/config": "^4.0.0-alpha.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
@@ -267,12 +256,11 @@
     "tsx": "^4.20.3",
     "typescript": "^4.7.3",
     "typescript-plugin-css-modules": "^4.2.1",
-    "vibe-storybook-components": "1.0.7",
+    "vibe-storybook-components": "^4.0.0-alpha.0",
     "vite": "^5.3.1",
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
-    "moment": "^2.29.1",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
@@ -285,5 +273,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "c26164378fa07f0b8f90aec7106fad6239bee9a3"
+  "gitHead": "012726e2287392612f3f27c2e0d8be9165f4b293"
 }

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -1,2 +0,0 @@
-function t(t,e,n){return e=b(e),w(t,r()?Reflect.construct(e,n||[],b(t).constructor):e.apply(t,n))}function r(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(r=function(){return!!t})()}function e(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],c=!0,l=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}function n(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function o(t){for(var r=1;arguments.length>r;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?n(Object(e),!0).forEach((function(r){y(t,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):n(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}function i(){i=function(){return r};var t,r={},e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},a="function"==typeof Symbol?Symbol:{},u=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function s(t,r,e,n){var i=Object.create((r&&r.prototype instanceof m?r:m).prototype),a=new I(n||[]);return o(i,"_invoke",{value:L(t,e,a)}),i}function y(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}r.wrap=s;var p="suspendedStart",h="suspendedYield",b="executing",v="completed",d={};function m(){}function g(){}function w(){}var O={};f(O,u,(function(){return this}));var j=Object.getPrototypeOf,P=j&&j(j(k([])));P&&P!==e&&n.call(P,u)&&(O=P);var E=w.prototype=m.prototype=Object.create(O);function S(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function x(t,r){function e(o,i,a,u){var c=y(t[o],t,i);if("throw"!==c.type){var l=c.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?r.resolve(f.__await).then((function(t){e("next",t,a,u)}),(function(t){e("throw",t,a,u)})):r.resolve(f).then((function(t){l.value=t,a(l)}),(function(t){return e("throw",t,a,u)}))}u(c.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function L(r,e,n){var o=p;return function(i,a){if(o===b)throw Error("Generator is already running");if(o===v){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var c=_(u,n);if(c){if(c===d)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=b;var l=y(r,e,n);if("normal"===l.type){if(o=n.done?v:h,l.arg===d)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(o=v,n.method="throw",n.arg=l.arg)}}}function _(r,e){var n=e.method,o=r.iterator[n];if(o===t)return e.delegate=null,"throw"===n&&r.iterator.return&&(e.method="return",e.arg=t,_(r,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),d;var i=y(o,r.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,d;var a=i.arg;return a?a.done?(e[r.resultName]=a.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=t),e.delegate=null,d):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,d)}function A(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function T(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function I(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(A,this),this.reset(!0)}function k(r){if(r||""===r){var e=r[u];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(n.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(typeof r+" is not iterable")}return g.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=f(w,l,"GeneratorFunction"),r.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===g||"GeneratorFunction"===(r.displayName||r.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,l,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},S(x.prototype),f(x.prototype,c,(function(){return this})),r.AsyncIterator=x,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new x(s(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},S(E),f(E,l,"Generator"),f(E,u,(function(){return this})),f(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=k,I.prototype={constructor:I,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(T),!r)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function o(n,o){return u.type="throw",u.arg=r,e.next=n,o&&(e.method="next",e.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(this.prev>=a.tryLoc){var c=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(c&&l){if(a.catchLoc>this.prev)return o(a.catchLoc,!0);if(a.finallyLoc>this.prev)return o(a.finallyLoc)}else if(c){if(a.catchLoc>this.prev)return o(a.catchLoc,!0)}else{if(!l)throw Error("try statement without catch or finally");if(a.finallyLoc>this.prev)return o(a.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(this.prev>=o.tryLoc&&n.call(o,"finallyLoc")&&o.finallyLoc>this.prev){var i=o;break}}i&&("break"===t||"continue"===t)&&r>=i.tryLoc&&i.finallyLoc>=r&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,d):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),d},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),T(e),d}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;T(e)}return o}}throw Error("illegal catch attempt")},delegateYield:function(r,e,n){return this.delegate={iterator:k(r),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=t),d}},r}function a(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function u(t){var r=a(t,"string");return"symbol"==typeof r?r:r+""}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function l(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}function f(t,r){for(var e=0;r.length>e;e++){var n=r[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,u(n.key),n)}}function s(t,r,e){return r&&f(t.prototype,r),e&&f(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t}function y(t,r,e){return(r=u(r))in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function p(){return p=Object.assign?Object.assign.bind():function(t){for(var r=1;arguments.length>r;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},p.apply(this,arguments)}function h(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(r&&r.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),r&&v(t,r)}function b(t){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},b(t)}function v(t,r){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,r){return t.__proto__=r,t},v(t,r)}function d(t,r){if(null==t)return{};var e,n,o={},i=Object.keys(t);for(n=0;i.length>n;n++)0>r.indexOf(e=i[n])&&(o[e]=t[e]);return o}function m(t,r){if(null==t)return{};var e,n,o=d(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;i.length>n;n++)0>r.indexOf(e=i[n])&&Object.prototype.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}function g(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function w(t,r){if(r&&("object"==typeof r||"function"==typeof r))return r;if(void 0!==r)throw new TypeError("Derived constructors may only return object or undefined");return g(t)}function O(t,r){return E(t)||e(t,r)||x(t,r)||A()}function j(t){return P(t)||S(t)||x(t)||_()}function P(t){if(Array.isArray(t))return L(t)}function E(t){if(Array.isArray(t))return t}function S(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function x(t,r){if(t){if("string"==typeof t)return L(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?L(t,r):void 0}}function L(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);r>e;e++)n[e]=t[e];return n}function _(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(t,r){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=x(t))||r&&t&&"number"==typeof t.length){e&&(t=e);var n=0,o=function(){};return{s:o,n:function(){return t.length>n?{done:!1,value:t[n++]}:{done:!0}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}export{L as arrayLikeToArray,E as arrayWithHoles,P as arrayWithoutHoles,g as assertThisInitialized,t as callSuper,l as classCallCheck,s as createClass,T as createForOfIteratorHelper,y as defineProperty,p as extends,b as getPrototypeOf,h as inherits,r as isNativeReflectConstruct,S as iterableToArray,e as iterableToArrayLimit,A as nonIterableRest,_ as nonIterableSpread,o as objectSpread2,m as objectWithoutProperties,d as objectWithoutPropertiesLoose,w as possibleConstructorReturn,i as regeneratorRuntime,v as setPrototypeOf,O as slicedToArray,j as toConsumableArray,a as toPrimitive,u as toPropertyKey,c as typeof,x as unsupportedIterableToArray};
-//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/_virtual/_rollupPluginBabelHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/_tslib.js

@@ -1,2 +0,0 @@
-function t(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&0>n.indexOf(r)&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);r.length>o;o++)0>n.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]])}return e}function n(t,n,e,r){return new(e||(e=Promise))((function(o,c){function p(t){try{u(r.next(t))}catch(t){c(t)}}function f(t){try{u(r.throw(t))}catch(t){c(t)}}function u(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(p,f)}u((r=r.apply(t,n||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;export{n as __awaiter,t as __rest};
-//# sourceMappingURL=_tslib.js.map

package/dist/_virtual/_tslib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/dist/BaseInput/BaseInput.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import i from"classnames";import t from"./BaseInput.module.scss.js";import{getStyle as l}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var o=a((function(a,o){var n=a.size,p=void 0===n?"medium":n,m=a.renderLeft,d=a.renderRight,u=a.success,c=a.error,f=a.wrapperRole,v=a.inputRole,g=a.className,N=a.inputClassName,R=r(a,["size","renderLeft","renderRight","success","error","wrapperRole","inputRole","className","inputClassName"]),_=i(t.wrapper,e(e(e(e(e({},t.rightThinnerPadding,!d),t.error,c),t.success,u),t.readOnly,R.readOnly),t.disabled,R.disabled),l(t,p),g);return s.createElement("div",{className:_,role:f},m,s.createElement("input",Object.assign({},R,{ref:o,className:i(t.input,N),"aria-invalid":c,role:v})),d)}));export{o as default};
-//# sourceMappingURL=BaseInput.js.map

package/dist/base/dist/BaseInput/BaseInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.js","sources":["../../../../../base/dist/BaseInput/BaseInput.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import r,{forwardRef as s}from\"react\";import a from\"classnames\";import t from\"./BaseInput.module.scss.js\";import{getStyle as i}from\"@vibe/shared\";const l=s(((s,l)=>{var{size:n=\"medium\",renderLeft:o,renderRight:m,success:p,error:c,wrapperRole:d,inputRole:u,className:f,inputClassName:N}=s,R=e(s,[\"size\",\"renderLeft\",\"renderRight\",\"success\",\"error\",\"wrapperRole\",\"inputRole\",\"className\",\"inputClassName\"]);const b=a(t.wrapper,{[t.rightThinnerPadding]:!m,[t.error]:c,[t.success]:p,[t.readOnly]:R.readOnly,[t.disabled]:R.disabled},i(t,n),f);return r.createElement(\"div\",{className:b,role:d},o,r.createElement(\"input\",Object.assign({},R,{ref:l,className:a(t.input,N),\"aria-invalid\":c,role:u})),m)}));export{l as default};\n//# sourceMappingURL=BaseInput.js.map\n"],"names":["l","s","_s$size","size","n","o","renderLeft","m","renderRight","p","success","c","error","d","wrapperRole","u","inputRole","f","className","N","inputClassName","R","e","b","a","t","wrapper","_defineProperty","rightThinnerPadding","readOnly","disabled","i","r","createElement","role","Object","assign","ref","input"],"mappings":"4TAMM,IAAAA,EAAYC,GAChB,SACEA,EAYAD,GAAA,IAAAE,EAHED,EATFE,KACEC,OAAO,IAAPF,EAAO,SAAAA,EACPG,EAOAJ,EAReK,WAEfC,EAMAN,EAPUO,YAEVC,EAKAR,EANWS,QAEXC,EAIAV,EALOW,MAEPC,EAGAZ,EAJKa,YAELC,EAEAd,EAHWe,UAEXC,EACAhB,EAFSiB,UAETC,EAAAlB,EADSmB,eAENC,EAVLC,EAAArB,EAAA,CAAA,OAAA,aAAA,cAAA,UAAA,QAAA,cAAA,YAAA,YAAA,mBAcMsB,EAAoBC,EACxBC,EAAOC,QAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAEJF,CAAAA,EAAAA,EAAOG,qBAAuBrB,GAC9BkB,EAAOb,MAAQD,GACfc,EAAOf,QAAUD,GACjBgB,EAAOI,SAAWR,EAAMQ,UACxBJ,EAAOK,SAAWT,EAAMS,UAE3BC,EAASN,EAAQrB,GACjBa,GAGF,OACEe,EAAAC,cAAA,MAAA,CAAKf,UAAWK,EAAmBW,KAAMrB,GACtCR,EACD2B,EACMC,sBAAAE,OAAAC,OAAA,CAAA,EAAAf,EAAA,CACJgB,IAAKrC,EACLkB,UAAWM,EAAGC,EAAOa,MAAOnB,GAAe,eAC7BR,EACduB,KAAMnB,KAEPR,EACG"}

package/dist/base/dist/BaseInput/BaseInput.module.scss.js

@@ -1,2 +0,0 @@
-var r={wrapper:"wrapper_0039acd0a8",small:"small_b7bddaed53",medium:"medium_1652826842",large:"large_5333f570d4",rightThinnerPadding:"rightThinnerPadding_18875d871d",input:"input_f241c24257",success:"success_d118c26472",readOnly:"readOnly_e080f53a95",disabled:"disabled_a53ee1df7f",error:"error_5b9629ba0b"};!function(r){var n="s_id-5f14b2bb796b_3_0_5";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var e=document.createElement("style");e.id=n,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_0039acd0a8 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_0039acd0a8.small_b7bddaed53 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_0039acd0a8.medium_1652826842 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_0039acd0a8.large_5333f570d4 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_0039acd0a8.rightThinnerPadding_18875d871d {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_0039acd0a8:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_0039acd0a8:has(.input_f241c24257:active, .input_f241c24257:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257:-moz-read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257:-moz-read-only) .input_f241c24257 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257:read-only) .input_f241c24257 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257:disabled) {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257:disabled) .input_f241c24257 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0039acd0a8.success_d118c26472 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0039acd0a8.success_d118c26472:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0039acd0a8.success_d118c26472:has(.input_f241c24257:active, .input_f241c24257:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0039acd0a8:has(.input_f241c24257[aria-invalid=true]):has(.input_f241c24257:active, .input_f241c24257:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_0039acd0a8:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_0039acd0a8.readOnly_e080f53a95 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_0039acd0a8.readOnly_e080f53a95 .input_f241c24257 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_0039acd0a8.disabled_a53ee1df7f {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0039acd0a8.disabled_a53ee1df7f .input_f241c24257 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0039acd0a8.success_d118c26472 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0039acd0a8.success_d118c26472:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0039acd0a8.success_d118c26472:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0039acd0a8.error_5b9629ba0b {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0039acd0a8.error_5b9629ba0b:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0039acd0a8.error_5b9629ba0b:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_0039acd0a8 .input_f241c24257 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_0039acd0a8 .input_f241c24257::-moz-placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_0039acd0a8 .input_f241c24257::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_0039acd0a8 .input_f241c24257:disabled::-moz-placeholder {\n  color: var(--disabled-text-color);\n}\n.wrapper_0039acd0a8 .input_f241c24257:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
-//# sourceMappingURL=BaseInput.module.scss.js.map

package/dist/base/dist/BaseInput/BaseInput.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/dist/_virtual/_tslib.js

@@ -1,2 +0,0 @@
-function r(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&0>e.indexOf(o)&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);o.length>n;n++)0>e.indexOf(o[n])&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t}"function"==typeof SuppressedError&&SuppressedError;export{r as __rest};
-//# sourceMappingURL=_tslib.js.map

package/dist/base/dist/_virtual/_tslib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Accordion/Accordion/Accordion.d.ts

@@ -1,18 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type VibeComponentProps } from "../../../types";
-export interface AccordionProps extends VibeComponentProps {
-    /**
-     * The content of the accordion (`AccordionItem` components).
-     */
-    children?: Array<ReactElement> | ReactElement;
-    /**
-     * If true, multiple accordion items can be expanded at the same time.
-     */
-    allowMultiple?: boolean;
-    /**
-     * An array of initially expanded item indexes.
-     */
-    defaultIndex?: Array<number>;
-}
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<unknown>>;
-export default Accordion;

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-import { type VibeComponentProps, type ElementContent } from "../../../types";
-import { type ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
-export interface AccordionItemProps extends VibeComponentProps {
-    /**
-     * The header content displayed in the accordion item.
-     */
-    title?: ElementContent;
-    /**
-     * The content rendered inside the accordion item.
-     */
-    children?: ElementContent;
-    /**
-     * The size of the expand/collapse icon.
-     */
-    iconSize?: number | string;
-    /**
-     * The position of the expand/collapse icon.
-     */
-    iconPosition?: ExpandCollapseIconPosition;
-    /**
-     * Callback fired upon item click.
-     */
-    onClick?: () => void;
-    /** @ignore */
-    open?: boolean;
-    /** @ignore */
-    onClickAccordionCallback?: () => void;
-    /**
-     * If true, the accordion item's border is hidden.
-     */
-    hideBorder?: boolean;
-    /**
-     * Class name applied to the accordion item's header.
-     */
-    headerClassName?: string;
-    /**
-     * Class name applied to the accordion item's content.
-     */
-    contentClassName?: string;
-    /**
-     * If true, the click event is handled during the capture phase.
-     */
-    captureOnClick?: boolean;
-    /**
-     * Class name applied to the expand/collapse component.
-     */
-    expandCollapseComponentClassName?: string;
-}
-declare const AccordionItem: React.FC<AccordionItemProps>;
-export default AccordionItem;

package/dist/components/Accordion/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Accordion, type AccordionProps } from "./Accordion/Accordion";
-export { default as AccordionItem, type AccordionItemProps } from "./AccordionItem/AccordionItem";

package/dist/components/AlertBanner/AlertBanner.d.ts

@@ -1,38 +0,0 @@
-import React, { type ReactElement } from "react";
-import { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from "./AlertBannerConstants";
-import { type AlertBannerBackgroundColor } from "./AlertBanner.types";
-import { type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-import { type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-import { type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-import { type VibeComponentProps } from "../../types";
-type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
-export interface AlertBannerProps extends VibeComponentProps {
-    /**
-     * The background color of the alert banner.
-     */
-    backgroundColor?: AlertBannerBackgroundColor;
-    /**
-     * If true, the close button is hidden.
-     */
-    isCloseHidden?: boolean;
-    /**
-     * The ARIA label of the alert banner for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * The ARIA label of the close button for accessibility.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * Callback fired when the close button is clicked.
-     */
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The content of the alert banner.
-     */
-    children?: ChildrenType | ChildrenType[];
-}
-declare const _default: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLElement>> & {
-    backgroundColors: typeof AlertBannerBackgroundColorEnum;
-};
-export default _default;

package/dist/components/AlertBanner/AlertBanner.types.d.ts

@@ -1 +0,0 @@
-export type AlertBannerBackgroundColor = "primary" | "positive" | "negative" | "dark" | "warning";

package/dist/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts

@@ -1,10 +0,0 @@
-import { type ButtonProps } from "@vibe/button";
-import { type FC } from "react";
-export interface AlertBannerButtonProps extends ButtonProps {
-    /**
-     * If true, the button is displayed on a dark background.
-     */
-    isDarkBackground?: boolean;
-}
-declare const AlertBannerButton: FC<AlertBannerButtonProps>;
-export default AlertBannerButton;

package/dist/components/AlertBanner/AlertBannerConstants.d.ts

@@ -1,10 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum AlertBannerBackgroundColor {
-    PRIMARY = "primary",
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    DARK = "dark",
-    WARNING = "warning"
-}

package/dist/components/AlertBanner/AlertBannerContext.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type TypographyColor } from "@vibe/typography";
-type AlertBannerContextType = {
-    textColor: Extract<TypographyColor, "onPrimary" | "onInverted" | "fixedDark">;
-};
-export declare const AlertBannerContext: React.Context<AlertBannerContextType>;
-export {};

package/dist/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts

@@ -1,10 +0,0 @@
-import { type FC } from "react";
-import { type LinkProps } from "../../Link/Link";
-export interface AlertBannerLinkProps extends LinkProps {
-    /**
-     * If true, a left margin is applied to the link.
-     */
-    marginLeft?: boolean;
-}
-declare const AlertBannerLink: FC<AlertBannerLinkProps>;
-export default AlertBannerLink;

package/dist/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts

@@ -1,18 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface AlertBannerTextProps extends VibeComponentProps {
-    /**
-     * The text content displayed within the alert banner.
-     */
-    text: string;
-    /**
-     * If true, a left margin is applied to the alert banner text.
-     */
-    marginLeft?: boolean;
-    /**
-     * The aria-live attribute value for the alert banner text.
-     */
-    ariaLive?: "polite" | "assertive" | "off";
-}
-declare const AlertBannerText: FC<AlertBannerTextProps>;
-export default AlertBannerText;

package/dist/components/AlertBanner/index.d.ts

@@ -1,5 +0,0 @@
-export { default as AlertBanner, type AlertBannerProps } from "./AlertBanner";
-export { default as AlertBannerButton, type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-export { default as AlertBannerLink, type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-export { default as AlertBannerText, type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-export * from "./AlertBanner.types";

package/dist/components/AttentionBox/AttentionBox.d.ts

@@ -1,63 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from "./AttentionBoxConstants";
-import { type AttentionBoxType } from "./AttentionBox.types";
-import { type VibeComponentProps, type ElementContent } from "../../types";
-/**
- * @deprecated AttentionBox is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
- */
-export interface AttentionBoxProps extends VibeComponentProps {
-    /**
-     * If true, displays an icon even when no header is provided.
-     */
-    withIconWithoutHeader?: boolean;
-    /**
-     * The type of the AttentionBox.
-     */
-    type?: AttentionBoxType;
-    /**
-     * The icon displayed next to the title or text.
-     */
-    icon?: SubIcon;
-    /**
-     * The type of the icon.
-     */
-    iconType?: "svg" | "font";
-    /**
-     * The title of the component.
-     */
-    title?: string;
-    /**
-     * The text content displayed inside.
-     */
-    text?: string;
-    /**
-     * The content of the component.
-     */
-    children?: ElementContent;
-    /**
-     * If true, the icon is not displayed.
-     */
-    withoutIcon?: boolean;
-    /**
-     * Callback fired when the close button is clicked.
-     */
-    onClose?: (event: React.MouseEvent) => void;
-    /**
-     * If true, renders in compact mode.
-     */
-    compact?: boolean;
-    /**
-     * The label of the close button.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, an entry animation is applied when the component appears.
-     */
-    entryAnimation?: boolean;
-}
-declare const _default: React.FC<AttentionBoxProps> & {
-    types: typeof AttentionBoxTypeEnum;
-    iconTypes: typeof IconTypeEnum;
-};
-export default _default;

package/dist/components/AttentionBox/AttentionBox.types.d.ts

@@ -1 +0,0 @@
-export type AttentionBoxType = "primary" | "success" | "danger" | "dark" | "warning";

package/dist/components/AttentionBox/AttentionBoxConstants.d.ts

@@ -1,18 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum AttentionBoxType {
-    PRIMARY = "primary",
-    SUCCESS = "success",
-    DANGER = "danger",
-    DARK = "dark",
-    WARNING = "warning"
-}
-/**
- * @deprecated
- */
-export declare enum IconTypeEnum {
-    SVG = "svg",
-    ICON_FONT = "font",
-    SRC = "src"
-}

package/dist/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type LinkProps } from "../../Link/Link";
-/**
- * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
- */
-export type AttentionBoxLinkProps = LinkProps;
-/**
- * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
- */
-declare const AttentionBoxLink: ({ href, text, target, className, ...linkProps }: AttentionBoxLinkProps) => React.JSX.Element;
-export default AttentionBoxLink;

package/dist/components/AttentionBox/index.d.ts

@@ -1,3 +0,0 @@
-export { default as AttentionBox, type AttentionBoxProps } from "./AttentionBox";
-export { default as AttentionBoxLink, type AttentionBoxLinkProps } from "./AttentionBoxLink/AttentionBoxLink";
-export * from "./AttentionBox.types";