@pibit.ai/cure-design-system 0.5.7 → 0.5.9

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

@@ -1,24 +1,9 @@
 import { FC, ReactNode, RefAttributes } from 'react';
-import { Key, SelectProps as AriaSelectProps } from 'react-aria-components';
+import { SelectProps as AriaSelectProps } from 'react-aria-components';
 import { ComboBox } from './combobox';
 import { SelectItem } from './select-item';
 import { SearchableSelect } from './searchable-select';
-export type SelectItemType = {
-    id: string;
-    label?: string;
-    avatarUrl?: string;
-    initials?: string;
-    isDisabled?: boolean;
-    supportingText?: string;
-    icon?: FC | ReactNode;
-};
-export interface CommonProps {
-    hint?: string;
-    label?: string;
-    tooltip?: string;
-    size: "sm" | "md" | "lg";
-    placeholder?: string;
-}
+import { SelectContext, fontSizes, sizes, CommonProps, SelectItemType } from './select-shared';
 export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, "children" | "items">, RefAttributes<HTMLDivElement>, CommonProps {
     items?: SelectItemType[];
     popoverClassName?: string;
@@ -31,35 +16,6 @@ export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, "chil
     /** When true, clicking the already-selected option in the dropdown clears the selection. Default false. */
     isDeselectable?: boolean;
 }
