@pibit.ai/cure-design-system 0.6.45 → 0.6.47

package/dist/patterns/section-scroll-hint/index.d.ts

@@ -0,0 +1,2 @@
+export { SectionScrollHintRow, type SectionScrollHintRowProps, } from './section-scroll-hint-row';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/section-scroll-hint/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/section-scroll-hint/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,2BAA2B,CAAC"}

package/dist/patterns/section-scroll-hint/section-scroll-hint-row.d.ts

@@ -0,0 +1,15 @@
+export interface SectionScrollHintRowProps {
+    label: string;
+    direction: "previous" | "next";
+    visible: boolean;
+    onClick: () => void;
+    progress?: number;
+    /** Sticky offset so the overlay sits below the page header/tabs. */
+    stickyOffset?: number;
+    /** Overrides default `top-3` / `bottom-3` placement within the sticky row. */
+    insetClassName?: string;
+    /** Next hint: reserve height in layout so the control sits below content instead of overlaying it. */
+    reserveLayoutSpace?: boolean;
+}
+export declare const SectionScrollHintRow: import('react').NamedExoticComponent<SectionScrollHintRowProps>;
+//# sourceMappingURL=section-scroll-hint-row.d.ts.map

package/dist/patterns/section-scroll-hint/section-scroll-hint-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-scroll-hint-row.d.ts","sourceRoot":"","sources":["../../../src/patterns/section-scroll-hint/section-scroll-hint-row.tsx"],"names":[],"mappings":"AAmKA,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,iEAqD/B,CAAC"}

package/dist/patterns/section-scroll-hint/section-scroll-hint-row.js

