@kenos-ui/react-select 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @kenos-ui/react-select
 
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [9c9de3d]
+- Updated dependencies [f2ea00f]
+  - @kenos-ui/utils@1.0.0
+
 ## 0.2.2
 
 ### Minor Changes
@@ -9,11 +17,13 @@
   Headless, accessible, composable Select primitive for React 19+, fully unstyled.
 
   **Compound API**
+
   - Parts: `Root`, `Label`, `Trigger`, `Value`, `Icon`, `Content`, `List`, `Item`, `ItemText`, `ItemIndicator`
   - `Group`, `GroupLabel`, `HiddenSelect`, `Portal`, `Positioner`, `Backdrop`, `ClearTrigger`
   - `ScrollUpButton`, `ScrollDownButton` for long lists
 
   **Selection & forms**
+
   - Single and multiple selection (`multiple` on Root)
   - `items` prop for value→label maps without mounting every `Item`
   - `isItemEqualToValue` for custom equality
@@ -21,6 +31,7 @@
   - `onValueChange`, `onOpenChange`, `onOpenChangeComplete`
 
   **Popup policy (interop-first)**
+
   - Defaults: `modal={false}`, `portal={false}` — safe inside Dialogs
   - Opt-in `modal={true}` with `Backdrop` + focus trap
   - `portal` + `container` on Content; Floating UI positioning (`side`, `align`, `sameWidth`)
@@ -28,11 +39,13 @@
   - Escape `stopPropagation` — dismisses Select without closing parent Dialog
 
   **Keyboard & a11y**
+
   - List navigation (↑↓, Home, End), typeahead, Enter/Space select
   - Store-based item registry; `role="combobox"` / `role="listbox"` / `role="option"`
   - Test suite: ARIA, keyboard nav, forms, portal, presence, dialog interop, axe
 
   **Packaging**
+
   - Add `license: MIT` to `package.json` (fixes npm registry showing "no license")
 
 ## 0.2.1

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes } from 'react';
 
 interface SelectItemRecord {
@@ -151,10 +150,10 @@ interface SelectContentProps {
     onOpenChangeComplete?: ((open: boolean) => void) | undefined;
 }
 
-declare function Root(props: SelectRootProps): react_jsx_runtime.JSX.Element;
+declare function Root(props: SelectRootProps): React.JSX.Element;
 
 type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-declare function Label({ children, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ children, ...props }: LabelProps): React.JSX.Element;
 
 type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-haspopup" | "aria-expanded" | "aria-controls"> & {
     /**
@@ -163,26 +162,26 @@ type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-ha
      */
     openOnFocus?: boolean | undefined;
 };
-declare function Trigger({ children, onClick, onFocus, disabled, openOnFocus: openOnFocusProp, ...props }: TriggerProps): react_jsx_runtime.JSX.Element;
+declare function Trigger({ children, onClick, onFocus, disabled, openOnFocus: openOnFocusProp, ...props }: TriggerProps): React.JSX.Element;
 
 interface ValueProps extends React.HTMLAttributes<HTMLSpanElement> {
     placeholder?: string | undefined;
 }
-declare function Value({ placeholder, ...props }: ValueProps): react_jsx_runtime.JSX.Element;
+declare function Value({ placeholder, ...props }: ValueProps): React.JSX.Element;
 
 type IconProps = React.HTMLAttributes<HTMLSpanElement>;
 /** Chevron/arrow slot — render your own icon as children. */
-declare function Icon({ children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function Icon({ children, ...props }: IconProps): React.JSX.Element;
 
-declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, container, sameWidth, alignItemWithTrigger, lazyMount, unmountOnExit, onOpenChangeComplete: onOpenChangeCompleteProp, style, onKeyDown, ...props }: SelectContentProps & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, container, sameWidth, alignItemWithTrigger, lazyMount, unmountOnExit, onOpenChangeComplete: onOpenChangeCompleteProp, style, onKeyDown, ...props }: SelectContentProps & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element | null;
 
-declare function Portal({ children, container }: SelectPortalProps): react_jsx_runtime.JSX.Element | null;
+declare function Portal({ children, container }: SelectPortalProps): React.JSX.Element | null;
 
