@ostack.tech/ui 0.9.0 → 0.9.2

package/dist/types/components/Alert/Alert.d.ts

@@ -6,6 +6,8 @@ import { Icon, IconProp } from '../Icon';
 export type AlertVariant = "solid" | "subtle" | "outlined";
 /** Alert severities. */
 export type AlertSeverity = "neutral" | "info" | "success" | "danger" | "warning";
+/** Alert type of announcement. */
+export type AlertAnnounce = "off" | "polite" | "assertive";
 /** Properties of the alert component. */
 export interface AlertProps extends ComponentPropsWithoutRef<"div"> {
     /**
@@ -20,6 +22,21 @@ export interface AlertProps extends ComponentPropsWithoutRef<"div"> {
      * @default info
      */
     severity?: AlertSeverity;
+    /**
+     * Controls how the alert is announced to screen reader users:
+     *
+     * - `off`: The alert is silent. Recommended for static messages.
+     * - `polite`: Sets `role="status"`. The screen reader will announce the alert
+     *   at the next available opportunity without interrupting the user
+     *   (recommended for non-critical feedback that appears _after_ a user
+     *   action).
+     * - `assertive`: Sets `role="alert"`. The screen reader will interrupt any
+     *   current speech to announce this immediately (recommended for critical
+     *   errors that appear and should stop the user's flow).
+     *
+     * @default off
+     */
+    announce?: AlertAnnounce;
     /** Alert action. */
     action?: ReactNode;
     /**

package/dist/types/components/Alert/AlertContext.d.ts

@@ -0,0 +1,8 @@
+/** Value of the alert context. */
+export interface AlertContextValue {
+    setTitleId: (id: string | undefined) => void;
+}
+/** Alert context. */
+export declare const AlertContext: import('react').Context<AlertContextValue | null>;
+/** Hook providing access to the alert context. */
+export declare function useAlertContext(): AlertContextValue;

package/dist/types/components/CommandMenu/CommandMenu.d.ts

@@ -1,10 +1,10 @@
-import { Command as CommandPrimitive } from 'cmdk';
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
 import { ControlAddon } from '../ControlAddon';
 import { Icon } from '../Icon';
 import { Input } from '../Input';
 import { MenuList, MenuListIconPlacement, MenuListVariant } from '../MenuList';
 import { Spinner } from '../Spinner';
+import { Command as CommandPrimitive } from './cmdk';
 /** Command menu variants. */
 export type CommandMenuVariant = MenuListVariant;
 /** Placement of icons within command menu items. */

package/dist/types/components/CommandMenu/CommandMenuGroup.d.ts

@@ -1,5 +1,5 @@
-import { Command as CommandPrimitive } from 'cmdk';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { Command as CommandPrimitive } from './cmdk';
 /** Properties of the command menu group. */
 export interface CommandMenuGroupProps extends Omit<ComponentPropsWithoutRef<typeof CommandPrimitive.Group>, "asChild" | "heading"> {
     /** Optional label of the command menu group. */

package/dist/types/components/CommandMenu/CommandMenuItem.d.ts

@@ -1,6 +1,6 @@
-import { Command as CommandPrimitive } from 'cmdk';
 import { ComponentPropsWithoutRef } from 'react';
 import { MenuListItemProps } from '../MenuList';
+import { Command as CommandPrimitive } from './cmdk';
 export interface CommandMenuItemProps extends Omit<ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, "asChild" | "color">, Pick<MenuListItemProps, "selected" | "color" | "loading" | "loadingContent" | "showSpinner" | "icon" | "iconPlacement" | "keybinds" | "href" | "target" | "rel" | "actionProps" | "contentProps" | "iconProps" | "spinnerProps" | "keybindsProps"> {
     /**
      * Render the item as a link. When set, you can pass `href`, `target`, and

package/dist/types/components/CommandMenu/cmdk/command-score.d.ts

@@ -0,0 +1 @@
+export declare function commandScore(string: string, abbreviation: string, aliases: string[]): number;

package/dist/types/components/CommandMenu/cmdk/index.d.ts

@@ -0,0 +1,320 @@
+import * as React from "react";
+type Children = {
+    children?: React.ReactNode;
+};
+type DivProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+};
+type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
+type State = {
+    search: string;
+    value: string;
+    selectedItemId?: string;
+    filtered: {
+        count: number;
+        items: Map<string, number>;
+        groups: Set<string>;
+    };
+};
+type Group = {
+    id: string;
+    forceMount?: boolean;
+};
+declare const defaultFilter: CommandFilter;
+declare const Command: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+} & {
+    /** Accessible label for this command menu. Not shown visibly. */
+    label?: string;
+    /**
+     * Optionally set to `false` to turn off the automatic filtering and
+     * sorting. If `false`, you must conditionally render valid items based on
+     * the search query yourself.
+     */
+    shouldFilter?: boolean;
+    /**
+     * Custom filter function for whether each command menu item should matches
+     * the given search query. It should return a number between 0 and 1, with 1
+     * being the best match and 0 being hidden entirely. By default, uses the
+     * `command-score` library.
+     */
+    filter?: CommandFilter;
+    /** Optional default item value when it is initially rendered. */
+    defaultValue?: string;
+    /** Optional controlled state of the selected command menu item. */
+    value?: string;
+    /** Event handler called when the selected item of the menu changes. */
+    onValueChange?: (value: string) => void;
+    /**
+     * Optionally set to `true` to turn on looping around when using the arrow
+     * keys.
+     */
+    loop?: boolean;
+    /** Optionally set to `true` to disable selection via pointer events. */
+    disablePointerSelection?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Command menu item. Becomes active on pointer enter or through keyboard
+ * navigation. Preferably pass a `value`, otherwise the value will be inferred
+ * from `children` or the rendered item's `textContent`.
+ */
+declare const Item: React.ForwardRefExoticComponent<Children & Omit<DivProps, "disabled" | "value" | "onSelect"> & {
+    /** Whether this item is currently disabled. */
+    disabled?: boolean;
+    /**
+     * Event handler for when this item is selected, either via click or
+     * keyboard selection.
+     */
+    onSelect?: (value: string) => void;
+    /**
+     * A unique value for this item. If no value is provided, it will be
+     * inferred from `children` or the rendered `textContent`. If your
+     * `textContent` changes between renders, you _must_ provide a stable,
+     * unique `value`.
+     */
+    value?: string;
+    /** Optional keywords to match against when filtering. */
+    keywords?: string[];
+    /** Whether this item is forcibly rendered regardless of filtering. */
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Group command menu items together with a heading. Grouped items are always
+ * shown together.
+ */
+declare const Group: React.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "heading"> & {
+    /** Optional heading to render for this group. */
+    heading?: React.ReactNode;
+    /**
+     * If no heading is provided, you must provide a value that is unique for
+     * this group.
+     */
+    value?: string;
+    /** Whether this group is forcibly rendered regardless of filtering. */
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A visual and semantic separator between items or groups. Visible when the
+ * search query is empty or `alwaysRender` is true, hidden otherwise.
+ */
+declare const Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+} & {
+    /**
+     * Whether this separator should always be rendered. Useful if you disable
+     * automatic filtering.
+     */
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Command menu input. All props are forwarded to the underyling `input`
+ * element.
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "value" | "onChange"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    /** Optional controlled state for the value of the search input. */
+    value?: string;
+    /** Event handler called when the search value changes. */
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Contains `Item`, `Group`, and `Separator`. Use the `--cmdk-list-height` CSS
+ * variable to animate height based on the number of results.
+ */
+declare const List: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+} & {
+    /** Accessible label for this List of suggestions. Not shown visibly. */
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+/** Automatically renders when there are no results for the search query. */
+declare const Empty: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * You should conditionally render this with `progress` while loading
+ * asynchronous items.
+ */
+declare const Loading: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+} & {
+    /** Estimated progress of loading asynchronous options. */
+    progress?: number;
+    /** Accessible label for this loading progressbar. Not shown visibly. */
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const pkg: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied
+     * element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+} & {
+    /** Accessible label for this command menu. Not shown visibly. */
+    label?: string;
+    /**
+     * Optionally set to `false` to turn off the automatic filtering and
+     * sorting. If `false`, you must conditionally render valid items based on
+     * the search query yourself.
+     */
+    shouldFilter?: boolean;
+    /**
+     * Custom filter function for whether each command menu item should matches
+     * the given search query. It should return a number between 0 and 1, with 1
+     * being the best match and 0 being hidden entirely. By default, uses the
+     * `command-score` library.
+     */
+    filter?: CommandFilter;
+    /** Optional default item value when it is initially rendered. */
+    defaultValue?: string;
+    /** Optional controlled state of the selected command menu item. */
+    value?: string;
+    /** Event handler called when the selected item of the menu changes. */
+    onValueChange?: (value: string) => void;
+    /**
+     * Optionally set to `true` to turn on looping around when using the arrow
+     * keys.
+     */
+    loop?: boolean;
+    /** Optionally set to `true` to disable selection via pointer events. */
+    disablePointerSelection?: boolean;
+} & React.RefAttributes<HTMLDivElement>> & {
+    List: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        /**
+         * Change the component to the HTML tag or custom component of the only child.
+         * This will merge the original component props with the props of the supplied
+         * element/component and change the underlying DOM node.
+         */
+        asChild?: boolean;
+    } & {
+        /** Accessible label for this List of suggestions. Not shown visibly. */
+        label?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Children & Omit<DivProps, "disabled" | "value" | "onSelect"> & {
+        /** Whether this item is currently disabled. */
+        disabled?: boolean;
+        /**
+         * Event handler for when this item is selected, either via click or
+         * keyboard selection.
+         */
+        onSelect?: (value: string) => void;
+        /**
+         * A unique value for this item. If no value is provided, it will be
+         * inferred from `children` or the rendered `textContent`. If your
+         * `textContent` changes between renders, you _must_ provide a stable,
+         * unique `value`.
+         */
+        value?: string;
+        /** Optional keywords to match against when filtering. */
+        keywords?: string[];
+        /** Whether this item is forcibly rendered regardless of filtering. */
+        forceMount?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "value" | "onChange"> & {
+        /**
+         * Change the component to the HTML tag or custom component of the only child.
+         * This will merge the original component props with the props of the supplied
+         * element/component and change the underlying DOM node.
+         */
+        asChild?: boolean;
+        /** Optional controlled state for the value of the search input. */
+        value?: string;
+        /** Event handler called when the search value changes. */
+        onValueChange?: (search: string) => void;
+    } & React.RefAttributes<HTMLInputElement>>;
+    Group: React.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "heading"> & {
+        /** Optional heading to render for this group. */
+        heading?: React.ReactNode;
+        /**
+         * If no heading is provided, you must provide a value that is unique for
+         * this group.
+         */
+        value?: string;
+        /** Whether this group is forcibly rendered regardless of filtering. */
+        forceMount?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        /**
+         * Change the component to the HTML tag or custom component of the only child.
+         * This will merge the original component props with the props of the supplied
+         * element/component and change the underlying DOM node.
+         */
+        asChild?: boolean;
+    } & {
+        /**
+         * Whether this separator should always be rendered. Useful if you disable
+         * automatic filtering.
+         */
+        alwaysRender?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Empty: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        /**
+         * Change the component to the HTML tag or custom component of the only child.
+         * This will merge the original component props with the props of the supplied
+         * element/component and change the underlying DOM node.
+         */
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Loading: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        /**
+         * Change the component to the HTML tag or custom component of the only child.
+         * This will merge the original component props with the props of the supplied
+         * element/component and change the underlying DOM node.
+         */
+        asChild?: boolean;
+    } & {
+        /** Estimated progress of loading asynchronous options. */
+        progress?: number;
+        /** Accessible label for this loading progressbar. Not shown visibly. */
+        label?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export { useCmdk as useCommandState };
+export { pkg as Command };
+export { defaultFilter };
+export { Command as CommandRoot };
+export { List as CommandList };
+export { Item as CommandItem };
+export { Input as CommandInput };
+export { Group as CommandGroup };
+export { Separator as CommandSeparator };
+export { Empty as CommandEmpty };
+export { Loading as CommandLoading };
+/** Run a selector against the store state. */
+declare function useCmdk<T = any>(selector: (state: State) => T): T;

package/dist/types/components/Input/Input.d.ts

@@ -77,6 +77,15 @@ export interface InputPropsBase {
     showClearButton?: ShowClearButton;
     /** Label of the clear button announced to assistive technologies. */
     clearButtonLabel?: string;
+    /**
+     * Accessible description for how to clear the control when the clear button
+     * is visible.
+     *
+     * This field should be provided when adding extra keybinds to clear the
+     * control (_e.g._ the input is a file input and pressing Backspace/Delete
+     * clears it).
+     */
+    clearDescription?: ReactNode;
     /**
      * Function called whenever the value changes.
      *

package/dist/types/components/RadioGroup/RadioGroup.d.ts

@@ -57,6 +57,11 @@ export interface RadioGroupProps extends Omit<ComponentPropsWithoutRef<typeof Ra
      * @default false
      */
     showClearButton?: ShowClearButton;
+    /**
+     * Accessible description for how to clear the radio group when the clear
+     * button is visible.
+     */
+    clearDescription?: ReactNode;
     /** Label of the clear button announced to assistive technologies. */
     clearButtonLabel?: string;
     /**

package/dist/types/components/Select/Select.d.ts

@@ -5,7 +5,7 @@ import { Input } from '../Input';
 import { PopoverContent, PopoverTrigger } from '../Popover';
 import { Tag } from '../Tag';
 /** Base properties of the select component. */
-export interface SelectPropsBase<T extends string | number | readonly string[] = string | number | readonly string[]> extends ComponentPropsWithoutRef<typeof PopoverTrigger>, Pick<ComponentPropsWithoutRef<typeof Input>, "name" | "required" | "variant" | "status" | "code" | "readOnly" | "loading" | "loadingDescription" | "showSpinner" | "align" | "startAdornment" | "endAdornment" | "showClearButton" | "onBlurToOutside" | "rootProps" | "codeProps" | "containerProps" | "clearButtonProps" | "spinnerProps">, Pick<ComponentPropsWithoutRef<typeof CommandMenu>, "searchPlaceholder" | "searchValue" | "onSearchValueChange"> {
+export interface SelectPropsBase<T extends string | number | readonly string[] = string | number | readonly string[]> extends ComponentPropsWithoutRef<typeof PopoverTrigger>, Pick<ComponentPropsWithoutRef<typeof Input>, "name" | "required" | "variant" | "status" | "code" | "readOnly" | "loading" | "loadingDescription" | "showSpinner" | "align" | "startAdornment" | "endAdornment" | "showClearButton" | "clearDescription" | "onBlurToOutside" | "rootProps" | "codeProps" | "containerProps" | "clearButtonProps" | "spinnerProps">, Pick<ComponentPropsWithoutRef<typeof CommandMenu>, "searchPlaceholder" | "searchValue" | "onSearchValueChange"> {
     /**
      * Whether multiple options can be selected. If not set, at most one option
      * can be selected at a time.
@@ -38,6 +38,8 @@ export interface SelectPropsBase<T extends string | number | readonly string[] =
     onOpenChange?: (open: boolean) => void;
     /** Select's placeholder. */
     placeholder?: ReactNode;
+    /** Accessible label for the search input. Not shown visibly. */
+    searchLabel?: string;
     /** Accessible label for the list of options. Not shown visibly. */
     optionsLabel?: string;
     /**
@@ -52,6 +54,8 @@ export interface SelectPropsBase<T extends string | number | readonly string[] =
     loadingOptionsProgress?: number;
     /** Message to display when no options were found. */
     emptyMessage?: ReactNode;
+    /** Label of the close button shown on each value tag. */
+    valueTagCloseButtonLabel?: ReactNode;
     /**
      * When `multiple` is set, this property controls the maximum width the
      * content of a value tag representing a selected option can reach. By
@@ -67,7 +71,7 @@ export interface SelectPropsBase<T extends string | number | readonly string[] =
     /** Properties to pass to the `Popover` component. */
     popoverProps?: ComponentPropsWithRef<typeof PopoverContent>;
     /** Options to pass to the `CommandMenu` component. */
-    commandMenuProps?: Omit<ComponentPropsWithRef<typeof CommandMenu>, "defaultValue" | "value" | "onValueChange" | "iconPlacement" | "searchPlaceholder" | "searchValue" | "onSearchValueChange" | "listLabel" | "loading" | "loadingLabel" | "loadingProgress" | "emptyMessage">;
+    commandMenuProps?: Omit<ComponentPropsWithRef<typeof CommandMenu>, "defaultValue" | "value" | "onValueChange" | "iconPlacement" | "searchPlaceholder" | "searchValue" | "onSearchValueChange" | "label" | "listLabel" | "loading" | "loadingLabel" | "loadingProgress" | "emptyMessage">;
 }
 /** Properties of the select component with `multiple` not set. */
 export interface SelectSingleProps extends SelectPropsBase<string | number> {

package/dist/types/components/Select/SelectContext.d.ts

@@ -11,6 +11,7 @@ export interface SelectContextValue {
     status?: ControlStatus;
     disabled?: boolean;
     readOnly?: boolean;
+    valueTagCloseButtonLabel?: SelectProps["valueTagCloseButtonLabel"];
     valueTagProps?: SelectProps["valueTagProps"];
     store: SelectStore;
 }
@@ -37,13 +38,14 @@ export declare const SelectContext: import('react').Context<SelectContextValue |
 /** Options to pass to the `useCreateSelectContext` hook. */
 export type UseCreateSelectContextOptions = Omit<SelectContextValue, "store">;
 /** Hook which creates the select context. */
-export declare function useCreateSelectContext({ multiple, value, onOptionSelect, status, disabled, readOnly, valueTagProps, }: UseCreateSelectContextOptions): {
+export declare function useCreateSelectContext({ multiple, value, onOptionSelect, status, disabled, readOnly, valueTagCloseButtonLabel, valueTagProps, }: UseCreateSelectContextOptions): {
     multiple: boolean;
     value: string | string[];
     onOptionSelect: (value: string) => void;
     status: ControlStatus | undefined;
     disabled: boolean | undefined;
     readOnly: boolean | undefined;
+    valueTagCloseButtonLabel: ReactNode;
     valueTagProps: Omit<Omit<import('../Tag/Tag.tsx').TagProps & import('react').RefAttributes<HTMLSpanElement>, "ref">, "color" | "open" | "defaultOpen" | "onOpenChange" | "showCloseButton"> | undefined;
     store: Omit<import('zustand').StoreApi<SelectState>, "subscribe"> & {
         subscribe: {

package/dist/types/providers/LocalizationProvider/LocalizationObject.d.ts

@@ -14,6 +14,7 @@ import { InputProps } from '../../components/Input';
 import { KeybindsProps } from '../../components/Keybinds';
 import { LabelProps } from '../../components/Label';
 import { NumericInputProps } from '../../components/NumericInput';
+import { RadioGroupProps } from '../../components/RadioGroup';
 import { SelectProps } from '../../components/Select';
 import { TableColumnProps, TableHeadProps } from '../../components/Table';
 import { TabListProps } from '../../components/Tabs';
@@ -44,7 +45,8 @@ export interface LocalizationObject {
     Keybinds: Pick<KeybindsProps, "keybindsSeparatorLabel" | "keyPressesSeparatorLabel" | "keysSeparatorLabel" | "keySymbols" | "keyLabels">;
     Label: Pick<LabelProps, "helperButtonLabel">;
     NumericInput: Pick<NumericInputProps, "decimalSeparator" | "groupingStyle" | "groupSeparator">;
-    Select: Pick<SelectProps, "searchPlaceholder" | "emptyMessage" | "optionsLabel" | "loadingOptionsLabel">;
+    RadioGroup: Pick<RadioGroupProps, "clearDescription">;
+    Select: Pick<SelectProps, "placeholder" | "clearDescription" | "searchLabel" | "searchPlaceholder" | "emptyMessage" | "optionsLabel" | "loadingOptionsLabel" | "valueTagCloseButtonLabel">;
     TableColumn: Pick<TableColumnProps, "helperButtonLabel">;
     TableHead: Pick<TableHeadProps, "sortByColumnDescription">;
     TabList: Pick<TabListProps, "scrollLeftButtonLabel" | "scrollRightButtonLabel">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui",
   "description": "ostack/UI component library.",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "homepage": "https://ui.ostack.tech/",
   "author": {
     "name": "Opensoft",
@@ -45,12 +45,11 @@
   },
   "dependencies": {
     "@fortawesome/react-fontawesome": "^3.1.1",
-    "@tanstack/react-virtual": "^3.13.13",
-    "cmdk": "^1.1.1",
+    "@tanstack/react-virtual": "^3.13.18",
     "from-exponential": "^1.1.1",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^9.13.0",
-    "react-error-boundary": "^6.0.0",
+    "react-error-boundary": "^6.0.3",
     "react-number-format": "^5.4.4",
     "react-to-print": "^3.2.0",
     "tinykeys": "^3.0.0"

package/scss/components/CommandMenu/_CommandMenu.scss

@@ -131,13 +131,7 @@
       $command-menu-list-transition-timing-function;
   }
 
-  &__item
-    &__item-action:not(
-      a,
-      :disabled,
-      [data-disabled=""],
-      [data-disabled="true"]
-    ) {
+  &__item &__item-action:not(a, :disabled, [data-disabled]) {
     cursor: $command-menu-item-button-cursor;
   }
 

package/scss/components/DropdownMenu/_DropdownMenu.scss

@@ -19,9 +19,9 @@
   }
 
   :is(&__item, &__checkbox-item, &__radio-item)
-    #{$menu-list-item-action}:not(a):not(:disabled):not([data-disabled=""]):not(
-      [data-disabled="true"]
-    ):not([data-loading]) {
+    #{$menu-list-item-action}:not(a):not(:disabled):not([data-disabled]):not(
+      [data-loading]
+    ) {
     cursor: $menu-item-button-cursor;
   }
 

package/scss/components/Link/_Link-variables.scss

@@ -15,6 +15,13 @@ $link-hover-color: null !default;
 $link-hover-text-decoration-line: underline !default;
 $link-hover-text-decoration-color: null !default;
 
+// Focus
+$link-focus-border-radius: var(--#{$prefix}border-radius-xs) !default;
+$link-focus-outline-width: 2px !default;
+$link-focus-outline-style: solid !default;
+$link-focus-outline-color: var(--#{$prefix}accent-8) !default;
+$link-focus-outline-offset: 2px !default;
+
 // Alert variant
 $link-alert-color: inherit !default;
 $link-alert-text-decoration-line: underline !default;

package/scss/components/Link/_Link.scss

@@ -20,6 +20,13 @@
       text-decoration-line: $link-hover-text-decoration-line;
       text-decoration-color: $link-hover-text-decoration-color;
     }
+
+    &:focus-visible {
+      border-radius: $link-focus-border-radius;
+      outline: $link-focus-outline-width $link-focus-outline-style
+        $link-focus-outline-color;
+      outline-offset: $link-focus-outline-offset;
+    }
   }
 
   // Alert variant

package/scss/components/MenuList/_MenuList.scss

@@ -33,9 +33,9 @@
 
       // Highlight action on hover only if the item isn't styled as selected
       &:not([data-state="checked"][data-hide-control]) {
-        &:is([data-highlighted], [data-state="open"], [data-selected="true"])
+        &:is([data-highlighted], [data-state="open"], [data-selected])
           #{$menu-list}__item-action--#{$variant},
-        #{$menu-list}__item-action--#{$variant}:hover {
+        #{$menu-list}__item-action--#{$variant}:not([data-loading]):hover {
           @extend %#{$prefix}menu__item-action--#{$variant}--highlighted;
         }
       }
@@ -49,7 +49,7 @@
       &--#{$variant} {
         @extend %#{$prefix}menu__item-action--#{$variant};
 
-        &:is([data-selected=""], [data-selected="true"]) {
+        &[data-selected] {
           @extend %#{$prefix}menu__item-action--#{$variant}--selected;
         }
       }

package/scss/components/Select/_Select-variables.scss

@@ -66,6 +66,10 @@ $select-option-font-family: null !default;
 $select-option-font-weight: null !default;
 $select-option-text-transform: null !default;
 
+// Option - Selected
+$select-option-selected-font-weight: null !default;
+$select-option-selected-text-transform: null !default;
+
 // Option indicator
 $select-option-indicator-font-size: var(--#{$prefix}font-size-sm) !default;
 

package/scss/components/Select/_Select.scss

@@ -160,6 +160,12 @@
     text-transform: $select-option-text-transform;
   }
 
+  // Option - Selected
+  &__option[aria-selected="true"] > &__option-action {
+    font-weight: $select-option-selected-font-weight;
+    text-transform: $select-option-selected-text-transform;
+  }
+
   // Option indicator
   &__option-indicator {
     font-size: $select-option-indicator-font-size;

package/scss/components/Tag/_Tag-variables.scss

@@ -23,7 +23,7 @@ $tag-subtle-box-shadow: null !default;
 
 // Outlined variant
 $tag-outlined-background-color: null !default;
-$tag-outlined-color: var(--#{$prefix}accent-a11) !default;
+$tag-outlined-color: var(--#{$prefix}accent-a12) !default;
 $tag-outlined-box-shadow: inset 0 0 0 2px var(--#{$prefix}accent-a11) !default;
 
 // Icon