@@ -0,0 +1,170 @@
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { memo as y, useRef as m, useState as w, useLayoutEffect as N, useEffect as R } from "react";
+import { ChevronDownDouble as v } from "@untitledui/icons";
+import { cx as f } from "../../utils/cn.js";
+import { motion as z } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const k = {
+  duration: 0.32,
+  ease: [0.22, 1, 0.36, 1]
+}, _ = 0.52, E = 0.2;
+function P(i, r) {
+  const s = m(0);
+  R(() => {
+    let t = 0;
+    const h = () => {
+      const c = s.current, a = i >= c ? _ : E, l = i - c, e = Math.abs(l) < 2e-3 ? i : c + l * a;
+      s.current = e;
+      const n = r.current;
+      n && (n.style.strokeDashoffset = String(1 - e)), e !== i && (t = requestAnimationFrame(h));
+    };
+    return t = requestAnimationFrame(h), () => cancelAnimationFrame(t);
+  }, [r, i]);
+}
+const H = y(function({
+  label: r,
+  isPrevious: s,
+  visible: t,
+  onClick: h,
+  progress: c = 0
+}) {
+  const a = m(null), l = m(null), [e, n] = w({ width: 0, height: 0 }), b = Math.min(1, Math.max(0, c));
+  return P(b, l), N(() => {
+    const u = a.current;
+    if (!u) return;
+    const d = () => {
+      const g = Math.max(u.offsetWidth - 2, 10), S = Math.max(u.offsetHeight - 2, 10);
+      n({ width: g, height: S });
+    };
+    d();
+    const p = new ResizeObserver(d);
+    return p.observe(u), () => p.disconnect();
+  }, [r]), /* @__PURE__ */ x(
+    "button",
+    {
+      ref: a,
+      type: "button",
+      onClick: h,
+      tabIndex: t ? 0 : -1,
+      "aria-label": r,
+      className: f(
+        "relative inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-full bg-white px-3 py-2 text-xs font-medium transition-colors",
+        "hover:[&_.btn-label]:text-brand-secondary hover:[&_.chev-icon]:text-brand-secondary",
+        t ? "pointer-events-auto" : "pointer-events-none"
+      ),
+      children: [
+        /* @__PURE__ */ x(
+          "svg",
+          {
+            className: "pointer-events-none absolute inset-0 h-full w-full overflow-visible",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ o(
+                "rect",
+                {
+                  x: 1,
+                  y: 1,
+                  width: e.width,
+                  height: e.height,
+                  rx: e.height / 2,
+                  ry: e.height / 2,
+                  fill: "none",
+                  stroke: "var(--color-border-secondary)",
+                  strokeWidth: 1
+                }
+              ),
+              /* @__PURE__ */ o(
+                "rect",
+                {
+                  ref: l,
+                  x: 1,
+                  y: 1,
+                  width: e.width,
+                  height: e.height,
+                  rx: e.height / 2,
+                  ry: e.height / 2,
+                  fill: "none",
+                  stroke: "var(--color-fg-brand-primary)",
+                  strokeWidth: 2,
+                  pathLength: 1,
+                  strokeDasharray: "1",
+                  strokeLinecap: "round"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("span", { className: "btn-label relative z-[1] text-text-tertiary transition-colors", children: r }),
+        s && /* @__PURE__ */ o("span", { className: "chevrons relative z-[1] flex items-center", children: /* @__PURE__ */ o(
+          v,
+          {
+            size: 14,
+            className: "chev-icon rotate-180 text-fg-quaternary transition-colors"
+          }
+        ) }),
+        !s && /* @__PURE__ */ o("span", { className: "chevrons relative z-[1] flex items-center", children: /* @__PURE__ */ o(
+          v,
+          {
+            size: 14,
+            className: "chev-icon text-fg-quaternary transition-colors"
+          }
+        ) })
+      ]
+    }
+  );
+}), j = y(function({
+  label: r,
+  direction: s,
+  visible: t,
+  onClick: h,
+  progress: c = 0,
+  stickyOffset: a = 0,
+  insetClassName: l,
+  reserveLayoutSpace: e = !1
+}) {
+  const n = s === "previous";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: f(
+        "pointer-events-none sticky shrink-0 overflow-visible",
+        n ? "z-[32] h-0" : f(
+          "z-20 flex items-center justify-center px-4",
+          e ? "min-h-14" : "h-0"
+        )
+      ),
+      style: n ? { top: a } : { bottom: a },
+      "aria-hidden": !t,
+      children: /* @__PURE__ */ o(
+        z.div,
+        {
+          className: f(
+            "flex items-center justify-center",
+            n && "absolute inset-x-0 px-4",
+            n && (l ?? "top-3")
+          ),
+          initial: !1,
+          animate: {
+            opacity: t ? 1 : 0,
+            y: t ? 0 : n ? -12 : 12,
+            scale: t ? 1 : 0.94
+          },
+          transition: k,
+          style: { pointerEvents: "none" },
+          children: /* @__PURE__ */ o(
+            H,
+            {
+              label: r,
+              isPrevious: n,
+              visible: t,
+              onClick: h,
+              progress: c
+            }
+          )
+        }
+      )
+    }
+  );
+});
+export {
+  j as SectionScrollHintRow
+};

package/dist/primitives/avatar/avatar-label-group.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { AvatarProps } from './avatar';
+export interface AvatarLabelGroupProps extends AvatarProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    title: string | ReactNode;
+    subtitle: string | ReactNode;
+}
+export declare const AvatarLabelGroup: ({ title, subtitle, className, ...props }: AvatarLabelGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=avatar-label-group.d.ts.map

package/dist/primitives/avatar/avatar-label-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/avatar-label-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAWpD,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,GAAI,0CAK9B,qBAAqB,4CAoBvB,CAAC"}

package/dist/primitives/avatar/avatar-label-group.js

@@ -0,0 +1,40 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Avatar as m } from "./avatar.js";
+import { cx as s } from "../../utils/cn.js";
+const i = {
+  xs: { root: "gap-2", title: "text-xs", subtitle: "text-xs" },
+  sm: { root: "gap-2", title: "text-sm", subtitle: "text-xs" },
+  md: { root: "gap-2", title: "text-sm", subtitle: "text-sm" },
+  lg: { root: "gap-3", title: "text-md", subtitle: "text-md" },
+  xl: { root: "gap-4", title: "text-lg", subtitle: "text-md" }
+}, u = ({
+  title: r,
+  subtitle: x,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l(
+  "figure",
+  {
+    className: s(
+      "group flex min-w-0 flex-1 items-center",
+      i[t.size].root,
+      a
+    ),
+    children: [
+      /* @__PURE__ */ e(m, { ...t }),
+      /* @__PURE__ */ l("figcaption", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ e("p", { className: s(i[t.size].title), children: r }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: s("truncate text-tertiary", i[t.size].subtitle),
+            children: x
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  u as AvatarLabelGroup
+};

package/dist/primitives/avatar/get-initials.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Extracts the initials from a full name, for the `Avatar` `initials` prop.
+ *
+ * @param name - The full name from which to extract initials.
+ * @returns The initials of the provided name. If the name contains only one word,
+ *          it returns the first character of that word. With `showLastName`, it
+ *          returns the first character of the first and last words. Returns an
+ *          empty string if the name is undefined/null/empty.
+ */
+export declare const getInitials: (name: string | undefined | null, showLastName?: boolean) => string;
+//# sourceMappingURL=get-initials.d.ts.map

package/dist/primitives/avatar/get-initials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-initials.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/get-initials.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,GACtB,MAAM,MAAM,GAAG,SAAS,GAAG,IAAI,EAC/B,eAAc,OAAe,WAS9B,CAAC"}

package/dist/primitives/avatar/get-initials.js

@@ -0,0 +1,9 @@
+const s = (t, p = !1) => {
+  if (!t || typeof t != "string" || t.trim().length === 0)
+    return "";
+  const [e, r] = t.split(" ");
+  return p && r ? `${e.charAt(0).toUpperCase()}${r == null ? void 0 : r.charAt(0).toUpperCase()}` : e.charAt(0).toUpperCase();
+};
+export {
+  s as getInitials
+};

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

@@ -1,2 +1,4 @@
 export { Avatar, type AvatarProps } from './avatar';
+export { AvatarLabelGroup, type AvatarLabelGroupProps, } from './avatar-label-group';
+export { getInitials } from './get-initials';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitives/loading-dots/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingDots, type LoadingDotsProps } from './loading-dots';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/loading-dots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/loading-dots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitives/loading-dots/loading-dots.d.ts

@@ -0,0 +1,13 @@
+export interface LoadingDotsProps {
+    /** @default 'Loading' */
+    text?: string;
+    /** Milliseconds between dot steps. @default 500 */
+    speed?: number;
+    className?: string;
+}
+/**
+ * Inline text loader that cycles an ellipsis after the text ("Loading", "Loading.", …).
+ * The dots render in an absolutely-positioned span so the text never shifts.
+ */
+export declare const LoadingDots: ({ text, speed, className, }: LoadingDotsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loading-dots.d.ts.map

package/dist/primitives/loading-dots/loading-dots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-dots.d.ts","sourceRoot":"","sources":["../../../src/primitives/loading-dots/loading-dots.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,6BAIzB,gBAAgB,4CAoBlB,CAAC"}

package/dist/primitives/loading-dots/loading-dots.js

@@ -0,0 +1,22 @@
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { useState as i, useEffect as f } from "react";
+import { cx as m } from "../../utils/cn.js";
+const x = ({
+  text: e = "Loading",
+  speed: t = 500,
+  className: s
+}) => {
+  const [n, o] = i("");
+  return f(() => {
+    const a = setInterval(() => {
+      o((r) => r === "..." ? "" : r + ".");
+    }, t);
+    return () => clearInterval(a);
+  }, [t]), /* @__PURE__ */ l("span", { className: m("relative", s), children: [
+    e,
+    /* @__PURE__ */ c("span", { className: "absolute left-full", children: n })
+  ] });
+};
+export {
+  x as LoadingDots
+};

package/dist/primitives/score-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export { ScoreIndicator, type ScoreIndicatorProps } from './score-indicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/score-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/score-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/primitives/score-indicator/score-indicator.d.ts

@@ -0,0 +1,8 @@
+export interface ScoreIndicatorProps {
+    score: number;
+    /** @default 5 */
+    maxScore?: number;
+}
+export declare const ScoreIndicator: ({ score, maxScore, }: ScoreIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default ScoreIndicator;
+//# sourceMappingURL=score-indicator.d.ts.map

package/dist/primitives/score-indicator/score-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"score-indicator.d.ts","sourceRoot":"","sources":["../../../src/primitives/score-indicator/score-indicator.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,eAAO,MAAM,cAAc,GAAI,sBAG5B,mBAAmB,4CA0ErB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/primitives/score-indicator/score-indicator.js

@@ -0,0 +1,56 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+const l = 20, S = (s, e) => {
+  const t = s / e * 5;
+  return t >= 0 && t < 2.5 ? "var(--color-utility-error-500)" : t >= 2.5 && t <= 3.5 ? "var(--color-utility-warning-500)" : t > 3.5 ? "var(--color-utility-success-500)" : "var(--color-utility-gray-500)";
+}, j = ({
+  score: s,
+  maxScore: e = 5
+}) => {
+  const t = s / e * 100, g = Math.round(t / 100 * l), u = S(s, e);
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ d("div", { className: "relative flex h-[150px] w-[300px] flex-col", children: [
+    /* @__PURE__ */ o(
+      "svg",
+      {
+        width: "300",
+        height: "200",
+        viewBox: "0 0 300 200",
+        className: "absolute -top-[30px] left-0",
+        children: (() => {
+          const c = [], h = 180 / (l - 1), r = 105, a = 18, m = 12;
+          for (let n = 0; n < l; n++) {
+            const i = (180 + n * h) * Math.PI / 180, p = 150 + Math.cos(i) * (r - a), x = 150 + Math.sin(i) * (r - a), f = 150 + Math.cos(i) * r, y = 150 + Math.sin(i) * r, v = n < g ? 1 : 0.15;
+            c.push(
+              /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: p,
+                  y1: x,
+                  x2: f,
+                  y2: y,
+                  stroke: u,
+                  strokeWidth: m,
+                  strokeLinecap: "round",
+                  opacity: v,
+                  style: {
+                    transition: "opacity 0.3s ease",
+                    transitionDelay: `${n * 0.03}s`
+                  }
+                },
+                n
+              )
+            );
+          }
+          return c;
+        })()
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "z-[1] mt-[65px] flex flex-col items-center justify-center", children: [
+      /* @__PURE__ */ o("div", { className: "text-display-lg leading-none font-bold tracking-normal text-primary", children: s.toString().padStart(1, "0") }),
+      /* @__PURE__ */ o("div", { className: "text-xs font-medium tracking-[0.5px] text-tertiary", children: e === 10 ? "Submission Score" : `Score out of ${e}` })
+    ] })
+  ] }) });
+};
+export {
+  j as ScoreIndicator,
+  j as default
+};

package/dist/primitives/scroll-container/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollContainer, type ScrollContainerProps } from './scroll-container';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/scroll-container/index.d.ts.map

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

package/dist/primitives/scroll-container/scroll-container.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface ScrollContainerProps {
+    children: React.ReactNode;
+    className?: string;
+    threshold?: number;
+    /**
+     * Fixed at the top edge of the scroll area when there is vertical overflow and the viewport is not at the start of the content.
+     * Hidden when there is no overflow or when scrolled to the top (`scrollTop` is 0).
+     */
+    topOverflowIndicator?: React.ReactNode;
+    /**
+     * Fixed at the bottom edge of the scroll area when there is vertical overflow and the viewport is not at the end of the content.
+     * Hidden when there is no overflow or when scrolled to the bottom.
+     */
+    bottomOverflowIndicator?: React.ReactNode;
+}
+/**
+ * Indicator strips use `background-color: inherit` so they stay opaque and match the parent
+ * surface, including `hover:bg-*` on the parent (e.g. a card wrapper with `bg-*` + `hover:bg-*`).
+ */
+export declare function ScrollContainer({ children, className, threshold, topOverflowIndicator, bottomOverflowIndicator, }: ScrollContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=scroll-container.d.ts.map

package/dist/primitives/scroll-container/scroll-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container.d.ts","sourceRoot":"","sources":["../../../src/primitives/scroll-container/scroll-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAWD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,SAAa,EACb,oBAAoB,EACpB,uBAA0D,GAC3D,EAAE,oBAAoB,2CAwEtB"}

package/dist/primitives/scroll-container/scroll-container.js

@@ -0,0 +1,63 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useRef as p, useState as h, useLayoutEffect as w } from "react";
+import { ChevronDownDouble as B } from "@untitledui/icons";
+import { cx as v } from "../../utils/cn.js";
+function S() {
+  return /* @__PURE__ */ x("div", { className: "flex items-center justify-center gap-2", children: [
+    /* @__PURE__ */ e("p", { className: "text-2xs font-medium text-tertiary", children: "Scroll for more" }),
+    /* @__PURE__ */ e(B, { size: 12, className: "text-fg-quaternary" })
+  ] });
+}
+function T({
+  children: y,
+  className: N,
+  threshold: b = 1,
+  topOverflowIndicator: n,
+  bottomOverflowIndicator: o = S()
+}) {
+  const l = p(null), r = p(null), [c, g] = h(!1), [a, j] = h(!1);
+  return w(() => {
+    const t = l.current;
+    if (!t) return;
+    const i = () => {
+      const { scrollTop: u, scrollHeight: d, clientHeight: f } = t, m = d > f;
+      g(
+        !!(n && m && u > 0)
+      ), j(
+        !!(o && m && u + f < d - b)
+      );
+    };
+    i(), t.addEventListener("scroll", i, { passive: !0 });
+    const s = new ResizeObserver(i);
+    return s.observe(t), r.current && s.observe(r.current), () => {
+      t.removeEventListener("scroll", i), s.disconnect();
+    };
+  }, [n, o]), /* @__PURE__ */ x("div", { className: "relative flex min-h-0 flex-1 flex-col bg-inherit", children: [
+    /* @__PURE__ */ e("div", { ref: l, className: "overflow-y-auto", children: /* @__PURE__ */ e("div", { ref: r, className: N, children: y }) }),
+    n ? /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-hidden": !c,
+        className: v(
+          "pointer-events-none absolute inset-x-0 top-0 z-10 flex w-full justify-center bg-inherit px-3 pt-1.5 transition-opacity duration-50 ease-out motion-reduce:transition-none",
+          c ? "opacity-100" : "opacity-0"
+        ),
+        children: /* @__PURE__ */ e("div", { className: "pointer-events-none", children: n })
+      }
+    ) : null,
+    o ? /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-hidden": !a,
+        className: v(
+          "pointer-events-none absolute inset-x-0 bottom-0 z-10 flex w-full justify-center bg-inherit px-3 pt-1.5 transition-opacity duration-50 ease-out motion-reduce:transition-none",
+          a ? "opacity-100" : "opacity-0"
+        ),
+        children: /* @__PURE__ */ e("div", { className: "pointer-events-none", children: o })
+      }
+    ) : null
+  ] });
+}
+export {
+  T as ScrollContainer
+};

package/dist/rich-text/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Class for rich-text content rendered by the Tiptap editors (and read-only
+ * renderings of their output). The styles ship in the DS stylesheet
+ * (`styles/editors.css`): headings, lists, blockquote, code, links and data
+ * pills from DS typography and color tokens.
+ */
+export declare const RICH_TEXT_CONTENT_CLASS = "cure-rich-text";
+//# sourceMappingURL=index.d.ts.map

package/dist/rich-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rich-text/index.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,mBAAmB,CAAC"}

package/dist/rich-text/index.js

@@ -0,0 +1,4 @@
+const t = "cure-rich-text";
+export {
+  t as RICH_TEXT_CONTENT_CLASS
+};