@cube-dev/ui-kit 0.0.0-canary-92a80d1 → 0.0.0-canary-80e87ad

package/dist/tokens/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/palette.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 
 //#region src/tokens/palette.ts

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

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

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | 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-92a80d1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-80e87ad | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-92a80d1";
+const VERSION = "0.0.0-canary-80e87ad";
 const TASTY_VERSION = "2.8.0";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/fields/ComboBox.md

@@ -33,7 +33,7 @@ A combobox component that combines a text input with a dropdown list, allowing u
 - **`sortSelectedToTop`** `boolean` (default: `true when items provided, false otherwise`) — Whether to sort selected item to the top when popover opens (only works with items prop)
 - **`popoverTrigger`** `'focus' | 'input' | 'manual'` (default: `input`) — How the popover is triggered
 - **`filter`** `((textValue: string, inputValue: string) => boolean) | false` — Custom filter function or false to disable filtering. If not provided, uses default contains filter
-- **`emptyLabel`** `ReactNode` — Label shown when filtering yields no results. When provided, the popover stays open and displays this label; when omitted, the popover closes (no default)
+- **`emptyLabel`** `ReactNode` — Label shown when filtering yields no results. When provided, the popover stays open and displays this message; when omitted, the popover closes
 - **`hideTrigger`** `boolean` (default: `false`) — Whether to hide the trigger button
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — ComboBox size
 - **`necessityIndicator`** `'label' | 'icon'` — How the required state should be indicated
@@ -509,15 +509,13 @@ const [selectedKey, setSelectedKey] = useState(null);
 </ComboBox>
 ```
 
-### Empty Label
-
-When `emptyLabel` is provided, the popover stays open and shows the label instead of closing when filtering yields no matches.
+### Custom Empty State
 
 ```jsx
 <ComboBox
   label="Search Fruits"
-  placeholder="Type 'xyz' to see empty state..."
-  emptyLabel="No fruits found"
+  placeholder="Type to filter..."
+  emptyLabel="No matching fruits found"
 >
   <ComboBox.Item key="apple">Apple</ComboBox.Item>
   <ComboBox.Item key="banana">Banana</ComboBox.Item>

package/docs/components/fields/Picker.md

@@ -56,7 +56,7 @@ A versatile selection component that combines a trigger button with a dropdown l
 - **`onClear`** `() => void` — Callback called when the clear button is pressed
 - **`onOpenChange`** `(isOpen: boolean) => void` — Callback called when the popover open state changes
 - **`filter`** `((textValue: string, inputValue: string) => boolean) | false` — Custom filter function for items. Pass `false` to disable filtering.
-- **`emptyLabel`** `ReactNode` (default: `"No items"`) — Content shown when the collection is empty
+- **`emptyLabel`** `ReactNode` — Content shown when the collection is empty. When provided, the popover opens and displays this message; when omitted, the popover does not open for an empty collection
 
 ### Base Properties
 
@@ -532,6 +532,20 @@ Add helpful description text below the label.
 </Picker>
 ```
 
+### Custom Empty State
+
+When `emptyLabel` is provided and the collection is empty, the popover opens and shows the message. Omit it to keep the popover closed.
+
+```jsx
+<Picker
+  label="Favorite Fruit"
+  placeholder="Select a fruit"
+  emptyLabel="No fruits available"
+>
+  {/* no items */}
+</Picker>
+```
+
 ## Accessibility
 
 The Picker component is built with React Aria hooks and provides comprehensive accessibility support out of the box.

package/docs/components/fields/Select.md

@@ -19,7 +19,6 @@ A select allows users to choose a single option from a list of predefined choice
 - **`selectedKey`** `string` — The selected value in controlled mode
 - **`defaultSelectedKey`** `string` — The default selected value in uncontrolled mode
 - **`placeholder`** `string` — Placeholder text when no option is selected
-- **`emptyLabel`** `ReactNode` (default: `"No items"`) — Label shown when the option list is empty
 - **`icon`** `ReactElement` — Icon element rendered before the select value
 - **`rightIcon`** `ReactNode` — Icon element rendered after the select value (caret by default)
 - **`prefix`** `ReactNode` — Content rendered before the select value
@@ -57,6 +56,7 @@ A select allows users to choose a single option from a list of predefined choice
 - **`selectionMode`** `'single'` — Selection mode for the select
 - **`onSelectionChange`** `(key: Key) => void` — Callback fired when the selected option changes
 - **`onOpenChange`** `(isOpen: boolean) => void` — Callback fired when the dropdown opens or closes
+- **`emptyLabel`** `ReactNode` — Label shown when the option list is empty. When provided, the popover stays open and displays this message; when omitted, the popover does not open for an empty collection
 - **`onFocus`** `(e: FocusEvent) => void` — Callback fired when the select receives focus
 - **`onBlur`** `(e: FocusEvent) => void` — Callback fired when the select loses focus
 - **`onFocusChange`** `(isFocused: boolean) => void` — Callback fired when focus state changes
@@ -449,6 +449,18 @@ const groups = [
 </Select>
 ```
 
+### Custom Empty State
+
+When `emptyLabel` is provided and there are no options, the popover opens and shows the message. Omit it to keep the popover closed.
+
+```jsx
+<Select
+  label="Color"
+  placeholder="No options available"
+  emptyLabel="No colors available"
+/>
+```
+
 ## Accessibility
 
 ### Keyboard Navigation
@@ -577,7 +589,6 @@ This component supports all [Field properties](../../FieldProperties.md) when us
 - Implement virtual scrolling for very large option lists (1000+ items)
 - Built-in async loading support with loading states per scroll position
 - Enhanced keyboard shortcuts for power users (e.g., type to jump to option)
-- Custom empty state component when no options are available
 - Support for option groups with visual separators beyond sections
 
 ## Related Components

package/package.json

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