-export declare const sizes: {
-    xs: {
-        root: string;
-        shortcut: string;
-    };
-    sm: {
-        root: string;
-        shortcut: string;
-    };
-    md: {
-        root: string;
-        shortcut: string;
-    };
-    lg: {
-        root: string;
-        shortcut: string;
-    };
-};
-export declare const fontSizes: {
-    sm: string;
-    md: string;
-    lg: string;
-};
-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, isDeselectable, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 declare const _Select: typeof Select & {
     ComboBox: typeof ComboBox;
@@ -67,4 +23,6 @@ declare const _Select: typeof Select & {
     Searchable: typeof SearchableSelect;
 };
 export { _Select as Select };
+export { SelectContext, fontSizes, sizes };
+export type { CommonProps, SelectItemType };
 //# sourceMappingURL=select.d.ts.map

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,EACV,GAAG,EACH,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAU/B,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;;;;;;;;;;;;;;;;;CAOjB,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,4CA0Gb,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,EAEV,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EACL,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAIzB,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;AAiKD,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA0Gb,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;AAC7B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/primitives/select/select.js

@@ -1,31 +1,21 @@
 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 { useRef as T, useCallback as j, isValidElement as V } from "react";
+import { ChevronDown as _, XClose as k } 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 = {
-  // xs exists because platform-ui's search fields use it. Select itself does not
-  // offer it yet; the map is shared with SearchInput, which does.
-  xs: { root: "py-1 px-2 h-7", shortcut: "pr-1.5" },
-  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" }
-}, Q = {
+import { HintText as z } from "../input/hint-text.js";
+import { Label as A } from "../input/label.js";
+import { ComboBox as E } from "./combobox.js";
+import { Popover as F } from "./popover.js";
+import { SelectItem as H } from "./select-item.js";
+import { SearchableSelect as M } from "./searchable-select.js";
+import { SelectContext as X, fontSizes as w, sizes as G } from "./select-shared.js";
+import { cx as s } from "../../utils/cn.js";
+import { isReactComponent as J } from "../../utils/is-react-component.js";
+const Q = {
   sm: "rounded-md",
   md: "rounded-md",
   lg: "rounded-lg"
-}, w = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-md"
 }, R = {
   sm: "size-4",
   md: "size-4",
@@ -35,41 +25,41 @@ const J = {
   md: "text-xs",
   lg: "text-sm"
 }, 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,
+  isOpen: I,
   isFocused: B,
   isDisabled: c,
   size: n,
   placeholder: m,
-  placeholderIcon: f,
-  ref: x,
-  textStyles: I,
-  showChevron: p = !0,
+  placeholderIcon: p,
+  ref: h,
+  textStyles: y,
+  showChevron: f = !0,
   isClearable: N = !1,
   onClear: a,
-  selectedItem: h
+  selectedItem: x
 }) => {
-  const d = N && h && !c && a, g = /* @__PURE__ */ e(
+  const d = N && x && !c && a, g = /* @__PURE__ */ e(
     P,
     {
-      ref: x,
-      className: i(
+      ref: h,
+      className: s(
         Y,
         Q[n],
-        (B || y) && "ring-1 ring-brand",
+        (B || I) && "ring-1 ring-brand",
         c && "cursor-not-allowed bg-disabled_subtle text-disabled"
       ),
       children: /* @__PURE__ */ e(
         U,
         {
-          className: i(
+          className: s(
             "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",
-            J[n].root
+            G[n].root
           ),
           children: (r) => {
-            var o, u, s, v, S;
-            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || f;
+            var o, u, i, v, S;
+            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || p;
             return /* @__PURE__ */ b(K, { children: [
               (u = r.selectedItem) != null && u.avatarUrl ? /* @__PURE__ */ e(
                 $,
@@ -78,31 +68,31 @@ const J = {
                   src: r.selectedItem.avatarUrl,
                   alt: r.selectedItem.label
                 }
-              ) : G(t) ? /* @__PURE__ */ e(
+              ) : J(t) ? /* @__PURE__ */ e(
                 t,
                 {
                   "data-icon": !0,
                   "aria-hidden": "true",
                   className: R[n]
                 }
-              ) : _(t) ? t : null,
+              ) : V(t) ? t : null,
               r.selectedItem ? /* @__PURE__ */ b("section", { className: "flex w-full gap-2 truncate", children: [
                 /* @__PURE__ */ e(
                   "p",
                   {
-                    className: i(
+                    className: s(
                       "truncate font-medium text-primary",
                       w[n],
-                      I
+                      y
                     ),
-                    children: (s = r.selectedItem) == null ? void 0 : s.label
+                    children: (i = r.selectedItem) == null ? void 0 : i.label
                   }
                 ),
-                ((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 })
+                ((v = r.selectedItem) == null ? void 0 : v.supportingText) && /* @__PURE__ */ e("p", { className: s("text-tertiary", w[n]), children: (S = r.selectedItem) == null ? void 0 : S.supportingText })
               ] }) : /* @__PURE__ */ e(
                 "p",
                 {
-                  className: i(
+                  className: s(
                     "text-placeholder_subtle",
                     w[n],
                     c && "text-disabled"
@@ -110,11 +100,11 @@ const J = {
                   children: m
                 }
               ),
-              p && /* @__PURE__ */ e(
-                k,
+              f && /* @__PURE__ */ e(
+                _,
                 {
                   "aria-hidden": "true",
-                  className: i(
+                  className: s(
                     "ml-auto shrink-0 text-fg-quaternary",
                     R[n]
                   )
@@ -135,26 +125,26 @@ const J = {
         tabIndex: -1,
         "aria-label": "Clear selection",
         onClick: () => a == null ? void 0 : a(),
-        className: i(
+        className: s(
           "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(z, { "aria-hidden": !0, className: R[n] })
+        children: /* @__PURE__ */ e(k, { "aria-hidden": !0, className: R[n] })
       }
     )
   ] }) : g;
-}, D = V({ size: "sm" }), ee = ({
-  placeholder: y = "Select",
+}, D = ({
+  placeholder: I = "Select",
   placeholderIcon: B,
   size: c = "sm",
   children: n,
   items: m,
-  label: f,
-  hint: x,
-  tooltip: I,
-  className: p,
+  label: p,
+  hint: h,
+  tooltip: y,
+  className: f,
   textStyles: N,
   showChevron: a = !0,
-  isClearable: h = !1,
+  isClearable: x = !1,
   isDeselectable: d = !1,
   ...g
 }) => {
@@ -162,16 +152,16 @@ const J = {
     selectedKey: r,
     onSelectionChange: t,
     ...o
-  } = g, u = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
+  } = g, u = T(!1), i = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
     var l;
-    !d || s == null || (u.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
+    !d || i == null || (u.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
       u.current = !1;
     }));
   }, [
     o.onOpenChange,
     d,
     t,
-    s
+    i
   ]), S = j(
     (l) => {
       if (u.current) return;
@@ -181,32 +171,32 @@ const J = {
     [t]
   );
   return /* @__PURE__ */ e(
-    D.Provider,
+    X.Provider,
     {
       value: {
         size: c,
         isDeselectable: d,
-        selectedKey: s,
+        selectedKey: i,
         onReselectCurrent: d ? v : void 0
       },
       children: /* @__PURE__ */ e(
         L,
         {
           ...o,
-          selectedKey: s,
+          selectedKey: i,
           onSelectionChange: S,
-          className: (l) => i(
+          className: (l) => s(
             "flex flex-col gap-1.5",
-            typeof p == "function" ? p(l) : p
+            typeof f == "function" ? f(l) : f
           ),
           children: (l) => /* @__PURE__ */ b(K, { children: [
-            f && /* @__PURE__ */ e(
-              E,
+            p && /* @__PURE__ */ e(
+              A,
               {
                 isRequired: l.isRequired,
-                tooltip: I,
+                tooltip: y,
                 className: W[c],
-                children: f
+                children: p
               }
             ),
             /* @__PURE__ */ e(
@@ -214,38 +204,38 @@ const J = {
               {
                 ...l,
                 size: c,
-                placeholder: y,
+                placeholder: I,
                 placeholderIcon: null,
                 textStyles: N,
                 showChevron: a,
-                isClearable: h,
-                onClear: h && t ? () => t(null) : void 0,
-                selectedItem: s != null && m ? m.find(
-                  (C) => String(C.id) === String(s)
+                isClearable: x,
+                onClear: x && t ? () => t(null) : void 0,
+                selectedItem: i != null && m ? m.find(
+                  (C) => String(C.id) === String(i)
                 ) ?? null : null
               }
             ),
             /* @__PURE__ */ e(
-              H,
+              F,
               {
                 size: c,
-                className: i(o.popoverClassName),
+                className: s(o.popoverClassName),
                 children: /* @__PURE__ */ e(O, { items: m, className: "size-full outline-hidden ", children: n })
               }
             ),
-            x && /* @__PURE__ */ e(A, { isInvalid: l.isInvalid, children: x })
+            h && /* @__PURE__ */ e(z, { isInvalid: l.isInvalid, children: h })
           ] })
         }
       )
     }
   );
-}, q = ee;
-q.ComboBox = F;
-q.Item = M;
-q.Searchable = X;
+}, q = D;
+q.ComboBox = E;
+q.Item = H;
+q.Searchable = M;
 export {
   q as Select,
-  D as SelectContext,
+  X as SelectContext,
   w as fontSizes,
-  J as sizes
+  G as sizes
 };