@orz/ui 0.0.0-stage → 0.1.0

package/dist/components/query-box.js

@@ -0,0 +1,332 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { orderRows, parseQuery, } from "@orz/query";
+import { FilterIcon, TagIcon } from "lucide-react";
+import { Fragment, useEffect, useId, useLayoutEffect, useRef, useState, } from "react";
+import { useQueryCompletion } from "../hooks/use-query-completion.js";
+import { cn } from "../lib/utils.js";
+import { HighlightedInput } from "./highlighted-input.js";
+import { highlightQuery } from "./query-highlight.js";
+/**
+ * `w-full` because a `<button>` row resolves `width: auto` to fit-content and
+ * would otherwise shrink to a pill beside its full-width neighbours; on the
+ * `<a>` and `<div>` rows, which are block already, it changes nothing.
+ */
+const OPTION = "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm";
+/** Nothing highlighted. Enter then submits what was typed, not an offer. */
+const NONE = -1;
+/** Also the React key; the highlight follows it, not an index. */
+function rowKey(row) {
+    if (row.kind === "submit")
+        return "submit";
+    if (row.kind === "app")
+        return `${row.source.id}:${row.source.key(row.row)}`;
+    return `completion:${row.row.id}`;
+}
+/**
+ * One glyph per kind of offer. A row is a short run of monospace and a few
+ * grey words, so the icon carries the whole distinction between a key and a
+ * value.
+ */
+const COMPLETION_ICON = {
+    key: FilterIcon,
+    value: TagIcon,
+};
+/**
+ * A query box: `HighlightedInput` with the schema's colours, its completions,
+ * and the app's own rows in one panel, behind todou's keyboard model.
+ *
+ * A form, not a button with a handler: Enter submits it the way every search
+ * box on the web does. Where the query goes is the app's: `onSubmit`.
+ *
+ * The listbox is hand-rolled rather than a radix popover because focus has to
+ * stay in the input and `Content` wants to take it. Nothing is ever
+ * preselected: the reader is typing a query, so Enter belongs to the query
+ * unless they arrowed onto something else. Tab is the key that takes an offer.
+ */
+export function QueryBox({ schema, providers, value, onValueChange, onSubmit, sources = [], renderSubmitRow, limit = 20, onEscape, onOpenChange, listAlign = "centered", leading, inputProps = {}, className, panelClassName, }) {
+    const [focused, setFocused] = useState(false);
+    const [dismissed, setDismissed] = useState(false);
+    // A key, so a search answer that lands rows above it does not move it.
+    const [highlightKey, setHighlightKey] = useState(null);
+    const [position, setPosition] = useState({ caret: 0 });
+    const input = useRef(null);
+    const list = useRef(null);
+    const listId = useId();
+    const { parts, completions, loading } = useQueryCompletion({
+        schema,
+        value,
+        caret: position.caret,
+        providers,
+        enabled: focused && !dismissed,
+    });
+    const results = [
+        // App sources first: a row the app recognises (a jump to what the query
+        // names) outranks finishing a word, as in todou.
+        ...sources.map((source) => ({
+            matched: source.matched,
+            ...(source.yields === undefined ? {} : { yields: source.yields }),
+            rows: source.rows.map((row) => ({ kind: "app", source, row })),
+        })),
+        ...completions.map((result) => ({
+            matched: result.matched,
+            rows: result.rows.map((row) => ({ kind: "completion", row })),
+        })),
+    ];
+    const rows = orderRows(results, { kind: "submit" }, limit);
+    const query = value.trim();
+    const open = focused && !dismissed && (query !== "" || rows.length > 1);
+    const hl = highlightKey === null
+        ? NONE
+        : rows.findIndex((row) => rowKey(row) === highlightKey);
+    const setHighlight = (idx) => {
+        const row = idx === NONE ? undefined : rows[idx];
+        setHighlightKey(row === undefined ? null : rowKey(row));
+    };
+    // A value the app set (a submitted row loaded into the box, say) is a new
+    // query, and nothing in it is aimed at yet.
+    const emitted = useRef(value);
+    const [seen, setSeen] = useState(value);
+    if (seen !== value) {
+        setSeen(value);
+        if (value !== emitted.current)
+            setHighlightKey(null);
+    }
+    const emit = (next) => {
+        emitted.current = next;
+        onValueChange(next);
+    };
+    const optionId = (idx) => `${listId}-${idx}`;
+    // Reported on change only, so an app can tie loading to it without being
+    // told the same thing on every keystroke.
+    const reportOpen = useRef(onOpenChange);
+    reportOpen.current = onOpenChange;
+    const wasOpen = useRef(false);
+    useEffect(() => {
+        if (wasOpen.current === open)
+            return;
+        wasOpen.current = open;
+        reportOpen.current?.(open);
+    }, [open]);
+    // Ten rows already keep the panel short in an ordinary window; this is the
+    // floor under a short one, where even a few rows reach past the bottom.
+    // Measured rather than a `calc(100vh - …)`, because the same box can sit
+    // anywhere on the page and the height above it is not a constant. Before
+    // paint, or there is a frame of the too-tall panel.
+    const [maxHeight, setMaxHeight] = useState(undefined);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: re-measure whenever the panel opens or changes length
+    useLayoutEffect(() => {
+        const panel = list.current;
+        if (panel === null) {
+            setMaxHeight(undefined);
+            return;
+        }
+        const measure = () => {
+            setMaxHeight(window.innerHeight - panel.getBoundingClientRect().top - 8);
+        };
+        measure();
+        window.addEventListener("resize", measure);
+        return () => window.removeEventListener("resize", measure);
+    }, [open, rows.length]);
+    // A scroll container can hold the highlight out of sight, and then the
+    // arrow keys are moving something the reader cannot see. The rows are the
+    // panel's only children, so the index is the child.
+    useLayoutEffect(() => {
+        if (hl === NONE)
+            return;
+        list.current?.children[hl]?.scrollIntoView?.({ block: "nearest" });
+    }, [hl]);
+    /**
+     * Accepting an offer rewrites the query; the caret goes where it says once
+     * the new value is in the input. The value is the app's state, so that is
+     * a later commit than this one.
+     */
+    const pending = useRef(null);
+    const accept = (apply) => {
+        emit(apply.value);
+        setHighlight(NONE);
+        setDismissed(false);
+        pending.current = apply;
+    };
+    useLayoutEffect(() => {
+        const apply = pending.current;
+        const el = input.current;
+        if (apply === null || el === null || el.value !== apply.value)
+            return;
+        pending.current = null;
+        el.focus();
+        el.setSelectionRange(apply.caret, apply.caret);
+        setPosition({ caret: apply.caret });
+    });
+    /**
+     * What Tab takes — the submit row is not an offer.
+     *
+     * A highlighted app row with `apply` loads what it says into the box,
+     * which is what Tab already means: take the offer and keep editing. With
+     * nothing highlighted Tab still falls back to the first *completion* and
+     * never to an app row — an unaimed Tab means "finish the word I am
+     * typing", and a whole past query is a long way from that.
+     */
+    const acceptable = (from) => {
+        const at = rows[from];
+        if (at?.kind === "completion")
+            return at.row.apply;
+        if (at?.kind === "app") {
+            const apply = at.source.apply?.(at.row);
+            if (apply != null)
+                return apply;
+        }
+        for (const row of rows)
+            if (row.kind === "completion")
+                return row.row.apply;
+        return null;
+    };
+    /** Enter on `chosen`, or on nothing. */
+    const choose = (chosen) => {
+        // Enter on a completion takes it and stays put; the reader is still
+        // building the query, not asking for it.
+        if (chosen?.kind === "completion") {
+            accept(chosen.row.apply);
+            return;
+        }
+        // An empty box has nothing to submit — unless an app row is what is
+        // being submitted, a past query say.
+        if (query === "" && chosen?.kind !== "app")
+            return;
+        setDismissed(true);
+        setHighlight(NONE);
+        onSubmit(query, chosen?.kind === "app" ? chosen.row : undefined);
+    };
+    // An IME takes Enter to commit its candidate, and on some browsers the
+    // keydown arrives with the composition already ended; keyCode 229 is how
+    // that one still says so. Either way the form must not submit.
+    const imeEnter = useRef(false);
+    const submit = (e) => {
+        e.preventDefault();
+        if (imeEnter.current) {
+            imeEnter.current = false;
+            return;
+        }
+        // Esc hid the panel, and hiding it has to mean something: Enter then
+        // does the plain thing rather than following an invisible highlight.
+        // `open` is false after Escape, so nothing counts as chosen.
+        choose(open && hl !== NONE ? rows[hl] : undefined);
+    };
+    const onKeyDown = (e) => {
+        inputProps.onKeyDown?.(e);
+        if (e.defaultPrevented)
+            return;
+        const composing = e.nativeEvent.isComposing || e.keyCode === 229;
+        imeEnter.current = e.key === "Enter" && composing;
+        // The IME owns every key until it commits: Escape cancels its candidate,
+        // Tab and the arrows pick one.
+        if (composing)
+            return;
+        if (e.key === "Escape") {
+            // The first press closes the panel and stays the box's own; only with
+            // nothing left to close is Escape the app's (leaving an overlay, say).
+            if (!open) {
+                onEscape?.();
+                return;
+            }
+            setDismissed(true);
+            setHighlight(NONE);
+        }
+        else if (e.key === "Tab" && open && !e.shiftKey) {
+            // Never falls through to the submit row or an app row without
+            // `apply`: with nothing to take, Tab moves focus as it always does.
+            const apply = acceptable(hl);
+            if (apply === null)
+                return;
+            accept(apply);
+        }
+        else if (!open) {
+            return;
+        }
+        else if (e.key === "Delete" && e.shiftKey) {
+            // The address bar's own gesture for the same thing. macOS has no
+            // Delete key of its own; a button on the row is the path there.
+            const at = rows[hl];
+            if (at?.kind !== "app" || at.source.remove === undefined)
+                return;
+            at.source.remove(at.row);
+        }
+        else if (e.key === "ArrowDown") {
+            setHighlight(Math.min(hl + 1, rows.length - 1));
+        }
+        else if (e.key === "ArrowUp") {
+            // Back past the first row is back to nothing selected, which is where
+            // the box started and what Enter means by default.
+            setHighlight(Math.max(hl - 1, NONE));
+        }
+        else if (e.key === "Home") {
+            // While the panel is open the keys walk it, as in any listbox; with
+            // it closed they move the caret as usual.
+            setHighlight(0);
+        }
+        else if (e.key === "End") {
+            setHighlight(rows.length - 1);
+        }
+        else {
+            return;
+        }
+        e.preventDefault();
+    };
+    const optionProps = (idx) => ({
+        id: optionId(idx),
+        role: "option",
+        // Focus never leaves the input; aria-activedescendant does the walking.
+        tabIndex: -1,
+        "aria-selected": idx === hl,
+        className: cn(OPTION, idx === hl && "bg-accent"),
+        onMouseMove: () => setHighlight(idx),
+        onClick: () => choose(rows[idx]),
+    });
+    return (_jsxs("search", { className: cn("relative", className), children: [_jsxs("form", { onSubmit: submit, children: [leading !== undefined && (_jsx("span", { "aria-hidden": true, className: "pointer-events-none absolute top-1/2 left-2 z-10 flex -translate-y-1/2 text-muted-foreground [&_svg]:size-3.5", children: leading })), _jsx(HighlightedInput, { type: "text", ...inputProps, inputRef: input, 
+                        // The browser's own drop-down would cover this panel, and it knows
+                        // neither the syntax nor the app's values (T-268).
+                        autoComplete: "off", 
+                        // A combobox, so a screen reader follows `aria-activedescendant`
+                        // through the rows while focus stays here with the caret.
+                        role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-activedescendant": open && hl !== NONE ? optionId(hl) : undefined, "aria-autocomplete": "list", "aria-busy": loading || undefined, value: value, onValueChange: (next) => {
+                            emit(next);
+                            setDismissed(false);
+                            setHighlight(NONE);
+                        }, onCaretChange: setPosition, render: (text) => highlightQuery(text, text === value ? parts : parseQuery(schema, text), schema, providers), onKeyDown: onKeyDown, onFocus: (e) => {
+                            setFocused(true);
+                            setDismissed(false);
+                            setHighlight(NONE);
+                            inputProps.onFocus?.(e);
+                        }, onBlur: (e) => {
+                            inputProps.onBlur?.(e);
+                            // Clicking a row blurs the input before the click lands; the
+                            // listbox's own mousedown guard covers the pointer, this covers
+                            // a focus that really did move into it.
+                            if (list.current?.contains(e.relatedTarget))
+                                return;
+                            setFocused(false);
+                        }, ...(leading === undefined ? {} : { padding: "pl-7" }) })] }), open && (_jsx("div", { ref: list, id: listId, role: "listbox", "aria-label": "Suggestions", 
+                // Without this, pressing on a row blurs the input first and the
+                // listbox is gone before the click arrives.
+                onMouseDown: (e) => e.preventDefault(), style: { maxHeight }, className: cn("absolute top-full z-50 mt-1 max-w-[calc(100vw-2rem)] overflow-y-auto rounded-lg border bg-popover p-1 shadow-lg ring-1 ring-foreground/5", listAlign === "start"
+                    ? // The box starts at the edge of the screen, so the panel
+                        // takes its width and stops. A floor still applies, because
+                        // the narrowest phone squeezes the box down to ~250px and a
+                        // row has to survive — but the floor stops at the viewport,
+                        // since a `min-width` beats a `max-width` and a flat 20rem
+                        // would push the page 16px wider at 320.
+                        "left-0 w-full min-w-[min(20rem,calc(100vw-2rem))]"
+                    : // Centred on the box, not on the caret: the panel following
+                        // the caret across the line made the reader chase it (T-268).
+                        "left-1/2 w-[28rem] -translate-x-1/2", panelClassName), children: rows.map((row, idx) => {
+                    const option = optionProps(idx);
+                    if (row.kind === "submit") {
+                        return (_jsx(Fragment, { children: renderSubmitRow(query, option) }, rowKey(row)));
+                    }
+                    if (row.kind === "app") {
+                        return (_jsx(Fragment, { children: row.source.render(row.row, option) }, rowKey(row)));
+                    }
+                    const Icon = COMPLETION_ICON[row.row.icon];
+                    return (_jsxs("button", { type: "button", ...option, onClick: () => accept(row.row.apply), children: [_jsx(Icon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }), _jsx("span", { className: "truncate font-mono text-xs", children: row.row.text }), row.row.hint !== undefined && (_jsx("span", { className: "truncate text-muted-foreground text-xs", children: row.row.hint }))] }, rowKey(row)));
+                }) }))] }));
+}
+//# sourceMappingURL=query-box.js.map

