@jinaan/uikit 0.1.51 → 0.1.53

package/dist/combobox.d.ts

@@ -0,0 +1,50 @@
+import { type ReactNode } from "react";
+export interface ComboboxItem {
+    value: string;
+    label: string;
+    /** Secondary line under the label (e.g. an email address). */
+    description?: string;
+    /** Small pill rendered after the label (e.g. "Default"). */
+    badge?: string;
+}
+export interface ComboboxProps {
+    items: ComboboxItem[];
+    /** Selected item value; null shows the placeholder. */
+    value: string | null;
+    onValueChange: (item: ComboboxItem) => void;
+    /**
+     * Debounced + trimmed search term (fires after `debounceMs` once the term
+     * reaches `minSearchLength`). Omit to filter `items` client-side instead.
+     */
+    onSearchChange?: (term: string) => void;
+    /** True while an async search is running; shows a centered spinner. */
+    loading?: boolean;
+    /** Minimum search term length before searching/filtering. Default 3. */
+    minSearchLength?: number;
+    /** Debounce window for the search term, in ms. Default 300. */
+    debounceMs?: number;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    /** Shown when a completed search yields no rows. Default "No results found". */
+    emptyMessage?: string;
+    /** Hint below `minSearchLength`; defaults to "Type at least N characters to search". */
+    hintMessage?: string;
+    /** Custom row content; falls back to label + description + badge. */
+    renderItem?: (item: ComboboxItem) => ReactNode;
+    /** Custom selected-value content; falls back to the item label. */
+    renderValue?: (item: ComboboxItem) => ReactNode;
+    className?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+}
+/**
+ * Searchable select (Clerk "Select…" parity): an inline secondary trigger that
+ * opens the standard dropdown surface with a search field and item rows.
+ * Searching debounces internally; render `items` either pre-filtered by the
+ * parent (async search through `onSearchChange` + `loading`) or let the
+ * component filter locally when `onSearchChange` is omitted. The content
+ * portals and anchors to the trigger with collision flip, so it overlays —
+ * it never grows the surrounding layout, and it nests safely inside dialogs.
+ */
+export declare function Combobox({ items, value, onValueChange, onSearchChange, loading, minSearchLength, debounceMs, placeholder, searchPlaceholder, emptyMessage, hintMessage, renderItem, renderValue, className, contentClassName, disabled, }: ComboboxProps): import("react").JSX.Element;
+//# sourceMappingURL=combobox.d.ts.map

package/dist/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../src/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,uDAAuD;IACvD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;IAC/C,mEAAmE;IACnE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,aAAa,EACb,cAAc,EACd,OAAe,EACf,eAAmB,EACnB,UAAgB,EAChB,WAAyB,EACzB,iBAA4B,EAC5B,YAAiC,EACjC,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,QAAgB,GACjB,EAAE,aAAa,+BAiLf"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./card";
 export * from "./checkbox";
 export * from "./choice-dialog";
 export * from "./code-block";
+export * from "./combobox";
 export * from "./data-table";
 export * from "./dialog";
 export * from "./dropdown-menu";

package/dist/index.d.ts.map

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