@kismet-ux/constellation 1.8.0 → 1.11.0

package/README.md

@@ -154,6 +154,42 @@ Each component is a folder: `component-name.tsx` + `component-name.module.scss`
 
 ---
 
+## Developing it against a real app
+
+Publishing a version for every small change is how versioning goes off the rails. Instead, point a consuming app at a sibling checkout:
+
+```
+projects/
+  kismet-constellation/   ← this repo
+  your-app/
+```
+
+In the app's `vite.config.js`:
+
+```js
+import constellationLocal from '@kismet-ux/constellation/vite';
+
+export default defineConfig({
+  plugins: [constellationLocal({ root: '../kismet-constellation' }), react()],
+});
+```
+
+…and in its `.env.local`:
+
+```
+CONSTELLATION_LOCAL=true
+```
+
+The plugin builds resolve aliases from this package's own `exports` map, so there is no alias list to maintain. It aliases to `dist`, so keep a build running:
+
+```bash
+npx rollup -c --watch
+```
+
+`__CONSTELLATION_LOCAL__` is defined as `true` while it is on, which is what `DevIndicator` reads to show its badge. With the variable unset the plugin is inert and the app uses the published package, so nothing depends on the checkout existing.
+
+⚠️ **The plugin appends to `server.fs.allow`, and must.** Setting that option at all replaces Vite's default, so listing only the library root locks the consuming app out of its own source — every module 403s and the page renders blank with no useful error.
+
 ## Commands
 
 ```bash

package/dist/brand/Logo/logo.css

@@ -62,7 +62,10 @@ div[data-state='collapsed'] .logo-module_wordmark___KAG5 {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .logo-module_wordmark___KAG5 {
+  :root:not([data-motion=full]) .logo-module_wordmark___KAG5 {
     transition: none;
   }
+}
+:root[data-motion=reduced] .logo-module_wordmark___KAG5 {
+  transition: none;
 }

package/dist/form/Checkbox/checkbox.css

@@ -1,73 +1,76 @@
-.checkbox-module_theme-inherit__9-o7A {
+@charset "UTF-8";
+.checkbox-module_checkbox__8YN87 {
+  /*
+   * The fallback set, for a box wearing no theme class at all.
+   *
+   * ⚠️ The themes below MUST stay nested inside this rule. They were top-level
+   * per-theme blocks declared BEFORE this one, which put them at the same
+   * specificity (0,1,0) and let source order decide — so this declaration
+   * overrode every one of them and the box came out primary whatever it was
+   * asked for. Both classes land on the same element, so nesting resolves to
+   * `.checkbox.theme-success` (0,2,0) and wins on merit rather than on order.
+   * `Chip` scopes its themes the same way, for the same reason.
+   */
+  --checkbox-theme-main: var(--primary-main);
+  --checkbox-theme-contrast: var(--primary-contrast);
+  --checkbox-theme-emphasis: var(--primary-emphasis);
+  --checkbox-theme-focus-visible: var(--primary-focus-visible);
+  /*
+   * `inherit` takes its colour from a themed ancestor rather than the scale.
+   * `emphasis` deliberately falls back to `main`: the inherit context exposes
+   * no emphasis role, and an undefined var would leave the focus ring
+   * transparent.
+   */
+}
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-inherit__9-o7A {
   --checkbox-theme-main: var(--inherit-main);
   --checkbox-theme-contrast: var(--inherit-contrast);
   --checkbox-theme-emphasis: var(--inherit-main);
   --checkbox-theme-focus-visible: var(--inherit-focus-visible);
-  --checkbox-theme-outlined-border: var(--inherit-outlined-border);
 }
-
-.checkbox-module_theme-primary__zyuNX {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-primary__zyuNX {
   --checkbox-theme-main: var(--primary-main);
   --checkbox-theme-contrast: var(--primary-contrast);
   --checkbox-theme-emphasis: var(--primary-emphasis);
   --checkbox-theme-focus-visible: var(--primary-focus-visible);
-  --checkbox-theme-outlined-border: var(--primary-outlined-border);
 }
-
-.checkbox-module_theme-secondary__JUYKr {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-secondary__JUYKr {
   --checkbox-theme-main: var(--secondary-main);
   --checkbox-theme-contrast: var(--secondary-contrast);
   --checkbox-theme-emphasis: var(--secondary-emphasis);
   --checkbox-theme-focus-visible: var(--secondary-focus-visible);
-  --checkbox-theme-outlined-border: var(--secondary-outlined-border);
 }
-
-.checkbox-module_theme-destructive__M8AgU {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-destructive__M8AgU {
   --checkbox-theme-main: var(--destructive-main);
   --checkbox-theme-contrast: var(--destructive-contrast);
   --checkbox-theme-emphasis: var(--destructive-emphasis);
   --checkbox-theme-focus-visible: var(--destructive-focus-visible);
-  --checkbox-theme-outlined-border: var(--destructive-outlined-border);
 }
-
-.checkbox-module_theme-warning__AKuuE {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-warning__AKuuE {
   --checkbox-theme-main: var(--warning-main);
   --checkbox-theme-contrast: var(--warning-contrast);
   --checkbox-theme-emphasis: var(--warning-emphasis);
   --checkbox-theme-focus-visible: var(--warning-focus-visible);
-  --checkbox-theme-outlined-border: var(--warning-outlined-border);
 }
-
-.checkbox-module_theme-success__Mp45s {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-success__Mp45s {
   --checkbox-theme-main: var(--success-main);
   --checkbox-theme-contrast: var(--success-contrast);
   --checkbox-theme-emphasis: var(--success-emphasis);
   --checkbox-theme-focus-visible: var(--success-focus-visible);
-  --checkbox-theme-outlined-border: var(--success-outlined-border);
 }
-
-.checkbox-module_theme-info__Gdbcb {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-info__Gdbcb {
   --checkbox-theme-main: var(--info-main);
   --checkbox-theme-contrast: var(--info-contrast);
   --checkbox-theme-emphasis: var(--info-emphasis);
   --checkbox-theme-focus-visible: var(--info-focus-visible);
-  --checkbox-theme-outlined-border: var(--info-outlined-border);
 }
-
-.checkbox-module_theme-slate__eMHDz {
+.checkbox-module_checkbox__8YN87.checkbox-module_theme-slate__eMHDz {
   --checkbox-theme-main: var(--slate-main);
   --checkbox-theme-contrast: var(--slate-contrast);
   --checkbox-theme-emphasis: var(--slate-emphasis);
   --checkbox-theme-focus-visible: var(--slate-focus-visible);
-  --checkbox-theme-outlined-border: var(--slate-outlined-border);
 }
-
 .checkbox-module_checkbox__8YN87 {
-  --checkbox-theme-main: var(--primary-main);
-  --checkbox-theme-contrast: var(--primary-contrast);
-  --checkbox-theme-emphasis: var(--primary-emphasis);
-  --checkbox-theme-focus-visible: var(--primary-focus-visible);
-  --checkbox-theme-outlined-border: var(--primary-outlined-border);
   align-items: center;
   background-color: var(--background-elevation-2);
   border: 1px solid var(--input-outlined-enabled-border);
@@ -76,10 +79,21 @@
   color: var(--text-primary);
   display: inline-flex;
   flex-shrink: 0;
-  height: 1.125rem;
+  /*
+   * `--checkbox-size` so the box, its tick and the helper-text indent all
+   * follow one number. A dense list row wants a smaller target than a form
+   * does, and hard-coding three lengths is how they drift apart.
+   */
+  height: var(--checkbox-size, 1.125rem);
   justify-content: center;
   outline: none;
-  width: 1.125rem;
+  width: var(--checkbox-size, 1.125rem);
+}
+.checkbox-module_checkbox__8YN87.checkbox-module_size-sm__54gTY {
+  --checkbox-size: 0.9375rem;
+}
+.checkbox-module_checkbox__8YN87.checkbox-module_size-lg__6BGUr {
+  --checkbox-size: 1.25rem;
 }
 .checkbox-module_checkbox__8YN87[data-state=checked] {
   background-color: var(--checkbox-theme-main);
@@ -106,8 +120,8 @@
   justify-content: center;
 }
 .checkbox-module_checkbox__8YN87 .checkbox-module_icon__azmqw {
-  height: 1rem;
-  width: 1rem;
+  height: calc(var(--checkbox-size, 1.125rem) - 0.125rem);
+  width: calc(var(--checkbox-size, 1.125rem) - 0.125rem);
 }
 
 .checkbox-module_label__rVKGq {
@@ -120,5 +134,5 @@
 }
 
 .checkbox-module_helper-text__d0ZOs {
-  margin-left: calc(1.125rem + var(--size-1));
+  margin-left: calc(var(--checkbox-size, 1.125rem) + var(--size-1));
 }

package/dist/form/Checkbox/checkbox.d.ts

@@ -14,6 +14,11 @@ export interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButto
     label?: React.ReactNode;
     /** Optional helper / validation text rendered beneath the checkbox + label row. */
     helperText?: React.ReactNode;
+    /**
+     * Box size. `md` (default) is the form size; `sm` suits a dense list row and
+     * `lg` a primary confirm. The tick and the helper-text indent follow it.
+     */
+    size?: 'sm' | 'md' | 'lg';
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/dist/form/Checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/form/Checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAItD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,gBAAgB,CACzD;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,yFAmIb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/form/Checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAItD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,gBAAgB,CACzD;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,yFAyIb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/form/Checkbox/checkbox.js

@@ -1,63 +1,14 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Label } from '../Label/label.js';
+import { Typography } from '../../typography/Typography/typography.js';
 import cn from 'clsx';
-import '../Input/input.js';
-import '../../layout/Sidebar/sidebar-context.js';
-import * as React from 'react';
-import '../../ui/Alert/alert-context.js';
-import '../../ui/Table/table-sort-context.js';
-import '../../layout/Skeleton/skeleton.css';
-import '../../navigation/Sheet/sheet.js';
-import '../../ui/Button/button.js';
-import '../../ui/Tooltip/tooltip.js';
 import { CheckIcon } from 'lucide-react';
-import '../../internal/slot.js';
-import '../../layout/Sidebar/sidebar-variants.js';
-import '../../layout/Sidebar/sidebar.css';
-import '../../layout/AppContent/app-content.css';
-import { Row } from '../../layout/Row/row.js';
-import '../../navigation/Link/link.js';
-import { Typography } from '../../typography/Typography/typography.js';
-import '../../layout/AppFooter/app-footer.css';
-import '../../navigation/Router/router-context.js';
-import '../../ui/Separator/separator.js';
-import 'react-dom';
-import '../../typography/TruncatedText/truncated-text.js';
-import '../../navigation/Breadcrumbs/breadcrumbs.css';
-import '../../navigation/DropdownMenu/dropdown-menu.js';
-import '../../ui/Avatar/avatar.js';
-import '../../user/UserInfo/user-info.css';
-import '../../navigation/NavUser/nav-user.css';
-import '../../ui/Alert/alert.js';
-import '../../ui/Alert/alert.css';
-import '../../ui/Chip/chip.js';
-import '../../ui/CodeBlock/code-block.js';
-import '../../ui/DevIndicator/dev-indicator.css';
-import '../../ui/Dialog/dialog.js';
-import '../../ui/EmptyState/empty-state.js';
-import '../../ui/Icon/icon.js';
-import '../../ui/List/list.js';
-import '../../ui/Pagination/pagination.js';
-import '../../ui/ProgressBar/progress-bar.js';
-import '../../ui/StatCard/stat-card.js';
-import '../../ui/StatusDot/status-dot.js';
-import '../../ui/StatusDot/status-dot-variants.js';
-import '../../ui/StepProgress/step-progress.js';
-import '../../ui/Switch/switch.js';
-import '../../ui/Table/table.js';
-import '../../ui/TableActionCell/table-action-cell.js';
-import '../../ui/TableToolbar/table-toolbar.js';
-import '../../ui/Toggle/toggle.js';
-import '../../ui/ToggleGroup/toggle-group.js';
-import '../../settings/AppearanceTabs/appearance-tabs.css';
-import '../../layout/AppSidebarHeader/app-sidebar-header.css';
-import '../../layout/Collapse/collapse.js';
-import { Column } from '../../layout/Column/column.js';
-import '../../layout/Container/container.js';
-import '../../layout/Grid/grid.js';
+import * as React from 'react';
 import s from './checkbox.module.scss.js';
+import { Column } from '../../layout/Column/column.js';
+import { Row } from '../../layout/Row/row.js';
 
-const Checkbox = React.forwardRef(({ className, id, theme = 'primary', destructive = false, checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, value = 'on', name, required, label, helperText, ['aria-invalid']: ariaInvalid, ['aria-describedby']: ariaDescribedBy, onClick, onKeyDown, ...props }, ref) => {
+const Checkbox = React.forwardRef(({ className, id, theme = 'primary', destructive = false, size = 'md', checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, value = 'on', name, required, label, helperText, ['aria-invalid']: ariaInvalid, ['aria-describedby']: ariaDescribedBy, onClick, onKeyDown, ...props }, ref) => {
     const isControlled = controlledChecked !== undefined;
     const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
     const checked = isControlled ? controlledChecked : internalChecked;
@@ -90,7 +41,7 @@ const Checkbox = React.forwardRef(({ className, id, theme = 'primary', destructi
             toggle();
         }
     };
-    const button = (jsx("button", { ref: ref, id: checkboxId, type: 'button', role: 'checkbox', "aria-checked": checked === 'indeterminate' ? 'mixed' : checked, "aria-invalid": destructive ? 'true' : ariaInvalid, "aria-required": required, "aria-describedby": describedBy, "data-slot": 'checkbox', "data-state": dataState, disabled: disabled, className: cn(s.checkbox, s[`theme-${theme}`], className), ...props, onClick: handleClick, onKeyDown: handleKeyDown, children: checked ? (jsx("span", { "data-slot": 'checkbox-indicator', className: s.indicator, children: jsx(CheckIcon, { className: s.icon }) })) : null }));
+    const button = (jsx("button", { ref: ref, id: checkboxId, type: 'button', role: 'checkbox', "aria-checked": checked === 'indeterminate' ? 'mixed' : checked, "aria-invalid": destructive ? 'true' : ariaInvalid, "aria-required": required, "aria-describedby": describedBy, "data-slot": 'checkbox', "data-state": dataState, disabled: disabled, className: cn(s.checkbox, s[`theme-${theme}`], size !== 'md' && s[`size-${size}`], className), ...props, onClick: handleClick, onKeyDown: handleKeyDown, children: checked ? (jsx("span", { "data-slot": 'checkbox-indicator', className: s.indicator, children: jsx(CheckIcon, { className: s.icon }) })) : null }));
     // Match native <input type='checkbox'> form-submission semantics: an
     // unchecked (or indeterminate) box is omitted entirely from the submission,
     // not present-but-empty. Only emit the hidden input when actually checked.

package/dist/form/Checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/form/Checkbox/checkbox.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { Column, Row } from '@constellation/layout';\nimport { type FormTheme } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { CheckIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './checkbox.module.scss';\n\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onChange' | 'value' | 'defaultValue' | 'defaultChecked'\n> {\n  theme?: FormTheme;\n  destructive?: boolean;\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  onCheckedChange?: (checked: CheckedState) => void;\n  value?: string;\n  name?: string;\n  required?: boolean;\n  /** Optional inline label rendered to the right of the checkbox and associated via htmlFor. */\n  label?: React.ReactNode;\n  /** Optional helper / validation text rendered beneath the checkbox + label row. */\n  helperText?: React.ReactNode;\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      className,\n      id,\n      theme = 'primary',\n      destructive = false,\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      disabled,\n      value = 'on',\n      name,\n      required,\n      label,\n      helperText,\n      ['aria-invalid']: ariaInvalid,\n      ['aria-describedby']: ariaDescribedBy,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const isControlled = controlledChecked !== undefined;\n    const [internalChecked, setInternalChecked] = React.useState<CheckedState>(defaultChecked);\n    const checked = isControlled ? controlledChecked : internalChecked;\n\n    const generatedId = React.useId();\n    const checkboxId = id ?? generatedId;\n    const helperId = helperText ? `${checkboxId}-helper` : undefined;\n    const describedBy = [ariaDescribedBy, helperId].filter(Boolean).join(' ') || undefined;\n\n    const dataState =\n      checked === 'indeterminate' ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n\n    const toggle = () => {\n      if (disabled) return;\n      const next = checked === 'indeterminate' ? true : !checked;\n      if (!isControlled) {\n        setInternalChecked(next);\n      }\n      onCheckedChange?.(next);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      if (e.defaultPrevented) return;\n      toggle();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (e.key === ' ') {\n        e.preventDefault();\n        toggle();\n      }\n    };\n\n    const button = (\n      <button\n        ref={ref}\n        id={checkboxId}\n        type={'button'}\n        role={'checkbox'}\n        aria-checked={checked === 'indeterminate' ? 'mixed' : checked}\n        aria-invalid={destructive ? 'true' : ariaInvalid}\n        aria-required={required}\n        aria-describedby={describedBy}\n        data-slot={'checkbox'}\n        data-state={dataState}\n        disabled={disabled}\n        className={cn(s.checkbox, s[`theme-${theme}`], className)}\n        {...props}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {checked ? (\n          <span data-slot={'checkbox-indicator'} className={s.indicator}>\n            <CheckIcon className={s.icon} />\n          </span>\n        ) : null}\n      </button>\n    );\n\n    // Match native <input type='checkbox'> form-submission semantics: an\n    // unchecked (or indeterminate) box is omitted entirely from the submission,\n    // not present-but-empty. Only emit the hidden input when actually checked.\n    const hiddenInput =\n      name && checked === true ? <input type={'hidden'} name={name} value={value} /> : null;\n\n    if (label === undefined && helperText === undefined) {\n      return (\n        <>\n          {button}\n          {hiddenInput}\n        </>\n      );\n    }\n\n    return (\n      <Column data-slot={'checkbox-field'} gap={1}>\n        <Row data-slot={'checkbox-row'} gap={1} align={'center'}>\n          {button}\n          {label !== undefined ? (\n            <Label\n              data-slot={'checkbox-label'}\n              htmlFor={checkboxId}\n              className={cn(s['label'], disabled && s['label--disabled'])}\n              theme={destructive ? 'destructive' : 'inherit'}\n            >\n              {label}\n            </Label>\n          ) : null}\n        </Row>\n        {helperText !== undefined ? (\n          <Typography\n            data-slot={'checkbox-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            theme={destructive ? 'destructive' : 'muted'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        ) : null}\n        {hiddenInput}\n      </Column>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sources":["../../../src/form/Checkbox/checkbox.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { Column, Row } from '@constellation/layout';\nimport { type FormTheme } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { CheckIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './checkbox.module.scss';\n\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onChange' | 'value' | 'defaultValue' | 'defaultChecked'\n> {\n  theme?: FormTheme;\n  destructive?: boolean;\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  onCheckedChange?: (checked: CheckedState) => void;\n  value?: string;\n  name?: string;\n  required?: boolean;\n  /** Optional inline label rendered to the right of the checkbox and associated via htmlFor. */\n  label?: React.ReactNode;\n  /** Optional helper / validation text rendered beneath the checkbox + label row. */\n  helperText?: React.ReactNode;\n  /**\n   * Box size. `md` (default) is the form size; `sm` suits a dense list row and\n   * `lg` a primary confirm. The tick and the helper-text indent follow it.\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      className,\n      id,\n      theme = 'primary',\n      destructive = false,\n      size = 'md',\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      disabled,\n      value = 'on',\n      name,\n      required,\n      label,\n      helperText,\n      ['aria-invalid']: ariaInvalid,\n      ['aria-describedby']: ariaDescribedBy,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const isControlled = controlledChecked !== undefined;\n    const [internalChecked, setInternalChecked] = React.useState<CheckedState>(defaultChecked);\n    const checked = isControlled ? controlledChecked : internalChecked;\n\n    const generatedId = React.useId();\n    const checkboxId = id ?? generatedId;\n    const helperId = helperText ? `${checkboxId}-helper` : undefined;\n    const describedBy = [ariaDescribedBy, helperId].filter(Boolean).join(' ') || undefined;\n\n    const dataState =\n      checked === 'indeterminate' ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n\n    const toggle = () => {\n      if (disabled) return;\n      const next = checked === 'indeterminate' ? true : !checked;\n      if (!isControlled) {\n        setInternalChecked(next);\n      }\n      onCheckedChange?.(next);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      if (e.defaultPrevented) return;\n      toggle();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (e.key === ' ') {\n        e.preventDefault();\n        toggle();\n      }\n    };\n\n    const button = (\n      <button\n        ref={ref}\n        id={checkboxId}\n        type={'button'}\n        role={'checkbox'}\n        aria-checked={checked === 'indeterminate' ? 'mixed' : checked}\n        aria-invalid={destructive ? 'true' : ariaInvalid}\n        aria-required={required}\n        aria-describedby={describedBy}\n        data-slot={'checkbox'}\n        data-state={dataState}\n        disabled={disabled}\n        className={cn(\n          s.checkbox,\n          s[`theme-${theme}`],\n          size !== 'md' && s[`size-${size}`],\n          className,\n        )}\n        {...props}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {checked ? (\n          <span data-slot={'checkbox-indicator'} className={s.indicator}>\n            <CheckIcon className={s.icon} />\n          </span>\n        ) : null}\n      </button>\n    );\n\n    // Match native <input type='checkbox'> form-submission semantics: an\n    // unchecked (or indeterminate) box is omitted entirely from the submission,\n    // not present-but-empty. Only emit the hidden input when actually checked.\n    const hiddenInput =\n      name && checked === true ? <input type={'hidden'} name={name} value={value} /> : null;\n\n    if (label === undefined && helperText === undefined) {\n      return (\n        <>\n          {button}\n          {hiddenInput}\n        </>\n      );\n    }\n\n    return (\n      <Column data-slot={'checkbox-field'} gap={1}>\n        <Row data-slot={'checkbox-row'} gap={1} align={'center'}>\n          {button}\n          {label !== undefined ? (\n            <Label\n              data-slot={'checkbox-label'}\n              htmlFor={checkboxId}\n              className={cn(s['label'], disabled && s['label--disabled'])}\n              theme={destructive ? 'destructive' : 'inherit'}\n            >\n              {label}\n            </Label>\n          ) : null}\n        </Row>\n        {helperText !== undefined ? (\n          <Typography\n            data-slot={'checkbox-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            theme={destructive ? 'destructive' : 'muted'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        ) : null}\n        {hiddenInput}\n      </Column>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/form/Checkbox/checkbox.module.scss.js

@@ -1,6 +1,6 @@
 import './checkbox.css';
 
-var s = {"theme-inherit":"checkbox-module_theme-inherit__9-o7A","theme-primary":"checkbox-module_theme-primary__zyuNX","theme-secondary":"checkbox-module_theme-secondary__JUYKr","theme-destructive":"checkbox-module_theme-destructive__M8AgU","theme-warning":"checkbox-module_theme-warning__AKuuE","theme-success":"checkbox-module_theme-success__Mp45s","theme-info":"checkbox-module_theme-info__Gdbcb","theme-slate":"checkbox-module_theme-slate__eMHDz","checkbox":"checkbox-module_checkbox__8YN87","indicator":"checkbox-module_indicator__RVW8h","icon":"checkbox-module_icon__azmqw","label":"checkbox-module_label__rVKGq","label--disabled":"checkbox-module_label--disabled__iHm0R","helper-text":"checkbox-module_helper-text__d0ZOs"};
+var s = {"checkbox":"checkbox-module_checkbox__8YN87","theme-inherit":"checkbox-module_theme-inherit__9-o7A","theme-primary":"checkbox-module_theme-primary__zyuNX","theme-secondary":"checkbox-module_theme-secondary__JUYKr","theme-destructive":"checkbox-module_theme-destructive__M8AgU","theme-warning":"checkbox-module_theme-warning__AKuuE","theme-success":"checkbox-module_theme-success__Mp45s","theme-info":"checkbox-module_theme-info__Gdbcb","theme-slate":"checkbox-module_theme-slate__eMHDz","size-sm":"checkbox-module_size-sm__54gTY","size-lg":"checkbox-module_size-lg__6BGUr","indicator":"checkbox-module_indicator__RVW8h","icon":"checkbox-module_icon__azmqw","label":"checkbox-module_label__rVKGq","label--disabled":"checkbox-module_label--disabled__iHm0R","helper-text":"checkbox-module_helper-text__d0ZOs"};
 
 export { s as default };
 //# sourceMappingURL=checkbox.module.scss.js.map

package/dist/form/Combobox/combobox.css

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+.combobox-module_empty__S_Hgc {
+  color: var(--text-secondary);
+  font-size: 0.8rem;
+  padding: 0.5rem 0.75rem;
+}
+
+/*
+ * The typed fragment, picked out inside each suggestion. Weight only — a colour
+ * change here fights the row's own hover and selected states.
+ */
+.combobox-module_match__WZJoC {
+  font-weight: 700;
+}
+
+.combobox-module_hint__JccTH {
+  color: var(--text-secondary);
+  font-size: 0.72rem;
+  margin-left: auto;
+  padding-left: 0.75rem;
+  white-space: nowrap;
+}
+
+/* The row is a flex line already; this keeps the label from crushing the hint. */
+.combobox-module_label__kNV8N {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.combobox-module_active__idRqT {
+  background-color: var(--secondary-main);
+  color: var(--secondary-contrast);
+}

package/dist/form/Combobox/combobox.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { InputBaseProps } from '../Input/input';
+export interface ComboboxOption {
+    /** The value written back on selection. */
+    value: string;
+    /** What the row shows. Falls back to `value`. */
+    label?: string;
+    /** Trailing muted text — a category, a count, a unit. */
+    hint?: string;
+    /** Heading this option files under. Ungrouped options render first. */
+    group?: string;
+}
+export interface ComboboxProps extends InputBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'list'> {
+    options: ComboboxOption[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /**
+     * Whether a value absent from `options` is allowed. Default true — this
+     * replaces a `<datalist>`, whose whole point is that typing a new one is how
+     * the vocabulary grows.
+     */
+    allowCustom?: boolean;
+    /** Shown when the filter matches nothing. */
+    emptyText?: string;
+    /** Cap on rows rendered at once. */
+    maxVisible?: number;
+}
+/**
+ * Free-text field with a suggestion list.
+ *
+ * This exists because `<datalist>` does not hold up: Chrome only reliably opens
+ * it once the user types or presses ArrowDown — a click on the field does
+ * nothing, so it reads as broken — and nothing about the popup can be styled,
+ * so it arrives as OS chrome hanging off an otherwise themed field.
+ *
+ * The panel is Select's `Surface` and Select's stylesheet, deliberately: a
+ * lookalike built from its own rules drifts the moment either is touched.
+ */
+declare function Combobox({ options, value, onValueChange, allowCustom, emptyText, maxVisible, onKeyDown, onFocus, onBlur, className, ...inputProps }: ComboboxProps): React.JSX.Element;
+export { Combobox };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/form/Combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/form/Combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAMrD,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aACf,SACE,cAAc,EAOd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD;;;;;;;;;;GAUG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,KAAU,EACV,aAAa,EACb,WAAkB,EAClB,SAAwB,EACxB,UAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,UAAU,EACd,EAAE,aAAa,qBA0Mf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/form/Combobox/combobox.js

@@ -0,0 +1,152 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import cn from 'clsx';
+import { Input } from '../Input/input.js';
+import { __Surface as Surface } from '../Select/select.js';
+import selectStyles from '../Select/select.module.scss.js';
+import s from './combobox.module.scss.js';
+
+function normalize(text) {
+    return text.trim().toLowerCase();
+}
+/**
+ * Free-text field with a suggestion list.
+ *
+ * This exists because `<datalist>` does not hold up: Chrome only reliably opens
+ * it once the user types or presses ArrowDown — a click on the field does
+ * nothing, so it reads as broken — and nothing about the popup can be styled,
+ * so it arrives as OS chrome hanging off an otherwise themed field.
+ *
+ * The panel is Select's `Surface` and Select's stylesheet, deliberately: a
+ * lookalike built from its own rules drifts the moment either is touched.
+ */
+function Combobox({ options, value = '', onValueChange, allowCustom = true, emptyText = 'No matches', maxVisible = 50, onKeyDown, onFocus, onBlur, className, ...inputProps }) {
+    const [open, setOpen] = React.useState(false);
+    const [active, setActive] = React.useState(0);
+    /*
+     * Typing filters; opening from a click does not. Without this the list would
+     * arrive pre-filtered to the single current value, which is the least useful
+     * moment to hide the other 26 options.
+     */
+    const [query, setQuery] = React.useState(null);
+    const triggerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const filtered = React.useMemo(() => {
+        const q = normalize(query ?? '');
+        const matches = q ? options.filter(o => normalize(o.label ?? o.value).includes(q)) : options;
+        return matches.slice(0, maxVisible);
+    }, [options, query, maxVisible]);
+    // A filter that shortens the list must not leave the highlight past its end.
+    React.useEffect(() => {
+        setActive(i => (i < filtered.length ? i : 0));
+    }, [filtered.length]);
+    const close = React.useCallback(() => {
+        setOpen(false);
+        setQuery(null);
+    }, []);
+    React.useEffect(() => {
+        if (!open)
+            return undefined;
+        const onDocPointerDown = (event) => {
+            const target = event.target;
+            if (triggerRef.current?.contains(target))
+                return;
+            if (contentRef.current?.contains(target))
+                return;
+            close();
+        };
+        document.addEventListener('pointerdown', onDocPointerDown, true);
+        return () => document.removeEventListener('pointerdown', onDocPointerDown, true);
+    }, [open, close]);
+    const commit = (next) => {
+        onValueChange?.(next);
+        close();
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (!open) {
+                setOpen(true);
+                return;
+            }
+            if (!filtered.length)
+                return;
+            const step = event.key === 'ArrowDown' ? 1 : -1;
+            setActive(i => (i + step + filtered.length) % filtered.length);
+            return;
+        }
+        if (event.key === 'Enter') {
+            if (open && filtered[active]) {
+                event.preventDefault();
+                commit(filtered[active].value);
+            }
+            return;
+        }
+        if (event.key === 'Escape') {
+            if (open) {
+                // Only the list closes. Escape inside a Dialog would otherwise dismiss
+                // the whole dialog out from under an open dropdown.
+                event.stopPropagation();
+                close();
+            }
+            return;
+        }
+        if (event.key === 'Tab') {
+            close();
+        }
+    };
+    /* Ungrouped rows first, then each group in the order it first appears. */
+    const sections = React.useMemo(() => {
+        const loose = [];
+        const groups = new Map();
+        for (const option of filtered) {
+            if (!option.group) {
+                loose.push(option);
+                continue;
+            }
+            const bucket = groups.get(option.group);
+            if (bucket)
+                bucket.push(option);
+            else
+                groups.set(option.group, [option]);
+        }
+        return { loose, groups: [...groups.entries()] };
+    }, [filtered]);
+    let index = -1;
+    const renderOption = (option) => {
+        index += 1;
+        const i = index;
+        const text = option.label ?? option.value;
+        const q = normalize(query ?? '');
+        const at = q ? normalize(text).indexOf(q) : -1;
+        return (jsxs("button", { type: 'button', role: 'option', "aria-selected": option.value === value, "data-slot": 'combobox-item', tabIndex: -1, className: cn(selectStyles.item, i === active && s.active), 
+            // pointerdown, not click: the field's blur would otherwise tear the
+            // list down before the click ever lands.
+            onPointerDown: event => {
+                event.preventDefault();
+                commit(option.value);
+            }, onMouseMove: () => setActive(i), children: [jsx("span", { className: s.label, children: at >= 0 ? (jsxs(Fragment, { children: [text.slice(0, at), jsx("span", { className: s.match, children: text.slice(at, at + q.length) }), text.slice(at + q.length)] })) : (text) }), option.hint ? jsx("span", { className: s.hint, children: option.hint }) : null] }, `${option.group ?? ''}:${option.value}`));
+    };
+    return (jsxs(Fragment, { children: [jsx("div", { ref: triggerRef, children: jsx(Input, { ...inputProps, className: className, role: 'combobox', "aria-expanded": open, "aria-autocomplete": 'list', autoComplete: 'off', value: value, onChange: event => {
+                        const next = event.target.value;
+                        setQuery(next);
+                        setActive(0);
+                        setOpen(true);
+                        if (allowCustom)
+                            onValueChange?.(next);
+                    }, onFocus: event => {
+                        onFocus?.(event);
+                        setOpen(true);
+                    }, onBlur: event => {
+                        onBlur?.(event);
+                        if (!allowCustom && value && !options.some(o => o.value === value)) {
+                            onValueChange?.('');
+                        }
+                    }, onClick: () => setOpen(true), onKeyDown: handleKeyDown }) }), jsx(Surface, { open: open, displayOpen: open, contentRef: contentRef, triggerRef: triggerRef, className: selectStyles.content, role: 'listbox', children: jsx("div", { className: cn(selectStyles.viewport, selectStyles['viewport-popper']), children: filtered.length === 0 ? (jsx("div", { className: s.empty, children: emptyText })) : (jsxs(Fragment, { children: [sections.loose.map(renderOption), sections.groups.map(([group, items]) => (jsxs("div", { className: selectStyles.group, role: 'group', "aria-label": group, children: [jsx("div", { className: selectStyles['group-label'], "aria-hidden": 'true', children: group }), items.map(renderOption)] }, group)))] })) }) })] }));
+}
+
+export { Combobox };
+//# sourceMappingURL=combobox.js.map

package/dist/form/Combobox/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../src/form/Combobox/combobox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport cn from 'clsx';\nimport { Input } from '../Input';\nimport type { InputBaseProps } from '../Input/input';\nimport { __Surface as Surface } from '../Select/select';\nimport selectStyles from '../Select/select.module.scss';\n\nimport s from './combobox.module.scss';\n\nexport interface ComboboxOption {\n  /** The value written back on selection. */\n  value: string;\n  /** What the row shows. Falls back to `value`. */\n  label?: string;\n  /** Trailing muted text — a category, a count, a unit. */\n  hint?: string;\n  /** Heading this option files under. Ungrouped options render first. */\n  group?: string;\n}\n\nexport interface ComboboxProps\n  extends\n    InputBaseProps,\n    /*\n     * The <input> half only. `Input`'s own props are a union with the textarea\n     * variant, and a union will not narrow through a spread — every handler\n     * below would be typed as \"input AND textarea event\" and none of them\n     * would satisfy it.\n     */\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'list'> {\n  options: ComboboxOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  /**\n   * Whether a value absent from `options` is allowed. Default true — this\n   * replaces a `<datalist>`, whose whole point is that typing a new one is how\n   * the vocabulary grows.\n   */\n  allowCustom?: boolean;\n  /** Shown when the filter matches nothing. */\n  emptyText?: string;\n  /** Cap on rows rendered at once. */\n  maxVisible?: number;\n}\n\nfunction normalize(text: string) {\n  return text.trim().toLowerCase();\n}\n\n/**\n * Free-text field with a suggestion list.\n *\n * This exists because `<datalist>` does not hold up: Chrome only reliably opens\n * it once the user types or presses ArrowDown — a click on the field does\n * nothing, so it reads as broken — and nothing about the popup can be styled,\n * so it arrives as OS chrome hanging off an otherwise themed field.\n *\n * The panel is Select's `Surface` and Select's stylesheet, deliberately: a\n * lookalike built from its own rules drifts the moment either is touched.\n */\nfunction Combobox({\n  options,\n  value = '',\n  onValueChange,\n  allowCustom = true,\n  emptyText = 'No matches',\n  maxVisible = 50,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  className,\n  ...inputProps\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false);\n  const [active, setActive] = React.useState(0);\n  /*\n   * Typing filters; opening from a click does not. Without this the list would\n   * arrive pre-filtered to the single current value, which is the least useful\n   * moment to hide the other 26 options.\n   */\n  const [query, setQuery] = React.useState<string | null>(null);\n\n  const triggerRef = React.useRef<HTMLDivElement | null>(null);\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n\n  const filtered = React.useMemo(() => {\n    const q = normalize(query ?? '');\n    const matches = q ? options.filter(o => normalize(o.label ?? o.value).includes(q)) : options;\n    return matches.slice(0, maxVisible);\n  }, [options, query, maxVisible]);\n\n  // A filter that shortens the list must not leave the highlight past its end.\n  React.useEffect(() => {\n    setActive(i => (i < filtered.length ? i : 0));\n  }, [filtered.length]);\n\n  const close = React.useCallback(() => {\n    setOpen(false);\n    setQuery(null);\n  }, []);\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onDocPointerDown = (event: PointerEvent) => {\n      const target = event.target as Node | null;\n      if (triggerRef.current?.contains(target as Node)) return;\n      if (contentRef.current?.contains(target as Node)) return;\n      close();\n    };\n    document.addEventListener('pointerdown', onDocPointerDown, true);\n    return () => document.removeEventListener('pointerdown', onDocPointerDown, true);\n  }, [open, close]);\n\n  const commit = (next: string) => {\n    onValueChange?.(next);\n    close();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      if (!open) {\n        setOpen(true);\n        return;\n      }\n      if (!filtered.length) return;\n      const step = event.key === 'ArrowDown' ? 1 : -1;\n      setActive(i => (i + step + filtered.length) % filtered.length);\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      if (open && filtered[active]) {\n        event.preventDefault();\n        commit(filtered[active].value);\n      }\n      return;\n    }\n\n    if (event.key === 'Escape') {\n      if (open) {\n        // Only the list closes. Escape inside a Dialog would otherwise dismiss\n        // the whole dialog out from under an open dropdown.\n        event.stopPropagation();\n        close();\n      }\n      return;\n    }\n\n    if (event.key === 'Tab') {\n      close();\n    }\n  };\n\n  /* Ungrouped rows first, then each group in the order it first appears. */\n  const sections = React.useMemo(() => {\n    const loose: ComboboxOption[] = [];\n    const groups = new Map<string, ComboboxOption[]>();\n    for (const option of filtered) {\n      if (!option.group) {\n        loose.push(option);\n        continue;\n      }\n      const bucket = groups.get(option.group);\n      if (bucket) bucket.push(option);\n      else groups.set(option.group, [option]);\n    }\n    return { loose, groups: [...groups.entries()] };\n  }, [filtered]);\n\n  let index = -1;\n  const renderOption = (option: ComboboxOption) => {\n    index += 1;\n    const i = index;\n    const text = option.label ?? option.value;\n    const q = normalize(query ?? '');\n    const at = q ? normalize(text).indexOf(q) : -1;\n\n    return (\n      <button\n        key={`${option.group ?? ''}:${option.value}`}\n        type={'button'}\n        role={'option'}\n        aria-selected={option.value === value}\n        data-slot={'combobox-item'}\n        tabIndex={-1}\n        className={cn(selectStyles.item, i === active && s.active)}\n        // pointerdown, not click: the field's blur would otherwise tear the\n        // list down before the click ever lands.\n        onPointerDown={event => {\n          event.preventDefault();\n          commit(option.value);\n        }}\n        onMouseMove={() => setActive(i)}\n      >\n        <span className={s.label}>\n          {at >= 0 ? (\n            <>\n              {text.slice(0, at)}\n              <span className={s.match}>{text.slice(at, at + q.length)}</span>\n              {text.slice(at + q.length)}\n            </>\n          ) : (\n            text\n          )}\n        </span>\n        {option.hint ? <span className={s.hint}>{option.hint}</span> : null}\n      </button>\n    );\n  };\n\n  return (\n    <>\n      <div ref={triggerRef}>\n        <Input\n          {...inputProps}\n          className={className}\n          role={'combobox'}\n          aria-expanded={open}\n          aria-autocomplete={'list'}\n          autoComplete={'off'}\n          value={value}\n          onChange={event => {\n            const next = event.target.value;\n            setQuery(next);\n            setActive(0);\n            setOpen(true);\n            if (allowCustom) onValueChange?.(next);\n          }}\n          onFocus={event => {\n            onFocus?.(event);\n            setOpen(true);\n          }}\n          onBlur={event => {\n            onBlur?.(event);\n            if (!allowCustom && value && !options.some(o => o.value === value)) {\n              onValueChange?.('');\n            }\n          }}\n          onClick={() => setOpen(true)}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n      <Surface\n        open={open}\n        displayOpen={open}\n        contentRef={contentRef}\n        triggerRef={triggerRef}\n        className={selectStyles.content}\n        role={'listbox'}\n      >\n        <div className={cn(selectStyles.viewport, selectStyles['viewport-popper'])}>\n          {filtered.length === 0 ? (\n            <div className={s.empty}>{emptyText}</div>\n          ) : (\n            <>\n              {sections.loose.map(renderOption)}\n              {sections.groups.map(([group, items]) => (\n                <div key={group} className={selectStyles.group} role={'group'} aria-label={group}>\n                  <div className={selectStyles['group-label']} aria-hidden={'true'}>\n                    {group}\n                  </div>\n                  {items.map(renderOption)}\n                </div>\n              ))}\n            </>\n          )}\n        </div>\n      </Surface>\n    </>\n  );\n}\n\nexport { Combobox };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/form/Combobox/combobox.module.scss.js

@@ -0,0 +1,6 @@
+import './combobox.css';
+
+var s = {"empty":"combobox-module_empty__S_Hgc","match":"combobox-module_match__WZJoC","hint":"combobox-module_hint__JccTH","label":"combobox-module_label__kNV8N","active":"combobox-module_active__idRqT"};
+
+export { s as default };
+//# sourceMappingURL=combobox.module.scss.js.map