package/dist/components/query-box.js.map

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

package/dist/components/query-highlight.d.ts

@@ -0,0 +1,14 @@
+import { type CompiledQuerySchema, type QueryPart, type ValueProviders } from "@orz/query";
+import type { ReactNode } from "react";
+/**
+ * The parsed query as spans, for the mirror layer behind the input. A pure
+ * function of the parts, so it is the same string the input holds — never a
+ * re-tokenization that could disagree with it.
+ *
+ * Values are coloured by their verdict against `providers`. A provider that
+ * has not loaded yet leaves its values `unknown`, which paints as valid:
+ * flashing every value amber and back as the list arrives is worse than
+ * being briefly quiet.
+ */
+export declare function highlightQuery(text: string, parts: readonly QueryPart[], schema: CompiledQuerySchema, providers?: ValueProviders): ReactNode[];
+//# sourceMappingURL=query-highlight.d.ts.map

package/dist/components/query-highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-highlight.d.ts","sourceRoot":"","sources":["../../src/components/query-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EAId,KAAK,cAAc,EAIpB,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuIvC;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,SAAS,SAAS,EAAE,EAC3B,MAAM,EAAE,mBAAmB,EAC3B,SAAS,GAAE,cAAmB,GAC7B,SAAS,EAAE,CAYb"}

