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

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;

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAU5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAAyB,IAAI,GAAG,IAAI,GAAG,IAAI;EAEnE,CAAC;AAEH,QAAA,MAAM,MAAM,GAAI,yIAcb,WAAW,4CAwDb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUjF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAClB,IAAI,GAAG,IAAI,GAAG,IAAI;qBACP,OAAO;kBACV,GAAG,GAAG,IAAI;wBACJ,MAAM,IAAI;EACd,CAAC;AAEnB,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA+Fb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/primitives/select/select.js

@@ -1,119 +1,119 @@
-import { jsx as e, jsxs as f, Fragment as B } from "react/jsx-runtime";
-import { createContext as j, isValidElement as T } from "react";
-import { ChevronDown as V, XClose as _ } from "@untitledui/icons";
-import { Select as k, ListBox as R, Button as z, SelectValue as K } from "react-aria-components";
-import { Avatar as L } from "../avatar/avatar.js";
-import { HintText as P } from "../input/hint-text.js";
-import { Label as U } from "../input/label.js";
-import { ComboBox as $ } from "./combobox.js";
-import { Popover as A } from "./popover.js";
-import { SelectItem as E } from "./select-item.js";
-import { SearchableSelect as F } from "./searchable-select.js";
-import { cx as o } from "../../utils/cn.js";
-import { isReactComponent as H } from "../../utils/is-react-component.js";
-const X = {
+import { jsx as e, jsxs as b, Fragment as K } from "react/jsx-runtime";
+import { useRef as T, useCallback as j, createContext as V, isValidElement as _ } from "react";
+import { ChevronDown as k, XClose as z } from "@untitledui/icons";
+import { Select as L, ListBox as O, Button as P, SelectValue as U } 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 { ComboBox as F } from "./combobox.js";
+import { Popover as H } from "./popover.js";
+import { SelectItem as M } from "./select-item.js";
+import { SearchableSelect as X } from "./searchable-select.js";
+import { cx as i } from "../../utils/cn.js";
+import { isReactComponent as G } from "../../utils/is-react-component.js";
+const J = {
   sm: { root: "py-1.5 px-2 h-8", shortcut: "pr-2" },
   md: { root: "py-1.5 px-3 h-9", shortcut: "pr-2.5" },
   lg: { root: "py-2.5 px-3.5 h-11", shortcut: "pr-3" }
-}, G = {
+}, Q = {
   sm: "rounded-md",
   md: "rounded-md",
   lg: "rounded-lg"
-}, b = {
+}, w = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, S = {
+}, R = {
   sm: "size-4",
   md: "size-4",
   lg: "size-5"
-}, J = {
+}, W = {
   sm: "text-xs",
   md: "text-xs",
   lg: "text-sm"
-}, M = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", O = ({
-  isOpen: x,
-  isFocused: y,
-  isDisabled: n,
-  size: l,
-  placeholder: a,
-  placeholderIcon: d,
-  ref: m,
-  textStyles: h,
-  showChevron: s = !0,
-  isClearable: g = !1,
-  onClear: c,
-  selectedItem: u
+}, Y = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", Z = ({
+  isOpen: y,
+  isFocused: B,
+  isDisabled: c,
+  size: n,
+  placeholder: u,
+  placeholderIcon: p,
+  ref: x,
+  textStyles: I,
+  showChevron: f = !0,
+  isClearable: N = !1,
+  onClear: a,
+  selectedItem: h
 }) => {
-  const r = g && u && !n && c, i = /* @__PURE__ */ e(
-    z,
+  const d = N && h && !c && a, g = /* @__PURE__ */ e(
+    P,
     {
-      ref: m,
-      className: o(
-        M,
-        G[l],
-        (y || x) && "ring-1 ring-brand",
-        n && "cursor-not-allowed bg-disabled_subtle text-disabled"
+      ref: x,
+      className: i(
+        Y,
+        Q[n],
+        (B || y) && "ring-1 ring-brand",
+        c && "cursor-not-allowed bg-disabled_subtle text-disabled"
       ),
       children: /* @__PURE__ */ e(
-        K,
+        U,
         {
-          className: o(
+          className: i(
             "flex h-max w-full items-center justify-start gap-2 truncate text-left align-middle",
             // Icon styles
             "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled",
-            X[l].root
+            J[n].root
           ),
-          children: (t) => {
-            var I, N, C, w, q;
-            const p = ((I = t.selectedItem) == null ? void 0 : I.icon) || d;
-            return /* @__PURE__ */ f(B, { children: [
-              (N = t.selectedItem) != null && N.avatarUrl ? /* @__PURE__ */ e(
-                L,
+          children: (r) => {
+            var o, m, s, v, S;
+            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || p;
+            return /* @__PURE__ */ b(K, { children: [
+              (m = r.selectedItem) != null && m.avatarUrl ? /* @__PURE__ */ e(
+                $,
                 {
                   size: "sm",
-                  src: t.selectedItem.avatarUrl,
-                  alt: t.selectedItem.label
+                  src: r.selectedItem.avatarUrl,
+                  alt: r.selectedItem.label
                 }
-              ) : H(p) ? /* @__PURE__ */ e(
-                p,
+              ) : G(t) ? /* @__PURE__ */ e(
+                t,
                 {
                   "data-icon": !0,
                   "aria-hidden": "true",
-                  className: S[l]
+                  className: R[n]
                 }
-              ) : T(p) ? p : null,
-              t.selectedItem ? /* @__PURE__ */ f("section", { className: "flex w-full gap-2 truncate", children: [
+              ) : _(t) ? t : null,
+              r.selectedItem ? /* @__PURE__ */ b("section", { className: "flex w-full gap-2 truncate", children: [
                 /* @__PURE__ */ e(
                   "p",
                   {
-                    className: o(
+                    className: i(
                       "truncate font-medium text-primary",
-                      b[l],
-                      h
+                      w[n],
+                      I
                     ),
-                    children: (C = t.selectedItem) == null ? void 0 : C.label
+                    children: (s = r.selectedItem) == null ? void 0 : s.label
                   }
                 ),
-                ((w = t.selectedItem) == null ? void 0 : w.supportingText) && /* @__PURE__ */ e("p", { className: o("text-tertiary", b[l]), children: (q = t.selectedItem) == null ? void 0 : q.supportingText })
+                ((v = r.selectedItem) == null ? void 0 : v.supportingText) && /* @__PURE__ */ e("p", { className: i("text-tertiary", w[n]), children: (S = r.selectedItem) == null ? void 0 : S.supportingText })
               ] }) : /* @__PURE__ */ e(
                 "p",
                 {
-                  className: o(
+                  className: i(
                     "text-placeholder_subtle",
-                    b[l],
-                    n && "text-disabled"
+                    w[n],
+                    c && "text-disabled"
                   ),
-                  children: a
+                  children: u
                 }
               ),
-              s && /* @__PURE__ */ e(
-                V,
+              f && /* @__PURE__ */ e(
+                k,
                 {
                   "aria-hidden": "true",
-                  className: o(
+                  className: i(
                     "ml-auto shrink-0 text-fg-quaternary",
-                    S[l]
+                    R[n]
                   )
                 }
               )
@@ -123,86 +123,110 @@ const X = {
       )
     }
   );
-  return r ? /* @__PURE__ */ f("div", { className: "relative flex w-full items-stretch", children: [
-    i,
+  return d ? /* @__PURE__ */ b("div", { className: "relative flex w-full items-stretch", children: [
+    g,
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         tabIndex: -1,
         "aria-label": "Clear selection",
-        onClick: () => c == null ? void 0 : c(),
-        className: o(
+        onClick: () => a == null ? void 0 : a(),
+        className: i(
           "absolute right-8 top-1/2 cursor-pointer flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-fg-quaternary outline-hidden transition hover:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring"
         ),
-        children: /* @__PURE__ */ e(_, { "aria-hidden": !0, className: S[l] })
+        children: /* @__PURE__ */ e(z, { "aria-hidden": !0, className: R[n] })
       }
     )
-  ] }) : i;
-}, Q = j({
-  size: "sm"
-}), W = ({
-  placeholder: x = "Select",
-  placeholderIcon: y,
-  size: n = "sm",
-  children: l,
-  items: a,
-  label: d,
-  hint: m,
-  tooltip: h,
-  className: s,
-  textStyles: g,
-  showChevron: c = !0,
-  isClearable: u = !1,
-  ...r
-}) => /* @__PURE__ */ e(Q.Provider, { value: { size: n }, children: /* @__PURE__ */ e(
-  k,
-  {
-    ...r,
-    className: (i) => o(
-      "flex flex-col gap-1.5",
-      typeof s == "function" ? s(i) : s
-    ),
-    children: (i) => /* @__PURE__ */ f(B, { children: [
-      d && /* @__PURE__ */ e(
-        U,
-        {
-          isRequired: i.isRequired,
-          tooltip: h,
-          className: J[n],
-          children: d
-        }
-      ),
-      /* @__PURE__ */ e(
-        O,
+  ] }) : g;
+}, D = V({ size: "sm" }), ee = ({
+  placeholder: y = "Select",
+  placeholderIcon: B,
+  size: c = "sm",
+  children: n,
+  items: u,
+  label: p,
+  hint: x,
+  tooltip: I,
+  className: f,
+  textStyles: N,
+  showChevron: a = !0,
+  isClearable: h = !1,
+  isDeselectable: d = !1,
+  ...g
+}) => {
+  const { selectedKey: r, onSelectionChange: t, ...o } = g, m = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
+    var l;
+    !d || s == null || (m.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
+      m.current = !1;
+    }));
+  }, [o.onOpenChange, d, t, s]), S = j(
+    (l) => {
+      if (m.current) return;
+      const C = l == null || String(l) === "" ? null : l;
+      t == null || t(C);
+    },
+    [t]
+  );
+  return /* @__PURE__ */ e(
+    D.Provider,
+    {
+      value: {
+        size: c,
+        isDeselectable: d,
+        selectedKey: s,
+        onReselectCurrent: d ? v : void 0
+      },
+      children: /* @__PURE__ */ e(
+        L,
         {
-          ...i,
-          size: n,
-          placeholder: x,
-          placeholderIcon: null,
-          textStyles: g,
-          showChevron: c,
-          isClearable: u,
-          onClear: u && r.onSelectionChange ? () => {
-            var t;
-            return (t = r.onSelectionChange) == null ? void 0 : t.call(r, null);
-          } : void 0,
-          selectedItem: r.selectedKey != null && a ? a.find(
-            (t) => String(t.id) === String(r.selectedKey)
-          ) ?? null : null
+          ...o,
+          selectedKey: s,
+          onSelectionChange: S,
+          className: (l) => i(
+            "flex flex-col gap-1.5",
+            typeof f == "function" ? f(l) : f
+          ),
+          children: (l) => /* @__PURE__ */ b(K, { children: [
+            p && /* @__PURE__ */ e(
+              E,
+              {
+                isRequired: l.isRequired,
+                tooltip: I,
+                className: W[c],
+                children: p
+              }
+            ),
+            /* @__PURE__ */ e(
+              Z,
+              {
+                ...l,
+                size: c,
+                placeholder: y,
+                placeholderIcon: null,
+                textStyles: N,
+                showChevron: a,
+                isClearable: h,
+                onClear: h && t ? () => t(null) : void 0,
+                selectedItem: s != null && u ? u.find(
+                  (C) => String(C.id) === String(s)
+                ) ?? null : null
+              }
+            ),
+            /* @__PURE__ */ e(H, { size: c, className: i(o.popoverClassName), children: /* @__PURE__ */ e(O, { items: u, className: "size-full outline-hidden ", children: n }) }),
+            x && /* @__PURE__ */ e(A, { isInvalid: l.isInvalid, children: x })
+          ] })
         }
-      ),
-      /* @__PURE__ */ e(A, { size: n, className: o(r.popoverClassName), children: /* @__PURE__ */ e(R, { items: a, className: "size-full outline-hidden ", children: l }) }),
-      m && /* @__PURE__ */ e(P, { isInvalid: i.isInvalid, children: m })
-    ] })
-  }
-) }), v = W;
-v.ComboBox = $;
-v.Item = E;
-v.Searchable = F;
+      )
+    }
+  );
+}, q = ee;
+q.ComboBox = F;
+q.Item = M;
+q.Searchable = X;
 export {
-  v as Select,
-  Q as SelectContext,
-  b as fontSizes,
-  X as sizes
+  q as Select,
+  D as SelectContext,
+  w as fontSizes,
+  J as sizes
 };

package/dist/primitives/snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Snackbar, type SnackbarProps } from './snackbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/snackbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/primitives/snackbar/snackbar.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from 'react';
+export interface SnackbarProps {
+    /** Main message text */
+    title: string;
+    /** Optional icon component or element. Defaults to InfoCircle. Pass `null` to hide. */
+    icon?: FC<{
+        className?: string;
+        size?: number;
+    }> | ReactNode | null;
+    /** Color of the snackbar */
+    color?: "default" | "success" | "error";
+    /** Action button label */
+    actionLabel?: string;
+    /** Icon component or element shown after the action label */
+    actionIcon?: FC<{
+        className?: string;
+        size?: number;
+    }> | ReactNode;
+    /** Called when the action button is clicked */
+    onAction?: () => void;
+    /** Called when the close button is clicked. If omitted, the close button is hidden. */
+    onClose?: () => void;
+    /** Additional className for the root element */
+    className?: string;
+}
+export declare const Snackbar: FC<SnackbarProps>;
+//# sourceMappingURL=snackbar.d.ts.map

package/dist/primitives/snackbar/snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../src/primitives/snackbar/snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IACpE,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACnE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgItC,CAAC"}