@pibit.ai/cure-design-system 0.6.60 → 0.6.62

package/dist/node_modules/recharts/es6/util/ReactUtils.js

@@ -1,5 +1,5 @@
 import { Children as p } from "react";
-import { r as y } from "../../../../_virtual/index.js";
+import { r as y } from "../../../../_virtual/index2.js";
 import { isNullish as m } from "./DataUtils.js";
 import { get as f } from "../../../es-toolkit/dist/compat/object/get.js";
 var u = (r) => typeof r == "string" ? r : r ? r.displayName || r.name || "Component" : "", l = null, n = null, o = (r) => {

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../_virtual/index2.js";
+import { __module as r } from "../../../_virtual/index.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.development.js";
 var e;

package/dist/patterns/checklist-item/checklist-item.d.ts

@@ -0,0 +1,23 @@
+export interface ChecklistItemProps {
+    label: string;
+    /** Secondary text under the label, clamped to four lines; over 100 characters it also gets a tooltip. */
+    hint: string;
+    isActive: boolean;
+    /** Locked selection. The row stays highlighted when active and does not toggle. */
+    isDisabled?: boolean;
+    /** Shown when hovering the checkbox of a locked row. */
+    disabledTooltip?: string;
+    /** A short count or note in a pill on the right. */
+    stats?: string | null;
+    onChange?: (isSelected: boolean) => void;
+}
+/**
+ * A selectable card row: checkbox, label, hint and an optional stats pill. The
+ * whole row is the checkbox (click, Enter or Space toggles it).
+ *
+ * Frozen to platform-ui's CheckListItem. Its four hex colours are the nearest
+ * tokens: the active background brand-50 (exact), the stats pill bg-secondary and
+ * border gray-cool-200, and the active stats text brand-600.
+ */
+export declare const ChecklistItem: ({ label, hint, isActive, isDisabled, disabledTooltip, stats, onChange, }: ChecklistItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=checklist-item.d.ts.map

package/dist/patterns/checklist-item/checklist-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist-item.d.ts","sourceRoot":"","sources":["../../../src/patterns/checklist-item/checklist-item.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,0EAQ3B,kBAAkB,4CAkEpB,CAAC"}

package/dist/patterns/checklist-item/checklist-item.js

@@ -0,0 +1,68 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cx as l } from "../../utils/cn.js";
+import { Tooltip as m, TooltipTrigger as p } from "../../primitives/tooltip/tooltip.js";
+import { Checkbox as f } from "../../primitives/checkbox/checkbox.js";
+import { createEllipsisContent as u } from "../../primitives/tooltip/ellipsis-content.js";
+const k = ({
+  label: x,
+  hint: n,
+  isActive: r,
+  isDisabled: t = !1,
+  disabledTooltip: i,
+  stats: c,
+  onChange: d
+}) => {
+  const s = () => {
+    t || d == null || d(!r);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "checkbox",
+      "aria-checked": r,
+      "aria-disabled": t,
+      tabIndex: t ? -1 : 0,
+      className: l(
+        "flex items-center justify-between rounded-xl border-2 py-2 pr-2 pl-3",
+        t ? "cursor-not-allowed" : "cursor-pointer",
+        r ? "border-brand bg-utility-brand-25" : "border-secondary bg-primary"
+      ),
+      onMouseDownCapture: (o) => o.preventDefault(),
+      onClick: s,
+      onKeyDown: (o) => {
+        t || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s());
+      },
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-start gap-4 overflow-hidden", children: [
+          t && i ? /* @__PURE__ */ e(m, { title: i, children: /* @__PURE__ */ e(p, { className: "inline-flex shrink-0 cursor-not-allowed opacity-50 [&_*]:cursor-not-allowed", children: /* @__PURE__ */ e(f, { isSelected: r, size: "sm", "aria-hidden": !0 }) }) }) : /* @__PURE__ */ e(
+            "span",
+            {
+              className: l(
+                "inline-flex shrink-0",
+                t ? "cursor-not-allowed opacity-50 [&_*]:cursor-not-allowed" : "pointer-events-none"
+              ),
+              children: /* @__PURE__ */ e(f, { isSelected: r, size: "sm", "aria-hidden": !0 })
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "pointer-events-none max-w-full overflow-hidden", children: [
+            /* @__PURE__ */ e("p", { className: "overflow-hidden text-sm font-medium text-primary", children: u(x) }),
+            /* @__PURE__ */ e(m, { title: n.length > 100 ? n : void 0, children: /* @__PURE__ */ e(p, { className: "max-w-full overflow-hidden truncate text-start", children: /* @__PURE__ */ e("div", { className: "line-clamp-4 text-xs font-medium text-wrap text-tertiary", children: n }) }) })
+          ] })
+        ] }),
+        c && /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(
+              "flex items-center rounded-full border border-gray-cool-200 bg-secondary px-2 py-1",
+              r && "border-brand-50 bg-brand-50"
+            ),
+            children: /* @__PURE__ */ e("span", { className: l("text-xs font-medium text-gray-500", r && "text-brand-600"), children: c })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  k as ChecklistItem
+};