package/dist/components/query-highlight.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { providerOf, shellWords, valueVerdict, worstVerdict, } from "@orz/query";
+/**
+ * Every span carries colour and nothing else — no `padding`, no `margin`, no
+ * `border`. This markup is painted behind a transparent input and has to
+ * measure identically to the input's own text; anything that adds width slides
+ * the caret off the character it is standing on. It is also why a qualifier
+ * cannot be a rounded chip here, and why GitHub's own measures at `padding: 0`.
+ */
+const KEY_CLASS = "text-primary";
+const PUNCT_CLASS = "text-muted-foreground";
+const VALUE_CLASS = {
+    valid: "text-foreground bg-primary/12 rounded-[3px]",
+    special: "text-foreground bg-violet-500/15 rounded-[3px]",
+    invalid: "text-amber-700 dark:text-amber-400 underline decoration-wavy",
+    unknown: "text-foreground bg-primary/12 rounded-[3px]",
+};
+/**
+ * One verdict for the whole value: a brace group paints as its worst
+ * expansion, so one bad alternative is not hidden by its good neighbours.
+ * Empty alternatives (`{,a}`) are skipped, as the server never sees them.
+ */
+function verdictOf(schema, key, value, providers) {
+    if (value.error !== undefined)
+        return "invalid";
+    const spec = schema.qualifiers[key]?.value;
+    if (spec === undefined)
+        return "valid";
+    const provider = providerOf(spec, providers);
+    const verdicts = value.expanded
+        .filter((v) => v !== "")
+        .map((v) => valueVerdict(spec, v, provider));
+    return worstVerdict(verdicts) ?? "valid";
+}
+/** Offsets of the quotes and backslashes a shell word spends on quoting. */
+function quotingOffsets(word, raw) {
+    const at = new Set();
+    const char = (i) => raw[i - word.start];
+    for (const segment of word.segments) {
+        if (segment.quoted === "escape") {
+            at.add(segment.start);
+        }
+        else if (segment.quoted === "single") {
+            at.add(segment.start);
+            if (segment.end - segment.start > 1 && char(segment.end - 1) === "'") {
+                at.add(segment.end - 1);
+            }
+        }
+        else if (segment.quoted === "double") {
+            at.add(segment.start);
+            for (let i = segment.start + 1; i < segment.end; i += 1) {
+                const c = char(i);
+                if (c === "\\" && (char(i + 1) === '"' || char(i + 1) === "\\")) {
+                    at.add(i);
+                    i += 1;
+                }
+                else if (c === '"') {
+                    at.add(i);
+                }
+            }
+        }
+    }
+    return at;
+}
+/**
+ * A shell-mode value's own characters, with its quoting muted like the rest
+ * of the punctuation. These sit inside the value's span, so the background
+ * and underline still run under the whole value.
+ */
+function shellValueChildren(raw, value) {
+    const word = shellWords(value.raw, value.start)[0];
+    if (word === undefined)
+        return value.raw;
+    const punct = quotingOffsets(word, value.raw);
+    if (punct.size === 0)
+        return value.raw;
+    const out = [];
+    let at = value.start;
+    while (at < value.end) {
+        const muted = punct.has(at);
+        let end = at + 1;
+        while (end < value.end && punct.has(end) === muted)
+            end += 1;
+        out.push(_jsx("span", { className: muted ? PUNCT_CLASS : undefined, children: raw.slice(at, end) }, at));
+        at = end;
+    }
+    return out;
+}
+function valueSpans(part, raw, schema, providers) {
+    const out = [];
+    // The head is `-?key:`; the tail after the last value is whatever commas
+    // and half-typed characters follow it. Walking offsets rather than
+    // re-joining is what keeps this a faithful copy of the input's own text.
+    let at = part.start;
+    const push = (end, className, key, children) => {
+        if (end <= at)
+            return;
+        out.push(_jsx("span", { className: className, children: children ?? raw.slice(at, end) }, key ?? `t${at}`));
+        at = end;
+    };
+    push(part.keyStart, PUNCT_CLASS, `neg${part.start}`);
+    push(part.keyEnd, KEY_CLASS, `key${part.start}`);
+    for (const value of part.values) {
+        push(value.start, PUNCT_CLASS, `sep${value.start}`);
+        push(value.end, VALUE_CLASS[verdictOf(schema, part.key, value, providers)], `val${value.start}`, schema.escapes === "shell" ? shellValueChildren(raw, value) : undefined);
+    }
+    push(part.end, PUNCT_CLASS, `tail${part.start}`);
+    return out;
+}
+/**
+ * The parsed query as spans, for the mirror layer behind the input. A pure
+ * function of the parts, so it is the same string the input holds — never a
+ * re-tokenization that could disagree with it.
+ *
+ * Values are coloured by their verdict against `providers`. A provider that
+ * has not loaded yet leaves its values `unknown`, which paints as valid:
+ * flashing every value amber and back as the list arrives is worse than
+ * being briefly quiet.
+ */
+export function highlightQuery(text, parts, schema, providers = {}) {
+    const out = [];
+    for (const part of parts) {
+        if (part.kind === "filter") {
+            out.push(...valueSpans(part, text, schema, providers));
+        }
+        else {
+            out.push(_jsx("span", { children: text.slice(part.start, part.end) }, `p${part.start}`));
+        }
+    }
+    return out;
+}
+//# sourceMappingURL=query-highlight.js.map

