npm - @bspk/ui - Versions diffs - 1.1.25 → 1.1.27 - Mend

@bspk/ui 1.1.25 → 1.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist/Button.js +5 -3
package/dist/Button.js.map +1 -1
package/dist/FormField.d.ts +2 -2
package/dist/FormField.js +1 -1
package/dist/{Dropdown.d.ts → Select.d.ts} +15 -15
package/dist/Select.js +68 -0
package/dist/Select.js.map +1 -0
package/dist/{DropdownField.d.ts → SelectField.d.ts} +9 -9
package/dist/SelectField.js +39 -0
package/dist/SelectField.js.map +1 -0
package/dist/demo/examples.js +1 -1
package/dist/demo/examples.js.map +1 -1
package/dist/hooks/useKeyboardNavigation.d.ts +1 -1
package/dist/hooks/useKeyboardNavigation.js +1 -1
package/dist/hooks/useOutsideClick.d.ts +2 -2
package/dist/hooks/useOutsideClick.js +2 -2
package/dist/select.css +1 -0
package/package.json +1 -1
package/src/Button.tsx +4 -5
package/src/FormField.tsx +2 -2
package/src/{Dropdown.tsx → Select.tsx} +21 -21
package/src/{DropdownField.tsx → SelectField.tsx} +15 -15
package/src/demo/examples.tsx +6 -6
package/src/hooks/useKeyboardNavigation.ts +1 -1
package/src/hooks/useOutsideClick.ts +2 -2
package/src/{dropdown.scss → select.scss} +36 -36
package/dist/Dropdown.js +0 -68
package/dist/Dropdown.js.map +0 -1
package/dist/DropdownField.js +0 -39
package/dist/DropdownField.js.map +0 -1
package/dist/dropdown.css +0 -1

package/dist/Button.js CHANGED Viewed

@@ -27,11 +27,13 @@ import { useErrorLogger } from './utils/errors';
  * @name Button
  */
 function Button(props) {
-    const { size = 'medium', variant = 'primary', destructive = false, width = 'hug', as: As = 'button', disabled = false, label: labelProp, icon, showLabel: showLabelProp = true, toolTip: toolTipProp, children, ...containerProps } = props;
+    const { size = 'medium', variant = 'primary', destructive = false, width = 'hug', as: As = 'button', disabled = false, label: labelProp, icon,
+    // showLabel: showLabelProp = true,
+    showLabel = true, toolTip: toolTipProp, children, ...containerProps } = props;
     const label = typeof children === 'string' ? children : labelProp || '';
     // ignore showLabel=false if there is no icon
-    const hideLabel = showLabelProp === false && icon;
-    const toolTip = toolTipProp || hideLabel ? label : undefined;
+    const hideLabel = (showLabel === false) && icon;
+    const toolTip = toolTipProp || (hideLabel ? label : undefined);
     const { logError } = useErrorLogger();
     logError(!!icon && !isValidIcon(icon), 'Button - The icon prop must be a valid icon element.');
     logError(!label, 'Button - The button must have a label.');

package/dist/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAA0B,cAAc,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAoEhD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAS,MAAM,CAAoC,KAAwC;IACvF,MAAM,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,~~EACJ~~,SAAS,~~EAAE~~,~~aAAa,GAAG,~~IAAI,~~EAC/B~~,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,GAAG,cAAc,EACpB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;IAExE,6CAA6C;IAC7C,MAAM,SAAS,GAAG,~~aAAa~~,KAAK,KAAK,IAAI,IAAI,CAAC;~~IAElD~~,MAAM,OAAO,GAAG,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;~~IAE7D~~,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,sDAAsD,CAAC,CAAC;IAC/F,QAAQ,CAAC,CAAC,KAAK,EAAE,wCAAwC,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,CACX,KAAC,EAAE,OACK,cAAc,gBACN,KAAK,eACP,QAAQ,sBACA,WAAW,IAAI,SAAS,eAC/B,IAAI,kBACD,OAAO,gBACT,KAAK,EACjB,QAAQ,EAAE,QAAQ,IAAI,SAAS,YAE9B,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxC,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,8BACI,2CAA0B,EACzB,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,mDAAwB,IAAI,GAAQ,EACtE,CAAC,SAAS,IAAI,oDAAyB,KAAK,GAAQ,IACtD,CACN,GACA,CACR,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,YACnC,MAAM,GACD,CACb,CAAC;IACN,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,CAAC"}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAA0B,cAAc,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAoEhD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAS,MAAM,CAAoC,KAAwC;IACvF,MAAM,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI;IACJ,mCAAmC;IACnC,SAAS,GAAE,IAAI,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,GAAG,cAAc,EACpB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;IAExE,6CAA6C;IAC7C,MAAM,SAAS,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC;IAChD,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,sDAAsD,CAAC,CAAC;IAC/F,QAAQ,CAAC,CAAC,KAAK,EAAE,wCAAwC,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,CACX,KAAC,EAAE,OACK,cAAc,gBACN,KAAK,eACP,QAAQ,sBACA,WAAW,IAAI,SAAS,eAC/B,IAAI,kBACD,OAAO,gBACT,KAAK,EACjB,QAAQ,EAAE,QAAQ,IAAI,SAAS,YAE9B,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxC,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,8BACI,2CAA0B,EACzB,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,mDAAwB,IAAI,GAAQ,EACtE,CAAC,SAAS,IAAI,oDAAyB,KAAK,GAAQ,IACtD,CACN,GACA,CACR,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,YACnC,MAAM,GACD,CACb,CAAC;IACN,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/FormField.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ export type FormFieldProps = CommonProps<'required'> & InvalidPropsLibrary & {
     /** The id of the control. */
     controlId: string;
     /**
-     * The children of the form field. This should be a control such as TextInput, Dropdown, DatePicker, or
+     * The children of the form field. This should be a control such as TextInput, Select, DatePicker, or
      * TimePicker.
      *
      * @type (childProps: FieldControlProps) => JSX.Element
@@ -37,7 +37,7 @@ export type FormFieldProps = CommonProps<'required'> & InvalidPropsLibrary & {
 /**
  * Wrapper component for form controls.
  *
- * Children may be one of the following: TextInput, Dropdown, DatePicker, or TimePicker.
+ * Children may be one of the following: TextInput, Select, DatePicker, or TimePicker.
  *
  * @example
  *     import { TextInput } from '@bspk/ui/TextInput';

package/dist/FormField.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { Txt } from './Txt';
 /**
  * Wrapper component for form controls.
  *
- * Children may be one of the following: TextInput, Dropdown, DatePicker, or TimePicker.
+ * Children may be one of the following: TextInput, Select, DatePicker, or TimePicker.
  *
  * @example
  *     import { TextInput } from '@bspk/ui/TextInput';

package/dist/{Dropdown.d.ts → Select.d.ts} RENAMED Viewed

@@ -1,16 +1,16 @@
-import './dropdown.scss';
+import './select.scss';
 import { MenuProps } from './Menu';
 import { Placement } from './hooks/useFloating';
 import { CommonProps, InvalidPropsLibrary } from './';
-export type DropdownOption = Record<string, unknown> & {
+export type SelectOption = Record<string, unknown> & {
     /** The value of the option. */
     value: string;
     /** The label of the option. This is the text that will be displayed on the option. */
     label: string;
 };
