@divayth/brick-ui 0.2.2 → 0.2.4

package/README.md

@@ -28,6 +28,26 @@ The package ships compiled CSS; consumers do not need Tailwind.
 No global CSS reset is included. Colors can be overridden via CSS variables.
 Interactive Button preserves its 'use client' directive; Text and Flex remain server-compatible.
 
+## Select and Autocomplete
+
+The value type is inferred from `options`; explicit JSX type arguments are not needed.
+Clearing a single selection returns `undefined`; `multiple` returns an array.
+
+```tsx
+<Autocomplete
+  options={[{ value: 1, label: "Alice" }]}
+  onChange={(id) => console.log(id)} // number | undefined
+/>
+```
+
+`SelectProps` describes selection controls. `AutocompleteProps` additionally includes
+`onSearchChange`, `searchPlaceholder`, and `filterOptions`. Use `SelectControlProps`
+for shared presentation props when building wrappers such as a user picker.
+
+Options are not filtered by default. Pass `filterOptions` to enable local search,
+or use `onSearchChange` to fetch options from a server. Replace the old
+`<Select searchable />` API with `<Autocomplete />`.
+
 ## Themes
 
 `Provider` includes light and dark palettes. It restores the theme from the

package/dist/ui/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,5 @@
-import { type SelectProps, type SelectValue } from "../Select/Select.js";
-export type AutocompleteProps<T extends SelectValue = SelectValue, Multiple extends boolean = false> = SelectProps<T, Multiple>;
-export declare const Autocomplete: <T extends SelectValue, Multiple extends boolean = false>(props: AutocompleteProps<T, Multiple>) => import("react").JSX.Element;
+import { type SelectValue } from "../Select/Select.js";
+import type { AutocompleteProps } from "../Select/Select.types.js";
+export type { AutocompleteProps } from "../Select/Select.types.js";
+export declare const Autocomplete: <T extends SelectValue, Multiple extends boolean = false, Clearable extends boolean = boolean>(props: AutocompleteProps<T, Multiple, Clearable>) => import("react").JSX.Element;
 //# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,WAAW,GAAG,WAAW,EACnC,QAAQ,SAAS,OAAO,GAAG,KAAK,IAC9B,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE7B,eAAO,MAAM,YAAY,GACvB,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,OAAO,GAAG,KAAK,EAEhC,OAAO,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC,gCACF,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,YAAY,GACvB,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,OAAO,GAAG,KAAK,EAChC,SAAS,SAAS,OAAO,GAAG,OAAO,EAEnC,OAAO,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,gCACe,CAAC"}

