@cube-dev/ui-kit 0.0.0-canary-9917823 → 0.0.0-canary-2a1d026

package/cjs/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -35,7 +35,7 @@ const react_3 = require("../../../utils/react");
 const TextInputBase_1 = require("../../forms/TextInput/TextInputBase");
 const actions_1 = require("../../actions");
 function CaretDownIcon() {
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }) }));
 }
 const SelectWrapperElement = (0, tasty_1.tasty)({
     styles: {
@@ -196,7 +196,13 @@ const StyledOverlayElement = (0, styled_components_1.default)(OverlayElement) `
 `;
 function Select(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, forms_1.useFormProps)(props);
+    props = (0, forms_1.useFieldProps)(props, {
+        defaultValidationTrigger: 'onChange',
+        valuePropsMapper: ({ value, onChange }) => ({
+            selectedKey: value ?? null,
+            onSelectionChange: onChange,
+        }),
+    });
     let { qa, label, extra, icon, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, suffix, listBoxStyles, overlayStyles, message, description, direction = 'bottom', shouldFlip = true, requiredMark = true, placeholder, tooltip, size, styles, type = 'secondary', theme = 'default', labelSuffix, ellipsis, suffixPosition = 'before', ...otherProps } = props;
     let state = (0, select_1.useSelectState)(props);
     const outerStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
@@ -221,13 +227,13 @@ function Select(props, ref) {
     // Get props for the button based on the trigger props from useSelect
     let { buttonProps } = (0, button_1.useButton)(triggerProps, triggerRef);
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
+    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } })) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }));
     let validation = (0, react_2.cloneElement)(validationIcon);
     let triggerWidth = triggerRef?.current?.offsetWidth;
     if (icon) {
-        icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "ButtonIcon", children: icon }, void 0);
+        icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "ButtonIcon", children: icon });
         if (prefix) {
-            prefix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, prefix] }, void 0));
+            prefix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, prefix] }));
         }
         else {
             prefix = icon;
@@ -247,6 +253,7 @@ function Select(props, ref) {
         suffix: true,
     }), [
         ellipsis,
+        isInvalid,
         validationState,
         isDisabled,
         isLoading,
@@ -255,9 +262,9 @@ function Select(props, ref) {
         showPlaceholder,
         prefix,
     ]);
-    let selectField = ((0, jsx_runtime_1.jsxs)(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: outerStyles, "data-size": size, "data-type": type, "data-theme": theme, children: [(0, jsx_runtime_1.jsx)(select_2.HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }, void 0), (0, jsx_runtime_1.jsxs)(SelectElement, { ...(0, react_3.mergeProps)(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }, void 0) : null, (0, jsx_runtime_1.jsx)("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
+    let selectField = ((0, jsx_runtime_1.jsxs)(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: outerStyles, "data-size": size, "data-type": type, "data-theme": theme, children: [(0, jsx_runtime_1.jsx)(select_2.HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), (0, jsx_runtime_1.jsxs)(SelectElement, { ...(0, react_3.mergeProps)(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }) : null, (0, jsx_runtime_1.jsx)("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
                             ? state.selectedItem.rendered
-                            : placeholder || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0), suffixPosition === 'after' ? suffix : null, (0, jsx_runtime_1.jsx)("div", { "data-element": "CaretIcon", children: (0, jsx_runtime_1.jsx)(CaretDownIcon, {}, void 0) }, void 0)] }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }, void 0) }, void 0)] }, void 0));
+                            : placeholder || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }) }), (0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}), suffixPosition === 'after' ? suffix : null, (0, jsx_runtime_1.jsx)("div", { "data-element": "CaretIcon", children: (0, jsx_runtime_1.jsx)(CaretDownIcon, {}) })] })] }), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }) })] }));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,
@@ -276,7 +283,7 @@ function Select(props, ref) {
             labelSuffix,
             Component: selectField,
             ref: ref,
-        } }, void 0));
+        } }));
 }
 function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus = false, placement, minWidth, ...otherProps }) {
     // Get props for the listbox
@@ -300,7 +307,7 @@ function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlaySty
     return ((0, jsx_runtime_1.jsx)(StyledOverlayElement, { ...overlayProps, ...parentOverlayProps, ref: popoverRef, styles: overlayStyles, style: {
             '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
             ...parentOverlayProps?.style,
-        }, "data-position": placement, children: (0, jsx_runtime_1.jsxs)(focus_1.FocusScope, { restoreFocus: true, children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }, void 0), (0, jsx_runtime_1.jsx)(ListBoxElement, { styles: listBoxStyles, ...(0, react_3.mergeProps)(listBoxProps, otherProps), ref: listBoxRef, children: Array.from(state.collection).map((item) => ((0, jsx_runtime_1.jsx)(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus }, item.key))) }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }, void 0)] }, void 0) }, void 0));
+        }, "data-position": placement, children: (0, jsx_runtime_1.jsxs)(focus_1.FocusScope, { restoreFocus: true, children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }), (0, jsx_runtime_1.jsx)(ListBoxElement, { styles: listBoxStyles, ...(0, react_3.mergeProps)(listBoxProps, otherProps), ref: listBoxRef, children: Array.from(state.collection).map((item) => ((0, jsx_runtime_1.jsx)(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus }, item.key))) }), (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() })] }) }));
 }
 exports.ListBoxPopup = ListBoxPopup;
 function Option({ item, state, styles, shouldUseVirtualFocus }) {
@@ -327,7 +334,15 @@ function Option({ item, state, styles, shouldUseVirtualFocus }) {
         }, "data-theme": isSelected ? 'special' : undefined, styles: styles }, item.rendered));
 }
 const _Select = (0, react_2.forwardRef)(Select);