package/dist/patterns/checklist-item/index.d.ts

@@ -0,0 +1,2 @@
+export { ChecklistItem, type ChecklistItemProps } from './checklist-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/checklist-item/index.d.ts.map

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

package/dist/patterns/disabled-reason-tooltip/disabled-reason-tooltip.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+export interface DisabledReasonTooltipProps {
+    /** Why the wrapped control is disabled. With no reason, the control renders alone. */
+    reason: string | null | undefined;
+    /** Accessible name of the wrapped control, e.g. its visible label. */
+    label: string;
+    children: ReactElement;
+}
+/**
+ * Explains why a control is disabled, in a tooltip on hover and keyboard focus.
+ *
+ * A disabled button gets no hover or focus, so it can't trigger its own tooltip.
+ * While there is a reason, a focusable `role="button" aria-disabled` span stands in
+ * for it: it takes the hover, the single tab stop and the tooltip's description.
+ * The real button stays inside, hidden from assistive tech and pointer events, so
+ * the DOM has no nested buttons. (Wrapping a control in TooltipTrigger instead
+ * nests one button in another.)
+ */
+export declare const DisabledReasonTooltip: ({ reason, label, children }: DisabledReasonTooltipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=disabled-reason-tooltip.d.ts.map

package/dist/patterns/disabled-reason-tooltip/disabled-reason-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-reason-tooltip.d.ts","sourceRoot":"","sources":["../../../src/patterns/disabled-reason-tooltip/disabled-reason-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,0BAA0B;IACzC,sFAAsF;IACtF,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,GAAI,6BAA6B,0BAA0B,4CAoB5F,CAAC"}

package/dist/patterns/disabled-reason-tooltip/disabled-reason-tooltip.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Focusable as n } from "react-aria-components";
+import { Tooltip as t } from "../../primitives/tooltip/tooltip.js";
+const u = ({ reason: i, label: l, children: o }) => i ? /* @__PURE__ */ e(t, { title: i, placement: "top", children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+  "span",
+  {
+    role: "button",
+    "aria-disabled": "true",
+    "aria-label": l,
+    tabIndex: 0,
+    className: "inline-flex cursor-not-allowed rounded-lg outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+    children: /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "pointer-events-none inline-flex", children: o })
+  }
+) }) }) : o;
+export {
+  u as DisabledReasonTooltip
+};

package/dist/patterns/disabled-reason-tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { DisabledReasonTooltip, type DisabledReasonTooltipProps } from './disabled-reason-tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/disabled-reason-tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/disabled-reason-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/patterns/table/TablePagination.d.ts

@@ -1,22 +1,34 @@
 export type TablePaginationConfig = {
     currentPage: number;
     pageSize: number;
-    totalPages: number;
-    totalItems: number;
+    /** Omitted: the page control falls back to its own default. */
+    totalPages?: number;
+    /** Omitted: the "Total rows" count is not shown. */
+    totalItems?: number;
     onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number | string) => void;
+    onPageSizeChange: (size: number) => void;
     /** Whether pagination should actually render. Default: true. */
     showPagination?: boolean;
 };
 export interface TablePaginationProps extends TablePaginationConfig {
     loading?: boolean;
     rootClassName?: string;
+    /** Render nothing when `totalItems` is 0. Default: true. */
+    hideWhenEmpty?: boolean;
+    /**
+     * Wait this long after a page-size pick before calling `onPageSizeChange`, so
+     * a burst of picks makes one change (and one request). Default: 0, immediate.
+     * The select keeps showing `pageSize` until the parent passes the new one.
+     */
+    pageSizeChangeDelayMs?: number;
+    /** data-testid for the "Total rows" text. */
+    totalRowsTestId?: string;
 }
 /**
  * Table footer pagination — page-size select, total count, and page controls.
  * Matches the `TableWrapperPaginationConfig` contract used in platform-ui.
  */