-declare function Positioner({ children, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sameWidth, alignItemWithTrigger, }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
+declare function Positioner({ children, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sameWidth, alignItemWithTrigger, }: SelectPositionerProps): React.JSX.Element;
 
-declare function Backdrop({ style, ...props }: SelectBackdropProps): react_jsx_runtime.JSX.Element | null;
+declare function Backdrop({ style, ...props }: SelectBackdropProps): React.JSX.Element | null;
 
-declare function ClearTrigger({ onClick, ...props }: SelectClearTriggerProps): react_jsx_runtime.JSX.Element | null;
+declare function ClearTrigger({ onClick, ...props }: SelectClearTriggerProps): React.JSX.Element | null;
 
 type ListProps = React.HTMLAttributes<HTMLUListElement> & {
     /**
@@ -191,21 +190,21 @@ type ListProps = React.HTMLAttributes<HTMLUListElement> & {
      */
     scrollToIndex?: number | undefined;
 };
-declare function List({ children, scrollToIndex, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ children, scrollToIndex, ...props }: ListProps): React.JSX.Element;
 
 interface ItemProps extends React.HTMLAttributes<HTMLLIElement> {
     value: string;
     disabled?: boolean | undefined;
     textValue?: string | undefined;
 }
-declare function Item({ value, disabled, textValue, children, onClick, onPointerMove, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+declare function Item({ value, disabled, textValue, children, onClick, onPointerMove, ...props }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var displayName: string;
 }
 
 type ItemTextProps = React.HTMLAttributes<HTMLSpanElement>;
 /** Text label for a Select.Item — also used by Select.Value to display the selected label. */
-declare function ItemText({ children, ...props }: ItemTextProps): react_jsx_runtime.JSX.Element;
+declare function ItemText({ children, ...props }: ItemTextProps): React.JSX.Element;
 
 interface ItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** The item value to check — reads from the nearest Item when not provided. */
@@ -215,21 +214,21 @@ interface ItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
  * Renders only when the parent item is selected.
  * Wrap a checkmark or any indicator icon as children.
  */
-declare function ItemIndicator({ value, children, style, ...props }: ItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function ItemIndicator({ value, children, style, ...props }: ItemIndicatorProps): React.JSX.Element;
 
 type GroupProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Group({ children, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
+declare function Group({ children, ...props }: GroupProps): React.JSX.Element;
 
 type GroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
-declare function GroupLabel({ children, ...props }: GroupLabelProps): react_jsx_runtime.JSX.Element;
+declare function GroupLabel({ children, ...props }: GroupLabelProps): React.JSX.Element;
 
-declare function HiddenSelect(): react_jsx_runtime.JSX.Element | null;
+declare function HiddenSelect(): React.JSX.Element | null;
 
 type ScrollUpButtonProps = Omit<SelectScrollButtonProps, "direction">;
-declare function ScrollUpButton(props: ScrollUpButtonProps): react_jsx_runtime.JSX.Element;
+declare function ScrollUpButton(props: ScrollUpButtonProps): React.JSX.Element;
 
 type ScrollDownButtonProps = Omit<SelectScrollButtonProps, "direction">;
-declare function ScrollDownButton(props: ScrollDownButtonProps): react_jsx_runtime.JSX.Element;
+declare function ScrollDownButton(props: ScrollDownButtonProps): React.JSX.Element;
 
 declare const index_parts_Backdrop: typeof Backdrop;
 declare const index_parts_ClearTrigger: typeof ClearTrigger;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { HTMLAttributes, ReactNode, RefObject, ButtonHTMLAttributes } from 'react';
 
 interface SelectItemRecord {
@@ -151,10 +150,10 @@ interface SelectContentProps {
     onOpenChangeComplete?: ((open: boolean) => void) | undefined;
 }
 
-declare function Root(props: SelectRootProps): react_jsx_runtime.JSX.Element;
+declare function Root(props: SelectRootProps): React.JSX.Element;
 
 type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-declare function Label({ children, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ children, ...props }: LabelProps): React.JSX.Element;
 
 type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-haspopup" | "aria-expanded" | "aria-controls"> & {
     /**
@@ -163,26 +162,26 @@ type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-ha
      */
     openOnFocus?: boolean | undefined;
 };
-declare function Trigger({ children, onClick, onFocus, disabled, openOnFocus: openOnFocusProp, ...props }: TriggerProps): react_jsx_runtime.JSX.Element;
+declare function Trigger({ children, onClick, onFocus, disabled, openOnFocus: openOnFocusProp, ...props }: TriggerProps): React.JSX.Element;
 
 interface ValueProps extends React.HTMLAttributes<HTMLSpanElement> {
     placeholder?: string | undefined;
 }
-declare function Value({ placeholder, ...props }: ValueProps): react_jsx_runtime.JSX.Element;
+declare function Value({ placeholder, ...props }: ValueProps): React.JSX.Element;
 
 type IconProps = React.HTMLAttributes<HTMLSpanElement>;
 /** Chevron/arrow slot — render your own icon as children. */
-declare function Icon({ children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function Icon({ children, ...props }: IconProps): React.JSX.Element;
 
-declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, container, sameWidth, alignItemWithTrigger, lazyMount, unmountOnExit, onOpenChangeComplete: onOpenChangeCompleteProp, style, onKeyDown, ...props }: SelectContentProps & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, container, sameWidth, alignItemWithTrigger, lazyMount, unmountOnExit, onOpenChangeComplete: onOpenChangeCompleteProp, style, onKeyDown, ...props }: SelectContentProps & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element | null;
 
-declare function Portal({ children, container }: SelectPortalProps): react_jsx_runtime.JSX.Element | null;
+declare function Portal({ children, container }: SelectPortalProps): React.JSX.Element | null;
 
-declare function Positioner({ children, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sameWidth, alignItemWithTrigger, }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
+declare function Positioner({ children, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sameWidth, alignItemWithTrigger, }: SelectPositionerProps): React.JSX.Element;
 
-declare function Backdrop({ style, ...props }: SelectBackdropProps): react_jsx_runtime.JSX.Element | null;
+declare function Backdrop({ style, ...props }: SelectBackdropProps): React.JSX.Element | null;
 
-declare function ClearTrigger({ onClick, ...props }: SelectClearTriggerProps): react_jsx_runtime.JSX.Element | null;
+declare function ClearTrigger({ onClick, ...props }: SelectClearTriggerProps): React.JSX.Element | null;
 
 type ListProps = React.HTMLAttributes<HTMLUListElement> & {
     /**
@@ -191,21 +190,21 @@ type ListProps = React.HTMLAttributes<HTMLUListElement> & {
      */
     scrollToIndex?: number | undefined;
 };
-declare function List({ children, scrollToIndex, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ children, scrollToIndex, ...props }: ListProps): React.JSX.Element;
 
 interface ItemProps extends React.HTMLAttributes<HTMLLIElement> {
     value: string;
     disabled?: boolean | undefined;
     textValue?: string | undefined;
 }
-declare function Item({ value, disabled, textValue, children, onClick, onPointerMove, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+declare function Item({ value, disabled, textValue, children, onClick, onPointerMove, ...props }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var displayName: string;
 }
 
 type ItemTextProps = React.HTMLAttributes<HTMLSpanElement>;
 /** Text label for a Select.Item — also used by Select.Value to display the selected label. */
-declare function ItemText({ children, ...props }: ItemTextProps): react_jsx_runtime.JSX.Element;
+declare function ItemText({ children, ...props }: ItemTextProps): React.JSX.Element;
 
 interface ItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** The item value to check — reads from the nearest Item when not provided. */
@@ -215,21 +214,21 @@ interface ItemIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
  * Renders only when the parent item is selected.
  * Wrap a checkmark or any indicator icon as children.
  */
-declare function ItemIndicator({ value, children, style, ...props }: ItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function ItemIndicator({ value, children, style, ...props }: ItemIndicatorProps): React.JSX.Element;
 
 type GroupProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Group({ children, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
+declare function Group({ children, ...props }: GroupProps): React.JSX.Element;
 
 type GroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
-declare function GroupLabel({ children, ...props }: GroupLabelProps): react_jsx_runtime.JSX.Element;
+declare function GroupLabel({ children, ...props }: GroupLabelProps): React.JSX.Element;
 
-declare function HiddenSelect(): react_jsx_runtime.JSX.Element | null;
+declare function HiddenSelect(): React.JSX.Element | null;
 
 type ScrollUpButtonProps = Omit<SelectScrollButtonProps, "direction">;
-declare function ScrollUpButton(props: ScrollUpButtonProps): react_jsx_runtime.JSX.Element;
+declare function ScrollUpButton(props: ScrollUpButtonProps): React.JSX.Element;
 
 type ScrollDownButtonProps = Omit<SelectScrollButtonProps, "direction">;
-declare function ScrollDownButton(props: ScrollDownButtonProps): react_jsx_runtime.JSX.Element;
+declare function ScrollDownButton(props: ScrollDownButtonProps): React.JSX.Element;
 
 declare const index_parts_Backdrop: typeof Backdrop;
 declare const index_parts_ClearTrigger: typeof ClearTrigger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenos-ui/react-select",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Headless Select primitive for React — Kenos UI",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@kenos-ui/utils": "0.0.2"
+    "@kenos-ui/utils": "1.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.0",