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

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"}