@pibit.ai/cure-design-system 0.3.20 → 0.3.23

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"}

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

@@ -1,52 +1,68 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { useContext as w, isValidElement as v } from "react";
-import { Check as z } from "@untitledui/icons";
-import { ListBoxItem as C, Text as x } from "react-aria-components";
-import { Avatar as S } from "../avatar/avatar.js";
-import { SelectContext as D, fontSizes as u } from "./select.js";
-import { cx as n } from "../../utils/cn.js";
-import { isReactComponent as N } from "../../utils/is-react-component.js";
-const V = {
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useContext as k, isValidElement as N } from "react";
+import { Check as R } from "@untitledui/icons";
+import { ListBoxItem as V, Text as w } from "react-aria-components";
+import { Avatar as j } from "../avatar/avatar.js";
+import { SelectContext as q, fontSizes as C } from "./select.js";
+import { cx as l } from "../../utils/cn.js";
+import { isReactComponent as A } from "../../utils/is-react-component.js";
+const B = {
   sm: "p-2 pr-2.5",
   md: "p-2.5 pl-2",
   xs: "p-1.5"
-}, O = ({
-  label: a,
-  id: c,
-  value: b,
-  avatarUrl: s,
+}, J = ({
+  label: d,
+  id: s,
+  value: v,
+  avatarUrl: m,
   supportingText: r,
-  isDisabled: p,
-  icon: t,
-  className: d,
-  children: o,
-  textStyles: h,
-  ...y
+  isDisabled: c,
+  icon: o,
+  className: u,
+  children: a,
+  textStyles: D,
+  ...t
 }) => {
-  const { size: l } = w(D), m = a || (typeof o == "string" ? o : ""), g = r ? m + " " + r : m;
-  return /* @__PURE__ */ i(
-    C,
+  const { size: f, isDeselectable: P, selectedKey: b, onReselectCurrent: h } = k(q), y = P && b != null && s != null && String(s) === String(b), S = (e) => {
+    !y || c || (e.preventDefault(), e.stopPropagation());
+  }, g = (e) => {
+    !y || c || !h || ("preventDefault" in e && (e.preventDefault(), e.stopPropagation()), h());
+  }, x = d || (typeof a == "string" ? a : ""), z = r ? x + " " + r : x;
+  return /* @__PURE__ */ n(
+    V,
     {
-      id: c,
-      value: b ?? {
-        id: c,
-        label: m,
-        avatarUrl: s,
+      id: s,
+      value: v ?? {
+        id: s,
+        label: x,
+        avatarUrl: m,
         supportingText: r,
-        isDisabled: p,
-        icon: t
+        isDisabled: c,
+        icon: o
       },
-      textValue: g,
-      isDisabled: p,
-      ...y,
-      className: (e) => n(
+      textValue: z,
+      isDisabled: c,
+      ...t,
+      onPointerDownCapture: (e) => {
+        var i;
+        (i = t.onPointerDownCapture) == null || i.call(t, e), S(e);
+      },
+      onPointerUpCapture: (e) => {
+        var i;
+        (i = t.onPointerUpCapture) == null || i.call(t, e), g(e);
+      },
+      onPress: (e) => {
+        var i;
+        (i = t.onPress) == null || i.call(t, e), e.pointerType === "keyboard" && g(e);
+      },
+      className: (e) => l(
         "w-full px-1.5 py-px outline-hidden",
-        typeof d == "function" ? d(e) : d
+        typeof u == "function" ? u(e) : u
       ),
-      children: (e) => /* @__PURE__ */ f(
+      children: (e) => /* @__PURE__ */ p(
         "div",
         {
-          className: n(
+          className: l(
             "flex cursor-pointer items-center gap-2 rounded-md outline-hidden select-none hover:bg-primary_hover",
             e.isSelected && "bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600",
             e.isDisabled && "cursor-not-allowed",
@@ -55,42 +71,42 @@ const V = {
             "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary",
             e.isDisabled && "*:data-icon:text-fg-disabled",
             // @ts-ignore
-            V[l]
+            B[f]
           ),
           children: [
-            s ? /* @__PURE__ */ i(S, { "aria-hidden": "true", size: "sm", src: s, alt: a }) : N(t) ? /* @__PURE__ */ i(t, { "data-icon": !0, "aria-hidden": "true" }) : v(t) ? t : null,
-            /* @__PURE__ */ f("div", { className: "flex w-full min-w-0 flex-1 flex-wrap gap-x-2", children: [
-              /* @__PURE__ */ i(
-                x,
+            m ? /* @__PURE__ */ n(j, { "aria-hidden": "true", size: "sm", src: m, alt: d }) : A(o) ? /* @__PURE__ */ n(o, { "data-icon": !0, "aria-hidden": "true" }) : N(o) ? o : null,
+            /* @__PURE__ */ p("div", { className: "flex w-full min-w-0 flex-1 flex-wrap gap-x-2", children: [
+              /* @__PURE__ */ n(
+                w,
                 {
                   slot: "label",
-                  className: n(
+                  className: l(
                     "truncate font-medium whitespace-nowrap text-primary",
                     e.isDisabled && "text-disabled",
-                    h,
-                    u[l]
+                    D,
+                    C[f]
                   ),
-                  children: a || (typeof o == "function" ? o(e) : o)
+                  children: d || (typeof a == "function" ? a(e) : a)
                 }
               ),
-              r && /* @__PURE__ */ i(
-                x,
+              r && /* @__PURE__ */ n(
+                w,
                 {
                   slot: "description",
-                  className: n(
+                  className: l(
                     "whitespace-nowrap text-tertiary",
-                    u[l],
+                    C[f],
                     e.isDisabled && "text-disabled"
                   ),
                   children: r
                 }
               )
             ] }),
-            e.isSelected && /* @__PURE__ */ i(
-              z,
+            e.isSelected && /* @__PURE__ */ n(
+              R,
               {
                 "aria-hidden": "true",
-                className: n(
+                className: l(
                   "ml-auto text-fg-brand-primary",
                   e.isDisabled && "text-fg-disabled"
                 ),
@@ -104,5 +120,5 @@ const V = {
   );
 };
 export {
-  O as SelectItem
+  J as SelectItem
 };

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode, RefAttributes } from 'react';
-import { SelectProps as AriaSelectProps } from 'react-aria-components';
+import { Key, SelectProps as AriaSelectProps } from 'react-aria-components';
 import { ComboBox } from './combobox';
 import { SelectItem } from './select-item';
 import { SearchableSelect } from './searchable-select';
@@ -28,6 +28,8 @@ export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, "chil
     showChevron?: boolean;
     /** When true, shows a clear button when a value is selected. Clearing calls onSelectionChange(null). Default false. */
     isClearable?: boolean;
+    /** When true, clicking the already-selected option in the dropdown clears the selection. Default false. */
+    isDeselectable?: boolean;
 }
 export declare const sizes: {
     sm: {
@@ -50,8 +52,11 @@ export declare const fontSizes: {
 };
 export declare const SelectContext: import('react').Context<{
     size: "sm" | "md" | "lg";
+    isDeselectable?: boolean;
+    selectedKey?: Key | null;
+    onReselectCurrent?: () => void;
 }>;
-declare const Select: ({ placeholder, placeholderIcon, size, children, items, label, hint, tooltip, className, textStyles, showChevron, isClearable, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ placeholder, placeholderIcon, size, children, items, label, hint, tooltip, className, textStyles, showChevron, isClearable, isDeselectable, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 declare const _Select: typeof Select & {
     ComboBox: typeof ComboBox;
     Item: typeof SelectItem;