@pibit.ai/cure-design-system 0.3.26 → 0.3.28

package/dist/primitives/checkbox/checkbox.js

@@ -1,23 +1,23 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as s from "@radix-ui/react-checkbox";
-import { cn as o } from "../../utils/cn.js";
-import { Icon as m } from "../icon/icon.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-checkbox";
+import { cn as n } from "../../utils/cn.js";
+import { Icon as d } from "../icon/icon.js";
 function b({
   label: t,
   description: r,
-  checked: c,
-  className: d,
-  id: n,
+  checked: a,
+  className: c,
+  id: m,
   ...l
 }) {
-  const a = n || `checkbox-${Math.random().toString(36).slice(2, 9)}`;
-  return /* @__PURE__ */ i("div", { className: o("flex items-start gap-2", d), children: [
+  const i = m || `checkbox-${Math.random().toString(36).slice(2, 9)}`;
+  return /* @__PURE__ */ s("div", { className: n("flex items-start gap-2", c), children: [
     /* @__PURE__ */ e(
-      s.Root,
+      o.Root,
       {
-        id: a,
-        checked: c,
-        className: o(
+        id: i,
+        checked: a,
+        className: n(
           "h-4 w-4 shrink-0 rounded border border-gray-300 bg-white",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-600 focus-visible:ring-offset-2",
           "disabled:cursor-not-allowed disabled:opacity-50",
@@ -27,14 +27,14 @@ function b({
           "mt-0.5"
         ),
         ...l,
-        children: /* @__PURE__ */ e(s.Indicator, { className: "flex items-center justify-center text-white", children: /* @__PURE__ */ e(m, { name: "Check", size: 12 }) })
+        children: /* @__PURE__ */ e(o.Indicator, { className: "flex items-center justify-center text-white", children: a === "indeterminate" ? /* @__PURE__ */ e(d, { name: "Minus", size: 12 }) : /* @__PURE__ */ e(d, { name: "Check", size: 12 }) })
       }
     ),
-    (t || r) && /* @__PURE__ */ i("div", { className: "flex flex-col gap-0.5", children: [
+    (t || r) && /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
       t && /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: a,
+          htmlFor: i,
           className: "text-sm font-medium text-gray-700 cursor-pointer",
           children: t
         }

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/ExpandableSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,eAAO,MAAM,qBAAqB,GAAI,2JAcnC,0BAA0B,4CAqJ5B,CAAC"}
+{"version":3,"file":"ExpandableSearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/ExpandableSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,eAAO,MAAM,qBAAqB,GAAI,2JAcnC,0BAA0B,4CAsJ5B,CAAC"}

package/dist/primitives/select/ExpandableSearchInput.js

@@ -102,7 +102,8 @@ const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
               "aria-label": g,
               shortcut: y,
               registerShortcut: !1,
-              isDisabled: m
+              isDisabled: m,
+              bordered: !0
             }
           )
         },

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

@@ -1,5 +1,5 @@
 import { FocusEventHandler, KeyboardEventHandler } from 'react';
-interface SearchInputProps {
+export interface SearchInputProps {
     label?: string;
     hint?: string;
     tooltip?: string;
@@ -13,6 +13,11 @@ interface SearchInputProps {
     isDisabled?: boolean;
     isRequired?: boolean;
     isInvalid?: boolean;
+    /**
+     * When true, renders a visible border. Defaults to false so embedded consumers
+     * (dropdowns, filter bars) keep the borderless look and avoid double borders.
+     */
+    bordered?: boolean;
     /** When true, shows the platform-specific primary keyboard shortcut hint (⌘K on Apple platforms, Ctrl+K elsewhere). */
     shortcut?: boolean;
     /** When true, registers the platform-specific primary shortcut to focus the input. Defaults to `shortcut`. */
@@ -21,10 +26,5 @@ interface SearchInputProps {
     className?: string;
     "aria-label"?: string;
 }
-export default function SearchInput({ size, shortcut, registerShortcut, placeholder, shortcutClassName, value, onChange, onKeyDown, className, isDisabled, "aria-label": ariaLabel, ...props }: Omit<SearchInputProps, "size" | "shortcut" | "registerShortcut"> & {
-    size?: "sm" | "md" | "lg";
-    shortcut?: boolean;
-    registerShortcut?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function SearchInput({ size, shortcut, registerShortcut, bordered, placeholder, shortcutClassName, value, onChange, onKeyDown, className, isDisabled, "aria-label": ariaLabel, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAC,GAAG;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,2CA4EA"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6ElB"}

package/dist/primitives/select/SearchInput.js

@@ -1,48 +1,50 @@
-import { jsx as n, jsxs as g, Fragment as N } from "react/jsx-runtime";
-import { useRef as C, useCallback as f, useEffect as I, useMemo as L } from "react";
-import { SearchMd as E, XClose as P } from "@untitledui/icons";
-import { ComboBox as z, Group as R, Input as _ } from "react-aria-components";
+import { jsx as a, jsxs as x, Fragment as C } from "react/jsx-runtime";
+import { useRef as I, useCallback as h, useEffect as L, useMemo as E } from "react";
+import { SearchMd as P, XClose as z } from "@untitledui/icons";
+import { ComboBox as R, Group as _, Input as j } from "react-aria-components";
 import { cx as u } from "../../utils/cn.js";
-import { getPlatformShortcutLabel as j } from "../../utils/keyboard-shortcut.js";
-import { sizes as x } from "./select.js";
-import { ButtonUtility as q } from "../button/button-utility.js";
-const B = {
+import { getPlatformShortcutLabel as q } from "../../utils/keyboard-shortcut.js";
+import { sizes as w } from "./select.js";
+import { ButtonUtility as B } from "../button/button-utility.js";
+const G = {
   sm: "h-8",
   md: "h-9",
   lg: "h-11"
-}, G = ({
+}, M = ({
   size: s,
   shortcut: i,
-  placeholder: p,
+  bordered: p = !1,
+  placeholder: m,
   shortcutClassName: d,
-  onKeyDown: m,
+  onKeyDown: f,
   onClear: o,
   hasValue: r,
   className: l
-}) => /* @__PURE__ */ n(
-  R,
+}) => /* @__PURE__ */ a(
+  _,
   {
-    className: ({ isFocusWithin: a, isDisabled: c }) => u(
+    className: ({ isFocusWithin: n, isDisabled: c }) => u(
       "relative flex w-full items-center gap-2 rounded-md bg-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset",
+      p && "border border-secondary",
       c && "cursor-not-allowed bg-disabled_subtle",
-      a && "ring-1 ring-brand",
-      B[s],
-      x[s].root,
+      n && "ring-1 ring-brand",
+      G[s],
+      w[s].root,
       l
     ),
-    children: ({ isDisabled: a }) => /* @__PURE__ */ g(N, { children: [
-      /* @__PURE__ */ n(
-        E,
+    children: ({ isDisabled: n }) => /* @__PURE__ */ x(C, { children: [
+      /* @__PURE__ */ a(
+        P,
         {
           color: "var(--color-utility-gray-300)",
           className: "pointer-events-none size-4 flex-shrink-0"
         }
       ),
-      /* @__PURE__ */ n("div", { className: "relative flex w-full items-center gap-2", children: /* @__PURE__ */ n(
-        _,
+      /* @__PURE__ */ a("div", { className: "relative flex w-full items-center gap-2", children: /* @__PURE__ */ a(
+        j,
         {
-          placeholder: p,
-          onKeyDown: m,
+          placeholder: m,
+          onKeyDown: f,
           className: u(
             "z-10 w-full appearance-none bg-transparent text-sm text-primary caret-alpha-black/90 placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
             r && "pr-6",
@@ -50,34 +52,34 @@ const B = {
           )
         }
       ) }),
-      /* @__PURE__ */ g("div", { className: "flex-shrink-0", children: [
-        r && !a && /* @__PURE__ */ n(
-          q,
+      /* @__PURE__ */ x("div", { className: "flex-shrink-0", children: [
+        r && !n && /* @__PURE__ */ a(
+          B,
           {
-            icon: /* @__PURE__ */ n(P, { size: 14 }),
+            icon: /* @__PURE__ */ a(z, { size: 14 }),
             color: "tertiary",
             onClick: o,
             "aria-label": "Clear search"
           }
         ),
-        i && !r && /* @__PURE__ */ n(
+        i && !r && /* @__PURE__ */ a(
           "div",
           {
             className: u(
               "pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent pl-8",
-              a && "to-bg-disabled_subtle",
-              x[s].shortcut,
+              n && "to-bg-disabled_subtle",
+              w[s].shortcut,
               d
             ),
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ a(
               "span",
               {
                 className: u(
                   "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
-                  a && "bg-transparent text-disabled"
+                  n && "bg-transparent text-disabled"
                 ),
                 "aria-hidden": "true",
-                children: j(["meta"], "K")
+                children: q(["meta"], "K")
               }
             )
           }
@@ -86,32 +88,33 @@ const B = {
     ] })
   }
 );
-function O({
+function Q({
   size: s = "sm",
   shortcut: i = !1,
   registerShortcut: p,
+  bordered: m = !1,
   placeholder: d,
-  shortcutClassName: m,
+  shortcutClassName: f,
   value: o,
   onChange: r,
   onKeyDown: l,
-  className: a,
+  className: n,
   isDisabled: c = !1,
-  "aria-label": w,
-  ...k
+  "aria-label": k,
+  ...v
 }) {
-  const h = C(null), y = p ?? i, b = f(() => {
+  const y = I(null), b = p ?? i, g = h(() => {
     var e, t;
-    (t = (e = h.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
+    (t = (e = y.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
   }, []);
-  I(() => {
-    if (!y || c) return;
+  L(() => {
+    if (!b || c) return;
     const e = (t) => {
-      (t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k" && (t.preventDefault(), t.stopPropagation(), b());
+      (t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k" && (t.preventDefault(), t.stopPropagation(), g());
     };
     return window.addEventListener("keydown", e, { capture: !0 }), () => window.removeEventListener("keydown", e, { capture: !0 });
-  }, [y, c, b]);
-  const v = f(
+  }, [b, c, g]);
+  const S = h(
     (e) => {
       if ((e.metaKey || e.ctrlKey) && !e.shiftKey && !e.altKey && e.key.toLowerCase() === "k") {
         e.preventDefault(), e.stopPropagation();
@@ -120,38 +123,39 @@ function O({
       e.key === "Enter" && (e.preventDefault(), e.stopPropagation()), l == null || l(e);
     },
     [l]
-  ), S = f(() => {
+  ), K = h(() => {
     r == null || r("");
-  }, [r]), K = L(() => !!o && o.length > 0, [o]);
-  return /* @__PURE__ */ n(
-    z,
+  }, [r]), N = E(() => !!o && o.length > 0, [o]);
+  return /* @__PURE__ */ a(
+    R,
     {
-      ...k,
-      ref: h,
+      ...v,
+      ref: y,
       inputValue: o,
       onInputChange: r,
       menuTrigger: "manual",
       items: [],
       allowsCustomValue: !0,
       isDisabled: c,
-      "aria-label": w || d || "Search",
-      className: u("w-xs", a),
-      children: () => /* @__PURE__ */ n(
-        G,
+      "aria-label": k || d || "Search",
+      className: u("w-xs", n),
+      children: () => /* @__PURE__ */ a(
+        M,
         {
           size: s,
           shortcut: i,
+          bordered: m,
           placeholder: d,
-          shortcutClassName: m,
-          onKeyDown: v,
-          onClear: S,
-          hasValue: K,
-          className: a
+          shortcutClassName: f,
+          onKeyDown: S,
+          onClear: K,
+          hasValue: N,
+          className: n
         }
       )
     }
   );
 }
 export {
-  O as default
+  Q as default
 };