package/dist/ui/Autocomplete/Autocomplete.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { Select as t } from "../Select/Select.js";
+import { SelectBase as t } from "../Select/Select.js";
 const c = (e) => /* @__PURE__ */ o(t, { ...e, searchable: !0 });
 export {
   c as Autocomplete

package/dist/ui/Select/Select.d.ts

@@ -1,4 +1,5 @@
-import type { SelectProps, SelectValue } from "./Select.types.js";
-export type { SelectOption, SelectProps, SelectValue } from "./Select.types.js";
-export declare const Select: <T extends SelectValue, Multiple extends boolean = false>({ value, onChange, renderValue, onSearchChange, filterOptions, isLoading, multiple, searchable, options, label, disabled, placeholder, searchPlaceholder, error, withArrow, clearable, className, size, variant, }: SelectProps<T, Multiple>) => import("react").JSX.Element;
+import type { SelectProps, SelectBaseProps, SelectValue } from "./Select.types.js";
+export type { SelectOption, SelectProps, SelectValue, SelectControlProps } from "./Select.types.js";
+export declare const SelectBase: <T extends SelectValue, Multiple extends boolean = false, Clearable extends boolean = boolean>({ value, onChange, renderValue, onSearchChange, filterOptions, isLoading, multiple, searchable, options, label, disabled, placeholder, searchPlaceholder, error, withArrow, clearable, className, size, variant, }: SelectBaseProps<T, Multiple, Clearable>) => import("react").JSX.Element;
+export declare const Select: <T extends SelectValue, Multiple extends boolean = false, Clearable extends boolean = boolean>(props: SelectProps<T, Multiple, Clearable>) => import("react").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,WAAW,EACX,WAAW,EAEZ,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhF,eAAO,MAAM,MAAM,GACjB,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,OAAO,GAAG,KAAK,EAChC,oNAoBC,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,gCAwI1B,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,WAAW,EACX,eAAe,EACf,WAAW,EAEZ,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAOpG,eAAO,MAAM,UAAU,GACrB,CAAC,SAAS,WAAW,EACrB,QAAQ,SAAS,OAAO,GAAG,KAAK,EAChC,SAAS,SAAS,OAAO,GAAG,OAAO,EACnC,oNAoBC,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,gCAwIzC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,EAAE,QAAQ,SAAS,OAAO,GAAG,KAAK,EAAE,SAAS,SAAS,OAAO,GAAG,OAAO,EACjH,OAAO,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,gCAC6B,CAAC"}

package/dist/ui/Select/Select.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
 import { useId as G, useRef as H, useState as F } from "react";
 import { clsx as P } from "clsx";
 import { ChevronDown as J, X as K } from "lucide-react";
@@ -11,48 +11,48 @@ import { Flex as W } from "../Flex/Flex.js";
 import { IconButton as Y } from "../IconButton/IconButton.js";
 import { Popover as N } from "../Popover/Popover.js";
 import t from "./Select.module.css.js";
-const z = { sm: 16, md: 20, lg: 24 }, ee = { sm: "xs", md: "sm", lg: "md" }, fe = ({
-  value: d,
+const z = { sm: 16, md: 20, lg: 24 }, ee = { sm: "xs", md: "sm", lg: "md" }, oe = ({
+  value: s,
   onChange: k,
-  renderValue: L,
-  onSearchChange: R,
-  filterOptions: Z = !0,
-  isLoading: _ = !1,
-  multiple: l,
+  renderValue: B,
+  onSearchChange: b,
+  filterOptions: L = !1,
+  isLoading: Z = !1,
+  multiple: i,
   searchable: g = !1,
-  options: b = [],
-  label: u,
-  disabled: s,
-  placeholder: f,
-  searchPlaceholder: q,
-  error: a,
-  withArrow: B = !0,
-  clearable: j = !0,
+  options: R = [],
+  label: f,
+  disabled: a,
+  placeholder: u,
+  searchPlaceholder: _,
+  error: c,
+  withArrow: q = !0,
+  clearable: j,
   className: D,
   size: h = "md",
   variant: T = "filled"
 }) => {
-  const { messages: A } = M(), i = G(), v = H(null), [n, V] = F(!1), [E, O] = F(""), c = Array.isArray(d) ? d : [d], o = b.filter((e) => c.includes(e.value)), $ = o.map(({ label: e, value: y }) => e ?? y).join(", "), x = o.length ? L?.(d) : void 0, S = (e) => k?.(e), m = (e) => {
-    V(e), O(""), R?.("");
+  const { messages: A } = M(), l = G(), v = H(null), [n, V] = F(!1), [E, O] = F(""), m = Array.isArray(s) ? s : [s], r = R.filter((e) => m.includes(e.value)), $ = r.map(({ label: e, value: y }) => e ?? y).join(", "), x = r.length ? B?.(s) : void 0, S = (e) => k?.(e), d = (e) => {
+    V(e), O(""), b?.("");
   }, w = {
-    id: i,
+    id: l,
     className: t.trigger,
-    disabled: s,
-    "aria-expanded": n && !s,
-    "aria-controls": `${i}-options`,
-    "aria-invalid": !!a,
-    "aria-describedby": a ? `${i}-error` : void 0
+    disabled: a,
+    "aria-expanded": n && !a,
+    "aria-controls": `${l}-options`,
+    "aria-invalid": !!c,
+    "aria-describedby": c ? `${l}-error` : void 0
   }, X = (e) => {
-    if (l) {
-      const y = c.includes(e.value) ? c.filter((C) => C !== e.value) : [...c.filter((C) => C !== void 0), e.value];
+    if (i) {
+      const y = m.includes(e.value) ? m.filter((C) => C !== e.value) : [...m.filter((C) => C !== void 0), e.value];
       S(y);
     } else
       S(e.value);
-    m(!!l), v.current?.querySelector("input, button")?.focus();
+    d(!!i), v.current?.querySelector("input, button")?.focus();
   };
-  return /* @__PURE__ */ r(N.Root, { open: n && !s, onOpenChange: m, children: /* @__PURE__ */ I(p.Root, { className: D, children: [
-    u && /* @__PURE__ */ r(p.Label, { htmlFor: i, label: u }),
-    /* @__PURE__ */ r(p.Control, { size: h, children: /* @__PURE__ */ r(N.Anchor, { children: /* @__PURE__ */ I(
+  return /* @__PURE__ */ o(N.Root, { open: n && !a, onOpenChange: d, children: /* @__PURE__ */ I(p.Root, { className: D, children: [
+    f && /* @__PURE__ */ o(p.Label, { htmlFor: l, label: f }),
+    /* @__PURE__ */ o(p.Control, { size: h, children: /* @__PURE__ */ o(N.Anchor, { children: /* @__PURE__ */ I(
       W,
       {
         ref: v,
@@ -60,40 +60,40 @@ const z = { sm: 16, md: 20, lg: 24 }, ee = { sm: "xs", md: "sm", lg: "md" }, fe
         alignItems: "center",
         justifyContent: "between",
         className: P(t.select, t[T], {
-          [t.error]: a,
-          [t.disabled]: s
+          [t.error]: c,
+          [t.disabled]: a
         }),
         children: [
-          g ? /* @__PURE__ */ r(
+          g ? /* @__PURE__ */ o(
             Q,
             {
               size: h,
               value: n ? E : $,
               displayValue: x,
-              placeholder: n ? q ?? A.search : f,
-              "aria-label": u ?? f,
-              open: n && !s,
+              placeholder: n ? _ ?? A.search : u,
+              "aria-label": f ?? u,
+              open: n && !a,
               onClick: () => {
-                n || m(!0);
+                n || d(!0);
               },
               onChange: (e) => {
-                n || m(!0), O(e.target.value), R?.(e.target.value);
+                n || d(!0), O(e.target.value), b?.(e.target.value);
               },
               ...w
             }
-          ) : /* @__PURE__ */ r(N.Trigger, { children: /* @__PURE__ */ I("button", { type: "button", "aria-haspopup": "listbox", ...w, children: [
-            !l && x == null && o[0]?.icon,
-            /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ o(N.Trigger, { children: /* @__PURE__ */ I("button", { type: "button", "aria-haspopup": "listbox", ...w, children: [
+            !i && x == null && r[0]?.icon,
+            /* @__PURE__ */ o(
               "span",
               {
                 className: P(
                   t.value,
-                  !o.length && t.placeholder
+                  !r.length && t.placeholder
                 ),
-                children: o.length ? x ?? $ : f
+                children: r.length ? x ?? $ : u
               }
             ),
-            B && !(o.length && j) && /* @__PURE__ */ r(
+            q && !(r.length && j !== !1) && /* @__PURE__ */ o(
               J,
               {
                 size: z[h],
@@ -102,32 +102,32 @@ const z = { sm: 16, md: 20, lg: 24 }, ee = { sm: "xs", md: "sm", lg: "md" }, fe
               }
             )
           ] }) }),
-          j && (g || o.length > 0) && /* @__PURE__ */ r(
+          j !== !1 && (g || r.length > 0) && /* @__PURE__ */ o(
             Y,
             {
               size: ee[h],
               color: "secondary",
-              className: o.length ? void 0 : "invisible",
-              disabled: s || !o.length,
-              "aria-hidden": !o.length || void 0,
+              className: r.length ? void 0 : "invisible",
+              disabled: a || !r.length,
+              "aria-hidden": !r.length || void 0,
               "aria-label": A.clear,
               onClick: () => {
-                S(l ? [] : void 0), m(!1);
+                S(i ? [] : void 0), d(!1);
               },
-              children: /* @__PURE__ */ r(K, {})
+              children: /* @__PURE__ */ o(K, {})
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ o(
             U,
             {
-              id: `${i}-options`,
-              "aria-label": u ?? f,
-              options: b,
-              values: c,
+              id: `${l}-options`,
+              "aria-label": f ?? u,
+              options: R,
+              values: m,
               search: E,
-              filterOptions: Z,
-              isLoading: _,
-              multiple: l,
+              filterOptions: L,
+              isLoading: Z,
+              multiple: i,
               searchable: g,
               anchorRef: v,
               onSelect: X
@@ -136,9 +136,10 @@ const z = { sm: 16, md: 20, lg: 24 }, ee = { sm: "xs", md: "sm", lg: "md" }, fe
         ]
       }
     ) }) }),
-    a && /* @__PURE__ */ r(p.Error, { id: `${i}-error`, error: a })
+    c && /* @__PURE__ */ o(p.Error, { id: `${l}-error`, error: c })
   ] }) });
-};
+}, he = (s) => /* @__PURE__ */ o(oe, { ...s, searchable: !1 });
 export {
-  fe as Select
+  he as Select,
+  oe as SelectBase
 };

package/dist/ui/Select/Select.types.d.ts

@@ -7,27 +7,17 @@ export interface SelectSearchProps extends Extract<InputProps, {
     open: boolean;
     displayValue?: ReactNode;
 }
-export interface SelectOption<T> {
+export interface SelectOption<T = SelectValue> {
     value: T;
     label?: string;
     icon?: ReactNode;
 }
 export type SelectValue = string | number | boolean | undefined;
-export type Selection<T, Multiple extends boolean> = Multiple extends true ? T[] : T;
-export interface SelectProps<T extends SelectValue = SelectValue, Multiple extends boolean = false> {
-    value?: Selection<T, Multiple>;
-    onChange?: (value: Selection<T, Multiple>) => void;
-    renderValue?: (value: Selection<T, Multiple>) => ReactNode;
-    onSearchChange?: (search: string) => void;
-    filterOptions?: boolean;
-    isLoading?: boolean;
-    options: SelectOption<T>[];
-    multiple?: Multiple;
+export type Selection<T, Multiple extends boolean, Clearable extends boolean = boolean> = Multiple extends true ? T[] : Clearable extends false ? T : T | undefined;
+export interface SelectControlProps {
     size?: ControlSize;
-    searchable?: boolean;
     disabled?: boolean;
     placeholder?: string;
-    searchPlaceholder?: string;
     label?: string;
     error?: string;
     withArrow?: boolean;
@@ -35,6 +25,23 @@ export interface SelectProps<T extends SelectValue = SelectValue, Multiple exten
     className?: string;
     variant?: "filled" | "outlined";
 }
+export interface SelectProps<T extends SelectValue = SelectValue, Multiple extends boolean = false, Clearable extends boolean = boolean> extends SelectControlProps {
+    options: readonly SelectOption<T>[];
+    value?: Selection<NoInfer<T>, Multiple>;
+    onChange?: (value: Selection<NoInfer<T>, Multiple, Clearable>) => void;
+    renderValue?: (value: Selection<NoInfer<T>, Multiple>) => ReactNode;
+    multiple?: Multiple;
+    clearable?: Clearable;
+    isLoading?: boolean;
+}
+export interface AutocompleteProps<T extends SelectValue = SelectValue, Multiple extends boolean = false, Clearable extends boolean = boolean> extends SelectProps<T, Multiple, Clearable> {
+    onSearchChange?: (search: string) => void;
+    searchPlaceholder?: string;
+    filterOptions?: boolean;
+}
+export interface SelectBaseProps<T extends SelectValue, Multiple extends boolean, Clearable extends boolean> extends AutocompleteProps<T, Multiple, Clearable> {
+    searchable?: boolean;
+}
 export interface SelectOptionProps<T> {
     item: SelectOption<T>;
     checked: boolean;
@@ -44,7 +51,7 @@ export interface SelectOptionProps<T> {
 export interface SelectOptionsProps<T> {
     id: string;
     "aria-label"?: string;
-    options: SelectOption<T>[];
+    options: readonly SelectOption<T>[];
     values: T[];
     search: string;
     filterOptions?: boolean;

package/dist/ui/Select/Select.types.d.ts.map

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

package/dist/ui/Select/SelectOptions.js

@@ -11,7 +11,7 @@ const z = ({
   options: c,
   values: r,
   search: n,
-  filterOptions: i = !0,
+  filterOptions: i = !1,
   isLoading: o = !1,
   multiple: l,
   searchable: m,

package/dist/ui/index.d.ts

@@ -29,5 +29,5 @@ export { DateInput, type DateInputProps } from "./Date/DateInput.js";
 export { MultipleChip, type MultipleChipProps, type MultipleChipOption, } from "./MultipleChip/MultipleChip.js";
 export { Sticky, type StickyProps } from "./Sticky/Sticky.js";
 export { Autocomplete, type AutocompleteProps, } from "./Autocomplete/Autocomplete.js";
-export { Select, type SelectProps, type SelectOption, type SelectValue, } from "./Select/Select.js";
+export { Select, type SelectProps, type SelectControlProps, type SelectOption, type SelectValue, } from "./Select/Select.js";
 //# sourceMappingURL=index.d.ts.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divayth/brick-ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "React components for Brick UI",
   "type": "module",
   "files": [
@@ -31,18 +31,18 @@
   },
   "dependencies": {
     "@radix-ui/react-compose-refs": "^1.1.5",
-    "radix-ui": "^1.8.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.23",
     "js-cookie": "^3.0.8",
     "lucide-react": "^1.57.0",
+    "radix-ui": "^1.8.1",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0"
   },
   "devDependencies": {
     "@fontsource-variable/inter": "^5.3.0",
     "@storybook/addon-docs": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/react-vite": "^8.5.3",
     "@tailwindcss/vite": "^4.0.0",
     "@types/js-cookie": "^3.0.6",
     "@types/node": "^22.0.0",