@cube-dev/ui-kit 0.39.1 → 0.40.0

package/cjs/components/{pickers → fields}/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -10,30 +10,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = exports.ListBoxPopup = void 0;
+exports.useSelectState = exports.Select = void 0;
+exports.ListBoxPopup = ListBoxPopup;
 const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_2 = require("react");
 const react_stately_1 = require("react-stately");
+Object.defineProperty(exports, "useSelectState", { enumerable: true, get: function () { return react_stately_1.useSelectState; } });
 const react_aria_1 = require("react-aria");
 const styled_components_1 = __importDefault(require("styled-components"));
-const forms_1 = require("../../forms");
+const form_1 = require("../../form");
 const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
+const index_1 = require("../../../tasty/index");
 const interactions_1 = require("../../../utils/react/interactions");
 const OverlayWrapper_1 = require("../../overlays/OverlayWrapper");
 const transitions_1 = require("../../../utils/transitions");
-const react_3 = require("../../../utils/react");
-const forms_2 = require("../../forms");
-const actions_1 = require("../../actions");
-const wrapper_1 = require("../../forms/wrapper");
-const icons_1 = require("../../../icons");
+const index_2 = require("../../../utils/react/index");
+const index_3 = require("../index");
+const index_4 = require("../../actions/index");
+const index_5 = require("../../../icons/index");
 const InvalidIcon_1 = require("../../shared/InvalidIcon");
 const ValidIcon_1 = require("../../shared/ValidIcon");
 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" }) }));
 }