-export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonProps<'aria-label' | 'disabled' | 'id' | 'name' | 'readOnly' | 'size'> & InvalidPropsLibrary & Pick<MenuProps<T>, 'isMulti' | 'itemCount' | 'renderListItem' | 'selectAll'> & {
+export type SelectProps<T extends SelectOption = SelectOption> = CommonProps<'aria-label' | 'disabled' | 'id' | 'name' | 'readOnly' | 'size'> & InvalidPropsLibrary & Pick<MenuProps<T>, 'isMulti' | 'itemCount' | 'renderListItem' | 'selectAll'> & {
     /**
-     * Array of options to display in the dropdown
+     * Array of options to display in the select
      *
      * @example
      *     [
@@ -26,7 +26,7 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
      *         { value: '10', label: 'Option 10' },
      *     ];
      *
-     * @type Array<DropdownOption>
+     * @type Array<SelectOption>
      * @required
      */
     options: T[];
@@ -37,18 +37,18 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
      */
     value?: Array<string>;
     /**
-     * Placeholder for the dropdown
+     * Placeholder for the select
      *
      * @default Select one...
      */
     placeholder?: string;
     /**
-     * The placement of the dropdown menu. Will be ignored if the menu is too close to the edge of the screen.
+     * The placement of the select menu. Will be ignored if the menu is too close to the edge of the screen.
      *
      * @default bottom
      */
     placement?: Extract<Placement, 'bottom' | 'top'>;
-    /** The style of the dropdown. */
+    /** The style of the select. */
     style?: React.CSSProperties;
     /**
      * The function to call when the selected values change.
@@ -61,15 +61,15 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
  * A field element that allows users to select one option from a list of available choices. *
  *
  * @example
- *     import { Dropdown } from '@bspk/ui/Dropdown';
+ *     import { Select } from '@bspk/ui/Select';
  *
  *     export function Example() {
  *         const [selected, setSelected] = React.useState<string[]>([]);
  *         return (
- *             <Dropdown
+ *             <Select
  *                 aria-label="Select an option"
  *                 itemCount={5}
- *                 name="example-dropdown"
+ *                 name="example-select"
  *                 onChange={setSelected}
  *                 options={[
  *                     { value: '1', label: 'Option 1' },
@@ -90,11 +90,11 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
  *         );
  *     }
  *
- * @name Dropdown
+ * @name Select
  */
-declare function Dropdown({ options, value: selected, onChange, 'aria-label': ariaLabel, placeholder, size, itemCount, disabled, id: propId, invalid, errorMessage, readOnly, placement, name, isMulti, renderListItem, style: styleProp, selectAll, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Dropdown {
+declare function Select({ options, value: selected, onChange, 'aria-label': ariaLabel, placeholder, size, itemCount, disabled, id: propId, invalid, errorMessage, readOnly, placement, name, isMulti, renderListItem, style: styleProp, selectAll, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
     var bspkName: string;
 }
-export { Dropdown };
+export { Select };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/Select.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SvgChevronRight } from '@bspk/icons/ChevronRight';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=select]{--select-background: var(--surface-neutral-t1-base);--select-border-color: var(--stroke-neutral-base);--select-text-color: var(--foreground-neutral-on-surface);--select-height: var(--spacing-sizing-10);--select-font: var(--body-base);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-03);--select-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--select-height);max-height:var(--select-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--select-font);border:1px solid var(--select-border-color);border-radius:var(--radius-small);background:var(--select-background);padding:0 var(--select-padding)}[data-bspk=select] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=select] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=select] [data-placeholder] [data-item-label] [data-text]{color:var(--select-text-color)}[data-bspk=select] [data-icon]{display:flex;flex-direction:column;justify-content:center}[data-bspk=select] [data-icon] svg{transform:rotate(90deg);width:var(--select-icon-width)}[data-bspk=select] [data-bspk=list-item][data-selected]{background:var(--surface-brand-primary-highlight)}[data-bspk=select][data-size=small]{--select-height: var(--spacing-sizing-08);--select-font: var(--body-small);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-02);--select-icon-width: var(--spacing-sizing-05)}[data-bspk=select][data-size=large]{--select-height: var(--spacing-sizing-12);--select-font: var(--body-large);--select-clear-height: var(--spacing-sizing-06);--select-icon-width: var(--spacing-sizing-06)}[data-bspk=select]:disabled{--select-text-color: var(--foreground-neutral-disabled-on-surface);--select-border-color: var(--stroke-neutral-disabled-light);--select-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:disabled[aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-on-surface)}[data-bspk=select]:not(:disabled):focus{--select-border-color: var(--stroke-brand-primary)}[data-bspk=select]:not(:disabled):hover{--select-background: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:not(:disabled):active{--select-background: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select][data-invalid]{--select-border-color: var(--status-error)}[data-bspk=select][data-empty]{--select-text-color: var(--foreground-neutral-on-surface-variant-03)}`);;
+import { ListItem } from './ListItem';
+import { Menu } from './Menu';
+import { Portal } from './Portal';
+import { useFloatingMenu } from './hooks/useFloatingMenu';
+import { useId } from './hooks/useId';
+/**
+ * A field element that allows users to select one option from a list of available choices. *
+ *
+ * @example
+ *     import { Select } from '@bspk/ui/Select';
+ *
+ *     export function Example() {
+ *         const [selected, setSelected] = React.useState<string[]>([]);
+ *         return (
+ *             <Select
+ *                 aria-label="Select an option"
+ *                 itemCount={5}
+ *                 name="example-select"
+ *                 onChange={setSelected}
+ *                 options={[
+ *                     { value: '1', label: 'Option 1' },
+ *                     { value: '2', label: 'Option 2' },
+ *                     { value: '3', label: 'Option 3' },
+ *                     { value: '4', label: 'Option 4' },
+ *                     { value: '5', label: 'Option 5' },
+ *                     { value: '6', label: 'Option 6' },
+ *                     { value: '7', label: 'Option 7' },
+ *                     { value: '8', label: 'Option 8' },
+ *                     { value: '9', label: 'Option 9' },
+ *                     { value: '10', label: 'Option 10' },
+ *                 ]}
+ *                 placeholder="Select an option"
+ *                 size="medium"
+ *                 value={selected}
+ *             />
+ *         );
+ *     }
+ *
+ * @name Select
+ */
+function Select({ options = [], value: selected, onChange, 'aria-label': ariaLabel, placeholder = 'Select...', size = 'medium', itemCount = 5, disabled, id: propId, invalid, errorMessage, readOnly, placement = 'bottom', name, isMulti, renderListItem, style: styleProp, selectAll, }) {
+    const id = useId(propId);
+    const { triggerProps, menuProps, closeMenu } = useFloatingMenu({
+        placement,
+        triggerProps: {
+            disabled,
+            invalid,
+            readOnly,
+            errorMessage,
+        },
+    });
+    const selectLabel = isMulti
+        ? `${selected?.length || 0} option${selected?.length !== 1 ? 's' : ''} selected`
+        : options.find((o) => o.value === selected?.[0])?.label;
+    return (_jsxs(_Fragment, { children: [_jsx("input", { defaultValue: selected, name: name, type: "hidden" }), _jsxs("button", { "aria-label": ariaLabel, "data-bspk": "select", "data-empty": selectLabel ? undefined : '', "data-invalid": invalid || undefined, "data-size": size, disabled: disabled || readOnly, id: id, style: styleProp, ...triggerProps, children: [_jsx(ListItem, { "data-placeholder": "", label: selectLabel || placeholder, readOnly: true }), _jsx("span", { "data-icon": true, children: _jsx(SvgChevronRight, {}) })] }), _jsx(Portal, { children: _jsx(Menu, { "data-floating": true, isMulti: isMulti, itemCount: itemCount, items: options, onChange: (next, event) => {
+                        event?.preventDefault();
+                        if (!isMulti)
+                            closeMenu();
+                        onChange?.(next);
+                    }, renderListItem: renderListItem, selectAll: selectAll, selectedValues: selected, ...menuProps }) })] }));
+}
+Select.bspkName = 'Select';
+export { Select };
+//# sourceMappingURL=Select.js.map

package/dist/Select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAiEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAS,MAAM,CAAC,EACZ,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,QAAQ,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,WAAW,EACzB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,CAAC,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,IAAI,EACJ,OAAO,EACP,cAAc,EACd,KAAK,EAAE,SAAS,EAChB,SAAS,GACC;IACV,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QAC3D,SAAS;QACT,YAAY,EAAE;YACV,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,YAAY;SACf;KACJ,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO;QACvB,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,IAAI,CAAC,UAAU,QAAQ,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW;QAChF,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAE5D,OAAO,CACH,8BACI,gBAAO,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAC3D,gCACgB,SAAS,eACX,QAAQ,gBACN,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,kBAC1B,OAAO,IAAI,SAAS,eACvB,IAAI,EACf,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,SAAS,KACZ,YAAY,aAEhB,KAAC,QAAQ,wBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,IAAI,WAAW,EAAE,QAAQ,SAAG,EAC5E,4CACI,KAAC,eAAe,KAAG,GAChB,IACF,EACT,KAAC,MAAM,cACH,KAAC,IAAI,2BAED,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACtB,KAAK,EAAE,cAAc,EAAE,CAAC;wBACxB,IAAI,CAAC,OAAO;4BAAE,SAAS,EAAE,CAAC;wBAC1B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,QAAQ,KACpB,SAAS,GACf,GACG,IACV,CACN,CAAC;AACN,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/{DropdownField.d.ts → SelectField.d.ts} RENAMED Viewed

@@ -1,18 +1,18 @@
-import { DropdownProps } from './Dropdown';
 import { FormFieldProps } from './FormField';
-export type DropdownFieldProps = Pick<DropdownProps, 'disabled' | 'itemCount' | 'name' | 'onChange' | 'options' | 'placeholder' | 'placement' | 'readOnly' | 'size' | 'value'> & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing' | 'required'>;
+import { SelectProps } from './Select';
+export type SelectFieldProps = Pick<SelectProps, 'disabled' | 'itemCount' | 'name' | 'onChange' | 'options' | 'placeholder' | 'placement' | 'readOnly' | 'size' | 'value'> & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing' | 'required'>;
 /**
  * A component that allows users to input large amounts of text that could span multiple lines.
  *
- * This component takes properties from the FormField and Dropdown components.
+ * This component takes properties from the FormField and Select components.
  *
  * @example
- *     import { DropdownField } from '@bspk/ui/DropdownField';
+ *     import { SelectField } from '@bspk/ui/SelectField';
  *
  *     export function Example() {
  *         const [state, setState] = React.useState(['option1']);
  *         return (
- *             <DropdownField
+ *             <SelectField
  *                 controlId="Example controlId"
  *                 label="Example label"
  *                 name="Example name"
@@ -28,11 +28,11 @@ export type DropdownFieldProps = Pick<DropdownProps, 'disabled' | 'itemCount' |
  *         );
  *     }
  *
- * @name DropdownField
+ * @name SelectField
  */
-declare function DropdownField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...dropdownProps }: DropdownFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownField {
+declare function SelectField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...selectProps }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectField {
     var bspkName: string;
 }
-export { DropdownField };
+export { SelectField };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/SelectField.js ADDED Viewed

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormField } from './FormField';
+import { Select } from './Select';
+/**
+ * A component that allows users to input large amounts of text that could span multiple lines.
+ *
+ * This component takes properties from the FormField and Select components.
+ *
+ * @example
+ *     import { SelectField } from '@bspk/ui/SelectField';
+ *
+ *     export function Example() {
+ *         const [state, setState] = React.useState(['option1']);
+ *         return (
+ *             <SelectField
+ *                 controlId="Example controlId"
+ *                 label="Example label"
+ *                 name="Example name"
+ *                 onChange={(nextValue) => setState(nextValue)}
+ *                 options={[
+ *                     { label: 'Option 1', value: 'option1' },
+ *                     { label: 'Option 2', value: 'option2' },
+ *                     { label: 'Option 3', value: 'option3' },
+ *                 ]}
+ *                 placeholder="Select one..."
+ *                 value={state}
+ *             />
+ *         );
+ *     }
+ *
+ * @name SelectField
+ */
+function SelectField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...selectProps }) {
+    const errorMessage = (!selectProps.readOnly && !selectProps.disabled && errorMessageProp) || undefined;
+    return (_jsx(FormField, { controlId: id, "data-bspk": "select-field", errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(Select, { ...selectProps, ...fieldProps, "aria-label": label, id: id, invalid: !!errorMessage })) }));
+}
+SelectField.bspkName = 'SelectField';
+export { SelectField };
+//# sourceMappingURL=SelectField.js.map

package/dist/SelectField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAe,MAAM,EAAE,MAAM,UAAU,CAAC;AAiB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAS,WAAW,CAAC,EACjB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EAAE,EAAE,EACb,aAAa,EACb,QAAQ,EACR,GAAG,WAAW,EACC;IACf,MAAM,YAAY,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,SAAS,CAAC;IAEvG,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,EAAE,eACH,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,MAAM,OAAK,WAAW,KAAM,UAAU,gBAAc,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,GAAI,CAClG,GACO,CACf,CAAC;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/demo/examples.js CHANGED Viewed

@@ -156,7 +156,7 @@ export const examples = (setState, action) => ({
                 }, children: [_jsx(ExamplePlaceholder, { direction: props.orientation !== 'vertical' ? 'row' : 'column', style: style }), _jsx(Component, { ...props }), _jsx(ExamplePlaceholder, { direction: props.orientation !== 'vertical' ? 'row' : 'column', style: style })] }));
         },
     },
-    Dropdown: {
+    Select: {
         presets: setPresets(() => {
             return [
                 {

package/dist/demo/examples.js.map CHANGED Viewed

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

package/dist/hooks/useKeyboardNavigation.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * This hook provides keyboard navigation for a list of elements. Used inside the Dropdown component.
+ * This hook provides keyboard navigation for a list of elements. Used inside the Select component.
  *
  * @example
  *     import { useRef } from 'react';

package/dist/hooks/useKeyboardNavigation.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { EVENT_KEY } from '../utils/keyboard';
 import { scrollElementIntoView } from '../utils/scrollElementIntoView';
 /**
- * This hook provides keyboard navigation for a list of elements. Used inside the Dropdown component.
+ * This hook provides keyboard navigation for a list of elements. Used inside the Select component.
  *
  * @example
  *     import { useRef } from 'react';

package/dist/hooks/useOutsideClick.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 /**
- * A hook which calls a method when a click occurs outside of the provided ref. Used inside the Dropdown and Modal
+ * A hook which calls a method when a click occurs outside of the provided ref. Used inside the DropDown and Modal
  * components.
  *
  * @example
  *     import { useOutsideClick } from '@bspk/ui/hooks/useOutsideClick';
  *     import React, { useRef, useState } from 'react';
  *
- *     export function Dropdown() {
+ *     export function Example() {
  *     const [isOpen, setIsOpen] = useState(false);
  *     const containerRef = useRef<HTMLDivElement>(null);
  *

package/dist/hooks/useOutsideClick.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { useEffect } from 'react';
 /**
- * A hook which calls a method when a click occurs outside of the provided ref. Used inside the Dropdown and Modal
+ * A hook which calls a method when a click occurs outside of the provided ref. Used inside the DropDown and Modal
  * components.
  *
  * @example
  *     import { useOutsideClick } from '@bspk/ui/hooks/useOutsideClick';
  *     import React, { useRef, useState } from 'react';
  *
- *     export function Dropdown() {
+ *     export function Example() {
  *     const [isOpen, setIsOpen] = useState(false);
  *     const containerRef = useRef<HTMLDivElement>(null);
  *

package/dist/select.css ADDED Viewed

@@ -0,0 +1 @@

+ [data-bspk=select]{--select-background: var(--surface-neutral-t1-base);--select-border-color: var(--stroke-neutral-base);--select-text-color: var(--foreground-neutral-on-surface);--select-height: var(--spacing-sizing-10);--select-font: var(--body-base);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-03);--select-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--select-height);max-height:var(--select-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--select-font);border:1px solid var(--select-border-color);border-radius:var(--radius-small);background:var(--select-background);padding:0 var(--select-padding)}[data-bspk=select] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=select] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=select] [data-placeholder] [data-item-label] [data-text]{color:var(--select-text-color)}[data-bspk=select] [data-icon]{display:flex;flex-direction:column;justify-content:center}[data-bspk=select] [data-icon] svg{transform:rotate(90deg);width:var(--select-icon-width)}[data-bspk=select] [data-bspk=list-item][data-selected]{background:var(--surface-brand-primary-highlight)}[data-bspk=select][data-size=small]{--select-height: var(--spacing-sizing-08);--select-font: var(--body-small);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-02);--select-icon-width: var(--spacing-sizing-05)}[data-bspk=select][data-size=large]{--select-height: var(--spacing-sizing-12);--select-font: var(--body-large);--select-clear-height: var(--spacing-sizing-06);--select-icon-width: var(--spacing-sizing-06)}[data-bspk=select]:disabled{--select-text-color: var(--foreground-neutral-disabled-on-surface);--select-border-color: var(--stroke-neutral-disabled-light);--select-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:disabled[aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-on-surface)}[data-bspk=select]:not(:disabled):focus{--select-border-color: var(--stroke-brand-primary)}[data-bspk=select]:not(:disabled):hover{--select-background: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:not(:disabled):active{--select-background: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select][data-invalid]{--select-border-color: var(--status-error)}[data-bspk=select][data-empty]{--select-text-color: var(--foreground-neutral-on-surface-variant-03)}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@bspk/ui",
-    "version": "1.1.25",
+    "version": "1.1.27",
     "license": "CC-BY-4.0",
     "type": "module",
     "files": [

package/src/Button.tsx CHANGED Viewed

@@ -102,7 +102,8 @@ function Button<As extends ElementType = 'button'>(props: ElementProps<ButtonPro
         disabled = false,
         label: labelProp,
         icon,
-        showLabel: showLabelProp = true,
+        // showLabel: showLabelProp = true,
+        showLabel= true,
         toolTip: toolTipProp,
         children,
         ...containerProps
@@ -110,10 +111,8 @@ function Button<As extends ElementType = 'button'>(props: ElementProps<ButtonPro
     const label = typeof children === 'string' ? children : labelProp || '';
     // ignore showLabel=false if there is no icon
-    const hideLabel = showLabelProp === false && icon;
-    const toolTip = toolTipProp || hideLabel ? label : undefined;
+    const hideLabel = (showLabel === false) && icon;
+    const toolTip = toolTipProp || (hideLabel ? label : undefined);
     const { logError } = useErrorLogger();
     logError(!!icon && !isValidIcon(icon), 'Button - The icon prop must be a valid icon element.');
     logError(!label, 'Button - The button must have a label.');

package/src/FormField.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ export type FormFieldProps = CommonProps<'required'> &
         /** The id of the control. */
         controlId: string;
         /**
-         * The children of the form field. This should be a control such as TextInput, Dropdown, DatePicker, or
+         * The children of the form field. This should be a control such as TextInput, Select, DatePicker, or
          * TimePicker.
          *
          * @type (childProps: FieldControlProps) => JSX.Element
@@ -45,7 +45,7 @@ export type FormFieldProps = CommonProps<'required'> &
 /**
  * Wrapper component for form controls.
  *
- * Children may be one of the following: TextInput, Dropdown, DatePicker, or TimePicker.
+ * Children may be one of the following: TextInput, Select, DatePicker, or TimePicker.
  *
  * @example
  *     import { TextInput } from '@bspk/ui/TextInput';

package/src/{Dropdown.tsx → Select.tsx} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { SvgChevronRight } from '@bspk/icons/ChevronRight';
-import './dropdown.scss';
+import './select.scss';
 import { ListItem } from './ListItem';
 import { Menu, MenuProps } from './Menu';
 import { Portal } from './Portal';
@@ -10,20 +10,20 @@ import { useId } from './hooks/useId';
 import { CommonProps, InvalidPropsLibrary } from './';
-export type DropdownOption = Record<string, unknown> & {
+export type SelectOption = Record<string, unknown> & {
     /** The value of the option. */
     value: string;
     /** The label of the option. This is the text that will be displayed on the option. */
     label: string;
 };
-export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonProps<
+export type SelectProps<T extends SelectOption = SelectOption> = CommonProps<
     'aria-label' | 'disabled' | 'id' | 'name' | 'readOnly' | 'size'
 > &
     InvalidPropsLibrary &
     Pick<MenuProps<T>, 'isMulti' | 'itemCount' | 'renderListItem' | 'selectAll'> & {
         /**
-         * Array of options to display in the dropdown
+         * Array of options to display in the select
          *
          * @example
          *     [
@@ -39,7 +39,7 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
          *         { value: '10', label: 'Option 10' },
          *     ];
          *
-         * @type Array<DropdownOption>
+         * @type Array<SelectOption>
          * @required
          */
         options: T[];
@@ -50,18 +50,18 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
          */
         value?: Array<string>;
         /**
-         * Placeholder for the dropdown
+         * Placeholder for the select
          *
          * @default Select one...
          */
         placeholder?: string;
         /**
-         * The placement of the dropdown menu. Will be ignored if the menu is too close to the edge of the screen.
+         * The placement of the select menu. Will be ignored if the menu is too close to the edge of the screen.
          *
          * @default bottom
          */
         placement?: Extract<Placement, 'bottom' | 'top'>;
-        /** The style of the dropdown. */
+        /** The style of the select. */
         style?: React.CSSProperties;
         /**
          * The function to call when the selected values change.
@@ -75,15 +75,15 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
  * A field element that allows users to select one option from a list of available choices. *
  *
  * @example
- *     import { Dropdown } from '@bspk/ui/Dropdown';
+ *     import { Select } from '@bspk/ui/Select';
  *
  *     export function Example() {
  *         const [selected, setSelected] = React.useState<string[]>([]);
  *         return (
- *             <Dropdown
+ *             <Select
  *                 aria-label="Select an option"
  *                 itemCount={5}
- *                 name="example-dropdown"
+ *                 name="example-select"
  *                 onChange={setSelected}
  *                 options={[
  *                     { value: '1', label: 'Option 1' },
@@ -104,9 +104,9 @@ export type DropdownProps<T extends DropdownOption = DropdownOption> = CommonPro
  *         );
  *     }
  *
- * @name Dropdown
+ * @name Select
  */
-function Dropdown({
+function Select({
     options = [],
     value: selected,
     onChange,
@@ -125,7 +125,7 @@ function Dropdown({
     renderListItem,
     style: styleProp,
     selectAll,
-}: DropdownProps) {
+}: SelectProps) {
     const id = useId(propId);
     const { triggerProps, menuProps, closeMenu } = useFloatingMenu({
@@ -138,7 +138,7 @@ function Dropdown({
         },
     });
-    const dropdownLabel = isMulti
+    const selectLabel = isMulti
         ? `${selected?.length || 0} option${selected?.length !== 1 ? 's' : ''} selected`
         : options.find((o) => o.value === selected?.[0])?.label;
@@ -147,8 +147,8 @@ function Dropdown({
             <input defaultValue={selected} name={name} type="hidden" />
             <button
                 aria-label={ariaLabel}
-                data-bspk="dropdown"
-                data-empty={dropdownLabel ? undefined : ''}
+                data-bspk="select"
+                data-empty={selectLabel ? undefined : ''}
                 data-invalid={invalid || undefined}
                 data-size={size}
                 disabled={disabled || readOnly}
@@ -156,8 +156,8 @@ function Dropdown({
                 style={styleProp}
                 {...triggerProps}
             >
-                <ListItem data-placeholder="" label={dropdownLabel || placeholder} readOnly />
-                <span data-svg>
+                <ListItem data-placeholder="" label={selectLabel || placeholder} readOnly />
+                <span data-icon>
                     <SvgChevronRight />
                 </span>
             </button>
@@ -182,8 +182,8 @@ function Dropdown({
     );
 }
-Dropdown.bspkName = 'Dropdown';
+Select.bspkName = 'Select';
-export { Dropdown };
+export { Select };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/{DropdownField.tsx → SelectField.tsx} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { DropdownProps, Dropdown } from './Dropdown';
 import { FormFieldProps, FormField } from './FormField';
+import { SelectProps, Select } from './Select';
-export type DropdownFieldProps = Pick<
-    DropdownProps,
+export type SelectFieldProps = Pick<
+    SelectProps,
     | 'disabled'
     | 'itemCount'
     | 'name'
@@ -19,15 +19,15 @@ export type DropdownFieldProps = Pick<
 /**
  * A component that allows users to input large amounts of text that could span multiple lines.
  *
- * This component takes properties from the FormField and Dropdown components.
+ * This component takes properties from the FormField and Select components.
  *
  * @example
- *     import { DropdownField } from '@bspk/ui/DropdownField';
+ *     import { SelectField } from '@bspk/ui/SelectField';
  *
  *     export function Example() {
  *         const [state, setState] = React.useState(['option1']);
  *         return (
- *             <DropdownField
+ *             <SelectField
  *                 controlId="Example controlId"
  *                 label="Example label"
  *                 name="Example name"
@@ -43,23 +43,23 @@ export type DropdownFieldProps = Pick<
  *         );
  *     }
  *
- * @name DropdownField
+ * @name SelectField
  */
-function DropdownField({
+function SelectField({
     label,
     errorMessage: errorMessageProp,
     helperText,
     controlId: id,
     labelTrailing,
     required,
-    ...dropdownProps
-}: DropdownFieldProps) {
-    const errorMessage = (!dropdownProps.readOnly && !dropdownProps.disabled && errorMessageProp) || undefined;
+    ...selectProps
+}: SelectFieldProps) {
+    const errorMessage = (!selectProps.readOnly && !selectProps.disabled && errorMessageProp) || undefined;
     return (
         <FormField
             controlId={id}
-            data-bspk="dropdown-field"
+            data-bspk="select-field"
             errorMessage={errorMessage}
             helperText={helperText}
             label={label}
@@ -67,14 +67,14 @@ function DropdownField({
             required={required}
         >
             {(fieldProps) => (
-                <Dropdown {...dropdownProps} {...fieldProps} aria-label={label} id={id} invalid={!!errorMessage} />
+                <Select {...selectProps} {...fieldProps} aria-label={label} id={id} invalid={!!errorMessage} />
             )}
         </FormField>
     );
 }
-DropdownField.bspkName = 'DropdownField';
+SelectField.bspkName = 'SelectField';
-export { DropdownField };
+export { SelectField };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/demo/examples.tsx CHANGED Viewed

@@ -12,7 +12,6 @@ import { BadgeProps } from '../Badge';
 import { BannerAlertProps } from '../BannerAlert';
 import { Button, ButtonProps } from '../Button';
 import { Checkbox } from '../Checkbox';
-import { DropdownOption, DropdownProps } from '../Dropdown';
 import { EmptyStateProps } from '../EmptyState';
 import { Img } from '../Img';
 import { LEADING_COMPONENTS, TRAILING_COMPONENTS, ListItem } from '../ListItem';
@@ -23,6 +22,7 @@ import { ProgressionStepperProps } from '../ProgressionStepper';
 import { Radio } from '../Radio';
 import { SearchBarProps } from '../SearchBar';
 import { SegmentedControlProps } from '../SegmentedControl';
+import { SelectOption, SelectProps } from '../Select';
 import { Switch } from '../Switch';
 import { TabGroupProps } from '../TabGroup';
 import { Tag } from '../Tag';
@@ -309,8 +309,8 @@ export const examples: (setState: DemoSetState, action: DemoAction) => Record<st
             );
         },
     },
-    Dropdown: {
-        presets: setPresets<DropdownProps>(() => {
+    Select: {
+        presets: setPresets<SelectProps>(() => {
             return [
                 {
                     label: 'Simple',
@@ -322,7 +322,7 @@ export const examples: (setState: DemoSetState, action: DemoAction) => Record<st
                 },
                 {
                     label: 'Trailing Tags',
-                    state: asProps<DropdownProps<DropdownOption & { tag?: string; tagColor?: ColorVariant }>>({
+                    state: asProps<SelectProps<SelectOption & { tag?: string; tagColor?: ColorVariant }>>({
                         options: [
                             //
                             { value: 'a', label: 'Package A', tag: 'Recommended', tagColor: 'blue' },
@@ -344,7 +344,7 @@ export const examples: (setState: DemoSetState, action: DemoAction) => Record<st
                 },
                 {
                     label: 'Trailing Text',
-                    state: asProps<DropdownProps<DropdownOption & { price: number }>>({
+                    state: asProps<SelectProps<SelectOption & { price: number }>>({
                         options: [
                             //
                             { value: '1', label: 'Option A', price: 400 },
@@ -367,7 +367,7 @@ export const examples: (setState: DemoSetState, action: DemoAction) => Record<st
                 {
                     label: 'Leading Avatar',
                     state: asProps<
-                        DropdownProps<
+                        SelectProps<
                             MenuItem & {
                                 profile: AvatarProps;
                             }

package/src/hooks/useKeyboardNavigation.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { EVENT_KEY } from '../utils/keyboard';
 import { scrollElementIntoView } from '../utils/scrollElementIntoView';
 /**
- * This hook provides keyboard navigation for a list of elements. Used inside the Dropdown component.
+ * This hook provides keyboard navigation for a list of elements. Used inside the Select component.
  *
  * @example
  *     import { useRef } from 'react';

package/src/hooks/useOutsideClick.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import { useEffect } from 'react';
 /**
- * A hook which calls a method when a click occurs outside of the provided ref. Used inside the Dropdown and Modal
+ * A hook which calls a method when a click occurs outside of the provided ref. Used inside the DropDown and Modal
  * components.
  *
  * @example
  *     import { useOutsideClick } from '@bspk/ui/hooks/useOutsideClick';
  *     import React, { useRef, useState } from 'react';
  *
- *     export function Dropdown() {
+ *     export function Example() {
  *     const [isOpen, setIsOpen] = useState(false);
  *     const containerRef = useRef<HTMLDivElement>(null);
  *

package/src/{dropdown.scss → select.scss} RENAMED Viewed

@@ -1,32 +1,32 @@
-[data-bspk='dropdown'] {
+[data-bspk='select'] {
     // default -- size medium not disabled or readonly
-    --dropdown-background: var(--surface-neutral-t1-base);
-    --dropdown-border-color: var(--stroke-neutral-base);
-    --dropdown-text-color: var(--foreground-neutral-on-surface);
-    --dropdown-height: var(--spacing-sizing-10);
-    --dropdown-font: var(--body-base);
-    --dropdown-clear-height: var(--spacing-sizing-05);
-    --dropdown-padding: var(--spacing-sizing-03);
-    --dropdown-icon-width: var(--spacing-sizing-05);
+    --select-background: var(--surface-neutral-t1-base);
+    --select-border-color: var(--stroke-neutral-base);
+    --select-text-color: var(--foreground-neutral-on-surface);
+    --select-height: var(--spacing-sizing-10);
+    --select-font: var(--body-base);
+    --select-clear-height: var(--spacing-sizing-05);
+    --select-padding: var(--spacing-sizing-03);
+    --select-icon-width: var(--spacing-sizing-05);
     position: relative;
     width: 100%;
     max-width: 280px;
     outline: unset;
-    min-height: var(--dropdown-height);
-    max-height: var(--dropdown-height);
+    min-height: var(--select-height);
+    max-height: var(--select-height);
     display: flex;
     flex-direction: row;
     gap: var(--spacing-sizing-02);
     flex-grow: 0;
     flex-shrink: 0;
     text-align: left;
-    font: var(--dropdown-font);
-    border: 1px solid var(--dropdown-border-color);
+    font: var(--select-font);
+    border: 1px solid var(--select-border-color);
     border-radius: var(--radius-small);
-    background: var(--dropdown-background);
-    padding: 0 var(--dropdown-padding);
+    background: var(--select-background);
+    padding: 0 var(--select-padding);
     [data-placeholder] {
         display: block;
@@ -41,18 +41,18 @@
         }
         [data-item-label] [data-text] {
-            color: var(--dropdown-text-color);
+            color: var(--select-text-color);
         }
     }
-    [data-svg] {
+    [data-icon] {
         display: flex;
         flex-direction: column;
         justify-content: center;
         svg {
             transform: rotate(90deg);
-            width: var(--dropdown-icon-width);
+            width: var(--select-icon-width);
         }
     }
@@ -61,56 +61,56 @@
     }
     &[data-size='small'] {
-        --dropdown-height: var(--spacing-sizing-08);
-        --dropdown-font: var(--body-small);
-        --dropdown-clear-height: var(--spacing-sizing-05);
-        --dropdown-padding: var(--spacing-sizing-02);
-        --dropdown-icon-width: var(--spacing-sizing-05);
+        --select-height: var(--spacing-sizing-08);
+        --select-font: var(--body-small);
+        --select-clear-height: var(--spacing-sizing-05);
+        --select-padding: var(--spacing-sizing-02);
+        --select-icon-width: var(--spacing-sizing-05);
     }
     &[data-size='large'] {
-        --dropdown-height: var(--spacing-sizing-12);
-        --dropdown-font: var(--body-large);
-        --dropdown-clear-height: var(--spacing-sizing-06);
-        --dropdown-icon-width: var(--spacing-sizing-06);
+        --select-height: var(--spacing-sizing-12);
+        --select-font: var(--body-large);
+        --select-clear-height: var(--spacing-sizing-06);
+        --select-icon-width: var(--spacing-sizing-06);
     }
     &:disabled {
-        --dropdown-text-color: var(--foreground-neutral-disabled-on-surface);
-        --dropdown-border-color: var(--stroke-neutral-disabled-light);
-        --dropdown-background:
+        --select-text-color: var(--foreground-neutral-disabled-on-surface);
+        --select-border-color: var(--stroke-neutral-disabled-light);
+        --select-background:
             linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),
             linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
         &[aria-readonly]:not([data-empty]) {
-            --dropdown-text-color: var(--foreground-neutral-on-surface);
+            --select-text-color: var(--foreground-neutral-on-surface);
         }
     }
     &:not(:disabled) {
         &:focus {
-            --dropdown-border-color: var(--stroke-brand-primary);
+            --select-border-color: var(--stroke-brand-primary);
         }
         &:hover {
-            --dropdown-background:
+            --select-background:
                 linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)),
                 linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
         }
         &:active {
-            --dropdown-background:
+            --select-background:
                 linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)),
                 linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
         }
     }
     &[data-invalid] {
-        --dropdown-border-color: var(--status-error);
+        --select-border-color: var(--status-error);
     }
     &[data-empty] {
-        --dropdown-text-color: var(--foreground-neutral-on-surface-variant-03);
+        --select-text-color: var(--foreground-neutral-on-surface-variant-03);
     }
 }

package/dist/Dropdown.js DELETED Viewed

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { SvgChevronRight } from '@bspk/icons/ChevronRight';
-import { styleAdd } from './utils/styleAdd';
-styleAdd(`[data-bspk=dropdown]{--dropdown-background: var(--surface-neutral-t1-base);--dropdown-border-color: var(--stroke-neutral-base);--dropdown-text-color: var(--foreground-neutral-on-surface);--dropdown-height: var(--spacing-sizing-10);--dropdown-font: var(--body-base);--dropdown-clear-height: var(--spacing-sizing-05);--dropdown-padding: var(--spacing-sizing-03);--dropdown-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--dropdown-height);max-height:var(--dropdown-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--dropdown-font);border:1px solid var(--dropdown-border-color);border-radius:var(--radius-small);background:var(--dropdown-background);padding:0 var(--dropdown-padding)}[data-bspk=dropdown] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=dropdown] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=dropdown] [data-placeholder] [data-item-label] [data-text]{color:var(--dropdown-text-color)}[data-bspk=dropdown] [data-svg]{display:flex;flex-direction:column;justify-content:center}[data-bspk=dropdown] [data-svg] svg{transform:rotate(90deg);width:var(--dropdown-icon-width)}[data-bspk=dropdown] [data-bspk=list-item][data-selected]{background:var(--surface-brand-primary-highlight)}[data-bspk=dropdown][data-size=small]{--dropdown-height: var(--spacing-sizing-08);--dropdown-font: var(--body-small);--dropdown-clear-height: var(--spacing-sizing-05);--dropdown-padding: var(--spacing-sizing-02);--dropdown-icon-width: var(--spacing-sizing-05)}[data-bspk=dropdown][data-size=large]{--dropdown-height: var(--spacing-sizing-12);--dropdown-font: var(--body-large);--dropdown-clear-height: var(--spacing-sizing-06);--dropdown-icon-width: var(--spacing-sizing-06)}[data-bspk=dropdown]:disabled{--dropdown-text-color: var(--foreground-neutral-disabled-on-surface);--dropdown-border-color: var(--stroke-neutral-disabled-light);--dropdown-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown]:disabled[aria-readonly]:not([data-empty]){--dropdown-text-color: var(--foreground-neutral-on-surface)}[data-bspk=dropdown]:not(:disabled):focus{--dropdown-border-color: var(--stroke-brand-primary)}[data-bspk=dropdown]:not(:disabled):hover{--dropdown-background: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown]:not(:disabled):active{--dropdown-background: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown][data-invalid]{--dropdown-border-color: var(--status-error)}[data-bspk=dropdown][data-empty]{--dropdown-text-color: var(--foreground-neutral-on-surface-variant-03)}`);;
-import { ListItem } from './ListItem';
-import { Menu } from './Menu';
-import { Portal } from './Portal';
-import { useFloatingMenu } from './hooks/useFloatingMenu';
-import { useId } from './hooks/useId';
-/**
- * A field element that allows users to select one option from a list of available choices. *
- *
- * @example
- *     import { Dropdown } from '@bspk/ui/Dropdown';
- *
- *     export function Example() {
- *         const [selected, setSelected] = React.useState<string[]>([]);
- *         return (
- *             <Dropdown
- *                 aria-label="Select an option"
- *                 itemCount={5}
- *                 name="example-dropdown"
- *                 onChange={setSelected}
- *                 options={[
- *                     { value: '1', label: 'Option 1' },
- *                     { value: '2', label: 'Option 2' },
- *                     { value: '3', label: 'Option 3' },
- *                     { value: '4', label: 'Option 4' },
- *                     { value: '5', label: 'Option 5' },
- *                     { value: '6', label: 'Option 6' },
- *                     { value: '7', label: 'Option 7' },
- *                     { value: '8', label: 'Option 8' },
- *                     { value: '9', label: 'Option 9' },
- *                     { value: '10', label: 'Option 10' },
- *                 ]}
- *                 placeholder="Select an option"
- *                 size="medium"
- *                 value={selected}
- *             />
- *         );
- *     }
- *
- * @name Dropdown
- */
-function Dropdown({ options = [], value: selected, onChange, 'aria-label': ariaLabel, placeholder = 'Select...', size = 'medium', itemCount = 5, disabled, id: propId, invalid, errorMessage, readOnly, placement = 'bottom', name, isMulti, renderListItem, style: styleProp, selectAll, }) {
-    const id = useId(propId);
-    const { triggerProps, menuProps, closeMenu } = useFloatingMenu({
-        placement,
-        triggerProps: {
-            disabled,
-            invalid,
-            readOnly,
-            errorMessage,
-        },
-    });
-    const dropdownLabel = isMulti
-        ? `${selected?.length || 0} option${selected?.length !== 1 ? 's' : ''} selected`
-        : options.find((o) => o.value === selected?.[0])?.label;
-    return (_jsxs(_Fragment, { children: [_jsx("input", { defaultValue: selected, name: name, type: "hidden" }), _jsxs("button", { "aria-label": ariaLabel, "data-bspk": "dropdown", "data-empty": dropdownLabel ? undefined : '', "data-invalid": invalid || undefined, "data-size": size, disabled: disabled || readOnly, id: id, style: styleProp, ...triggerProps, children: [_jsx(ListItem, { "data-placeholder": "", label: dropdownLabel || placeholder, readOnly: true }), _jsx("span", { "data-svg": true, children: _jsx(SvgChevronRight, {}) })] }), _jsx(Portal, { children: _jsx(Menu, { "data-floating": true, isMulti: isMulti, itemCount: itemCount, items: options, onChange: (next, event) => {
-                        event?.preventDefault();
-                        if (!isMulti)
-                            closeMenu();
-                        onChange?.(next);
-                    }, renderListItem: renderListItem, selectAll: selectAll, selectedValues: selected, ...menuProps }) })] }));
-}
-Dropdown.bspkName = 'Dropdown';
-export { Dropdown };
-//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAiEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAS,QAAQ,CAAC,EACd,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,QAAQ,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,WAAW,EACzB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,CAAC,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,IAAI,EACJ,OAAO,EACP,cAAc,EACd,KAAK,EAAE,SAAS,EAChB,SAAS,GACG;IACZ,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QAC3D,SAAS;QACT,YAAY,EAAE;YACV,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,YAAY;SACf;KACJ,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,OAAO;QACzB,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,IAAI,CAAC,UAAU,QAAQ,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW;QAChF,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAE5D,OAAO,CACH,8BACI,gBAAO,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAC3D,gCACgB,SAAS,eACX,UAAU,gBACR,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,kBAC5B,OAAO,IAAI,SAAS,eACvB,IAAI,EACf,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,SAAS,KACZ,YAAY,aAEhB,KAAC,QAAQ,wBAAkB,EAAE,EAAC,KAAK,EAAE,aAAa,IAAI,WAAW,EAAE,QAAQ,SAAG,EAC9E,2CACI,KAAC,eAAe,KAAG,GAChB,IACF,EACT,KAAC,MAAM,cACH,KAAC,IAAI,2BAED,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACtB,KAAK,EAAE,cAAc,EAAE,CAAC;wBACxB,IAAI,CAAC,OAAO;4BAAE,SAAS,EAAE,CAAC;wBAC1B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,QAAQ,KACpB,SAAS,GACf,GACG,IACV,CACN,CAAC;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/DropdownField.js DELETED Viewed

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dropdown } from './Dropdown';
-import { FormField } from './FormField';
-/**
- * A component that allows users to input large amounts of text that could span multiple lines.
- *
- * This component takes properties from the FormField and Dropdown components.
- *
- * @example
- *     import { DropdownField } from '@bspk/ui/DropdownField';
- *
- *     export function Example() {
- *         const [state, setState] = React.useState(['option1']);
- *         return (
- *             <DropdownField
- *                 controlId="Example controlId"
- *                 label="Example label"
- *                 name="Example name"
- *                 onChange={(nextValue) => setState(nextValue)}
- *                 options={[
- *                     { label: 'Option 1', value: 'option1' },
- *                     { label: 'Option 2', value: 'option2' },
- *                     { label: 'Option 3', value: 'option3' },
- *                 ]}
- *                 placeholder="Select one..."
- *                 value={state}
- *             />
- *         );
- *     }
- *
- * @name DropdownField
- */
-function DropdownField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...dropdownProps }) {
-    const errorMessage = (!dropdownProps.readOnly && !dropdownProps.disabled && errorMessageProp) || undefined;
-    return (_jsx(FormField, { controlId: id, "data-bspk": "dropdown-field", errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(Dropdown, { ...dropdownProps, ...fieldProps, "aria-label": label, id: id, invalid: !!errorMessage })) }));
-}
-DropdownField.bspkName = 'DropdownField';
-export { DropdownField };
-//# sourceMappingURL=DropdownField.js.map

package/dist/DropdownField.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"DropdownField.js","sourceRoot":"","sources":["../src/DropdownField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAkB,SAAS,EAAE,MAAM,aAAa,CAAC;AAiBxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAS,aAAa,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EAAE,EAAE,EACb,aAAa,EACb,QAAQ,EACR,GAAG,aAAa,EACC;IACjB,MAAM,YAAY,GAAG,CAAC,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,SAAS,CAAC;IAE3G,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,EAAE,eACH,gBAAgB,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,OAAK,aAAa,KAAM,UAAU,gBAAc,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,GAAI,CACtG,GACO,CACf,CAAC;AACN,CAAC;AAED,aAAa,CAAC,QAAQ,GAAG,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/dropdown.css DELETED Viewed

@@ -1 +0,0 @@

- [data-bspk=dropdown]{--dropdown-background: var(--surface-neutral-t1-base);--dropdown-border-color: var(--stroke-neutral-base);--dropdown-text-color: var(--foreground-neutral-on-surface);--dropdown-height: var(--spacing-sizing-10);--dropdown-font: var(--body-base);--dropdown-clear-height: var(--spacing-sizing-05);--dropdown-padding: var(--spacing-sizing-03);--dropdown-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--dropdown-height);max-height:var(--dropdown-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--dropdown-font);border:1px solid var(--dropdown-border-color);border-radius:var(--radius-small);background:var(--dropdown-background);padding:0 var(--dropdown-padding)}[data-bspk=dropdown] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=dropdown] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=dropdown] [data-placeholder] [data-item-label] [data-text]{color:var(--dropdown-text-color)}[data-bspk=dropdown] [data-svg]{display:flex;flex-direction:column;justify-content:center}[data-bspk=dropdown] [data-svg] svg{transform:rotate(90deg);width:var(--dropdown-icon-width)}[data-bspk=dropdown] [data-bspk=list-item][data-selected]{background:var(--surface-brand-primary-highlight)}[data-bspk=dropdown][data-size=small]{--dropdown-height: var(--spacing-sizing-08);--dropdown-font: var(--body-small);--dropdown-clear-height: var(--spacing-sizing-05);--dropdown-padding: var(--spacing-sizing-02);--dropdown-icon-width: var(--spacing-sizing-05)}[data-bspk=dropdown][data-size=large]{--dropdown-height: var(--spacing-sizing-12);--dropdown-font: var(--body-large);--dropdown-clear-height: var(--spacing-sizing-06);--dropdown-icon-width: var(--spacing-sizing-06)}[data-bspk=dropdown]:disabled{--dropdown-text-color: var(--foreground-neutral-disabled-on-surface);--dropdown-border-color: var(--stroke-neutral-disabled-light);--dropdown-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown]:disabled[aria-readonly]:not([data-empty]){--dropdown-text-color: var(--foreground-neutral-on-surface)}[data-bspk=dropdown]:not(:disabled):focus{--dropdown-border-color: var(--stroke-brand-primary)}[data-bspk=dropdown]:not(:disabled):hover{--dropdown-background: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown]:not(:disabled):active{--dropdown-background: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown][data-invalid]{--dropdown-border-color: var(--status-error)}[data-bspk=dropdown][data-empty]{--dropdown-text-color: var(--foreground-neutral-on-surface-variant-03)}