@pibit.ai/cure-design-system 0.6.44 → 0.6.46

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
+};