@pibit.ai/cure-design-system 0.3.18 → 0.3.21

package/dist/patterns/table/toolbar/SummaryFooter.js

@@ -1,19 +1,20 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { ChevronDown as C } from "@untitledui/icons";
+import { ChevronDown as w } from "@untitledui/icons";
 import { Button as A } from "react-aria-components";
-import { Table as m } from "../table.js";
+import { Table as c } from "../table.js";
 import { cx as f } from "../../../utils/cn.js";
-import { getEffectiveAlignment as L, getAggregationsForType as j, resolveAggregationValueType as S, AGGREGATION_CELL_LABELS as R } from "./tableToolbarHelpers.js";
+import { getEffectiveAlignment as L, getAggregationsForType as j, resolveAggregationValueType as S, AGGREGATION_CELL_LABELS as T } from "./tableToolbarHelpers.js";
 import { Dropdown as d } from "../../../primitives/dropdown/dropdown.js";
-const T = (n) => n === "right" ? "justify-end" : n === "center" ? "justify-center" : "justify-start", _ = ({
+import { EllipsisContentWithTooltip as E } from "../../../primitives/tooltip/ellipsis-content.js";
+const R = (n) => n === "right" ? "justify-end" : n === "center" ? "justify-center" : "justify-start", _ = ({
   column: n,
   aggregation: l,
-  displayValue: a,
+  displayValue: s,
   align: g,
   fieldDataTypeMap: p,
   onChange: b
 }) => {
-  const i = j(S(n, p)), s = R[l];
+  const i = j(S(n, p)), o = T[l];
   return /* @__PURE__ */ u(d.Root, { children: [
     /* @__PURE__ */ u(
       A,
@@ -21,63 +22,69 @@ const T = (n) => n === "right" ? "justify-end" : n === "center" ? "justify-cente
         className: f(
           "group flex w-full items-center gap-2 rounded px-2 py-1 text-xs outline-hidden",
           "text-tertiary hover:bg-primary_hover cursor-pointer",
-          T(g)
+          R(g)
         ),
-        "aria-label": `${s}${a ? `: ${a}` : ""}`,
+        "aria-label": `${o}${s ? `: ${s}` : ""}`,
         children: [
           /* @__PURE__ */ u("span", { className: "flex items-center gap-1.5 min-w-0", children: [
-            /* @__PURE__ */ e("span", { className: "font-normal text-tertiary", children: s }),
-            a && /* @__PURE__ */ e("span", { className: "font-semibold text-secondary truncate", children: a })
+            /* @__PURE__ */ e("span", { className: "font-normal text-tertiary shrink-0", children: o }),
+            s && /* @__PURE__ */ e(
+              E,
+              {
+                content: s,
+                textClassName: "font-semibold text-secondary"
+              }
+            )
           ] }),
-          /* @__PURE__ */ e(C, { size: 12, className: "ml-auto shrink-0 text-fg-quaternary" })
+          /* @__PURE__ */ e(w, { size: 14, className: "ml-auto shrink-0 stroke-2 text-fg-quaternary" })
         ]
       }
     ),
     /* @__PURE__ */ e(d.Popover, { className: "w-44", children: /* @__PURE__ */ e(d.Menu, { selectionMode: "none", onAction: (t) => b(t), children: i.map((t) => /* @__PURE__ */ e(d.Item, { id: t.id, label: t.label, isSelected: l === t.id }, t.id)) }) })
   ] });
-}, k = ({
+}, z = ({
   schema: n,
   summaryByColumn: l,
-  summaryAggregations: a,
+  summaryAggregations: s,
   setSummaryAggregations: g,
   columnAlignments: p,
   hasActionsColumn: b,
   hasSelectionColumn: i = !1,
-  showBorders: s,
+  showBorders: o,
   fieldDataTypeMap: t
 }) => {
-  const v = (r, c) => {
+  const v = (r, m) => {
     g((h) => {
-      const o = new Map(h);
-      return c === "count" ? o.delete(r) : o.set(r, c), o;
+      const a = new Map(h);
+      return m === "count" ? a.delete(r) : a.set(r, m), a;
     });
   }, y = i ? "selection" : n.length > 0 ? "first-schema" : "none", x = () => /* @__PURE__ */ e("span", { className: "text-xs font-medium text-tertiary px-2 py-1", children: "Summary" });
-  return /* @__PURE__ */ u(m.Row, { className: "bg-secondary_subtle hover:bg-secondary_subtle", highlightSelectedRow: !1, children: [
-    i && /* @__PURE__ */ e(m.Cell, { className: f("relative w-10", s && "border-r border-secondary last:border-r-0"), children: y === "selection" && x() }),
-    n.map((r, c) => {
-      const h = a.get(r.value) ?? "count", o = L(r, p), N = y === "first-schema" && c === 0;
+  return /* @__PURE__ */ u(c.Row, { className: "bg-secondary_subtle hover:bg-secondary_subtle", highlightSelectedRow: !1, children: [
+    i && /* @__PURE__ */ e(c.Cell, { className: f("relative w-10", o && "border-r border-secondary last:border-r-0"), children: y === "selection" && x() }),
+    n.map((r, m) => {
+      const h = s.get(r.value) ?? "count", a = L(r, p), N = y === "first-schema" && m === 0;
       return /* @__PURE__ */ e(
-        m.Cell,
+        c.Cell,
         {
-          className: f("relative", s && "border-r border-secondary last:border-r-0"),
+          className: f("relative", o && "border-r border-secondary last:border-r-0"),
           children: N ? x() : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center px-3", children: /* @__PURE__ */ e(
             _,
             {
               column: r,
               aggregation: h,
               displayValue: l[r.value] ?? "",
-              align: o,
+              align: a,
               fieldDataTypeMap: t,
-              onChange: (w) => v(r.value, w)
+              onChange: (C) => v(r.value, C)
             }
           ) })
         },
         r.value
       );
     }),
-    b && /* @__PURE__ */ e(m.Cell, { className: f("relative w-14", s && "border-r border-secondary last:border-r-0") })
+    b && /* @__PURE__ */ e(c.Cell, { className: f("relative w-14", o && "border-r border-secondary last:border-r-0") })
   ] });
 };
 export {
-  k as SummaryFooterRow
+  z as SummaryFooterRow
 };

package/dist/patterns/table/toolbar/index.d.ts

@@ -10,7 +10,7 @@ export { ShowSummaryDropdown } from './ShowSummaryDropdown';
 export { SummaryFooterRow } from './SummaryFooter';
 export type { SummaryFooterRowProps } from './SummaryFooter';
 export { ColumnHeaderMenu } from './ColumnHeaderMenu';
-export type { ColumnMenuAction, ColumnMenuCapabilities } from './ColumnHeaderMenu';
+export type { ColumnMenuAction, ColumnMenuCapabilities, ColumnHeaderMenuFieldDef } from './ColumnHeaderMenu';
 export { RowActionsMenu } from './RowActionsMenu';
 export type { RowActionsConfig } from './RowActionsMenu';
 export { BulkActionBar } from './BulkActionBar';

package/dist/patterns/table/toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACpE,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACtF,YAAY,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACpE,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE7G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACtF,YAAY,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/patterns/table/toolbar/tableToolbarHelpers.js

@@ -66,7 +66,7 @@ function p(e) {
     case "currency":
     case "percentage":
     case "decimal_percentage":
-      return "right";
+      return "left";
     default:
       return "left";
   }

package/dist/primitives/select/searchable-select.d.ts

@@ -24,12 +24,14 @@ export interface SearchableSelectProps extends Omit<AriaSelectProps<SelectItemTy
     popoverClassName?: string;
     /** Custom text styles */
     textStyles?: string;
-    /** Callback when selection changes */
-    onSelectionChange?: (key: string) => void;
+    /** Callback when selection changes; `null` when cleared */
+    onSelectionChange?: (key: string | null) => void;
+    /** When true, clicking the already-selected option in the dropdown clears the selection. Default false. */
+    isDeselectable?: boolean;
     /** Placeholder for search input */
     searchPlaceholder?: string;
     /** Display text to show when selected item is not in items array */
     selectedDisplayValue?: string;
 }
-export declare const SearchableSelect: ({ placeholder, placeholderIcon, size, items, label, hint, tooltip, className, textStyles, popoverClassName, onSearchChange, onSelectionChange, isLoading, searchPlaceholder, selectedDisplayValue, ...rest }: SearchableSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchableSelect: ({ placeholder, placeholderIcon, size, items, label, hint, tooltip, className, textStyles, popoverClassName, onSearchChange, onSelectionChange, isLoading, isDeselectable, searchPlaceholder, selectedDisplayValue, ...rest }: SearchableSelectProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=searchable-select.d.ts.map

package/dist/primitives/select/searchable-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchable-select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/searchable-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAY5E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAsBhF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,eAAe,CAAC,cAAc,CAAC,EAC/B,UAAU,GAAG,OAAO,GAAG,mBAAmB,CAC3C;IACC,iEAAiE;IACjE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,oEAAoE;IACpE,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAkHD,eAAO,MAAM,gBAAgB,GAAI,8MAiB9B,qBAAqB,4CAuIvB,CAAC"}
+{"version":3,"file":"searchable-select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/searchable-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAY5E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAsBhF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,eAAe,CAAC,cAAc,CAAC,EAC/B,UAAU,GAAG,OAAO,GAAG,mBAAmB,CAC3C;IACC,iEAAiE;IACjE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,oEAAoE;IACpE,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAkHD,eAAO,MAAM,gBAAgB,GAAI,8NAkB9B,qBAAqB,4CAkKvB,CAAC"}

package/dist/primitives/select/searchable-select.js

@@ -1,104 +1,104 @@
-import { jsx as e, jsxs as u, Fragment as P } from "react/jsx-runtime";
-import { useState as V, useCallback as S, isValidElement as q } from "react";
-import { ChevronDown as U } from "@untitledui/icons";
-import { Select as z, ListBox as B, Button as O, SelectValue as R } from "react-aria-components";
-import { Avatar as _ } from "../avatar/avatar.js";
-import { HintText as A } from "../input/hint-text.js";
-import { Label as E } from "../input/label.js";
-import { Popover as F } from "./popover.js";
-import { SelectItem as H } from "./select-item.js";
-import { SelectContext as K, fontSizes as I, sizes as L } from "./select.js";
-import { cx as a } from "../../utils/cn.js";
-import { isReactComponent as M } from "../../utils/is-react-component.js";
-import G from "./SearchInput.js";
-import { LoadingIndicator as J } from "../../applications/loading-indicator/loading-indicator.js";
-const Q = {
+import { jsx as t, jsxs as f, Fragment as q } from "react/jsx-runtime";
+import { useState as M, useRef as _, useCallback as w, isValidElement as A } from "react";
+import { ChevronDown as C } from "@untitledui/icons";
+import { Select as E, ListBox as F, Button as H, SelectValue as L } from "react-aria-components";
+import { Avatar as D } from "../avatar/avatar.js";
+import { HintText as G } from "../input/hint-text.js";
+import { Label as J } from "../input/label.js";
+import { Popover as Q } from "./popover.js";
+import { SelectItem as W } from "./select-item.js";
+import { SelectContext as X, fontSizes as S, sizes as Y } from "./select.js";
+import { cx as s } from "../../utils/cn.js";
+import { isReactComponent as Z } from "../../utils/is-react-component.js";
+import $ from "./SearchInput.js";
+import { LoadingIndicator as ee } from "../../applications/loading-indicator/loading-indicator.js";
+const te = {
   sm: "rounded-md",
   md: "rounded-md",
   lg: "rounded-lg"
-}, W = {
+}, re = {
   sm: "text-xs",
   md: "text-xs",
   lg: "text-sm"
-}, X = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", Y = ({
-  isOpen: N,
-  isFocused: v,
-  isDisabled: o,
-  size: r,
-  placeholder: f,
+}, le = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", ne = ({
+  isOpen: P,
+  isFocused: R,
+  isDisabled: i,
+  size: l,
+  placeholder: x,
   placeholderIcon: h,
-  textStyles: x,
-  selectedDisplayValue: c
-}) => /* @__PURE__ */ e(
-  O,
+  textStyles: g,
+  selectedDisplayValue: d
+}) => /* @__PURE__ */ t(
+  H,
   {
-    className: a(
-      X,
-      Q[r],
-      (v || N) && "ring-1 ring-brand",
-      o && "cursor-not-allowed bg-disabled_subtle text-disabled"
+    className: s(
+      le,
+      te[l],
+      (R || P) && "ring-1 ring-brand",
+      i && "cursor-not-allowed bg-disabled_subtle text-disabled"
     ),
-    children: /* @__PURE__ */ e(
-      R,
+    children: /* @__PURE__ */ t(
+      L,
       {
-        className: a(
+        className: s(
           "flex h-max w-full items-center justify-start gap-2 truncate text-left align-middle",
           "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled",
-          L[r].root
+          Y[l].root
         ),
         children: (n) => {
-          var p, g, b, i, y;
-          const d = ((p = n.selectedItem) == null ? void 0 : p.icon) || h, s = !!n.selectedItem, m = !s && !!c;
-          return /* @__PURE__ */ u(P, { children: [
-            (g = n.selectedItem) != null && g.avatarUrl ? /* @__PURE__ */ e(
-              _,
+          var u, o, y, v, I;
+          const m = ((u = n.selectedItem) == null ? void 0 : u.icon) || h, c = !!n.selectedItem, a = !c && !!d;
+          return /* @__PURE__ */ f(q, { children: [
+            (o = n.selectedItem) != null && o.avatarUrl ? /* @__PURE__ */ t(
+              D,
               {
                 size: "sm",
                 src: n.selectedItem.avatarUrl,
                 alt: n.selectedItem.label
               }
-            ) : M(d) ? /* @__PURE__ */ e(d, { "data-icon": !0, "aria-hidden": "true" }) : q(d) ? d : null,
-            s ? /* @__PURE__ */ u("section", { className: "flex w-full gap-2 truncate", children: [
-              /* @__PURE__ */ e(
+            ) : Z(m) ? /* @__PURE__ */ t(m, { "data-icon": !0, "aria-hidden": "true" }) : A(m) ? m : null,
+            c ? /* @__PURE__ */ f("section", { className: "flex w-full gap-2 truncate", children: [
+              /* @__PURE__ */ t(
                 "p",
                 {
-                  className: a(
+                  className: s(
                     "truncate font-medium text-primary",
-                    I[r],
-                    x
+                    S[l],
+                    g
                   ),
-                  children: (b = n.selectedItem) == null ? void 0 : b.label
+                  children: (y = n.selectedItem) == null ? void 0 : y.label
                 }
               ),
-              ((i = n.selectedItem) == null ? void 0 : i.supportingText) && /* @__PURE__ */ e("p", { className: a("text-tertiary", I[r]), children: (y = n.selectedItem) == null ? void 0 : y.supportingText })
-            ] }) : m ? /* @__PURE__ */ e("section", { className: "flex w-full gap-2 truncate", children: /* @__PURE__ */ e(
+              ((v = n.selectedItem) == null ? void 0 : v.supportingText) && /* @__PURE__ */ t("p", { className: s("text-tertiary", S[l]), children: (I = n.selectedItem) == null ? void 0 : I.supportingText })
+            ] }) : a ? /* @__PURE__ */ t("section", { className: "flex w-full gap-2 truncate", children: /* @__PURE__ */ t(
               "p",
               {
-                className: a(
+                className: s(
                   "truncate font-medium text-primary",
-                  I[r],
-                  x
+                  S[l],
+                  g
                 ),
-                children: c
+                children: d
               }
-            ) }) : /* @__PURE__ */ e(
+            ) }) : /* @__PURE__ */ t(
               "p",
               {
-                className: a(
+                className: s(
                   "text-placeholder_subtle",
-                  I[r],
-                  o && "text-disabled"
+                  S[l],
+                  i && "text-disabled"
                 ),
-                children: f
+                children: x
               }
             ),
-            /* @__PURE__ */ e(
-              U,
+            /* @__PURE__ */ t(
+              C,
               {
                 "aria-hidden": "true",
-                className: a(
+                className: s(
                   "ml-auto shrink-0 text-fg-quaternary",
-                  r === "sm" ? "size-4 stroke-[2.5px]" : "size-5"
+                  l === "sm" ? "size-4 stroke-[2.5px]" : "size-5"
                 )
               }
             )
@@ -107,133 +107,152 @@ const Q = {
       }
     )
   }
-), pe = ({
-  placeholder: N = "Select",
-  placeholderIcon: v,
-  size: o = "sm",
-  items: r,
-  label: f,
+), ve = ({
+  placeholder: P = "Select",
+  placeholderIcon: R,
+  size: i = "sm",
+  items: l,
+  label: x,
   hint: h,
-  tooltip: x,
-  className: c,
+  tooltip: g,
+  className: d,
   textStyles: n,
-  popoverClassName: d,
-  onSearchChange: s,
-  onSelectionChange: m,
-  isLoading: p = !1,
-  searchPlaceholder: g = "Search...",
-  selectedDisplayValue: b,
-  ...i
+  popoverClassName: m,
+  onSearchChange: c,
+  onSelectionChange: a,
+  isLoading: u = !1,
+  isDeselectable: o = !1,
+  searchPlaceholder: y = "Search...",
+  selectedDisplayValue: v,
+  ...I
 }) => {
-  const [y, w] = V(""), T = S(
-    (l) => {
-      w(l), s(l);
+  const [K, k] = M(""), T = _(!1), { selectedKey: N, ...p } = I, b = N === void 0 ? void 0 : N == null || String(N) === "" ? null : N, V = w(
+    (r) => {
+      k(r), c(r);
     },
-    [s]
-  ), j = S(
-    (l) => {
-      var t;
-      l || (w(""), s("")), (t = i.onOpenChange) == null || t.call(i, l);
+    [c]
+  ), j = w(
+    (r) => {
+      var e;
+      r || (k(""), c("")), (e = p.onOpenChange) == null || e.call(p, r);
     },
-    [s, i.onOpenChange]
-  ), k = S(
-    (l) => {
-      l !== null && (m == null || m(String(l)));
+    [p.onOpenChange, c]
+  ), U = w(() => {
+    !o || b == null || (T.current = !0, a == null || a(null), j(!1), queueMicrotask(() => {
+      T.current = !1;
+    }));
+  }, [j, o, a, b]), z = w(
+    (r) => {
+      if (T.current) return;
+      const e = r == null || String(r) === "" ? null : String(r);
+      e === null && !o || a == null || a(e);
     },
-    [m]
-  ), C = [{ id: "none", label: "none" }], D = r.length > 0 ? r : C;
-  return /* @__PURE__ */ e(K.Provider, { value: { size: o }, children: /* @__PURE__ */ e(
-    z,
+    [o, a]
+  ), B = [{ id: "none", label: "none" }], O = l.length > 0 ? l : B;
+  return /* @__PURE__ */ t(
+    X.Provider,
     {
-      ...i,
-      onOpenChange: j,
-      onSelectionChange: k,
-      className: (l) => a(
-        "flex flex-col gap-1.5",
-        typeof c == "function" ? c(l) : c
-      ),
-      children: (l) => /* @__PURE__ */ u(P, { children: [
-        f && /* @__PURE__ */ e(
-          E,
-          {
-            isRequired: l.isRequired,
-            tooltip: x,
-            className: W[o],
-            children: f
-          }
-        ),
-        /* @__PURE__ */ e(
-          Y,
-          {
-            ...l,
-            size: o,
-            placeholder: N,
-            placeholderIcon: v,
-            textStyles: n,
-            selectedDisplayValue: b
-          }
-        ),
-        /* @__PURE__ */ u(
-          F,
-          {
-            size: o,
-            className: a("flex flex-col", d),
-            children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: "sticky top-0 z-10 bg-primary p-1.5",
-                  onMouseDown: (t) => t.stopPropagation(),
-                  onPointerDown: (t) => t.stopPropagation(),
-                  onClick: (t) => t.stopPropagation(),
-                  children: /* @__PURE__ */ e(
-                    G,
+      value: {
+        size: i,
+        isDeselectable: o,
+        selectedKey: b,
+        onReselectCurrent: o ? U : void 0
+      },
+      children: /* @__PURE__ */ t(
+        E,
+        {
+          ...p,
+          selectedKey: b,
+          onOpenChange: j,
+          onSelectionChange: z,
+          className: (r) => s(
+            "flex flex-col gap-1.5",
+            typeof d == "function" ? d(r) : d
+          ),
+          children: (r) => /* @__PURE__ */ f(q, { children: [
+            x && /* @__PURE__ */ t(
+              J,
+              {
+                isRequired: r.isRequired,
+                tooltip: g,
+                className: re[i],
+                children: x
+              }
+            ),
+            /* @__PURE__ */ t(
+              ne,
+              {
+                ...r,
+                size: i,
+                placeholder: P,
+                placeholderIcon: R,
+                textStyles: n,
+                selectedDisplayValue: v
+              }
+            ),
+            /* @__PURE__ */ f(
+              Q,
+              {
+                size: i,
+                className: s("flex flex-col", m),
+                children: [
+                  /* @__PURE__ */ t(
+                    "div",
                     {
-                      size: "sm",
-                      placeholder: g,
-                      value: y,
-                      onChange: (t) => T(t),
-                      onKeyDown: (t) => t.stopPropagation(),
-                      className: "w-full ring-0 outline-hidden bg-secondary rounded-lg"
+                      className: "sticky top-0 z-10 bg-primary p-1.5",
+                      onMouseDown: (e) => e.stopPropagation(),
+                      onPointerDown: (e) => e.stopPropagation(),
+                      onClick: (e) => e.stopPropagation(),
+                      children: /* @__PURE__ */ t(
+                        $,
+                        {
+                          size: "sm",
+                          placeholder: y,
+                          value: K,
+                          onChange: (e) => V(e),
+                          onKeyDown: (e) => e.stopPropagation(),
+                          className: "w-full ring-0 outline-hidden bg-secondary rounded-lg"
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ u("div", { className: "flex-1 overflow-y-auto", children: [
-                p && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ e(J, { size: "xs", type: "line-simple" }) }),
-                !p && r.length === 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ e("p", { className: "text-sm text-tertiary", children: "No results" }) }),
-                /* @__PURE__ */ e(
-                  B,
-                  {
-                    items: D,
-                    className: a(
-                      "size-full outline-hidden px-1",
-                      (p || r.length === 0) && "hidden"
-                    ),
-                    children: (t) => /* @__PURE__ */ e(
-                      H,
+                  ),
+                  /* @__PURE__ */ f("div", { className: "flex-1 overflow-y-auto", children: [
+                    u && /* @__PURE__ */ t("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ t(ee, { size: "xs", type: "line-simple" }) }),
+                    !u && l.length === 0 && /* @__PURE__ */ t("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ t("p", { className: "text-sm text-tertiary", children: "No results" }) }),
+                    /* @__PURE__ */ t(
+                      F,
                       {
-                        id: t.id,
-                        label: t.label,
-                        avatarUrl: t.avatarUrl,
-                        supportingText: t.supportingText,
-                        isDisabled: t.isDisabled,
-                        icon: t.icon,
-                        textStyles: n
-                      },
-                      t.id
+                        items: O,
+                        className: s(
+                          "size-full outline-hidden px-1",
+                          (u || l.length === 0) && "hidden"
+                        ),
+                        children: (e) => /* @__PURE__ */ t(
+                          W,
+                          {
+                            id: e.id,
+                            label: e.label,
+                            avatarUrl: e.avatarUrl,
+                            supportingText: e.supportingText,
+                            isDisabled: e.isDisabled,
+                            icon: e.icon,
+                            textStyles: n
+                          },
+                          e.id
+                        )
+                      }
                     )
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        h && /* @__PURE__ */ e(A, { isInvalid: l.isInvalid, children: h })
-      ] })
+                  ] })
+                ]
+              }
+            ),
+            h && /* @__PURE__ */ t(G, { isInvalid: r.isInvalid, children: h })
+          ] })
+        }
+      )
     }
-  ) });
+  );
 };
 export {
-  pe as SearchableSelect
+  ve as SearchableSelect
 };

package/dist/primitives/select/select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,UAAU,eACR,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,oHAYxB,eAAe,4CAmGjB,CAAC"}
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAMtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,UAAU,eACR,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,oHAYxB,eAAe,4CAqIjB,CAAC"}