draft-components 3.6.0 → 4.0.1

package/dist/components/radio/radio.d.ts

@@ -1,11 +1,11 @@
-import { ComponentPropsWithRef } from 'react';
-type RadioHTMLProps = ComponentPropsWithRef<'input'>;
-type RadioBaseProps = Omit<RadioHTMLProps, 'type'>;
+import { type ComponentProps } from 'react';
 export type RadioIcon = 'dot' | 'check';
 export type RadioToggleHandler = (checked: boolean) => void;
-export type RadioProps = RadioBaseProps & {
+type RadioHTMLProps = ComponentProps<'input'>;
+type RadioBaseProps = {
     icon?: RadioIcon;
     onToggle?: RadioToggleHandler;
 };
-export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export type RadioProps = RadioBaseProps & Omit<RadioHTMLProps, keyof RadioBaseProps>;
+export declare function Radio({ icon, style, className, onChange, onToggle, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/radio/radio.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
-export const Radio = forwardRef(function Radio({ icon = 'dot', style, className, onChange, onToggle, ...props }, ref) {
+export function Radio({ icon = 'dot', style, className, onChange, onToggle, ...props }) {
     let iconElement;
     switch (icon) {
         case 'check':
@@ -10,14 +10,19 @@ export const Radio = forwardRef(function Radio({ icon = 'dot', style, className,
         default:
             iconElement = _jsx(DotIcon, { className: "dc-radio__icon", "data-testid": "radio-dot-icon" });
     }
-    return (_jsxs("label", { style: style, className: classNames('dc-radio', className), children: [_jsx("input", { ...props, ref: ref, type: "radio", className: "dc-radio__input", onChange: (event) => {
-                    onChange?.(event);
-                    onToggle?.(event.target.checked);
+    return (_jsxs("label", { style: style, className: classNames('dc-radio', className), children: [_jsx("input", { ...props, type: "radio", className: "dc-radio__input", onChange: (event) => {
+                    if (typeof onChange === 'function') {
+                        onChange(event);
+                    }
+                    if (typeof onToggle === 'function') {
+                        onToggle(event.target.checked);
+                    }
                 } }), _jsx("span", { className: "dc-radio__check", "data-testid": "radio-check", "aria-hidden": true, children: iconElement })] }));
-});
+}
 function CheckIcon(props) {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: 20, height: 20, ...props, children: _jsx("path", { d: "M5 10.4444L9 14L15 6", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 function DotIcon(props) {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: 20, height: 20, ...props, children: _jsx("circle", { cx: 10, cy: 10, r: 4, fill: "currentColor" }) }));
 }
+//# sourceMappingURL=radio.js.map

package/dist/components/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAiBxD,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,KAAK,EACZ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACG;IACX,IAAI,WAAwB,CAAC;IAC7B,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,WAAW,GAAG,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,iBAAa,kBAAkB,GAAG,CAAC;YACtF,MAAM;QACR;YACE,WAAW,GAAG,KAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,iBAAa,gBAAgB,GAAG,CAAC;IACtF,CAAC;IAED,OAAO,CACL,iBAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,aAC/D,mBACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;wBACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC;oBACD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;wBACnC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBACjC,CAAC;gBACH,CAAC,GACD,EACF,eACE,SAAS,EAAC,iBAAiB,iBACf,aAAa,iBACZ,IAAI,YAEhB,WAAW,GACP,IACD,CACT,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,YAET,eACE,CAAC,EAAC,sBAAsB,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,KAA4B;IAC3C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,YAET,iBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/search-select/context.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export declare class OptionStore<T> {
     private _map;
     readonly idPrefix: string;

package/dist/components/search-select/context.js

@@ -45,3 +45,4 @@ export function useSearchSelectContext() {
 export function SearchSelectContextProvider({ value, children, }) {
     return (_jsx(searchSelectContext.Provider, { value: value, children: children }));
 }
+//# sourceMappingURL=context.js.map

package/dist/components/search-select/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/search-select/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,OAAO,WAAW;IACd,IAAI,CAAiB;IACpB,QAAQ,CAAS;IAE1B,YAAY,QAAQ,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAEO,WAAW;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7B,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;IACxC,CAAC;IAED,IAAI,GAAG;QACL,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,CAAC,KAAQ;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,CAAC,KAAQ;QACb,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,EAAE,EAAE,CAAC;YACP,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;CACF;AAUD,8DAA8D;AAC9D,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAEjF,MAAM,UAAU,sBAAsB;IACpC,MAAM,GAAG,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC5C,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,wEAAwE,CAAC,CAAC;IAC5F,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAI,EAC7C,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAChC,CAAC;AACJ,CAAC"}

package/dist/components/search-select/icons.d.ts

@@ -1,3 +1,3 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare function MagnifyingGlass({ width, height, ...props }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronDown({ width, height, ...props }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from 'react';
+export declare function MagnifyingGlass({ width, height, ...props }: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronDown({ width, height, ...props }: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/search-select/icons.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
 export function MagnifyingGlass({ width = 24, height = 24, ...props }) {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: width, height: height, strokeWidth: 1.5, stroke: "currentColor", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" }) }));
 }
 export function ChevronDown({ width = 24, height = 24, ...props }) {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: width, height: height, strokeWidth: 1.5, stroke: "currentColor", ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" }) }));
 }
+//# sourceMappingURL=icons.js.map

package/dist/components/search-select/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/search-select/icons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,GAAG,EAChB,MAAM,EAAC,cAAc,KACjB,KAAK,YAET,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,+EAA+E,GACjF,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,GAAG,KAAK,EACc;IACtB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,GAAG,EAChB,MAAM,EAAC,cAAc,KACjB,KAAK,YAET,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,4BAA4B,GAC9B,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/search-select/index.js

@@ -1 +1,2 @@
 export * from './search-select.js';
+//# sourceMappingURL=index.js.map

package/dist/components/search-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/search-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/search-select/search-select.css

@@ -23,13 +23,23 @@
 }
 
 .dc-search-select-option_highlighted {
-  color: var(--dc-control-primary-text-color);
-  background: var(--dc-control-bg-inset);
+  color: var(--dc-neutral-900);
+  background: var(--dc-neutral-300);
+}
+
+.dark .dc-search-select-option_highlighted {
+  color: var(--dc-white);
+  background: var(--dc-neutral-600);
 }
 
 .dc-search-select-option_selected {
-  color: var(--dc-control-on-primary-color);
-  background: var(--dc-control-primary-color);
+  color: var(--dc-white);
+  background: var(--dc-blue-500);
+}
+
+.dark .dc-search-select-option_selected {
+  color: var(--dc-white);
+  background: var(--dc-blue-500);
 }
 
 .dc-search-select-option__caption {
@@ -48,8 +58,8 @@
 .dc-search-select-separator::after {
   display: block;
   height: 1px;
-  content: '';
-  background: var(--dc-control-bg-inset);
+  content: "";
+  background: var(--dc-neutral-300);
 }
 
 .dc-search-select-separator::before {
@@ -61,47 +71,56 @@
   flex-grow: 1;
 }
 
+.dark .dc-search-select-separator::before,
+.dark .dc-search-select-separator::after {
+  background: var(--dc-neutral-600);
+}
+
 .dc-search-select-separator__label {
   padding: 0 8px;
   font-size: 12px;
-  color: var(--dc-control-secondary-text-color);
+  color: var(--dc-neutral-500);
+}
+
+.dark .dc-search-select-separator__label {
+  color: var(--dc-neutral-400);
 }
 
 .dc-search-select {
-  --dc-search-select-font-size: 14px;
-  --dc-search-select-text-color: var(--dc-control-primary-text-color);
-  --dc-search-select-height: 36px;
-  --dc-search-select-padding-x: 12px;
-  --dc-search-select-radius: 7px;
-  --dc-search-select-border-color: var(--dc-control-border-color);
-  --dc-search-select-border-color-error: var(--dc-control-error-color);
-  --dc-search-select-bg: var(--dc-control-bg);
-  --dc-search-select-focus-ring-color: var(--dc-control-primary-color);
+  --font-size: 14px;
+  --color: var(--dc-black-950);
+  --height: 36px;
+  --padding-x: 12px;
+  --radius: 7px;
+  --border-color: var(--dc-neutral-300);
+  --border-color-error: var(--dc-red-500);
+  --background: var(--dc-white);
+  --focus-ring-color: var(--dc-focus-ring-color);
 
   position: relative;
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
   max-width: 100%;
-  height: var(--dc-search-select-height);
-  padding: 0 var(--dc-search-select-padding-x);
-  padding-right: calc(var(--dc-search-select-height) + 0.15em);
+  height: var(--height);
+  padding: 0 var(--padding-x);
+  padding-right: calc(var(--height) + 0.15em);
   font-family: var(--dc-primary-font);
-  font-size: var(--dc-search-select-font-size);
+  font-size: var(--font-size);
   font-weight: 400;
   line-height: 1.25;
-  color: var(--dc-search-select-text-color);
   vertical-align: middle;
+  color: var(--color);
   color-scheme: light;
-  background: var(--dc-search-select-bg);
-  border: 1px solid var(--dc-search-select-border-color);
-  border-radius: var(--dc-search-select-radius);
+  background: var(--background);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius);
 }
 
 .dc-search-select:focus {
-  border-color: var(--dc-search-select-focus-ring-color);
   outline: none;
-  box-shadow: 0 0 0 1px var(--dc-search-select-focus-ring-color);
+  border-color: var(--focus-ring-color);
+  box-shadow: 0 0 0 1px var(--focus-ring-color);
 }
 
 .dc-search-select_loading,
@@ -114,7 +133,7 @@
 }
 
 .dc-search-select_invalid {
-  border-color: var(--dc-search-select-border-color-error);
+  border-color: var(--border-color-error);
 }
 
 .dc-search-select_full-width {
@@ -123,17 +142,17 @@
 }
 
 .dc-search-select_size_sm {
-  --dc-search-select-font-size: 13px;
-  --dc-search-select-height: 32px;
-  --dc-search-select-padding-x: 8px;
-  --dc-search-select-radius: 6px;
+  --font-size: 13px;
+  --height: 32px;
+  --padding-x: 8px;
+  --radius: 6px;
 }
 
 .dc-search-select_size_lg {
-  --dc-search-select-font-size: 15px;
-  --dc-search-select-height: 40px;
-  --dc-search-select-padding-x: 16px;
-  --dc-search-select-radius: 8px;
+  --font-size: 15px;
+  --height: 40px;
+  --padding-x: 16px;
+  --radius: 8px;
 }
 
 .dc-search-select__slot-right {
@@ -144,8 +163,8 @@
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
-  width: var(--dc-search-select-height);
-  height: var(--dc-search-select-height);
+  width: var(--height);
+  height: var(--height);
   pointer-events: none;
 }
 
@@ -154,21 +173,21 @@
 }
 
 .dc-search-select__popover {
-  --dc-search-select-popover-padding: 8px;
-  --dc-search-select-popover-radius: 8px;
+  --popover-padding: 8px;
+  --popover-radius: 8px;
 
   padding: 0;
-  padding-bottom: var(--dc-search-select-popover-padding);
-  border-radius: var(--dc-search-select-popover-radius);
+  padding-bottom: var(--popover-padding);
+  border-radius: var(--popover-radius);
 }
 
 .dc-search-select__textbox {
-  padding: var(--dc-search-select-popover-padding);
+  padding: var(--popover-padding);
 }
 
 .dc-search-select__listbox {
   max-height: 352px;
-  padding: 0 var(--dc-search-select-popover-padding);
+  padding: 0 var(--popover-padding);
   margin: 0;
   overflow-y: auto;
   list-style: none;
@@ -182,5 +201,10 @@
 
 .dark .dc-search-select,
 .dark.dc-search-select {
+  --color: var(--dc-white);
+  --border-color: var(--dc-neutral-600);
+  --border-color-error: var(--dc-red-400);
+  --background: var(--dc-neutral-800);
+
   color-scheme: dark;
 }

package/dist/components/search-select/search-select.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from 'react';
-type RenderLabelFn<Value> = (value: Value) => ReactNode;
-type RenderOptionsFn = (props: {
+import { type ReactNode } from 'react';
+export type SearchSelectLabelRenderer<Value> = (value: Value) => ReactNode;
+export type SearchSelectOptionsRenderer = (props: {
     searchQuery: string;
     searchQueryLowerCased: string;
 }) => ReactNode;
 export type SearchSelectSize = 'sm' | 'md' | 'lg';
-export type SearchSelectProps<Value> = {
+export type SearchSelectProps<T> = {
     className?: string;
     size?: SearchSelectSize;
     fullWidth?: boolean;
@@ -17,12 +17,12 @@ export type SearchSelectProps<Value> = {
     textboxAriaLabel?: string;
     textboxPlaceholder?: string;
     labelledBy?: string;
-    displayedValue?: ReactNode | RenderLabelFn<Value>;
-    children?: ReactNode | RenderOptionsFn;
-    value: Value;
-    onChange: (value: Value) => void;
+    displayedValue?: ReactNode | SearchSelectLabelRenderer<T>;
+    children?: ReactNode | SearchSelectOptionsRenderer;
+    value: T;
+    onChange: (value: T) => void;
 };
-export declare function SearchSelect<Value>({ className, size, fullWidth, invalid, loading, disabled, readOnly, textboxIcon, textboxAriaLabel, textboxPlaceholder, labelledBy, displayedValue, children, value: selectedValue, onChange: onSelectedValueChange, }: SearchSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchSelect<T>({ className, size, fullWidth, invalid, loading, disabled, readOnly, textboxIcon, textboxAriaLabel, textboxPlaceholder, labelledBy, displayedValue, children, value: selectedValue, onChange: onSelectedValueChange, }: SearchSelectProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace SearchSelect {
     var Option: <T>({ className, value, children, caption, }: {
         className?: string;
@@ -41,4 +41,3 @@ export declare namespace SearchSelect {
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
 }
-export {};

package/dist/components/search-select/search-select.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useState, useEffect, } from 'react';
 import { useSearchSelectContext, SearchSelectContextProvider, OptionStore, } from './context.js';
-import { classNames } from '../../lib/react-helpers.js';
+import { KeyboardKey } from '../../lib/keyboard-key.js';
+import { classNames, tryToFocusElement } from '../../lib/react-helpers.js';
 import { Popover } from '../popover/popover.js';
 import { TextInput } from '../text-input/text-input.js';
 import { Spinner } from '../spinner/spinner.js';
@@ -25,8 +26,13 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
         setIsOpen(true);
         window.setTimeout(() => {
             const textbox = window.document.getElementById(textboxId);
-            if (textbox) {
-                textbox.focus();
+            tryToFocusElement(textbox);
+            const listbox = window.document.getElementById(listboxId);
+            if (listbox) {
+                const option = listbox.querySelector('[role="option"][aria-selected="true"]');
+                if (option) {
+                    option.scrollIntoView(false);
+                }
             }
         });
     };
@@ -34,9 +40,7 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
         setIsOpen(false);
         window.setTimeout(() => {
             const button = window.document.getElementById(buttonId);
-            if (button) {
-                button.focus();
-            }
+            tryToFocusElement(button);
         });
     };
     const setSelectedValue = (value) => {
@@ -53,11 +57,11 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
     };
     const handleButtonKeyDown = (event) => {
         let handled = false;
-        if (event.key === 'ArrowUp') {
+        if (event.key === KeyboardKey.ARROW_UP) {
             handled = true;
             openPopover();
         }
-        else if (event.key === 'ArrowDown') {
+        else if (event.key === KeyboardKey.ARROW_DOWN) {
             handled = true;
             openPopover();
         }
@@ -72,7 +76,7 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
     };
     const handleTextboxKeyDown = (event) => {
         let handled = false;
-        if (event.key === 'ArrowUp') {
+        if (event.key === KeyboardKey.ARROW_UP) {
             handled = true;
             const values = options.values;
             const index = values.indexOf(highlightedValue) - 1;
@@ -80,7 +84,7 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
                 ? values[index]
                 : values[values.length - 1]);
         }
-        if (event.key === 'ArrowDown') {
+        if (event.key === KeyboardKey.ARROW_DOWN) {
             handled = true;
             const values = options.values;
             const index = values.indexOf(highlightedValue) + 1;
@@ -88,17 +92,17 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
                 ? values[index]
                 : values[0]);
         }
-        if (event.key === 'Home') {
+        if (event.key === KeyboardKey.HOME) {
             handled = true;
             const values = options.values;
             setHighlightedValue(values[0]);
         }
-        if (event.key === 'End') {
+        if (event.key === KeyboardKey.END) {
             handled = true;
             const values = options.values;
             setHighlightedValue(values[values.length - 1]);
         }
-        if (event.key === 'Enter') {
+        if (event.key === KeyboardKey.ENTER) {
             handled = true;
             setSelectedValue(highlightedValue);
         }
@@ -137,7 +141,7 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
         setSelectedValue: setSelectedValue,
         setHighlightedValue: setHighlightedValue,
     };
-    return (_jsx(Popover, { className: "dc-search-select__popover", isOpen: isOpen, onClose: closePopover, anchor: (_jsxs("button", { className: classNames(className, {
+    return (_jsx(Popover, { className: "dc-search-select__popover", placement: "bottom-start", isOpen: isOpen, onClose: closePopover, renderAnchor: ({ ref }) => (_jsxs("button", { ref: ref, className: classNames(className, {
                 'dc-search-select': true,
                 'dc-search-select_full-width': fullWidth,
                 'dc-search-select_invalid': invalid,
@@ -148,7 +152,7 @@ export function SearchSelect({ className, size = 'md', fullWidth, invalid, loadi
                     ? displayedValue(selectedValue)
                     : displayedValue, _jsx("span", { className: "dc-search-select__slot-right", children: loading
                         ? (_jsx(Spinner, { className: "dc-search-select__spinner", width: "1.05em", height: "1.05em" }))
-                        : (_jsx(ChevronDown, { className: "dc-search-select__arrow", width: "1.05em", height: "1.05em", strokeWidth: 2 })) })] })), alignment: "start", placement: "bottom", children: _jsxs(_Fragment, { children: [_jsx("div", { className: "dc-search-select__textbox", children: _jsx(TextInput, { id: textboxId, fullWidth: true, slotLeft: textboxIcon || _jsx(MagnifyingGlass, { width: 16, height: 16 }), placeholder: textboxPlaceholder, size: "sm", type: "text", role: "combobox", "aria-controls": listboxId, "aria-expanded": "true", "aria-autocomplete": "list", "aria-activedescendant": options.idOf(highlightedValue), "aria-label": textboxAriaLabel, value: searchQuery, onChange: handleTextboxChange, onKeyDown: handleTextboxKeyDown }) }), _jsx(SearchSelectContextProvider, { value: ctx, children: _jsx("ul", { className: "dc-search-select__listbox", id: listboxId, role: "listbox", children: typeof children === 'function'
+                        : (_jsx(ChevronDown, { className: "dc-search-select__arrow", width: "1.05em", height: "1.05em", strokeWidth: 2 })) })] })), children: _jsxs(_Fragment, { children: [_jsx("div", { className: "dc-search-select__textbox", children: _jsx(TextInput, { id: textboxId, fullWidth: true, slotLeft: textboxIcon || _jsx(MagnifyingGlass, { width: 16, height: 16 }), placeholder: textboxPlaceholder, size: "sm", type: "text", role: "combobox", "aria-controls": listboxId, "aria-expanded": "true", "aria-autocomplete": "list", "aria-activedescendant": options.idOf(highlightedValue), "aria-label": textboxAriaLabel, value: searchQuery, onChange: handleTextboxChange, onKeyDown: handleTextboxKeyDown }) }), _jsx(SearchSelectContextProvider, { value: ctx, children: _jsx("ul", { className: "dc-search-select__listbox", id: listboxId, role: "listbox", children: typeof children === 'function'
                             ? children({
                                 searchQuery,
                                 searchQueryLowerCased: searchQuery.toLowerCase(),
@@ -178,3 +182,4 @@ SearchSelect.Separator = function SearchSelectSeparator({ className, children, }
 SearchSelect.ButtonLabel = function SearchSelectButtonLabel({ className, icon, value, children, }) {
     return (_jsxs("div", { className: classNames('dc-search-select-button-label', className), children: [icon, _jsxs("span", { children: [children, " ", _jsx("b", { children: value })] })] }));
 };
+//# sourceMappingURL=search-select.js.map

package/dist/components/search-select/search-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-select.js","sourceRoot":"","sources":["../../../src/components/search-select/search-select.tsx"],"names":[],"mappings":"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"}

package/dist/components/segmented-control/index.js

@@ -1 +1,2 @@
 export * from './segmented-control.js';
+//# sourceMappingURL=index.js.map

package/dist/components/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/segmented-control/segmented-button.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type SegmentedButtonProps<T extends string | number> = {
     className?: string;
     disabled?: boolean;

package/dist/components/segmented-control/segmented-button.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
 export function SegmentedButton({ className, disabled, selected, value, icon, children, onChangeValue, }) {
     function handleClick() {
@@ -8,3 +9,4 @@ export function SegmentedButton({ className, disabled, selected, value, icon, ch
     }
     return (_jsxs("button", { className: classNames('dc-segmented-button', className), type: "button", value: value, disabled: disabled, "aria-current": selected, onClick: handleClick, children: [icon, children] }));
 }
+//# sourceMappingURL=segmented-button.js.map

package/dist/components/segmented-control/segmented-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-button.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAYxD,MAAM,UAAU,eAAe,CAA4B,EACzD,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,aAAa,GACW;IACxB,SAAS,WAAW;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,kBACJ,QAAQ,EACtB,OAAO,EAAE,WAAW,aAEnB,IAAI,EACJ,QAAQ,IACF,CACV,CAAC;AACJ,CAAC"}