-_Select.cubeInputType = 'Select';
+/**
+ * @legacy should be removed with legacy <Field />
+ */
+Object.defineProperty(_Select, 'cubeInputType', {
+    enumerable: false,
+    configurable: false,
+    writable: false,
+    value: 'Select',
+});
 const __Select = Object.assign(_Select, { Item: collections_1.Item });
 exports.Select = __Select;
 

package/cjs/components/portal/Portal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ const usePortal_1 = require("./usePortal");
 function Portal(props) {
     const { children, mountRoot, isDisabled } = (0, usePortal_1.usePortal)(props);
     if (isDisabled)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
     return mountRoot ? react_dom_1.default.createPortal(children, mountRoot) : null;
 }
 exports.Portal = Portal;

package/cjs/components/portal/PortalProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/portal/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/portal/storybook/templates/CustomRoot.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const react_1 = require("react");
 const Portal_1 = require("../../Portal");
 const CustomRootTemplate = (args) => {
     const rootRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Disabled portal's content should be there ", ' -> ', (0, jsx_runtime_1.jsx)(Portal_1.Portal, { ...args, root: rootRef, children: "Portal's content" }, void 0), (0, jsx_runtime_1.jsxs)("div", { ref: rootRef, children: ["Using custom portal root content should be there ", ' -> '] }, void 0), "By default, Portal content should be there ", ' -> '] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Disabled portal's content should be there ", ' -> ', (0, jsx_runtime_1.jsx)(Portal_1.Portal, { ...args, root: rootRef, children: "Portal's content" }), (0, jsx_runtime_1.jsxs)("div", { ref: rootRef, children: ["Using custom portal root content should be there ", ' -> '] }), "By default, Portal content should be there ", ' -> '] }));
 };
 exports.CustomRootTemplate = CustomRootTemplate;
 

package/cjs/components/portal/storybook/templates/PortalOrder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ exports.PortalOrderTemplate = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Block_1 = require("../../../Block");
 const Portal_1 = require("../../Portal");
-const PortalOrderTemplate = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 1" }, void 0), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 3" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 4" }, void 0) }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 2" }, void 0) }, void 0)] }, void 0));
+const PortalOrderTemplate = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 1" }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 3" }) }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 4" }) })] }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Block_1.Block, { children: "Portal 2" }) })] }));
 exports.PortalOrderTemplate = PortalOrderTemplate;
 
         

package/cjs/components/portal/storybook/templates/basic.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ exports.Basic = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Portal_1 = require("../../Portal");
 const Divider_1 = require("../../../content/Divider");
-const Basic = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["By default, Portal content should be there ", ' -> ', (0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: ["Portal's content.", !args.isDisabled && " But, if you disable me, I'll be near the arrow"] }, void 0), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}, void 0)] }, void 0));
+const Basic = (args) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["By default, Portal content should be there ", ' -> ', (0, jsx_runtime_1.jsxs)(Portal_1.Portal, { ...args, children: ["Portal's content.", !args.isDisabled && " But, if you disable me, I'll be near the arrow"] }), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {})] }));
 exports.Basic = Basic;
 
         

