@inui/design-system 0.0.0-stage → 1.22.0

package/dist/components/ui/select.d.ts

@@ -0,0 +1,274 @@
+/**
+ * Select — single-value dropdown over a fixed, bounded option list.
+ *
+ * Built on the Radix Select primitive with MMDS token-based styling. Size
+ * variants (default/sm/xs) are layered on via a `data-size` attribute.
+ */
+import * as React from "react";
+import { Select as SelectPrimitive, Popover as PopoverPrimitive } from "radix-ui";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ inlineLabel, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Value> & {
+    /**
+     * Prefixes the value with "{inlineLabel}: " once `children` is given — e.g.
+     * inlineLabel="Assignee" + children="James" renders "Assignee: James".
+     * Only takes effect together with an explicit `children`: Select.Value
+     * otherwise auto-fills from the selected Item's own text, which this
+     * prefix can't attach to without replacing that auto-fill (Radix disables
+     * it the moment `children` is passed at all, regardless of value) — so
+     * pass the current value's own display text as `children` yourself, and
+     * leave both unset (not `children={undefined}`, which still counts as
+     * "no children" for that auto-fill) when nothing is selected.
+     */
+    inlineLabel?: string;
+}): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default" | "xs";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+declare function SelectMultiple({ value, onValueChange, size, children, open: openProp, onOpenChange, closeOnSelect, ...props }: React.ComponentProps<typeof PopoverPrimitive.Root> & {
+    value: string[];
+    onValueChange: (value: string[]) => void;
+    size?: "sm" | "default" | "xs";
+    /** Closes the popover immediately after any pick, instead of staying open for more — for a single-effective-choice usage (cap `value` at one entry yourself) that still wants Popover's non-modal behavior (label stays visible, rest of the page stays interactive/scrollable) instead of Select's modal one. Default `false` — a real multi-select should stay open across picks, which is the whole reason this component exists over Select. */
+    closeOnSelect?: boolean;
+}): React.JSX.Element;
+declare function SelectMultipleTrigger({ className, placeholder, disabled, maxLabelChars, inlineLabel, ...props }: Omit<React.ComponentProps<typeof PopoverPrimitive.Trigger>, "children"> & {
+    placeholder?: React.ReactNode;
+    /** Character cap on the one label the trigger ever shows (only the first selected value — every additional selection folds into a trailing "+N", never listed by name). Applies even with a single value selected, since a lone long value can blow out the trigger just as badly as a long list would. Unset (default): that first label in full, however long. */
+    maxLabelChars?: number;
+    /** Prefixes the value with "{inlineLabel}: " once something's selected — e.g. inlineLabel="Assignee" + one pick renders "Assignee: James" instead of just "James". `placeholder` still shows alone (no prefix) while nothing is. */
+    inlineLabel?: string;
+}): React.JSX.Element;
+declare function SelectMultipleContent({ className, align, sideOffset, children, style, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+/**
+ * Optional Cancel/Apply footer for `SelectMultipleContent` — pass a
+ * controlled `open` to `SelectMultiple` itself (see its own comment) and
+ * feed it a local pending draft instead of the real `value`/`onValueChange`
+ * while open, so picks only land for real once Apply commits that draft;
+ * Cancel just closes, discarding it. Renders as a sibling of the listbox,
+ * never inside it — see `SelectMultipleContent`'s own comment for why.
+ */
+declare function SelectMultipleFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SelectMultipleGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SelectMultipleLabel({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SelectMultipleItem({ className, children, value: itemValue, textValue, disabled, onClick, onKeyDown, ...props }: Omit<React.ComponentProps<"div">, "onSelect"> & {
+    value: string;
+    textValue?: string;
+    disabled?: boolean;
+}): React.JSX.Element;
+declare function SelectMultipleSeparator({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectMultiple, SelectMultipleContent, SelectMultipleFooter, SelectMultipleGroup, SelectMultipleItem, SelectMultipleLabel, SelectMultipleSeparator, SelectMultipleTrigger, };
+/**
+ * WHEN TO USE
+ * - Picking one value from a short, known, bounded list (settings, filters, form fields).
+ * - Options need grouping (SelectGroup + SelectLabel) or per-item disabling.
+ *
+ * NOT WHEN
+ * - The list is long enough to need type-to-filter — use Combobox instead.
+ * - Multiple values from a list that also needs search/filter — use Combobox's multi-select mode.
+ * - Native OS picker behavior (better on mobile, zero extra JS) is preferable — use NativeSelect instead.
+ *
+ * KEY RULES
+ * - SelectTrigger's `size` is "default" | "sm" | "xs" (default "default"); controls trigger
+ *   height (h-8/h-7/h-6) and text size — same default/sm/xs vocabulary as Button/Item/
+ *   Attachment/Tabs, not Select-specific naming.
+ * - SelectContent portals its content; `position="item-aligned"` (default) aligns to the trigger like a native select, `position="popper"` behaves like a standard popover.
+ * - Every SelectItem needs a `value`; the check indicator renders automatically for the selected item.
+ * - Put SelectSeparator between SelectGroups, not inside one.
+ * - SelectValue with no `children` auto-fills from the selected Item's own text — that's the
+ *   normal, no-`inlineLabel` usage below. For "Label: Value" (e.g. "Assignee: James"), give
+ *   SelectValue both `inlineLabel` and the current value's display text as `children` yourself —
+ *   the auto-fill only runs with zero children, so a label prefix can't attach to it in place.
+ * - An AI-filled value is a plain composition, not a dedicated prop, and the same shape as
+ *   Input's and Textarea's: put `AILabel` in the label row as a sibling of FieldLabel — never
+ *   beside or inside SelectTrigger, which is itself a `<button>` (a button inside a button is
+ *   invalid HTML, and would also open the listbox on every click of the marker) — while the
+ *   value still matches what AI picked. Pass AILabel `edited={value !== aiValue}` and an
+ *   `onRevert` that restores it, so picking a different value turns the marker into a ghost undo
+ *   button (AILabel's own override/undo morph, same as Input/Textarea/Checkbox/RadioGroup). See
+ *   Forms/Select.
+ *
+ * USAGE
+ * <Select>
+ *   <SelectTrigger className="w-56">
+ *     <SelectValue placeholder="Select a spice" />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="turmeric">Turmeric</SelectItem>
+ *     <SelectItem value="cardamom">Cardamom</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ *
+ * // Inline-labeled trigger — "Spice: Turmeric" once a value is picked, plain
+ * // placeholder ("Select a spice") while nothing is
+ * <Select value={value} onValueChange={setValue}>
+ *   <SelectTrigger className="w-56">
+ *     <SelectValue placeholder="Select a spice" inlineLabel="Spice">
+ *       {value || undefined}
+ *     </SelectValue>
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="turmeric">Turmeric</SelectItem>
+ *     <SelectItem value="cardamom">Cardamom</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ *
+ * // Grouped, with a disabled item
+ * <Select defaultValue="cumin">
+ *   <SelectTrigger className="w-56"><SelectValue placeholder="Select a spice" /></SelectTrigger>
+ *   <SelectContent>
+ *     <SelectGroup>
+ *       <SelectLabel>Whole</SelectLabel>
+ *       <SelectItem value="cardamom">Cardamom pod</SelectItem>
+ *     </SelectGroup>
+ *     <SelectSeparator />
+ *     <SelectGroup>
+ *       <SelectLabel>Ground</SelectLabel>
+ *       <SelectItem value="turmeric">Turmeric</SelectItem>
+ *       <SelectItem value="saffron" disabled>Saffron (out of stock)</SelectItem>
+ *     </SelectGroup>
+ *   </SelectContent>
+ * </Select>
+ *
+ * ---
+ *
+ * SelectMultiple — checkbox-list multi-select, no search/filter (see the
+ * doc block above SelectMultiple's definition for why this is a separate
+ * component tree rather than a `multiple` prop on Select).
+ *
+ * WHEN TO USE (SelectMultiple)
+ * - Picking several values from a short, known, bounded list where a search box
+ *   would be overkill — settings toggles, tag pickers, filter panels.
+ *
+ * NOT WHEN (SelectMultiple)
+ * - The list is long enough to need type-to-filter — use Combobox's `multiple` mode instead.
+ *
+ * KEY RULES (SelectMultiple)
+ * - `value`/`onValueChange` are required and always an array — there is no uncontrolled mode.
+ * - `size` ("default" | "sm" | "xs", default "default") is set ONCE on SelectMultiple itself,
+ *   not on Trigger or Content — it flows to both via context (Content is portaled, so it's
+ *   never a CSS descendant of Trigger; a `group-data-[size]` selector couldn't reach it, which
+ *   is why this is context-driven instead of the group/data-attribute trick Select/Tabs use).
+ *   Trigger height/text and Content/Item padding/text/gap all scale together from this one prop.
+ * - The trigger shows only the first selected item's label (auto-collected from mounted
+ *   SelectMultipleItems; pass `textValue` on an item if its children aren't plain text — e.g.
+ *   an item with a leading icon or a secondary description line) plus "+N" once more than one
+ *   is selected — never every label listed by name. Falls back to `placeholder` when empty,
+ *   plus a clear-all "x" once non-empty. Pass `maxLabelChars` on SelectMultipleTrigger to
+ *   ellipsis-truncate that one label past a character cap — applies even with a single value
+ *   selected, since one long label can blow out a `w-fit` trigger same as a long list would
+ *   (e.g. a narrow toolbar filter trigger). Pass
+ *   `inlineLabel` to prefix the non-empty value with "{inlineLabel}: " (e.g. "Assignee: James") —
+ *   `placeholder` alone still covers the empty state, no prefix there.
+ * - Clicking a SelectMultipleItem toggles it and leaves the popover open — this is the whole
+ *   point of the variant; it never auto-closes on select the way Select/Combobox do. Pass
+ *   `closeOnSelect` on SelectMultiple to close after any pick instead — for a single-effective-
+ *   choice usage (cap `value` at one entry yourself) that still wants this component's non-modal
+ *   Popover behavior (label stays visible while open, rest of the page stays interactive/
+ *   scrollable) instead of Select's modal one. Don't reach for this as a general Select
+ *   replacement — Select's native form participation, typeahead, and modality are worth keeping
+ *   for ordinary form fields; this is for the specific case where a filter/action control needs
+ *   to coexist non-modally with other controls the user is actively using (see DataTable's
+ *   `singleSelect` inline filter for a real example). Also swaps every SelectMultipleItem's
+ *   decorative indicator from a checkbox square to a radio dot — a checkbox otherwise visually
+ *   promises "pick as many as you want", which is exactly wrong once picking one closes it.
+ * - SelectMultipleGroup/SelectMultipleLabel/SelectMultipleSeparator mirror Select's grouping API.
+ * - SelectMultiple forwards Radix Popover.Root's own props (`open`/`onOpenChange`/`defaultOpen`
+ *   etc.) — useful for the Apply/Cancel pattern below, where something other than a plain click
+ *   needs to control when the popover closes.
+ * - SelectMultipleContent/Portal use `forceMount` and hide via `data-[state=closed]:hidden` (a plain
+ *   `display:none`) instead of letting Radix unmount on close — items must stay mounted while
+ *   closed so their labels are already registered for the trigger's very first render, before
+ *   the popover has ever been opened. `hidden` (not `invisible`) matters here specifically:
+ *   `visibility:hidden` on the inner Content still lets Radix's outer popper-position wrapper
+ *   div keep its layout box, which then silently intercepts clicks meant for elements behind
+ *   it; `display:none` collapses that wrapper to nothing.
+ *
+ * USAGE
+ * const [value, setValue] = React.useState<string[]>(["cardamom"])
+ * <SelectMultiple value={value} onValueChange={setValue}>
+ *   <SelectMultipleTrigger className="w-56" placeholder="Select spices" />
+ *   <SelectMultipleContent>
+ *     <SelectMultipleItem value="turmeric">Turmeric</SelectMultipleItem>
+ *     <SelectMultipleItem value="cardamom">Cardamom</SelectMultipleItem>
+ *     <SelectMultipleItem value="chili">Chili</SelectMultipleItem>
+ *   </SelectMultipleContent>
+ * </SelectMultiple>
+ *
+ * // Dense popover — one prop scales trigger height AND item padding/text together
+ * <SelectMultiple value={value} onValueChange={setValue} size="xs">
+ *   <SelectMultipleTrigger className="w-48" placeholder="Select spices" />
+ *   <SelectMultipleContent>...</SelectMultipleContent>
+ * </SelectMultiple>
+ *
+ * // With an icon or a secondary description line — SelectMultipleItem's children is any
+ * // ReactNode; pass `textValue` so the trigger's comma-list still shows plain text
+ * <SelectMultipleItem value="cardamom" textValue="Cardamom">
+ *   <LeafIcon />
+ *   <span className="flex flex-col">
+ *     Cardamom
+ *     <span className="text-xs text-muted-foreground">Whole pods</span>
+ *   </span>
+ * </SelectMultipleItem>
+ *
+ * // With search — filter by hiding non-matches, NOT by unmounting them: an unmounted
+ * // SelectMultipleItem unregisters its label, so a selected-but-filtered-out item would
+ * // fall back to showing its raw value in the trigger instead of its real label.
+ * const [query, setQuery] = React.useState("")
+ * <SelectMultipleContent>
+ *   <Input value={query} onChange={(e) => setQuery(e.target.value)} placeholder="Search..." className="mb-1" />
+ *   {spices.map((spice) => (
+ *     <SelectMultipleItem
+ *       key={spice}
+ *       value={spice}
+ *       className={cn(!spice.toLowerCase().includes(query.toLowerCase()) && "hidden")}
+ *     >
+ *       {spice}
+ *     </SelectMultipleItem>
+ *   ))}
+ * </SelectMultipleContent>
+ *
+ * // "Add option" (creatable) — the consumer already owns the list of items being mapped
+ * // over, so a no-results affordance is just appending to that list, same as any
+ * // Combobox-style creatable pattern; SelectMultiple needs no API for this.
+ * {query && !spices.some((s) => s.toLowerCase() === query.toLowerCase()) && (
+ *   <button onClick={() => { setSpices((prev) => [...prev, query]); setValue((prev) => [...prev, query]) }}>
+ *     Add "{query}"
+ *   </button>
+ * )}
+ *
+ * // With a footer (Cancel | Apply) — stage picks in a local draft, only commit on Apply;
+ * // Cancel just closes without touching the real value. Uses the forwarded `open` prop.
+ * const [open, setOpen] = React.useState(false)
+ * const [applied, setApplied] = React.useState<string[]>([])
+ * const [draft, setDraft] = React.useState<string[]>(applied)
+ * <SelectMultiple
+ *   value={draft}
+ *   onValueChange={setDraft}
+ *   open={open}
+ *   onOpenChange={(next) => { if (next) setDraft(applied); setOpen(next) }}
+ * >
+ *   <SelectMultipleTrigger className="w-56" placeholder="Select spices" />
+ *   <SelectMultipleContent>
+ *     {spices.map((spice) => <SelectMultipleItem key={spice} value={spice}>{spice}</SelectMultipleItem>)}
+ *     <SelectMultipleSeparator />
+ *     <div className="flex justify-end gap-1 p-1">
+ *       <Button size="sm" variant="ghost" onClick={() => { setDraft(applied); setOpen(false) }}>Cancel</Button>
+ *       <Button size="sm" onClick={() => { setApplied(draft); setOpen(false) }}>Apply</Button>
+ *     </div>
+ *   </SelectMultipleContent>
+ * </SelectMultiple>
+ *
+ * // "Select all" — a plain composition using the same Checkbox, no dedicated API:
+ * <Checkbox
+ *   checked={value.length === 0 ? false : value.length === allValues.length ? true : "indeterminate"}
+ *   onCheckedChange={(c) => setValue(c ? allValues : [])}
+ * />
+ */
+//# sourceMappingURL=select.d.ts.map

package/dist/components/ui/select.d.ts.map

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