@cube-dev/ui-kit 0.0.0-canary-a7cb9c4 → 0.0.0-canary-b2ab6d0

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a7cb9c4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b2ab6d0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-a7cb9c4";
+const VERSION = "0.0.0-canary-b2ab6d0";
 const TASTY_VERSION = "3.3.1";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/content/InlineInput.md

@@ -39,6 +39,7 @@ Unlike `TextInput`, `InlineInput` is intentionally **not** a form field. It mana
 - **`isReadOnly`** `boolean` (default: `false`) — When `true`, edit mode cannot be entered, but the display reads as enabled.
 - **`isStyled`** `boolean` (default: `false`) — When `true`, applies a styled wrapper (border, surface fill, padding, fixed height) so the component visually matches a `TextInput`. Useful when swapping a field component (e.g. `Select`) for an `InlineInput` to rename / edit the current value without a visual jump.
 - **`placeholder`** `string` — Placeholder text shown in the input when the draft is empty.
+- **`autoComplete`** `string` — HTML [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) token forwarded to the inner input (`off` to suppress autofill on a rename field).
 - **`renderDisplay`** `(value: string) => ReactNode` — Custom render for display (non-editing) mode.
 - **`tooltip`** `boolean | string | AutoTooltipValue` (default: `true`) — Tooltip behaviour for the display value. `true` enables auto-tooltip on overflow (showing the full text when truncated). A string always shows that text. `false` disables the tooltip. Suppressed automatically while editing and when `renderDisplay` is used.
 - **`tooltipPlacement`** `'top' | 'bottom' | 'left' | 'right' | ...` (default: `'top'`) — Default tooltip placement.

package/docs/components/fields/NumberInput.md

@@ -29,10 +29,11 @@ A number input component that allows users to enter numeric values and increment
 - **`step`** `number` — Amount to increment or decrement the value
 - **`formatOptions`** `Intl.NumberFormatOptions` — Options for formatting the displayed number value
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — Input size
+- **`autoComplete`** `string` (default: `off`) — HTML [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) token that tells the browser what to autofill (`cc-number`, `one-time-code`, …). A number field opts out of autofill by default.
 - **`isWheelDisabled`** `boolean` — Whether scrolling the mouse wheel changes the value
 - **`decrementAriaLabel`** `string` — Custom aria-label for the decrement button
 - **`incrementAriaLabel`** `string` — Custom aria-label for the increment button
-- **`inputProps`** `Props` — Direct props passed to the native input element
+- **`inputProps`** `Props` — Direct props passed to the native input element, merged over the props React Aria generates: a key you set wins, and event handlers are chained rather than replaced
 - **`wrapperProps`** `Props` — Direct props passed to the input wrapper element
 - **`onChange`** `function` — Callback fired when the input value changes
 - **`onBlur`** `function` — Callback fired when the input loses focus
@@ -180,7 +181,6 @@ This component supports all [Field properties](../../FieldProperties.md) when us
 
 ## Suggested Improvements
 
-- Add `autoComplete` prop mapping for better browser integration
 - Provide `maxValue`/`minValue` indicator with value range
 - Support for input masks and formatting
 - Built-in debouncing for onChange events

package/docs/components/fields/PasswordInput.md

@@ -25,8 +25,8 @@ A password input is a specialized text field that masks user input to protect se
 - **`suffix`** — Input decoration after the main input (before toggle button)
 - **`suffixPosition`** `'before' | 'after'` (default: `after`) — Position of suffix relative to validation/loading icons
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — Input size
-- **`autocomplete`** `string` — HTML autocomplete attribute for browser autofill behavior
-- **`inputProps`** `Props` — Direct props passed to the native input element
+- **`autoComplete`** `string` — HTML [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) token that tells the browser what to autofill (`current-password`, `new-password`, `off`, …). The lowercase `autocomplete` alias is deprecated.
+- **`inputProps`** `Props` — Direct props passed to the native input element, merged over the props React Aria generates: a key you set wins, and event handlers are chained rather than replaced
 - **`wrapperProps`** `Props` — Direct props passed to the input wrapper element
 - **`onChange`** `function` — Callback fired when the input value changes
 - **`onBlur`** `function` — Callback fired when the input loses focus

