@aws-amplify/ui-react 6.6.0 → 6.7.0

package/dist/esm/primitives/Icon/context/StorageBrowserIcons.mjs

@@ -0,0 +1,68 @@
+const STORAGE_BROWSER_ICON_PATHS = {
+    // "Do Not Disturb On"
+    'action-canceled': 'M280-440h400v-80H280v80ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Error"
+    'action-error': 'M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Info"
+    'action-info': 'M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Adjust"
+    'action-initial': 'M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 280q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Progress Activity"
+    'action-progress': 'M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z',
+    // "Pending"
+    'action-queued': 'M280-420q25 0 42.5-17.5T340-480q0-25-17.5-42.5T280-540q-25 0-42.5 17.5T220-480q0 25 17.5 42.5T280-420Zm200 0q25 0 42.5-17.5T540-480q0-25-17.5-42.5T480-540q-25 0-42.5 17.5T420-480q0 25 17.5 42.5T480-420Zm200 0q25 0 42.5-17.5T740-480q0-25-17.5-42.5T680-540q-25 0-42.5 17.5T620-480q0 25 17.5 42.5T680-420ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Check Circle" icon
+    'action-success': 'm424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Cancel"
+    cancel: 'm336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Create New Folder"
+    'create-folder': 'M560-320h80v-80h80v-80h-80v-80h-80v80h-80v80h80v80ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z',
+    // "Copy file"
+    'copy-file': 'M760-200H320q-33 0-56.5-23.5T240-280v-560q0-33 23.5-56.5T320-920h280l240 240v400q0 33-23.5 56.5T760-200ZM560-640v-200H320v560h440v-360H560ZM160-40q-33 0-56.5-23.5T80-120v-560h80v560h440v80H160Zm160-800v200-200 560-560Z',
+    // "Delete file"
+    'delete-file': 'M240-800v200-200 640-9.5 9.5-640Zm0 720q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v174q-19-7-39-10.5t-41-3.5v-120H520v-200H240v640h254q8 23 20 43t28 37H240Zm396-20-56-56 84-84-84-84 56-56 84 84 84-84 56 56-83 84 83 84-56 56-84-83-84 83Z',
+    // "Close"
+    dismiss: 'm256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z',
+    // "Download" icon
+    download: 'M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z',
+    // "Error"
+    error: 'M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Arrow Left Alt" icon
+    exit: 'M400-240 160-480l240-240 56 58-142 142h486v80H314l142 142-56 58Z',
+    // "Draft" icon
+    file: 'M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z',
+    // "Folder" icon
+    folder: 'M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z',
+    // "Info" icon
+    info: 'M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Progress Activity" icon
+    loading: 'M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z',
+    // "More Vert" icon
+    menu: 'M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z',
+    // "Chevron Right" icon
+    'paginate-next': 'M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z',
+    // "Chevron Left" icon
+    'paginate-previous': 'M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z',
+    // "Refresh" icon
+    refresh: 'M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z',
+    // "Search" icon
+    search: 'M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z',
+    // "Arrow Drop Up" icon
+    'sort-ascending': 'm280-400 200-200 200 200H280Z',
+    // "Arrow Drop Down" icon
+    'sort-descending': 'M480-360 280-560h400L480-360Z',
+    // "Check Indeterminate Small" icon
+    'sort-indeterminate': 'M240-440v-80h480v80H240Z',
+    // "Check Circle" icon
+    success: 'm424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Upload File"
+    'upload-file': 'M440-200h80v-167l64 64 56-57-160-160-160 160 57 56 63-63v167ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z',
+    // "Upload Folder"
+    'upload-folder': 'M440-280h80v-168l64 64 56-56-160-160-160 160 56 56 64-64v168ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z',
+    // "More Vert" icon
+    'vertical-kebab': 'M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z',
+    // "Warning" icon
+    warning: 'm40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z',
+};
+
+export { STORAGE_BROWSER_ICON_PATHS };

package/dist/esm/primitives/index.mjs

@@ -6,6 +6,7 @@ export { Breadcrumbs } from './Breadcrumbs/Breadcrumbs.mjs';
 export { Button } from './Button/Button.mjs';
 export { ButtonGroup } from './ButtonGroup/ButtonGroup.mjs';
 export { Card } from './Card/Card.mjs';
