@cube-dev/ui-kit 0.0.0-canary-a804266 → 0.0.0-canary-8ab027b

package/cjs/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
  * Released under the MIT license.
  */
 
@@ -17,14 +17,10 @@ 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("./use-warn"), exports);
-__exportStar(require("./use-timer"), exports);
+__exportStar(require("./use-deprecation-warning"), exports);
 __exportStar(require("./use-event"), exports);
 __exportStar(require("./use-sync-ref"), exports);
-__exportStar(require("./use-effect-once"), exports);
-__exportStar(require("./use-update-effect"), exports);
-__exportStar(require("./use-is-first-render"), exports);
 __exportStar(require("./use-chained-callback"), exports);
-__exportStar(require("./use-deprecation-warning"), exports);
+__exportStar(require("./use-timer"), exports);
 
         

package/cjs/_internal/hooks/use-chained-callback.js

@@ -1,14 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainedCallback = void 0;
-/* eslint-disable @typescript-eslint/no-explicit-any */
 const use_event_1 = require("./use-event");
 function useChainedCallback(...callbacks) {
     return (0, use_event_1.useEvent)((...args) => {

package/cjs/_internal/hooks/use-deprecation-warning.js

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

package/cjs/_internal/hooks/use-event.js

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

package/cjs/_internal/hooks/use-sync-ref.js

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

package/cjs/_internal/hooks/use-timer/index.js

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

package/cjs/_internal/hooks/use-timer/timer.js

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

package/cjs/_internal/hooks/use-timer/use-timer.js

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

package/cjs/_internal/index.js

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

package/cjs/components/Base.js

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

package/cjs/components/Block.js

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

package/cjs/components/GlobalStyles.js

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

package/cjs/components/GridProvider.js

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

package/cjs/components/HiddenInput.js

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

package/cjs/components/OpenTrasition.js

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

package/cjs/components/Root.js

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

package/cjs/components/actions/Action.js

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

package/cjs/components/actions/Button/Button.js

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

package/cjs/components/actions/Button/Submit.js

@@ -0,0 +1,29 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Submit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const provider_1 = require("../../../provider");
+const Form_1 = require("../../forms/Form/Form");
+const Button_1 = require("./Button");
+function Submit(props, ref) {
+    props = (0, provider_1.useProviderProps)(props);
+    props = (0, Form_1.useFormProps)(props);
+    const { form, ...otherProps } = props;
+    const formData = form.getFieldsValue();
+    const isValid = !Object.keys(formData).find((name) => {
+        return form.isFieldInvalid(name);
+    });
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form.isSubmitting, isDisabled: !isValid, ...otherProps }, void 0));
+}
+const _Submit = (0, react_1.forwardRef)(Submit);
+exports.Submit = _Submit;
+
+        

package/cjs/components/actions/Button/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
  * Released under the MIT license.
  */
 
@@ -18,5 +18,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Button"), exports);
+__exportStar(require("./Submit"), exports);
 
         

package/cjs/components/actions/ButtonGroup/ButtonGroup.js

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

package/cjs/components/actions/index.js

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

package/cjs/components/content/ActiveZone/ActiveZone.js

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

package/cjs/components/content/Alert/Alert.js

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

package/cjs/components/content/Alert/index.js

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

package/cjs/components/content/Alert/types.js

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

package/cjs/components/content/Alert/use-alert.js

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

package/cjs/components/content/Avatar/Avatar.js

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

package/cjs/components/content/Badge/Badge.js

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

package/cjs/components/content/Card/Card.js

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

package/cjs/components/content/Content.js

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

package/cjs/components/content/CopySnippet/CopySnippet.js

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

package/cjs/components/content/CopySnippet/index.js

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

package/cjs/components/content/Divider.js

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

package/cjs/components/content/Footer.js

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

package/cjs/components/content/Header.js

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

package/cjs/components/content/Paragraph.js

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

package/cjs/components/content/Placeholder/Placeholder.js

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

package/cjs/components/content/PrismCode/PrismCode.js

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

package/cjs/components/content/Result/Result.js

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

package/cjs/components/content/Skeleton/Skeleton.js

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

package/cjs/components/content/Tag/Tag.js

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

package/cjs/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
  * Released under the MIT license.
  */
 