-const SelectWrapperElement = (0, tasty_1.tasty)({
+const SelectWrapperElement = (0, index_1.tasty)({
     styles: {
         display: 'grid',
         position: 'relative',
@@ -50,7 +51,7 @@ const SelectWrapperElement = (0, tasty_1.tasty)({
             disabled: '#dark.30',
         },
         Value: {
-            ...forms_2.DEFAULT_INPUT_STYLES,
+            ...index_3.DEFAULT_INPUT_STYLES,
             preset: {
                 '': 't3',
                 '[data-type="primary"]': 't3m',
@@ -84,12 +85,12 @@ const SelectWrapperElement = (0, tasty_1.tasty)({
         },
     },
 });
-const SelectElement = (0, tasty_1.tasty)({
+const SelectElement = (0, index_1.tasty)({
     as: 'button',
     qa: 'Button',
     styles: {
-        ...forms_2.INPUT_WRAPPER_STYLES,
-        ...actions_1.DEFAULT_BUTTON_STYLES,
+        ...index_3.INPUT_WRAPPER_STYLES,
+        ...index_4.DEFAULT_BUTTON_STYLES,
         preset: 't3m',
         cursor: 'pointer',
         padding: '0',
@@ -139,7 +140,7 @@ const SelectElement = (0, tasty_1.tasty)({
         },
     },
 });
-const ListBoxElement = (0, tasty_1.tasty)({
+const ListBoxElement = (0, index_1.tasty)({
     as: 'ul',
     styles: {
         display: 'flex',
@@ -156,7 +157,7 @@ const ListBoxElement = (0, tasty_1.tasty)({
         styledScrollbar: true,
     },
 });
-const OptionElement = (0, tasty_1.tasty)({
+const OptionElement = (0, index_1.tasty)({
     as: 'li',
     styles: {
         display: 'block',
@@ -179,7 +180,7 @@ const OptionElement = (0, tasty_1.tasty)({
         transition: 'theme',
     },
 });
-const OverlayElement = (0, tasty_1.tasty)({
+const OverlayElement = (0, index_1.tasty)({
     styles: {
         position: 'absolute',
         width: 'min @overlay-min-width',
@@ -192,8 +193,8 @@ 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, {
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onChange',
         valuePropsMapper: ({ value, onChange }) => ({
             selectedKey: value ?? null,
@@ -202,12 +203,12 @@ function Select(props, ref) {
     });
     let { qa, label, extra, icon, 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, placeholder, tooltip, size, styles, type = 'secondary', theme = 'default', labelSuffix, ellipsis, suffixPosition = 'before', ...otherProps } = props;
     let state = (0, react_stately_1.useSelectState)(props);
-    const outerStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
-    inputStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, inputStyles);
-    ref = (0, react_3.useCombinedRefs)(ref);
-    triggerRef = (0, react_3.useCombinedRefs)(triggerRef);
-    popoverRef = (0, react_3.useCombinedRefs)(popoverRef);
-    listBoxRef = (0, react_3.useCombinedRefs)(listBoxRef);
+    const outerStyles = (0, index_1.extractStyles)(otherProps, index_1.OUTER_STYLES, styles);
+    inputStyles = (0, index_1.extractStyles)(otherProps, index_1.BLOCK_STYLES, inputStyles);
+    ref = (0, index_2.useCombinedRefs)(ref);
+    triggerRef = (0, index_2.useCombinedRefs)(triggerRef);
+    popoverRef = (0, index_2.useCombinedRefs)(popoverRef);
+    listBoxRef = (0, index_2.useCombinedRefs)(listBoxRef);
     let { labelProps, triggerProps, valueProps, menuProps } = (0, react_aria_1.useSelect)(props, state, triggerRef);
     let { overlayProps, placement } = (0, react_aria_1.useOverlayPosition)({
         targetRef: triggerRef,
@@ -258,10 +259,10 @@ 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)(react_aria_1.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
+    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)(react_aria_1.HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), (0, jsx_runtime_1.jsxs)(SelectElement, { ...(0, index_2.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" }) }), (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.LoadingIcon, {}), 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, wrapper_1.wrapWithField)(selectField, ref, (0, react_3.mergeProps)({
+                            : 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)(index_5.LoadingIcon, {}), 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, form_1.wrapWithField)(selectField, ref, (0, index_2.mergeProps)({
         ...props,
         styles,
     }, { labelProps }));
@@ -290,7 +291,6 @@ function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlaySty
             ...parentOverlayProps?.style,
         }, "data-position": placement, children: (0, jsx_runtime_1.jsxs)(react_aria_1.FocusScope, { restoreFocus: true, children: [(0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: () => state.close() }), (0, jsx_runtime_1.jsx)(ListBoxElement, { styles: listBoxStyles, ...listBoxProps, 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)(react_aria_1.DismissButton, { onDismiss: () => state.close() })] }) }));
 }
-exports.ListBoxPopup = ListBoxPopup;
 function Option({ item, state, styles, shouldUseVirtualFocus }) {
     let ref = (0, react_2.useRef)(null);
     let isDisabled = state.disabledKeys.has(item.key);
@@ -307,7 +307,7 @@ function Option({ item, state, styles, shouldUseVirtualFocus }) {
     // Handle focus events, so we can apply highlighted
     // style to the focused option
     let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled });
-    return ((0, react_1.createElement)(OptionElement, { ...(0, react_3.mergeProps)(optionProps, focusProps), ref: ref, key: item.key, mods: {
+    return ((0, react_1.createElement)(OptionElement, { ...(0, index_2.mergeProps)(optionProps, focusProps), ref: ref, key: item.key, mods: {
             selected: isSelected,
             focused: shouldUseVirtualFocus ? isVirtualFocused : isFocused,
             disabled: isDisabled,

package/cjs/components/fields/Select/index.js

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Select"), exports);
+
+        

package/cjs/components/{forms → fields}/Slider/Gradation.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Gradation = void 0;
+exports.Gradation = Gradation;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const elements_1 = require("./elements");
 function Gradation(props) {
@@ -23,6 +23,5 @@ function Gradation(props) {
                 active: getIsActive(value, idx),
             }, children: value }, value))) }));
 }
-exports.Gradation = Gradation;
 
         

package/cjs/components/{forms → fields}/Slider/Header.js

@@ -1,16 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
+exports.Header = Header;
 function Header() {
     return null;
 }
-exports.Header = Header;
 
         

package/cjs/components/{forms → fields}/Slider/RangeSlider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms → fields}/Slider/Slider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms → fields}/Slider/SliderBase.js

@@ -1,23 +1,23 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderBase = void 0;
+exports.useSlider = exports.SliderBase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
 const react_stately_1 = require("react-stately");
 const react_aria_1 = require("react-aria");
+Object.defineProperty(exports, "useSlider", { enumerable: true, get: function () { return react_aria_1.useSlider; } });
 const tasty_1 = require("../../../tasty");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const Text_1 = require("../../content/Text");
 const react_2 = require("../../../utils/react");
-const wrapper_1 = require("../wrapper");
 const elements_1 = require("./elements");
 const LabelValueElement = (0, tasty_1.tasty)(Text_1.Text, {
     styles: {
@@ -26,8 +26,8 @@ const LabelValueElement = (0, tasty_1.tasty)(Text_1.Text, {
     },
 });
 function SliderBase(allProps, ref) {
-    let props = (0, Form_1.useFormProps)(allProps);
-    props = (0, Form_1.useFieldProps)(props, {
+    let props = (0, form_1.useFormProps)(allProps);
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onChange',
         valuePropsMapper: ({ value, onChange }) => ({
             value: value != null ? value : undefined,
@@ -117,7 +117,7 @@ function SliderBase(allProps, ref) {
                 state,
             }) }) }));
     styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
-    return (0, wrapper_1.wrapWithField)(sliderField, ref, (0, react_2.mergeProps)({
+    return (0, form_1.wrapWithField)(sliderField, ref, (0, react_2.mergeProps)({
         ...props,
         styles,
         extra,

package/cjs/components/{forms → fields}/Slider/SliderInput.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderInput = void 0;
+exports.SliderInput = SliderInput;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const __1 = require("../../../");
@@ -33,6 +33,5 @@ function SliderInput(props) {
             width: inputWidth,
         }, textAlign: "center", formatOptions: formatOptions, value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), maxLength: maxLength, onChange: onChange }));
 }
-exports.SliderInput = SliderInput;
 
         

package/cjs/components/{forms → fields}/Slider/SliderThumb.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderThumb = void 0;
+exports.SliderThumb = SliderThumb;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -29,6 +29,5 @@ function SliderThumb(props) {
             disabled: isDisabled,
         }, ...(0, react_2.mergeProps)(thumbProps, hoverProps), role: "presentation", children: (0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, ...inputProps }) }) }));
 }
-exports.SliderThumb = SliderThumb;
 
         

package/cjs/components/{forms → fields}/Slider/SliderTrack.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderTrack = void 0;
+exports.SliderTrack = SliderTrack;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const elements_1 = require("./elements");
@@ -27,6 +27,5 @@ function SliderTrack(props) {
             }
             : {} }));
 }
-exports.SliderTrack = SliderTrack;
 
         

package/cjs/components/{forms → fields}/Slider/elements.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/fields/Slider/index.js

@@ -0,0 +1,31 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSliderState = void 0;
+__exportStar(require("./RangeSlider"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./types"), exports);
+var react_stately_1 = require("react-stately");
+Object.defineProperty(exports, "useSliderState", { enumerable: true, get: function () { return react_stately_1.useSliderState; } });
+
+        

package/cjs/components/{forms/FieldWrapper → fields/Slider}/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms → fields}/Switch/Switch.js

@@ -1,28 +1,27 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
+exports.useSwitch = exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
 const react_aria_1 = require("react-aria");
+Object.defineProperty(exports, "useSwitch", { enumerable: true, get: function () { return react_aria_1.useSwitch; } });
 const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
 const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const HiddenInput_1 = require("../../HiddenInput");
-const Label_1 = require("../Label");
 const Text_1 = require("../../content/Text");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
-const Form_1 = require("../Form");
-const wrapper_1 = require("../wrapper");
+const form_1 = require("../../form");
 const icons_1 = require("../../../icons");
 const SwitchWrapperElement = (0, tasty_1.tasty)({
     qa: 'SwitchWrapper',
@@ -110,8 +109,8 @@ const SwitchElement = (0, tasty_1.tasty)({
 function Switch(props, ref) {
     props = (0, nullableValue_1.castNullableIsSelected)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onChange',
         valuePropsMapper: ({ value, onChange }) => ({
             isSelected: value != null ? value : false,
@@ -123,7 +122,7 @@ function Switch(props, ref) {
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, inputStyles);
     labelStyles = (0, react_1.useMemo)(() => ({
-        ...(insideForm ? Label_1.LABEL_STYLES : Label_1.INLINE_LABEL_STYLES),
+        ...(insideForm ? form_1.LABEL_STYLES : form_1.INLINE_LABEL_STYLES),
         ...labelStyles,
     }), [insideForm, labelStyles]);
     let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled }, true);
@@ -149,7 +148,7 @@ function Switch(props, ref) {
     };
     const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { mods: mods, "data-size": size, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(SwitchElement, { qa: qa || 'Switch', mods: mods, "data-size": size, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }) }), children ? (0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, children: children }) : null] }));
     if (insideForm) {
-        return (0, wrapper_1.wrapWithField)(switchField, domRef, {
+        return (0, form_1.wrapWithField)(switchField, domRef, {
             ...props,
             children: null,
             labelStyles,

package/cjs/components/fields/Switch/index.js

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Switch"), exports);
+
+        

package/cjs/components/{forms → fields}/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -12,16 +12,16 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-stately/utils");
 const react_aria_1 = require("react-aria");
-const TextInputBase_1 = require("../TextInput/TextInputBase");
+const TextInput_1 = require("../TextInput");
 const provider_1 = require("../../../provider");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const react_2 = require("../../../utils/react");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const _internal_1 = require("../../../_internal");
 function TextArea(props, ref) {
     props = (0, nullableValue_1.castNullableStringValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onBlur',
         valuePropsMapper: ({ value, onChange }) => ({
             onChange,
@@ -57,7 +57,7 @@ function TextArea(props, ref) {
         onChange: (0, react_2.chain)(onChange, setInputValue),
         inputElementType: 'textarea',
     }, inputRef);
-    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ref: ref, ...otherProps, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
+    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ref: ref, ...otherProps, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
 }
 /**
  * TextInputs are text inputs that allow users to input custom text entries

package/cjs/components/fields/TextArea/index.js

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextArea"), exports);
+
+        

package/cjs/components/{forms → fields}/TextInput/TextInput.js

@@ -1,24 +1,25 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = void 0;
+exports.TextInput = exports.useTextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
+Object.defineProperty(exports, "useTextField", { enumerable: true, get: function () { return react_aria_1.useTextField; } });
 const provider_1 = require("../../../provider");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const TextInputBase_1 = require("./TextInputBase");
 exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
     props = (0, nullableValue_1.castNullableStringValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onBlur',
         valuePropsMapper: ({ value, onChange }) => ({
             onChange,