+export { Checkbox } from './Checkbox/Checkbox.mjs';
 export { CheckboxField } from './CheckboxField/CheckboxField.mjs';
 export { Collection } from './Collection/Collection.mjs';
 export { Divider } from './Divider/Divider.mjs';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.6.0';
+const VERSION = '6.7.0';
 
 export { VERSION };

package/dist/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var isEqual = require('lodash/isEqual.js');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 var ui = require('@aws-amplify/ui');
-var Field = require('./Field-CIQvkMkM.js');
+var Field = require('./Field-DbA9eYRa.js');
 require('aws-amplify/storage');
 var debounce = require('lodash/debounce.js');
 var Dropdown = require('@radix-ui/react-dropdown-menu');
@@ -169,46 +169,6 @@ const AutocompleteMenuPrimitive = ({ ariaLabel, children, Header = null, Footer
 const AutocompleteMenu = Field.primitiveWithForwardRef(AutocompleteMenuPrimitive);
 AutocompleteMenu.displayName = 'AutocompleteMenu';
 
-// Source: https://github.com/radix-ui/primitives/blob/7ae63b6cce6ea53ea5d65b6d411894c004b38f47/packages/react/use-layout-effect/src/useLayoutEffect.tsx
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */
-const useLayoutEffect = globalThis?.document ? React__namespace.useLayoutEffect : () => { };
-
-// Adapted from https://github.com/radix-ui/primitives/blob/main/packages/react/id/src/id.tsx#L8
-// Prefixed autogenerated id created by useStableId
-const AUTO_GENERATED_ID_PREFIX = 'amplify-id';
-// Create a local version of React.useId which will reference React.useId for React 18
-// and fallback to noop for React 17 and below
-// Note: We use `toString()` to prevent bundlers from trying to `import { useId } from 'react';`
-// since it doesn't exist in React 17 and below (prevents https://github.com/aws-amplify/amplify-ui/issues/1154)
-const useReactId = 
-// disable eslint below to allow usage of casting React to `any`, which ensures that TS
-// does not get confused about the existence of `useId` in React 17 and below
-// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-React__namespace['useId'.toString()] || (() => undefined);
-let count = 0;
-/**
- * Create a uuid to use with amplify fields unless
- * an id is provided
- * @param id user specified id
- * @returns string
- */
-const useStableId = (id) => {
-    const [stableId, setStableId] = React__namespace.useState(useReactId());
-    // React versions older than 18 will have client-side ids only
-    useLayoutEffect(() => {
-        if (!id) {
-            setStableId((reactId) => reactId ?? String(count++));
-        }
-    }, [id]);
-    return id ?? (stableId ? `${AUTO_GENERATED_ID_PREFIX}-${stableId}` : '');
-};
-
 const DEFAULT_KEYS$1 = new Set([Field.ARROW_DOWN, Field.ARROW_UP, Field.ENTER_KEY, Field.ESCAPE_KEY]);
 const useAutocomplete = ({ defaultValue = '', value, options, optionFilter, onBlur, onChange, onClear, onClick, onSelect, onSubmit, }) => {
     const isControlled = value !== undefined;
@@ -229,10 +189,10 @@ const useAutocomplete = ({ defaultValue = '', value, options, optionFilter, onBl
             : defaultFilter;
         return options?.filter(filter) ?? [];
     }, [composedValue, optionFilter, isCustomFiltering, options]);
-    const autocompleteId = useStableId();
-    const listboxId = useStableId();
-    const menuId = useStableId();
-    const optionBaseId = useStableId();
+    const autocompleteId = Field.useStableId();
+    const listboxId = Field.useStableId();
+    const menuId = Field.useStableId();
+    const optionBaseId = Field.useStableId();
     const activeIndex = filteredOptions.findIndex((option) => option === activeOption);
     const activeOptionId = activeOption?.id ??
         (activeIndex !== -1 ? `${optionBaseId}-option-${activeIndex}` : undefined);
@@ -503,8 +463,8 @@ const DESCRIPTION_SUFFIX = 'description';
 
 const TextFieldPrimitive = (props, ref) => {
     const { className, descriptiveText, errorMessage, hasError = false, id, innerEndComponent, innerStartComponent, label, labelHidden = false, outerEndComponent, outerStartComponent, size, testId, variation, inputStyles, ..._rest } = props;
-    const fieldId = useStableId(id);
-    const stableId = useStableId();
+    const fieldId = Field.useStableId(id);
+    const stableId = Field.useStableId();
     const descriptionId = descriptiveText
         ? getUniqueComponentId(stableId, DESCRIPTION_SUFFIX)
         : undefined;
@@ -830,7 +790,7 @@ const CheckboxPrimitive = ({ checked: controlledChecked, className, defaultCheck
         }
         setFocused(false);
     };
-    const dataId = useStableId();
+    const dataId = Field.useStableId();
     React__namespace.useEffect(() => {
         const input = document.querySelector(`[data-id="${dataId}"]`);
         if (input && typeof isIndeterminate === 'boolean') {
@@ -1575,8 +1535,8 @@ const selectFieldChildren = ({ children, options, }) => {
 };
 const SelectFieldPrimitive = (props, ref) => {
     const { children, className, descriptiveText, errorMessage, hasError = false, id, label, labelHidden = false, options, size, testId, inputStyles, ..._rest } = props;
-    const fieldId = useStableId(id);
-    const stableId = useStableId();
+    const fieldId = Field.useStableId(id);
+    const stableId = Field.useStableId();
     const descriptionId = descriptiveText
         ? getUniqueComponentId(stableId, DESCRIPTION_SUFFIX)
         : undefined;
@@ -1661,8 +1621,8 @@ const Radio = Field.primitiveWithForwardRef(RadioPrimitive);
 Radio.displayName = 'Radio';
 
 const RadioGroupFieldPrimitive = ({ children, className, defaultValue, descriptiveText, errorMessage, hasError = false, id, isDisabled, isRequired, isReadOnly, legend, legendHidden = false, labelPosition, onChange, name, size, testId, value, variation, ...rest }, ref) => {
-    const fieldId = useStableId(id);
-    const stableId = useStableId();
+    const fieldId = Field.useStableId(id);
+    const stableId = Field.useStableId();
     const descriptionId = descriptiveText
         ? getUniqueComponentId(stableId, DESCRIPTION_SUFFIX)
         : undefined;
@@ -1775,8 +1735,8 @@ const SLIDER_TRACK_TEST_ID = 'slider-track';
 const SLIDER_RANGE_TEST_ID = 'slider-range';
 const SliderFieldPrimitive = ({ ariaValuetext, className, defaultValue = 0, descriptiveText, emptyTrackColor, errorMessage, filledTrackColor, formatValue, hasError = false, id, isDisabled, isValueHidden = false, label, labelHidden = false, onChange, orientation = 'horizontal', outerEndComponent, outerStartComponent, testId, thumbColor, trackSize, value, size, ..._rest }, ref) => {
     const { isFieldsetDisabled } = Field.useFieldset();
-    const fieldId = useStableId(id);
-    const stableId = useStableId();
+    const fieldId = Field.useStableId(id);
+    const stableId = Field.useStableId();
     const descriptionId = descriptiveText
         ? getUniqueComponentId(stableId, DESCRIPTION_SUFFIX)
         : undefined;
@@ -1950,8 +1910,8 @@ const StepperFieldPrimitive = (props, ref) => {
     onStepChange, size, testId, 
     // this is only required in useStepper hook but deconstruct here to remove its existence in rest
     value: controlledValue, variation, ..._rest } = props;
-    const fieldId = useStableId(id);
-    const stableId = useStableId();
+    const fieldId = Field.useStableId(id);
+    const stableId = Field.useStableId();
     const descriptionId = descriptiveText
         ? getUniqueComponentId(stableId, DESCRIPTION_SUFFIX)
         : undefined;
@@ -2016,7 +1976,7 @@ const SwitchFieldPrimitive = ({ className, defaultChecked, id, isChecked, isDisa
     });
     const { isFieldsetDisabled } = Field.useFieldset();
     const shouldBeDisabled = isFieldsetDisabled ? isFieldsetDisabled : isDisabled;
-    const fieldId = useStableId(id);
+    const fieldId = Field.useStableId(id);
     const wrapperClasses = ui.classNames(ui.ComponentClassName.SwitchTrack, ui.classNameModifierByFlag(ui.ComponentClassName.SwitchTrack, 'checked', isOn), ui.classNameModifierByFlag(ui.ComponentClassName.SwitchTrack, 'disabled', shouldBeDisabled), ui.classNameModifierByFlag(ui.ComponentClassName.SwitchTrack, 'focused', isFocused), ui.classNameModifierByFlag(ui.ComponentClassName.SwitchTrack, 'error', hasError));
     const componentClasses = ui.classNames(ui.ComponentClassName.SwitchThumb, ui.classNameModifierByFlag(ui.ComponentClassName.SwitchThumb, 'checked', isOn), ui.classNameModifierByFlag(ui.ComponentClassName.SwitchThumb, 'disabled', shouldBeDisabled));
     return (React__namespace.createElement(Field.Flex, { className: ui.classNames(ui.ComponentClassName.SwitchField, ui.classNameModifier(ui.ComponentClassName.SwitchField, size), labelPosition ? `amplify-label-${labelPosition}` : null, className), ref: ref, ...rest },
@@ -2197,7 +2157,7 @@ const TabPanel = Field.primitiveWithForwardRef(TabPanelPrimitive);
 TabPanel.displayName = 'Tabs.Panel';
 
 const TabsContainerPrimitive = ({ children, defaultValue, className, value: controlledValue, onValueChange, isLazy, ...rest }, ref) => {
-    const groupId = useStableId(); // groupId is used to ensure uniqueness between Tab Groups in IDs
+    const groupId = Field.useStableId(); // groupId is used to ensure uniqueness between Tab Groups in IDs
     const isControlled = controlledValue !== undefined;
     const [localValue, setLocalValue] = React__namespace.useState(() => isControlled ? controlledValue : defaultValue);
     const activeTab = isControlled ? controlledValue : localValue ?? '';
@@ -2293,8 +2253,8 @@ const TextAreaFieldPrimitive = (props, ref) => {
     // Destructuring the 'resize' style prop because while it is a style prop
     // it should go on the textarea element and not the wrapper div.
     resize, ..._rest } = props;
-    const fieldId = useStableId(id);
-    const stableId = useStableId();
+    const fieldId = Field.useStableId(id);
+    const stableId = Field.useStableId();
     const descriptionId = descriptiveText
         ? getUniqueComponentId(stableId, DESCRIPTION_SUFFIX)
         : undefined;
@@ -2422,6 +2382,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     Button: Field.Button,
     ButtonGroup: ButtonGroup,
     Card: Card,
+    Checkbox: Checkbox,
     CheckboxField: CheckboxField,
     Collection: Collection,
     ComponentPropsToStylePropsMap: Field.ComponentPropsToStylePropsMap,
@@ -2521,7 +2482,7 @@ const defaultDeleteUserDisplayText = {
     warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
 };
 
-const VERSION = '6.6.0';
+const VERSION = '6.7.0';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {
@@ -2832,7 +2793,7 @@ function FormField({ autocomplete: autoComplete, dialCode, name, type, ...props
     ]);
     const errors = React__namespace.useMemo(() => ui.getErrors(validationErrors[name]), [name, validationErrors]);
     const hasError = errors?.length > 0;
-    const errorId = useStableId();
+    const errorId = Field.useStableId();
     const ariaDescribedBy = hasError ? errorId : undefined;
     if (type === 'tel') {
         return (React__namespace.createElement(React__namespace.Fragment, null,
@@ -3559,6 +3520,7 @@ exports.Badge = Badge;
 exports.Breadcrumbs = Breadcrumbs;
 exports.ButtonGroup = ButtonGroup;
 exports.Card = Card;
+exports.Checkbox = Checkbox;
 exports.CheckboxField = CheckboxField;
 exports.Collection = Collection;
 exports.Divider = Divider;