package/cjs/components/portal/storybook/templates/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/portal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -123,7 +123,7 @@ const ImgElement = styled_components_1.default.img(({ index }) => `
     : ''}
 `);
 function Cube(props) {
-    return (0, jsx_runtime_1.jsx)(ImgElement, { role: "presentation", src: cubeImage, alt: "", ...props }, void 0);
+    return (0, jsx_runtime_1.jsx)(ImgElement, { role: "presentation", src: cubeImage, alt: "", ...props });
 }
 const SIZE_MAP = {
     small: 32,
@@ -132,7 +132,7 @@ const SIZE_MAP = {
 };
 function LoadingAnimation({ size = 'medium', ...props }) {
     const numSize = SIZE_MAP[size] || size || SIZE_MAP.medium;
-    return ((0, jsx_runtime_1.jsxs)(Block_1.Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [(0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(0%, 72.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(98%, 72.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(49%, 96.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 0 }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 1 }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 2 }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Block_1.Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [(0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(0%, 72.5%)' } }), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(98%, 72.5%)' } }), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(49%, 96.5%)' } }), (0, jsx_runtime_1.jsx)(Cube, { index: 0 }), (0, jsx_runtime_1.jsx)(Cube, { index: 1 }), (0, jsx_runtime_1.jsx)(Cube, { index: 2 })] }));
 }
 exports.LoadingAnimation = LoadingAnimation;
 

package/cjs/components/status/LoadingAnimation/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/status/Spin/Cube.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/status/Spin/InternalSpinner.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ exports.InternalSpinner = (0, react_1.memo)(function InternalSpinner(props) {
     const { size } = props;
     return (
     // Even though using size as a key resets the animation, it helps safari to resize the cubes.
-    (0, jsx_runtime_1.jsx)(SpinsContainer_1.SpinsContainer, { ownSize: CUBE_SIZE_MAP[size], children: (0, jsx_runtime_1.jsxs)(SpinsBox, { children: [(0, jsx_runtime_1.jsx)(Cube_1.Cube, { position: "top" }, void 0), (0, jsx_runtime_1.jsx)(Cube_1.Cube, { position: "right" }, void 0), (0, jsx_runtime_1.jsx)(Cube_1.Cube, { position: "bottom" }, void 0)] }, void 0) }, size));
+    (0, jsx_runtime_1.jsx)(SpinsContainer_1.SpinsContainer, { ownSize: CUBE_SIZE_MAP[size], children: (0, jsx_runtime_1.jsxs)(SpinsBox, { children: [(0, jsx_runtime_1.jsx)(Cube_1.Cube, { position: "top" }), (0, jsx_runtime_1.jsx)(Cube_1.Cube, { position: "right" }), (0, jsx_runtime_1.jsx)(Cube_1.Cube, { position: "bottom" })] }) }, size));
 });
 const CUBE_SIZE_MAP = {
     small: 24,

package/cjs/components/status/Spin/Spin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -16,9 +16,9 @@ const SpinContainer = (0, tasty_1.tasty)(Block_1.Block, { styles: { lineHeight:
 function Spin(props) {
     const { size = 'default', spinning = true, children, styles } = props;
     if (!spinning) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
     }
-    return ((0, jsx_runtime_1.jsx)(SpinContainer, { styles: styles, children: (0, jsx_runtime_1.jsx)(InternalSpinner_1.InternalSpinner, { size: size }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(SpinContainer, { styles: styles, children: (0, jsx_runtime_1.jsx)(InternalSpinner_1.InternalSpinner, { size: size }) }));
 }
 exports.Spin = Spin;
 

package/cjs/components/status/Spin/SpinsContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/status/Spin/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/status/Spin/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/components/status/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/data/themes.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

package/cjs/icons/Attention.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Attention = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function Attention() {
-    return ((0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z" }) }));
 }
 exports.Attention = Attention;
 

package/cjs/icons/Cross.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cross = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function Cross() {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "m9.1 8 4.67-4.67a.78.78 0 1 0-1.1-1.1L8 6.9 3.33 2.23a.78.78 0 1 0-1.1 1.1L6.9 8l-4.67 4.67a.78.78 0 1 0 1.1 1.1L8 9.1l4.67 4.67a.78.78 0 0 0 1.1 0c.3-.3.3-.8 0-1.1L9.1 8Z" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "m9.1 8 4.67-4.67a.78.78 0 1 0-1.1-1.1L8 6.9 3.33 2.23a.78.78 0 1 0-1.1 1.1L6.9 8l-4.67 4.67a.78.78 0 1 0 1.1 1.1L8 9.1l4.67 4.67a.78.78 0 0 0 1.1 0c.3-.3.3-.8 0-1.1L9.1 8Z" }) }));
 }
 exports.Cross = Cross;
 

package/cjs/icons/Danger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Danger = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function Danger() {
-    return ((0, jsx_runtime_1.jsxs)("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.58 15.5H2.42a2.4 2.4 0 0 1-2.1-1.21 2.4 2.4 0 0 1 0-2.42l5.59-9.66A2.4 2.4 0 0 1 8 1c.87 0 1.66.45 2.1 1.2l5.57 9.67a2.4 2.4 0 0 1 0 2.42 2.4 2.4 0 0 1-2.09 1.2ZM8 2.6a.8.8 0 0 0-.7.4l-5.58 9.67a.8.8 0 0 0 0 .8c.07.12.28.4.7.4h11.16a.8.8 0 0 0 .7-.4.8.8 0 0 0 0-.8L8.7 3a.8.8 0 0 0-.7-.4Zm0 9.67a.8.8 0 1 1 0-1.62.8.8 0 1 1 0 1.62Zm0-3.23a.8.8 0 0 1-.8-.8V6.64a.8.8 0 1 1 1.6 0v1.6a.8.8 0 0 1-.8.81Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M7.2 6.8a.8.8 0 1 1 1.6 0v2.4a.8.8 0 0 1-1.6 0V6.8Z" }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.58 15.5H2.42a2.4 2.4 0 0 1-2.1-1.21 2.4 2.4 0 0 1 0-2.42l5.59-9.66A2.4 2.4 0 0 1 8 1c.87 0 1.66.45 2.1 1.2l5.57 9.67a2.4 2.4 0 0 1 0 2.42 2.4 2.4 0 0 1-2.09 1.2ZM8 2.6a.8.8 0 0 0-.7.4l-5.58 9.67a.8.8 0 0 0 0 .8c.07.12.28.4.7.4h11.16a.8.8 0 0 0 .7-.4.8.8 0 0 0 0-.8L8.7 3a.8.8 0 0 0-.7-.4Zm0 9.67a.8.8 0 1 1 0-1.62.8.8 0 1 1 0 1.62Zm0-3.23a.8.8 0 0 1-.8-.8V6.64a.8.8 0 1 1 1.6 0v1.6a.8.8 0 0 1-.8.81Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.2 6.8a.8.8 0 1 1 1.6 0v2.4a.8.8 0 0 1-1.6 0V6.8Z" })] }));
 }
 exports.Danger = Danger;
 

package/cjs/icons/Success.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Success = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function Success() {
-    return ((0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" }) }));
 }
 exports.Success = Success;
 

package/cjs/icons/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -20,8 +24,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogContainer = exports.DialogTrigger = exports.Dialog = exports.Avatar = exports.NumberInput = exports.ListBoxPopup = exports.Select = exports.MenuTrigger = exports.Menu = exports.ComboBox = exports.Slider = exports.RangeSlider = exports.Radio = exports.Switch = exports.CheckboxGroup = exports.Checkbox = exports.PasswordInput = exports.FileInput = exports.TextArea = exports.TextInput = exports.Submit = exports.SearchInput = exports.Tag = exports.Badge = exports.CloudLogo = exports.Skeleton = exports.Placeholder = exports.Card = exports.Base64Upload = exports.FieldWrapper = exports.Result = exports.Footer = exports.Header = exports.Content = exports.GridProvider = exports.Divider = exports.Suffix = exports.Prefix = exports.PrismCode = exports.Root = exports.Flow = exports.Space = exports.Link = exports.Flex = exports.Grid = exports.ActiveZone = exports.Block = exports.Base = exports.Section = exports.Item = void 0;
-exports.copy = exports.ModalProvider = exports.Portal = exports.Provider = exports.StyleProvider = exports.useContextStyles = exports.Paragraph = exports.Title = exports.Text = exports.Typography = exports.notification = exports.useAlertDialogAPI = exports.AlertDialog = exports.StatsCard = exports.Modal = exports.FileTabs = exports.LegacyTabs = exports.TooltipProvider = exports.TooltipTrigger = exports.Tooltip = exports.DialogForm = void 0;
+exports.DialogForm = exports.DialogContainer = exports.DialogTrigger = exports.Dialog = exports.Avatar = exports.NumberInput = exports.ListBoxPopup = exports.Select = exports.MenuTrigger = exports.Menu = exports.ComboBox = exports.Slider = exports.RangeSlider = exports.Radio = exports.Switch = exports.CheckboxGroup = exports.Checkbox = exports.PasswordInput = exports.FileInput = exports.TextArea = exports.TextInput = exports.SearchInput = exports.Tag = exports.Badge = exports.CloudLogo = exports.Skeleton = exports.Placeholder = exports.Card = exports.Base64Upload = exports.FieldWrapper = exports.Result = exports.Footer = exports.Header = exports.Content = exports.GridProvider = exports.Divider = exports.Suffix = exports.Prefix = exports.PrismCode = exports.Root = exports.Flow = exports.Space = exports.Link = exports.Flex = exports.Grid = exports.ActiveZone = exports.Block = exports.Base = exports.Section = exports.Item = void 0;
+exports.copy = exports.ModalProvider = exports.Portal = exports.Provider = exports.StyleProvider = exports.useContextStyles = exports.Paragraph = exports.Title = exports.Text = exports.Typography = exports.notification = exports.useAlertDialogAPI = exports.AlertDialog = exports.StatsCard = exports.Modal = exports.FileTabs = exports.LegacyTabs = exports.TooltipProvider = exports.TooltipTrigger = exports.Tooltip = void 0;
 const Text_1 = require("./components/content/Text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
 const Title_1 = require("./components/content/Title");
@@ -90,8 +94,6 @@ var Tag_1 = require("./components/content/Tag/Tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
 var SearchInput_1 = require("./components/forms/SearchInput/SearchInput");
 Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return SearchInput_1.SearchInput; } });
-var Submit_1 = require("./components/actions/Button/Submit");
-Object.defineProperty(exports, "Submit", { enumerable: true, get: function () { return Submit_1.Submit; } });
 var TextInput_1 = require("./components/forms/TextInput/TextInput");
 Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return TextInput_1.TextInput; } });
 var TextArea_1 = require("./components/forms/TextArea/TextArea");
@@ -176,7 +178,7 @@ __exportStar(require("./tasty"), exports);
 var clipboard_copy_1 = require("clipboard-copy");
 Object.defineProperty(exports, "copy", { enumerable: true, get: function () { return __importDefault(clipboard_copy_1).default; } });
 __exportStar(require("@react-aria/ssr"), exports);
-__exportStar(require("./components/forms/Form"), exports);
+__exportStar(require("./components/forms"), exports);
 __exportStar(require("./components/overlays/NewNotifications"), exports);
 __exportStar(require("./components/overlays/Toasts"), exports);
 

package/cjs/provider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ exports.UIKitContext = (0, react_1.createContext)({});
 function Provider(allProps) {
     let { breakpoints, children, insideForm, isDisabled, isReadOnly, isRequired, validationState, router, root, ref, } = allProps;
     if (breakpoints) {
-        children = ((0, jsx_runtime_1.jsx)(tasty_1.BreakpointsProvider, { value: breakpoints, children: children }, void 0));
+        children = ((0, jsx_runtime_1.jsx)(tasty_1.BreakpointsProvider, { value: breakpoints, children: children }));
     }
     const parentContext = (0, react_1.useContext)(exports.UIKitContext);
     const props = {
@@ -35,7 +35,7 @@ function Provider(allProps) {
             newValue[key] = props[key];
         }
     });
-    return ((0, jsx_runtime_1.jsx)(exports.UIKitContext.Provider, { value: newValue, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(exports.UIKitContext.Provider, { value: newValue, children: children }));
 }
 exports.Provider = Provider;
 function useProviderProps(props) {

package/cjs/providers/StyleProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ function StyleProvider({ children, ...props }) {
         }
     });
     // @ts-ignore
-    return ((0, jsx_runtime_1.jsx)(exports.StyleContext.Provider, { value: styles, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(exports.StyleContext.Provider, { value: styles, children: children }));
 }
 exports.StyleProvider = StyleProvider;
 /**