package/docs/components/fields/SearchInput.md

@@ -26,8 +26,8 @@ A search input provides a specialized text field for search functionality, featu
 - **`suffixPosition`** `'before' | 'after'` (default: `after`) — Position of suffix relative to validation/loading state icons
 - **`isClearable`** `boolean` (default: `false`) — Whether the search input shows a clear button
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — Input size
-- **`autocomplete`** `string` — HTML autocomplete attribute for browser autofill behavior
-- **`inputProps`** `Props` — Direct props passed to the native input element
+- **`autoComplete`** `string` — HTML [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) token that tells the browser what to autofill (`off` to suppress autofill on a filter field). The lowercase `autocomplete` alias is deprecated.
+- **`inputProps`** `Props` — Direct props passed to the native input element, merged over the props React Aria generates: a key you set wins, and event handlers are chained rather than replaced
 - **`wrapperProps`** `Props` — Direct props passed to the input wrapper element
 - **`onChange`** `function` — Callback fired when the search value changes
 - **`onSubmit`** `function` — Callback fired when search is submitted

package/docs/components/fields/TextArea.md

@@ -47,10 +47,10 @@ These properties allow direct style application without using the `styles` prop:
 - **`suffixPosition`** `'before' | 'after'` (default: `'before'`) — Position of suffix relative to validation/loading state icons
 - **`resize`** `string` — CSS resize value (e.g. `'vertical'`, `'none'`)
 - **`size`** `'small' | 'medium' | 'large'` (default: `'medium'`) — Input size
-- **`autocomplete`** `string` — Browser autocomplete attribute value
+- **`autoComplete`** `string` — HTML [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) token that tells the browser what to autofill (`street-address`, `off`, …). The lowercase `autocomplete` alias is deprecated.
 - **`maxLength`** `number` — Maximum number of characters allowed
 - **`minLength`** `number` — Minimum number of characters required
-- **`inputProps`** `Props` — Direct HTML props passed to the inner textarea element
+- **`inputProps`** `Props` — Direct HTML props passed to the inner textarea element, merged over the props React Aria generates: a key you set wins, and event handlers are chained rather than replaced
 - **`wrapperProps`** `Props` — Additional HTML props passed to the input wrapper container
 - **`inputRef`** `RefObject<HTMLTextAreaElement>` — Ref to the inner textarea element
 - **`wrapperRef`** `RefObject<HTMLDivElement>` — Ref to the input wrapper container

package/docs/components/fields/TextInput.md

@@ -29,10 +29,10 @@ A text input component that allows users to input custom text entries with a key
 - **`rows`** `number` — Number of visible rows for multiline input
 - **`resize`** `string` — CSS resize value for multiline input (e.g. `'vertical'`, `'none'`)
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — Input size
-- **`autocomplete`** `string` — Browser autocomplete attribute value
+- **`autoComplete`** `string` — HTML [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) token that tells the browser what to autofill (`email`, `username`, `off`, …). The lowercase `autocomplete` alias is deprecated.
 - **`maxLength`** `number` — Maximum number of characters allowed
 - **`minLength`** `number` — Minimum number of characters required
-- **`inputProps`** `Props` — Direct HTML props passed to the inner input element
+- **`inputProps`** `Props` — Direct HTML props passed to the inner input element, merged over the props React Aria generates: a key you set wins, and event handlers are chained rather than replaced
 - **`inputRef`** `RefObject<HTMLInputElement | HTMLTextAreaElement>` — Ref to the inner input element
 - **`wrapperRef`** `RefObject<HTMLDivElement>` — Ref to the input wrapper container
 - **`loadingIndicator`** `ReactNode` — Custom loading indicator element

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-a7cb9c4",
+  "version": "0.0.0-canary-b2ab6d0",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {

package/dist/components/fields/ListBoxPopover/useCompositeFocus.d.ts

@@ -1,2 +0,0 @@
-
-import React, { RefObject } from "react";

package/dist/components/portal/PortalProvider.d.ts

@@ -1,2 +0,0 @@
-
-import { RefObject } from "react";