@kismet-ux/constellation 1.12.0 → 1.13.0

package/dist/ui/ChipSelect/chip-select.css

@@ -0,0 +1,63 @@
+@charset "UTF-8";
+.chip-select-module_chip-select__DesJh {
+  display: inline-flex;
+  max-width: 100%;
+}
+
+/*
+ * The caret is a hint that there is more under the chip, not a control. It is
+ * deliberately tiny — the chip is already small, and a full chevron doubles the
+ * visual weight of a word like "32oz".
+ */
+.chip-select-module_caret__Du-C1 {
+  border-bottom: 3px solid currentColor;
+  border-left: 3px solid transparent;
+  border-right: 3px solid transparent;
+  display: inline-block;
+  height: 0;
+  margin-left: 0.35em;
+  opacity: 0.55;
+  transform: rotate(180deg);
+  transition: transform 160ms ease;
+  width: 0;
+}
+[data-open] .chip-select-module_caret__Du-C1 {
+  transform: rotate(0deg);
+}
+
+.chip-select-module_flyout__EzyIR {
+  background: var(--surface-muted);
+  border: 1px solid var(--divider);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-elevation-8);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--size-0-5);
+  max-width: min(84vw, 22rem);
+  padding: var(--size-0-5);
+  position: fixed;
+  z-index: var(--z-popover);
+}
+.chip-select-module_flyout__EzyIR [data-slot=chip-option] {
+  animation: chip-select-module_chip-option-in__FN6D0 180ms cubic-bezier(0.2, 0.8, 0.3, 1) backwards;
+  animation-delay: calc(var(--i, 0) * 26ms);
+}
+@media (prefers-reduced-motion: reduce) {
+  .chip-select-module_flyout__EzyIR :root:not([data-motion=full]) [data-slot=chip-option] {
+    animation: none;
+  }
+}
+.chip-select-module_flyout__EzyIR :root[data-motion=reduced] [data-slot=chip-option] {
+  animation: none;
+}
+
+@keyframes chip-select-module_chip-option-in__FN6D0 {
+  from {
+    opacity: 0;
+    transform: translateY(-6px) scale(0.94);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}

package/dist/ui/ChipSelect/chip-select.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { type ChipProps } from '../Chip';
+export interface ChipSelectOption {
+    value: string;
+    /** What the chip reads. Defaults to `value`. */
+    label?: React.ReactNode;
+    /** A `title` on the chip — the reckoning behind the option, if there is one. */
+    hint?: string;
+    disabled?: boolean;
+}
+export interface ChipSelectProps {
+    options: ChipSelectOption[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /**
+     * What the anchor shows while nothing is selected — the option the caller
+     * would pick for you. Its chip draws as a suggestion rather than a choice.
+     */
+    placeholder?: string;
+    /** Accessible name for the control. */
+    label: string;
+    /** Per-option chip props — the caller's own vocabulary for what an option IS. */
+    optionProps?: (option: ChipSelectOption, state: {
+        selected: boolean;
+        suggested: boolean;
+    }) => Partial<ChipProps>;
+    /** Chip defaults for every option. */
+    size?: ChipProps['size'];
+    theme?: ChipProps['theme'];
+    variant?: ChipProps['variant'];
+    mono?: boolean;
+    /** Taking the selection off again — off by default; a second tap does nothing. */
+    clearable?: boolean;
+    className?: string;
+}
+/**
+ * ONE CHIP UNTIL ASKED.
+ *
+ * A row of chips is the friendliest way to offer six sizes, four cuts or three
+ * grinds — and the most expensive thing on the card, because it is as tall as
+ * the row wraps to and it is spending that room on options nobody is choosing
+ * right now. Andrew, whose kitchen card this was crowding out: *"Only the
+ * default (if not yet selected) or selected pill should be visible. Hovering on
+ * desktop or tapping on mobile would then fly-out the other options from under
+ * the default pill. That way, the entire area is limited to the space of just
+ * one pill."*
+ *
+ * So: the selection is the control. The rest live under it and come out when
+ * asked — on hover where there is a pointer, on a tap where there is not.
+ *
+ * ⚠️ THE FLYOUT IS PORTALED, and it has to be. A chip select is small enough to
+ * look like it could open in place, but it is used inside cards, sheets and
+ * drawers — and a `Sheet` is `overflow: hidden` while a scrolling body is a
+ * clipping box on both axes. Opening in flow would either be clipped at the
+ * worst moment (an option near the foot of a long sheet) or push the card's own
+ * content around every time somebody moved a mouse over it.
+ *
+ * ⚠️ A TAP IS NOT A HOVER. On a touch screen the first tap must OPEN and select
+ * nothing — a pointer-driven `mouseenter` fires on touch too, and without this
+ * the first tap both opened the flyout and committed whatever the anchor
+ * happened to be showing.
+ *
+ * The options emerge with a stagger, which is the whole point of the gesture:
+ * they should read as having come out from under the anchor rather than
+ * appearing beside it. `prefers-reduced-motion` takes the movement out and
+ * keeps the reveal.
+ */
+export declare const ChipSelect: React.ForwardRefExoticComponent<ChipSelectProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=chip-select.d.ts.map

package/dist/ui/ChipSelect/chip-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-select.d.ts","sourceRoot":"","sources":["../../../src/ui/ChipSelect/chip-select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,WAAW,CAAC,EAAE,CACZ,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KAC7C,OAAO,CAAC,SAAS,CAAC,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU,wFAyOrB,CAAC"}

package/dist/ui/ChipSelect/chip-select.js

@@ -0,0 +1,209 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { Chip } from '../Chip/chip.js';
+import s from './chip-select.module.scss.js';
+
+/** Hover-intent: long enough not to fire in passing, short enough not to feel late. */
+const OPEN_DELAY = 90;
+const CLOSE_DELAY = 220;
+/**
+ * ONE CHIP UNTIL ASKED.
+ *
+ * A row of chips is the friendliest way to offer six sizes, four cuts or three
+ * grinds — and the most expensive thing on the card, because it is as tall as
+ * the row wraps to and it is spending that room on options nobody is choosing
+ * right now. Andrew, whose kitchen card this was crowding out: *"Only the
+ * default (if not yet selected) or selected pill should be visible. Hovering on
+ * desktop or tapping on mobile would then fly-out the other options from under
+ * the default pill. That way, the entire area is limited to the space of just
+ * one pill."*
+ *
+ * So: the selection is the control. The rest live under it and come out when
+ * asked — on hover where there is a pointer, on a tap where there is not.
+ *
+ * ⚠️ THE FLYOUT IS PORTALED, and it has to be. A chip select is small enough to
+ * look like it could open in place, but it is used inside cards, sheets and
+ * drawers — and a `Sheet` is `overflow: hidden` while a scrolling body is a
+ * clipping box on both axes. Opening in flow would either be clipped at the
+ * worst moment (an option near the foot of a long sheet) or push the card's own
+ * content around every time somebody moved a mouse over it.
+ *
+ * ⚠️ A TAP IS NOT A HOVER. On a touch screen the first tap must OPEN and select
+ * nothing — a pointer-driven `mouseenter` fires on touch too, and without this
+ * the first tap both opened the flyout and committed whatever the anchor
+ * happened to be showing.
+ *
+ * The options emerge with a stagger, which is the whole point of the gesture:
+ * they should read as having come out from under the anchor rather than
+ * appearing beside it. `prefers-reduced-motion` takes the movement out and
+ * keeps the reveal.
+ */
+const ChipSelect = React.forwardRef(function ChipSelect({ options, value, onValueChange, placeholder, label, optionProps, size = 'xs', theme, variant = 'outline', mono, clearable = false, className, }, ref) {
+    const [open, setOpen] = React.useState(false);
+    const [coords, setCoords] = React.useState(null);
+    const anchorRef = React.useRef(null);
+    const flyoutRef = React.useRef(null);
+    const timer = React.useRef(0);
+    /* Whether the gesture that opened this was a touch — a tap must not also
+       pick, and a touch flyout must not close because a finger left the chip. */
+    const touched = React.useRef(false);
+    const selected = options.find(o => o.value === value) || null;
+    const suggestion = !selected && placeholder ? options.find(o => o.value === placeholder) : null;
+    /* What the one visible chip says. A selection, else the suggestion, else the
+       first thing on offer — there is always exactly one chip. */
+    const anchor = selected || suggestion || options[0] || null;
+    const clearTimer = () => {
+        if (timer.current)
+            window.clearTimeout(timer.current);
+        timer.current = 0;
+    };
+    const place = React.useCallback(() => {
+        const el = anchorRef.current;
+        if (!el)
+            return;
+        const r = el.getBoundingClientRect();
+        setCoords({ top: r.bottom + 6, left: r.left });
+    }, []);
+    const show = React.useCallback(() => {
+        clearTimer();
+        place();
+        setOpen(true);
+    }, [place]);
+    const hide = React.useCallback(() => {
+        clearTimer();
+        setOpen(false);
+        touched.current = false;
+    }, []);
+    // Closing the page, scrolling the list or turning the phone all move the
+    // anchor out from under a fixed flyout. Follow it rather than leave it behind.
+    React.useEffect(() => {
+        if (!open)
+            return undefined;
+        const onScroll = () => place();
+        window.addEventListener('scroll', onScroll, true);
+        window.addEventListener('resize', onScroll);
+        return () => {
+            window.removeEventListener('scroll', onScroll, true);
+            window.removeEventListener('resize', onScroll);
+        };
+    }, [open, place]);
+    // A tap anywhere else puts it away. Pointerdown rather than click, so it
+    // closes on the way down like every other dismissible surface here.
+    React.useEffect(() => {
+        if (!open)
+            return undefined;
+        const onDown = (e) => {
+            const t = e.target;
+            if (anchorRef.current?.contains(t) || flyoutRef.current?.contains(t))
+                return;
+            hide();
+        };
+        document.addEventListener('pointerdown', onDown);
+        return () => document.removeEventListener('pointerdown', onDown);
+    }, [open, hide]);
+    React.useEffect(() => () => clearTimer(), []);
+    const pick = (option) => {
+        if (option.disabled)
+            return;
+        const next = clearable && option.value === value ? '' : option.value;
+        onValueChange?.(next);
+        hide();
+    };
+    const onKeyDown = (e) => {
+        if (e.key === 'Escape' && open) {
+            e.preventDefault();
+            hide();
+            anchorRef.current?.focus();
+            return;
+        }
+        if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {
+            if (!open) {
+                e.preventDefault();
+                show();
+                return;
+            }
+        }
+        if (!open)
+            return;
+        const items = flyoutRef.current?.querySelectorAll('[data-slot="chip-option"]');
+        if (!items?.length)
+            return;
+        const list = Array.from(items);
+        const at = list.indexOf(document.activeElement);
+        let next = null;
+        if (e.key === 'ArrowDown' || e.key === 'ArrowRight')
+            next = at < 0 ? 0 : (at + 1) % list.length;
+        else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft')
+            next = at < 0 ? list.length - 1 : (at - 1 + list.length) % list.length;
+        else if (e.key === 'Home')
+            next = 0;
+        else if (e.key === 'End')
+            next = list.length - 1;
+        if (next !== null) {
+            e.preventDefault();
+            list[next].focus();
+        }
+    };
+    const chipFor = (option, isAnchor) => {
+        const isSelected = option.value === value;
+        const isSuggested = !value && option.value === placeholder;
+        return {
+            size,
+            theme,
+            mono,
+            variant: isSelected ? 'soft' : variant,
+            dashed: isSuggested || undefined,
+            ...(optionProps?.(option, { selected: isSelected, suggested: isSuggested }) ?? {}),
+            ...(isAnchor ? {} : {}),
+        };
+    };
+    if (!anchor)
+        return null;
+    return (jsxs("div", { ref: ref, "data-slot": 'chip-select', className: cn(s['chip-select'], className), onKeyDown: onKeyDown, onPointerEnter: e => {
+            // Touch fires this too; only a real pointer opens on its own.
+            if (e.pointerType === 'touch')
+                return;
+            clearTimer();
+            timer.current = window.setTimeout(show, OPEN_DELAY);
+        }, onPointerLeave: e => {
+            if (e.pointerType === 'touch' || touched.current)
+                return;
+            clearTimer();
+            timer.current = window.setTimeout(hide, CLOSE_DELAY);
+        }, children: [jsx(Chip, { ...chipFor(anchor, true), asChild: true, children: jsxs("button", { ref: anchorRef, type: 'button', "data-slot": 'chip-select-anchor', "data-open": open || undefined, "aria-haspopup": 'listbox', "aria-expanded": open, "aria-label": `${label}: ${selected ? String(selected.value) : 'not set'}`, title: anchor.hint, 
+                    // ⚠️ The first TAP opens and picks nothing. Without this the same tap
+                    // that reveals the options also commits whatever was under the finger.
+                    onPointerDown: e => {
+                        if (e.pointerType !== 'touch')
+                            return;
+                        touched.current = true;
+                        e.preventDefault();
+                        if (open)
+                            hide();
+                        else
+                            show();
+                    }, onClick: e => {
+                        if (touched.current) {
+                            e.preventDefault();
+                            return;
+                        }
+                        if (open)
+                            hide();
+                        else
+                            show();
+                    }, children: [anchor.label ?? anchor.value, jsx("span", { "aria-hidden": 'true', "data-slot": 'chip-select-caret', className: s.caret })] }) }), open &&
+                coords &&
+                createPortal(jsx("div", { ref: flyoutRef, "data-constellation-portal": '', "data-slot": 'chip-select-flyout', role: 'listbox', "aria-label": label, className: s.flyout, style: { top: coords.top, left: coords.left }, onKeyDown: onKeyDown, onPointerEnter: () => clearTimer(), onPointerLeave: e => {
+                        if (e.pointerType === 'touch' || touched.current)
+                            return;
+                        timer.current = window.setTimeout(hide, CLOSE_DELAY);
+                    }, children: options.map((option, i) => (jsx(Chip, { ...chipFor(option, false), asChild: true, children: jsx("button", { type: 'button', "data-slot": 'chip-option', role: 'option', "aria-selected": option.value === value, disabled: option.disabled, title: option.hint, 
+                            /* The stagger is what makes them read as having come out from
+                               under the anchor rather than appearing all at once. */
+                            style: { '--i': i }, onMouseDown: e => e.preventDefault(), onClick: () => pick(option), children: option.label ?? option.value }) }, option.value))) }), document.body)] }));
+});
+
+export { ChipSelect };
+//# sourceMappingURL=chip-select.js.map

package/dist/ui/ChipSelect/chip-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-select.js","sources":["../../../src/ui/ChipSelect/chip-select.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Chip, type ChipProps } from '../Chip';\nimport s from './chip-select.module.scss';\n\nexport interface ChipSelectOption {\n  value: string;\n  /** What the chip reads. Defaults to `value`. */\n  label?: React.ReactNode;\n  /** A `title` on the chip — the reckoning behind the option, if there is one. */\n  hint?: string;\n  disabled?: boolean;\n}\n\nexport interface ChipSelectProps {\n  options: ChipSelectOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  /**\n   * What the anchor shows while nothing is selected — the option the caller\n   * would pick for you. Its chip draws as a suggestion rather than a choice.\n   */\n  placeholder?: string;\n  /** Accessible name for the control. */\n  label: string;\n  /** Per-option chip props — the caller's own vocabulary for what an option IS. */\n  optionProps?: (\n    option: ChipSelectOption,\n    state: { selected: boolean; suggested: boolean },\n  ) => Partial<ChipProps>;\n  /** Chip defaults for every option. */\n  size?: ChipProps['size'];\n  theme?: ChipProps['theme'];\n  variant?: ChipProps['variant'];\n  mono?: boolean;\n  /** Taking the selection off again — off by default; a second tap does nothing. */\n  clearable?: boolean;\n  className?: string;\n}\n\n/** Hover-intent: long enough not to fire in passing, short enough not to feel late. */\nconst OPEN_DELAY = 90;\nconst CLOSE_DELAY = 220;\n\n/**\n * ONE CHIP UNTIL ASKED.\n *\n * A row of chips is the friendliest way to offer six sizes, four cuts or three\n * grinds — and the most expensive thing on the card, because it is as tall as\n * the row wraps to and it is spending that room on options nobody is choosing\n * right now. Andrew, whose kitchen card this was crowding out: *\"Only the\n * default (if not yet selected) or selected pill should be visible. Hovering on\n * desktop or tapping on mobile would then fly-out the other options from under\n * the default pill. That way, the entire area is limited to the space of just\n * one pill.\"*\n *\n * So: the selection is the control. The rest live under it and come out when\n * asked — on hover where there is a pointer, on a tap where there is not.\n *\n * ⚠️ THE FLYOUT IS PORTALED, and it has to be. A chip select is small enough to\n * look like it could open in place, but it is used inside cards, sheets and\n * drawers — and a `Sheet` is `overflow: hidden` while a scrolling body is a\n * clipping box on both axes. Opening in flow would either be clipped at the\n * worst moment (an option near the foot of a long sheet) or push the card's own\n * content around every time somebody moved a mouse over it.\n *\n * ⚠️ A TAP IS NOT A HOVER. On a touch screen the first tap must OPEN and select\n * nothing — a pointer-driven `mouseenter` fires on touch too, and without this\n * the first tap both opened the flyout and committed whatever the anchor\n * happened to be showing.\n *\n * The options emerge with a stagger, which is the whole point of the gesture:\n * they should read as having come out from under the anchor rather than\n * appearing beside it. `prefers-reduced-motion` takes the movement out and\n * keeps the reveal.\n */\nexport const ChipSelect = React.forwardRef<HTMLDivElement, ChipSelectProps>(function ChipSelect(\n  {\n    options,\n    value,\n    onValueChange,\n    placeholder,\n    label,\n    optionProps,\n    size = 'xs',\n    theme,\n    variant = 'outline',\n    mono,\n    clearable = false,\n    className,\n  },\n  ref,\n) {\n  const [open, setOpen] = React.useState(false);\n  const [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n  const anchorRef = React.useRef<HTMLButtonElement>(null);\n  const flyoutRef = React.useRef<HTMLDivElement>(null);\n  const timer = React.useRef<number>(0);\n  /* Whether the gesture that opened this was a touch — a tap must not also\n     pick, and a touch flyout must not close because a finger left the chip. */\n  const touched = React.useRef(false);\n\n  const selected = options.find(o => o.value === value) || null;\n  const suggestion = !selected && placeholder ? options.find(o => o.value === placeholder) : null;\n  /* What the one visible chip says. A selection, else the suggestion, else the\n     first thing on offer — there is always exactly one chip. */\n  const anchor = selected || suggestion || options[0] || null;\n\n  const clearTimer = () => {\n    if (timer.current) window.clearTimeout(timer.current);\n    timer.current = 0;\n  };\n\n  const place = React.useCallback(() => {\n    const el = anchorRef.current;\n    if (!el) return;\n    const r = el.getBoundingClientRect();\n    setCoords({ top: r.bottom + 6, left: r.left });\n  }, []);\n\n  const show = React.useCallback(() => {\n    clearTimer();\n    place();\n    setOpen(true);\n  }, [place]);\n\n  const hide = React.useCallback(() => {\n    clearTimer();\n    setOpen(false);\n    touched.current = false;\n  }, []);\n\n  // Closing the page, scrolling the list or turning the phone all move the\n  // anchor out from under a fixed flyout. Follow it rather than leave it behind.\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onScroll = () => place();\n    window.addEventListener('scroll', onScroll, true);\n    window.addEventListener('resize', onScroll);\n    return () => {\n      window.removeEventListener('scroll', onScroll, true);\n      window.removeEventListener('resize', onScroll);\n    };\n  }, [open, place]);\n\n  // A tap anywhere else puts it away. Pointerdown rather than click, so it\n  // closes on the way down like every other dismissible surface here.\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onDown = (e: PointerEvent) => {\n      const t = e.target as Node;\n      if (anchorRef.current?.contains(t) || flyoutRef.current?.contains(t)) return;\n      hide();\n    };\n    document.addEventListener('pointerdown', onDown);\n    return () => document.removeEventListener('pointerdown', onDown);\n  }, [open, hide]);\n\n  React.useEffect(() => () => clearTimer(), []);\n\n  const pick = (option: ChipSelectOption) => {\n    if (option.disabled) return;\n    const next = clearable && option.value === value ? '' : option.value;\n    onValueChange?.(next);\n    hide();\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape' && open) {\n      e.preventDefault();\n      hide();\n      anchorRef.current?.focus();\n      return;\n    }\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {\n      if (!open) {\n        e.preventDefault();\n        show();\n        return;\n      }\n    }\n    if (!open) return;\n    const items = flyoutRef.current?.querySelectorAll<HTMLButtonElement>(\n      '[data-slot=\"chip-option\"]',\n    );\n    if (!items?.length) return;\n    const list = Array.from(items);\n    const at = list.indexOf(document.activeElement as HTMLButtonElement);\n    let next: number | null = null;\n    if (e.key === 'ArrowDown' || e.key === 'ArrowRight') next = at < 0 ? 0 : (at + 1) % list.length;\n    else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft')\n      next = at < 0 ? list.length - 1 : (at - 1 + list.length) % list.length;\n    else if (e.key === 'Home') next = 0;\n    else if (e.key === 'End') next = list.length - 1;\n    if (next !== null) {\n      e.preventDefault();\n      list[next].focus();\n    }\n  };\n\n  const chipFor = (option: ChipSelectOption, isAnchor: boolean): Partial<ChipProps> => {\n    const isSelected = option.value === value;\n    const isSuggested = !value && option.value === placeholder;\n    return {\n      size,\n      theme,\n      mono,\n      variant: isSelected ? 'soft' : variant,\n      dashed: isSuggested || undefined,\n      ...(optionProps?.(option, { selected: isSelected, suggested: isSuggested }) ?? {}),\n      ...(isAnchor ? {} : {}),\n    };\n  };\n\n  if (!anchor) return null;\n\n  return (\n    <div\n      ref={ref}\n      data-slot={'chip-select'}\n      className={cn(s['chip-select'], className)}\n      onKeyDown={onKeyDown}\n      onPointerEnter={e => {\n        // Touch fires this too; only a real pointer opens on its own.\n        if (e.pointerType === 'touch') return;\n        clearTimer();\n        timer.current = window.setTimeout(show, OPEN_DELAY);\n      }}\n      onPointerLeave={e => {\n        if (e.pointerType === 'touch' || touched.current) return;\n        clearTimer();\n        timer.current = window.setTimeout(hide, CLOSE_DELAY);\n      }}\n    >\n      <Chip {...chipFor(anchor, true)} asChild>\n        <button\n          ref={anchorRef}\n          type={'button'}\n          data-slot={'chip-select-anchor'}\n          data-open={open || undefined}\n          aria-haspopup={'listbox'}\n          aria-expanded={open}\n          aria-label={`${label}: ${selected ? String(selected.value) : 'not set'}`}\n          title={anchor.hint}\n          // ⚠️ The first TAP opens and picks nothing. Without this the same tap\n          // that reveals the options also commits whatever was under the finger.\n          onPointerDown={e => {\n            if (e.pointerType !== 'touch') return;\n            touched.current = true;\n            e.preventDefault();\n            if (open) hide();\n            else show();\n          }}\n          onClick={e => {\n            if (touched.current) {\n              e.preventDefault();\n              return;\n            }\n            if (open) hide();\n            else show();\n          }}\n        >\n          {anchor.label ?? anchor.value}\n          <span aria-hidden={'true'} data-slot={'chip-select-caret'} className={s.caret} />\n        </button>\n      </Chip>\n\n      {open &&\n        coords &&\n        createPortal(\n          <div\n            ref={flyoutRef}\n            data-constellation-portal={''}\n            data-slot={'chip-select-flyout'}\n            role={'listbox'}\n            aria-label={label}\n            className={s.flyout}\n            style={{ top: coords.top, left: coords.left }}\n            onKeyDown={onKeyDown}\n            onPointerEnter={() => clearTimer()}\n            onPointerLeave={e => {\n              if (e.pointerType === 'touch' || touched.current) return;\n              timer.current = window.setTimeout(hide, CLOSE_DELAY);\n            }}\n          >\n            {options.map((option, i) => (\n              <Chip key={option.value} {...chipFor(option, false)} asChild>\n                <button\n                  type={'button'}\n                  data-slot={'chip-option'}\n                  role={'option'}\n                  aria-selected={option.value === value}\n                  disabled={option.disabled}\n                  title={option.hint}\n                  /* The stagger is what makes them read as having come out from\n                     under the anchor rather than appearing all at once. */\n                  style={{ '--i': i } as React.CSSProperties}\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={() => pick(option)}\n                >\n                  {option.label ?? option.value}\n                </button>\n              </Chip>\n            ))}\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n});\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/ui/ChipSelect/chip-select.module.scss.js

@@ -0,0 +1,6 @@
+import './chip-select.css';
+
+var s = {"chip-select":"chip-select-module_chip-select__DesJh","caret":"chip-select-module_caret__Du-C1","flyout":"chip-select-module_flyout__EzyIR"};
+
+export { s as default };
+//# sourceMappingURL=chip-select.module.scss.js.map

package/dist/ui/ChipSelect/chip-select.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-select.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/ui/ChipSelect/index.d.ts

@@ -0,0 +1,3 @@
+export { ChipSelect } from './chip-select';
+export type { ChipSelectOption, ChipSelectProps } from './chip-select';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/ChipSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ChipSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/ui/index.d.ts

@@ -2,6 +2,7 @@ export * from './Alert';
 export * from './Avatar';
 export * from './Button';
 export * from './Chip';
+export * from './ChipSelect';
 export * from './CodeBlock';
 export * from './DevIndicator';
 export * from './Dialog';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-D81GIX01.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-540OmbEG.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as ChipSelect, r as ChipSelectOption, s as ChipSelectProps, t as CodeBlock, u as CodeBlockProps, D as DevIndicator, v as DevIndicatorProps, w as Dialog, x as DialogClose, y as DialogCloseProps, z as DialogContent, B as DialogContentProps, E as DialogDescription, F as DialogFooter, G as DialogHeader, H as DialogOverlay, I as DialogPortal, J as DialogProps, K as DialogTitle, L as DialogTrigger, M as DialogTriggerProps, N as EmptyState, O as EmptyStateProps, P as Icon, Q as IconProps, R as List, T as ListItem, U as ListItemProps, V as ListProps, W as Pagination, Y as ProgressBar, Z as ProgressBarProps, $ as Separator, a0 as SeparatorProps, a3 as StatCard, a4 as StatCardDirection, a5 as StatCardProps, a6 as StatCardSize, a7 as StatCardTheme, a8 as StatCardVariant, a9 as StatusDot, aa as StatusDotProps, ab as Step, ac as StepProgress, ad as StepProgressProps, ae as Switch, af as SwitchProps, ag as Table, ah as TableActionCell, ai as TableActionCellProps, aj as TableActionItem, ak as TableBody, al as TableBodyProps, am as TableCard, an as TableCell, ao as TableFooter, ap as TableHead, aq as TableHeader, ar as TableRow, as as TableSortableHeader, at as TableSortableHeaderProps, au as TableToolbar, av as TableToolbarProps, aw as Toggle, ax as ToggleGroup, ay as ToggleGroupProps, az as ToggleProps, aA as TrendDirection, aB as persistAlert, aC as statusDotVariants } from './index-p7kVnzRy.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DXoSckt9.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/dist/ui.js

@@ -4,6 +4,7 @@ export { AlertProvider } from './ui/Alert/alert-provider.js';
 export { Avatar, AvatarFallback, AvatarImage } from './ui/Avatar/avatar.js';
 export { Button } from './ui/Button/button.js';
 export { Chip } from './ui/Chip/chip.js';
+export { ChipSelect } from './ui/ChipSelect/chip-select.js';
 export { CodeBlock } from './ui/CodeBlock/code-block.js';
 export { DevIndicator } from './ui/DevIndicator/dev-indicator.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/Dialog/dialog.js';

package/dist/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",