package/dist/components/query-highlight.js.map

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

package/dist/components/select.d.ts

@@ -0,0 +1,19 @@
+import { Select as SelectPrimitive } from "radix-ui";
+import type * as React from "react";
+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({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, align, container, ...props }: React.ComponentProps<typeof SelectPrimitive.Content> & {
+    /** Where the list is portalled. Default `document.body`; an element in fullscreen needs its own. */
+    container?: React.ComponentProps<typeof SelectPrimitive.Portal>["container"];
+}): 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;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,qBAiBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAyB,EACzB,KAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,oGAAoG;IACpG,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC9E,qBA8BA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAkBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,qBAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,qBAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,qBAa/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/components/select.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function Select({ ...props }) {
+    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Group, { "data-slot": "select-group", className: cn("scroll-my-1 p-1", className), ...props }));
+}
+function SelectValue({ ...props }) {
+    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })] }));
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", container, ...props }) {
+    return (_jsx(SelectPrimitive.Portal, { container: container, children: _jsxs(SelectPrimitive.Content, { "data-slot": "select-content", "data-align-trigger": position === "item-aligned", className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", position === "popper" &&
+                "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, align: align, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { "data-position": position, className: cn("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", position === "popper" && ""), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+}
+function SelectLabel({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn("px-1.5 py-1 text-xs text-muted-foreground", className), ...props }));
+}
+function SelectItem({ className, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn("relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "pointer-events-none" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className), ...props }));
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: _jsx(ChevronUpIcon, {}) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: _jsx(ChevronDownIcon, {}) }));
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

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

package/dist/components/separator.d.ts

@@ -0,0 +1,5 @@
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import type * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAatD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/separator.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props }));
+}
+export { Separator };
+//# sourceMappingURL=separator.js.map

package/dist/components/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG3D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EAC6C;IACrD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,8GAA8G,EAC9G,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}