@@ -52,7 +52,7 @@ const _Text = (0, react_1.forwardRef)(function Text(allProps, ref) {
     return ((0, jsx_runtime_1.jsx)(TextElement, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
             nowrap,
             ellipsis,
-        }, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+        }, block: !!(block || ellipsis), ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 const Text = Object.assign(_Text, {
     Minor: (0, react_1.forwardRef)(function MinorText(props, ref) {

package/cjs/components/content/Title.js

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

package/cjs/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
  * Released under the MIT license.
  */
 
@@ -80,24 +80,16 @@ const CheckboxElement = (0, tasty_1.tasty)({
     },
 });
 function Checkbox(props, ref) {
-    // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
-    // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
-    // but since the checkbox won't move in and out of a group, it should be safe.
-    const groupState = (0, react_1.useContext)(context_1.CheckboxGroupContext);
-    const originalProps = props;
     props = (0, nullableValue_1.castNullableIsSelected)(props);
+    let originalProps = props;
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            isSelected: value ?? false,
-            isIndeterminate: false,
-            onChange: onChange,
-        }),
-        unsafe__isDisabled: !!groupState,
-    });
+    props = (0, Form_1.useFormProps)(props);
     let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, autoFocus, children, label, extra, validationState, labelProps, labelStyles, labelPosition, necessityLabel, necessityIndicator, message, description, requiredMark = true, tooltip, isHidden, labelSuffix, ...otherProps } = props;
-    label = label ?? children;
+    label = label || children;
+    // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
+    // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
+    // but since the checkbox won't move in and out of a group, it should be safe.
+    let groupState = (0, react_1.useContext)(context_1.CheckboxGroupContext);
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     let inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES);
     labelStyles = {
@@ -178,15 +170,7 @@ function Checkbox(props, ref) {
  * or to mark one individual item as selected.
  */
 let _Checkbox = (0, react_1.forwardRef)(Checkbox);
-/**
- * @legacy should be removed with legacy <Field />
- */
-Object.defineProperty(_Checkbox, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'Checkbox',
-});
+_Checkbox.cubeInputType = 'Checkbox';
 let __Checkbox = Object.assign(_Checkbox, { Group: CheckboxGroup_1.CheckboxGroup });
 exports.Checkbox = __Checkbox;
 

package/cjs/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * @cube-dev/ui-kit v0.0.0-canary-8ab027b
  * Released under the MIT license.
  */
 
@@ -10,10 +10,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const utils_1 = require("@react-spectrum/utils");
 const checkbox_1 = require("@react-aria/checkbox");
 const checkbox_2 = require("@react-stately/checkbox");
 const provider_1 = require("../../../provider");
-const Form_1 = require("../Form");
+const Form_1 = require("../Form/Form");
 const tasty_1 = require("../../../tasty");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
@@ -47,26 +48,22 @@ const CheckGroupElement = (0, tasty_1.tasty)({
         padding: '(1x - 1bw) 0',
     },
 });
-/**
- * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
- * All possible options are exposed up front for users to compare.
- */
-exports.CheckboxGroup = (0, react_1.forwardRef)(function CheckboxGroup(props, ref) {
+function CheckboxGroup(props, ref) {
     props = (0, nullableValue_1.castNullableArrayValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: value != null ? value : [],
-            onChange: onChange,
-        }),
-    });
-    const { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
-    const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, WRAPPER_STYLES);
-    const groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES);
-    const state = (0, checkbox_2.useCheckboxGroupState)(props);
-    const { groupProps, labelProps } = (0, checkbox_1.useCheckboxGroup)(props, state);
-    const radioGroup = ((0, jsx_runtime_1.jsx)(CheckGroupElement, { styles: groupStyles, mods: { horizontal: orientation === 'horizontal' }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: { isDisabled, validationState }, children: (0, jsx_runtime_1.jsx)(context_1.CheckboxGroupContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
+    props = (0, Form_1.useFormProps)(props);
+    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
+    let domRef = (0, utils_1.useDOMRef)(ref);
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, WRAPPER_STYLES);
+    let groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES);
+    let state = (0, checkbox_2.useCheckboxGroupState)(props);
+    let { groupProps, labelProps } = (0, checkbox_1.useCheckboxGroup)(props, state);
+    let radioGroup = ((0, jsx_runtime_1.jsx)(CheckGroupElement, { styles: groupStyles, mods: {
+            horizontal: orientation === 'horizontal',
+        }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: {
+                isDisabled,
+                validationState,
+            }, children: (0, jsx_runtime_1.jsx)(context_1.CheckboxGroupContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,
@@ -86,17 +83,15 @@ exports.CheckboxGroup = (0, react_1.forwardRef)(function CheckboxGroup(props, re
             tooltip,
             labelSuffix,
             Component: radioGroup,
-            ref,
+            ref: domRef,
         } }, void 0));
-});
+}
 /**
- * @legacy should be removed with legacy <Field />
+ * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
+ * All possible options are exposed up front for users to compare.
  */
-Object.defineProperty(exports.CheckboxGroup, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'CheckboxGroup',
-});
+const _CheckboxGroup = (0, react_1.forwardRef)(CheckboxGroup);
+exports.CheckboxGroup = _CheckboxGroup;
+_CheckboxGroup.cubeInputType = 'CheckboxGroup';