-export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, hideWhenEmpty, pageSizeChangeDelayMs, totalRowsTestId, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace TablePagination {
     var displayName: string;
 }

package/dist/patterns/table/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,GACd,EAAE,oBAAoB,kDAwCtB;yBAlDe,eAAe"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,EACb,aAAoB,EACpB,qBAAyB,EACzB,eAAe,GAChB,EAAE,oBAAoB,kDA0EtB;yBAvFe,eAAe"}

package/dist/patterns/table/TablePagination.js

@@ -1,60 +1,82 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as x } from "../../utils/cn.js";
-import { PaginationCardDefault as f } from "./pagination-card.js";
-import { Select as i } from "../../primitives/select/select.js";
-const b = [
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useRef as c, useEffect as g } from "react";
+import { cn as v } from "../../utils/cn.js";
+import { PaginationCardDefault as y } from "./pagination-card.js";
+import { Select as d } from "../../primitives/select/select.js";
+const R = [
   { label: "10", id: "10" },
   { label: "20", id: "20" },
   { label: "50", id: "50" },
   { label: "100", id: "100" }
 ];
-function h({
-  currentPage: n,
-  pageSize: s,
-  totalPages: o,
-  totalItems: l,
-  onPageChange: m,
-  onPageSizeChange: c,
-  showPagination: d = !0,
-  loading: r = !1,
-  rootClassName: p
+function E({
+  currentPage: x,
+  pageSize: l,
+  totalPages: p,
+  totalItems: a,
+  onPageChange: b,
+  onPageSizeChange: i,
+  showPagination: N = !0,
+  loading: o = !1,
+  rootClassName: h,
+  hideWhenEmpty: w = !0,
+  pageSizeChangeDelayMs: u = 0,
+  totalRowsTestId: S
 }) {
-  return !d || l === 0 ? null : /* @__PURE__ */ a("div", { className: x("flex items-center justify-between border-t border-secondary pt-2", p), children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
-      /* @__PURE__ */ e(
-        i,
+  const e = c(null), m = c(l), f = c(i);
+  if (m.current = l, f.current = i, g(
+    () => () => {
+      e.current && clearTimeout(e.current);
+    },
+    []
+  ), !N || w && a === 0) return null;
+  const T = (n) => {
+    const r = Number(n);
+    if (!(n == null || !Number.isFinite(r) || r <= 0) && (e.current && (clearTimeout(e.current), e.current = null), r !== l)) {
+      if (u <= 0) {
+        i(r);
+        return;
+      }
+      e.current = setTimeout(() => {
+        e.current = null, r !== m.current && f.current(r);
+      }, u);
+    }
+  };
+  return /* @__PURE__ */ s("div", { className: v("flex items-center justify-between border-t border-secondary pt-2", h), children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
+      /* @__PURE__ */ t(
+        d,
         {
-          isDisabled: r,
+          "aria-label": "Rows per page",
+          isDisabled: o,
           size: "sm",
-          value: s.toString(),
-          items: b,
-          onSelectionChange: (t) => {
-            t != null && c(t);
-          },
+          value: l.toString(),
+          items: R,
+          onSelectionChange: T,
           className: "w-auto min-w-10",
           popoverClassName: "w-20",
           textStyles: "text-xs align-center",
-          children: (t) => /* @__PURE__ */ e(i.Item, { id: t.id, textStyles: "text-xs font-normal", children: t.label })
+          children: (n) => /* @__PURE__ */ t(d.Item, { id: n.id, textStyles: "text-xs font-normal", children: n.label })
         }
       ),
-      /* @__PURE__ */ a("p", { className: "ml-4 text-xs", children: [
-        /* @__PURE__ */ e("span", { className: "font-normal text-tertiary", children: "Total rows " }),
-        /* @__PURE__ */ e("span", { className: "font-medium text-primary", children: l.toLocaleString() })
+      a != null && /* @__PURE__ */ s("p", { className: "ml-4 text-xs", "data-testid": S, children: [
+        /* @__PURE__ */ t("span", { className: "font-normal text-tertiary", children: "Total rows " }),
+        /* @__PURE__ */ t("span", { className: "font-medium text-primary", children: a.toLocaleString() })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
-      f,
+    /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
+      y,
       {
-        loading: r,
-        page: n,
-        total: o,
-        onPageChange: m
+        loading: o,
+        page: x,
+        total: p,
+        onPageChange: b
       }
     ) })
   ] });
 }
-h.displayName = "TablePagination";
+E.displayName = "TablePagination";
 export {
-  h as TablePagination
+  E as TablePagination
 };