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

package/dist/primitives/dropdown/dropdown.js

@@ -0,0 +1,118 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { DotsVertical as u, Check as f } from "@untitledui/icons";
+import { Header as g, MenuSection as x, MenuTrigger as p, Button as h, Separator as y, MenuItem as m, Menu as N, Popover as b } from "react-aria-components";
+import { cn as i } from "../../utils/cn.js";
+const w = ({
+  label: e,
+  children: o,
+  addon: s,
+  icon: l,
+  unstyled: c,
+  isSelected: a = !1,
+  ...r
+}) => c ? /* @__PURE__ */ t(m, { id: e, textValue: e, ...r }) : /* @__PURE__ */ t(
+  m,
+  {
+    ...r,
+    className: (n) => i(
+      "group block cursor-pointer px-1.5 py-px outline-hidden",
+      n.isDisabled && "cursor-not-allowed",
+      typeof r.className == "function" ? r.className(n) : r.className
+    ),
+    children: (n) => /* @__PURE__ */ d(
+      "div",
+      {
+        className: i(
+          "relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear",
+          !n.isDisabled && !a && "group-hover:bg-primary_hover",
+          n.isFocused && "bg-primary_hover",
+          n.isFocusVisible && !a && "outline-2 -outline-offset-2",
+          a && "bg-utility-brand-25"
+        ),
+        children: [
+          l && /* @__PURE__ */ t(
+            l,
+            {
+              "aria-hidden": "true",
+              className: i(
+                "mr-2 size-4 shrink-0 stroke-[2.25px]",
+                n.isDisabled ? "text-fg-disabled" : "text-fg-quaternary"
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: i(
+                "grow truncate text-sm font-medium",
+                n.isDisabled ? "text-disabled" : "text-secondary",
+                n.isFocused && "text-secondary_hover"
+              ),
+              children: e || (typeof o == "function" ? o(n) : o)
+            }
+          ),
+          a && /* @__PURE__ */ t(f, { size: 16, className: "text-brand-600" }),
+          s && /* @__PURE__ */ t(
+            "span",
+            {
+              className: i(
+                "ml-3 shrink-0 rounded px-1 py-px text-xs font-medium ring-1 ring-secondary ring-inset",
+                n.isDisabled ? "text-disabled" : "text-quaternary"
+              ),
+              children: s
+            }
+          )
+        ]
+      }
+    )
+  }
+), D = (e) => /* @__PURE__ */ t(
+  N,
+  {
+    disallowEmptySelection: !0,
+    selectionMode: "single",
+    ...e,
+    className: (o) => i(
+      "h-min overflow-y-auto py-1 outline-hidden select-none",
+      typeof e.className == "function" ? e.className(o) : e.className
+    )
+  }
+), v = (e) => /* @__PURE__ */ t(
+  b,
+  {
+    placement: "bottom left",
+    ...e,
+    className: (o) => i(
+      "max-h-max! w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform",
+      o.isEntering && "duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5",
+      o.isExiting && "duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5",
+      typeof e.className == "function" ? e.className(o) : e.className
+    ),
+    children: e.children
+  }
+), M = (e) => /* @__PURE__ */ t(y, { ...e, className: i("my-1 h-px w-full bg-secondary", e.className) }), k = (e) => /* @__PURE__ */ t(
+  h,
+  {
+    ...e,
+    "aria-label": "Open menu",
+    className: (o) => i(
+      "cursor-pointer rounded-md text-fg-quaternary transition duration-100 ease-linear",
+      (o.isPressed || o.isHovered) && "text-fg-quaternary_hover",
+      (o.isPressed || o.isFocusVisible) && "outline-2 outline-offset-2",
+      typeof e.className == "function" ? e.className(o) : e.className
+    ),
+    children: /* @__PURE__ */ t(u, { className: "size-5 transition-inherit-all" })
+  }
+), S = {
+  Root: p,
+  Popover: v,
+  Menu: D,
+  Section: x,
+  SectionHeader: g,
+  Item: w,
+  Separator: M,
+  DotsButton: k
+};
+export {
+  S as Dropdown
+};

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

@@ -0,0 +1,2 @@
+export { Dropdown, type DropdownItemProps, type DropdownMenuProps, type DropdownPopoverProps } from './dropdown';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -10,6 +10,10 @@ export interface ExpandableSearchInputProps {
     className?: string;
     expandedWidth?: number;
     "aria-label"?: string;
+    /** When false, the search field stays expanded. Default true. */
+    collapsible?: boolean;
+    /** When true, the control is greyed out and can't be expanded or typed in. */
+    isDisabled?: boolean;
 }
-export declare const ExpandableSearchInput: ({ size, placeholder, value, onChange, onBlur, onFocus, onKeyDown, className, expandedWidth, "aria-label": ariaLabel, }: ExpandableSearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandableSearchInput: ({ size, placeholder, value, onChange, onBlur, onFocus, onKeyDown, className, expandedWidth, "aria-label": ariaLabel, collapsible, isDisabled, }: ExpandableSearchInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExpandableSearchInput.d.ts.map

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;CACvB;AAKD,eAAO,MAAM,qBAAqB,GAAI,wHAWnC,0BAA0B,4CAgH5B,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,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,eAAO,MAAM,qBAAqB,GAAI,iJAanC,0BAA0B,4CAsH5B,CAAC"}

package/dist/primitives/select/ExpandableSearchInput.js

@@ -1,107 +1,110 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as q, useRef as A, useEffect as l, useCallback as x } from "react";
-import { SearchMd as I } from "@untitledui/icons";
-import { ButtonUtility as W } from "../button/button-utility.js";
-import C from "./SearchInput.js";
-import { cx as b } from "../../utils/cn.js";
-import { motion as f } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { AnimatePresence as F } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-const L = { sm: 36, md: 40, lg: 44 }, R = 300, G = ({
-  size: p = "sm",
-  placeholder: u,
-  value: c,
-  onChange: y,
+import { jsx as s } from "react/jsx-runtime";
+import { useState as F, useRef as l, useEffect as u, useCallback as S } from "react";
+import { SearchMd as L } from "@untitledui/icons";
+import { ButtonUtility as T } from "../button/button-utility.js";
+import _ from "./SearchInput.js";
+import { cx as w } from "../../utils/cn.js";
+import { motion as p } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { AnimatePresence as j } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+const M = { sm: 36, md: 40, lg: 44 }, P = 300, X = ({
+  size: h = "sm",
+  placeholder: x,
+  value: d,
+  onChange: N,
   onBlur: m,
-  onFocus: g,
-  onKeyDown: d,
-  className: E,
-  expandedWidth: S = R,
-  "aria-label": h
+  onFocus: v,
+  onKeyDown: f,
+  className: k,
+  expandedWidth: C = P,
+  "aria-label": y,
+  collapsible: t = !0,
+  isDisabled: g = !1
 }) => {
-  const e = !!(c != null && c.trim()), [r, o] = q(e), s = A(null), w = L[p];
-  l(() => {
-    e && o(!0);
-  }, [e]), l(() => {
-    var t;
-    if (r) {
-      const i = (t = s.current) == null ? void 0 : t.querySelector("input");
-      if (i) {
-        const n = requestAnimationFrame(() => i.focus());
-        return () => cancelAnimationFrame(n);
-      }
-    }
-  }, [r]), l(() => {
-    if (!r) return;
-    const t = (i) => {
-      var n;
-      (n = s.current) != null && n.contains(i.target) || e || o(!1);
+  const n = !!(d != null && d.trim()), [q, a] = F(t ? n : !0), o = !t || q, c = l(null), E = l(t), A = M[h];
+  u(() => {
+    const e = E.current === !1;
+    E.current = t, !t || n ? a(!0) : e && t && a(!1);
+  }, [t, n]), u(() => {
+    var r;
+    if (!t || !o) return;
+    const e = (r = c.current) == null ? void 0 : r.querySelector("input");
+    if (!e) return;
+    const i = requestAnimationFrame(() => e.focus());
+    return () => cancelAnimationFrame(i);
+  }, [t, o]), u(() => {
+    if (!t || !o) return;
+    const e = (i) => {
+      var r;
+      (r = c.current) != null && r.contains(i.target) || n || a(!1);
     };
-    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [r, e]);
-  const N = x(
-    (t) => {
-      var n;
-      const i = t.relatedTarget;
-      i && ((n = s.current) != null && n.contains(i)) || (e || o(!1), m == null || m(t));
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [t, o, n]);
+  const I = S(
+    (e) => {
+      var r;
+      const i = e.relatedTarget;
+      i && ((r = c.current) != null && r.contains(i)) || (t && !n && a(!1), m == null || m(e));
     },
-    [m, e]
-  ), k = x(
-    (t) => {
-      var i, n;
-      t.key === "Escape" && (e || (o(!1), (n = (i = s.current) == null ? void 0 : i.querySelector("button")) == null || n.focus())), d == null || d(t);
+    [m, n, t]
+  ), R = S(
+    (e) => {
+      var i, r;
+      e.key === "Escape" && t && !n && (a(!1), (r = (i = c.current) == null ? void 0 : i.querySelector("button")) == null || r.focus()), f == null || f(e);
     },
-    [d, e]
-  ), v = { type: "spring", damping: 25, stiffness: 300 };
-  return /* @__PURE__ */ a(
-    f.div,
+    [f, n, t]
+  ), W = { type: "spring", damping: 25, stiffness: 300 };
+  return /* @__PURE__ */ s(
+    p.div,
     {
-      ref: s,
-      className: b("flex items-center overflow-hidden", E),
-      onBlur: N,
-      animate: { width: r ? S : w },
-      transition: v,
-      children: /* @__PURE__ */ a(F, { initial: !1, mode: "popLayout", children: r ? /* @__PURE__ */ a(
-        f.div,
+      ref: c,
+      className: w("flex items-center overflow-hidden", k),
+      onBlur: I,
+      animate: { width: o ? C : A },
+      transition: W,
+      children: /* @__PURE__ */ s(j, { initial: !1, mode: "popLayout", children: o ? /* @__PURE__ */ s(
+        p.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           transition: { duration: 0.08 },
           className: "min-w-0 flex-1",
-          children: /* @__PURE__ */ a(
-            C,
+          children: /* @__PURE__ */ s(
+            _,
             {
-              size: p,
-              placeholder: u,
-              value: c,
-              onChange: y,
-              onFocus: g,
-              onKeyDown: k,
+              size: h,
+              placeholder: x,
+              value: d,
+              onChange: N,
+              onFocus: v,
+              onKeyDown: R,
               className: "w-full min-w-0",
-              "aria-label": h
+              "aria-label": y,
+              isDisabled: g
             }
           )
         },
         "input"
-      ) : /* @__PURE__ */ a(
-        f.div,
+      ) : /* @__PURE__ */ s(
+        p.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           transition: { duration: 0.08 },
           className: "flex flex-shrink-0",
-          children: /* @__PURE__ */ a(
-            W,
+          children: /* @__PURE__ */ s(
+            T,
             {
-              icon: I,
+              icon: L,
               size: "xs",
               color: "tertiary",
-              tooltip: h || u || "Search",
-              className: b(
-                e && "bg-brand_subtle text-brand-500 hover:text-brand-600 hover:bg-brand_subtle/80"
+              isDisabled: g,
+              tooltip: y || x || "Search",
+              className: w(
+                n && "bg-brand_subtle text-brand-500 hover:text-brand-600 hover:bg-brand_subtle/80"
               ),
-              onClick: () => o(!0)
+              onClick: () => a(!0)
             }
           )
         },
@@ -111,5 +114,5 @@ const L = { sm: 36, md: 40, lg: 44 }, R = 300, G = ({
   );
 };
 export {
-  G as ExpandableSearchInput
+  X as ExpandableSearchInput
 };

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

@@ -0,0 +1,2 @@
+export { default as Shimmer, ShimmerLine, ShimmerCircle, ShimmerBox, } from './shimmer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/shimmer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,OAAO,EAClB,WAAW,EACX,aAAa,EACb,UAAU,GACX,MAAM,WAAW,CAAC"}

package/dist/primitives/shimmer/shimmer.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+interface ShimmerProps {
+    className?: string;
+    children?: ReactNode;
+    variant?: "default" | "wave" | "pulse";
+}
+declare const Shimmer: FC<ShimmerProps>;
+export declare const ShimmerLine: FC<{
+    width?: string;
+    height?: string;
+    className?: string;
+}>;
+export declare const ShimmerCircle: FC<{
+    size?: string;
+    className?: string;
+}>;
+export declare const ShimmerBox: FC<{
+    width?: string;
+    height?: string;
+    className?: string;
+    rounded?: boolean;
+}>;
+export default Shimmer;
+//# sourceMappingURL=shimmer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../src/primitives/shimmer/shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CACxC;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUnF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CASnE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CASA,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/primitives/shimmer/shimmer.js

@@ -0,0 +1,37 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { cn as i } from "../../utils/cn.js";
+const s = ({ className: e = "", children: r, variant: t = "default" }) => {
+  const a = () => {
+    switch (t) {
+      case "wave":
+        return "absolute inset-0 animate-[shimmer-wave_2s_infinite] bg-gradient-to-r from-transparent via-white/80 to-transparent";
+      case "pulse":
+        return "absolute inset-0 animate-pulse bg-secondary/50";
+      default:
+        return "absolute inset-0 -translate-x-full animate-[shimmer_2s_infinite] bg-gradient-to-r from-transparent via-white/60 to-transparent";
+    }
+  };
+  return /* @__PURE__ */ o("div", { className: i("relative overflow-hidden", e), children: [
+    /* @__PURE__ */ n("div", { className: a() }),
+    r
+  ] });
+}, m = ({
+  width: e = "100%",
+  height: r = "16px",
+  className: t = ""
+}) => /* @__PURE__ */ n(s, { className: t, children: /* @__PURE__ */ n("div", { className: i("rounded bg-secondary", t), style: { width: e, height: r } }) }), u = ({
+  size: e = "40px",
+  className: r = ""
+}) => /* @__PURE__ */ n(s, { className: r, children: /* @__PURE__ */ n("div", { className: i("rounded-full bg-secondary", r), style: { width: e, height: e } }) }), c = ({ width: e = "100%", height: r = "100px", className: t = "", rounded: a = !0 }) => /* @__PURE__ */ n(s, { className: t, children: /* @__PURE__ */ n(
+  "div",
+  {
+    className: i("bg-secondary", a && "rounded", t),
+    style: { width: e, height: r }
+  }
+) });
+export {
+  c as ShimmerBox,
+  u as ShimmerCircle,
+  m as ShimmerLine,
+  s as default
+};