@arcadeai/design-system 3.39.0 → 3.39.2

package/dist/components/ui/atoms/pro-badge.js

@@ -4,7 +4,7 @@ import { StarIcon as s } from "lucide-react";
 import { cn as i } from "../../../lib/utils.js";
 import { Badge as n } from "./badge.js";
 const d = o(
-  "gap-1.5 rounded-full border-0 bg-gradient-to-br from-yellow-600 to-yellow-800 font-semibold text-white uppercase tracking-wide shadow-md",
+  "gap-1.5 rounded-md border-0 bg-gradient-to-br from-yellow-600 to-yellow-800 font-semibold text-white uppercase tracking-wide shadow-md",
   {
     variants: {
       size: {

package/dist/components/ui/atoms/progress.d.ts

@@ -1,5 +1,8 @@
-import { Progress as ProgressPrimitive } from 'radix-ui';
-import type * as React from "react";
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Progress };
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
+declare function Progress({ className, children, value, ...props }: ProgressPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
+declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
+declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, };
 //# sourceMappingURL=progress.d.ts.map

package/dist/components/ui/atoms/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,2CAc9B;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAW5E;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,2CAQnC;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAQ5E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAW5E;AAED,OAAO,EACL,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,aAAa,GACd,CAAC"}

package/dist/components/ui/atoms/progress.js

@@ -1,108 +1,252 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as $ } from "../../../lib/utils.js";
-import * as v from "react";
-import { c as I } from "../../../index-DFZozV_h.js";
-import { P as c } from "../../../index-DLohNuco.js";
-var u = "Progress", d = 100, [E] = I(u), [R, _] = E(u), f = v.forwardRef(
-  (r, e) => {
-    const {
-      __scopeProgress: n,
-      value: o = null,
-      max: a,
-      getValueLabel: N = y,
-      ...b
-    } = r;
-    (a || a === 0) && !m(a) && console.error(M(`${a}`, "Progress"));
-    const t = m(a) ? a : d;
-    o !== null && !p(o, t) && console.error(w(`${o}`, "Progress"));
-    const s = p(o, t) ? o : null, h = l(s) ? N(s, t) : void 0;
-    return /* @__PURE__ */ i(R, { scope: n, value: s, max: t, children: /* @__PURE__ */ i(
-      c.div,
-      {
-        "aria-valuemax": t,
-        "aria-valuemin": 0,
-        "aria-valuenow": l(s) ? s : void 0,
-        "aria-valuetext": h,
-        role: "progressbar",
-        "data-state": x(s, t),
-        "data-value": s ?? void 0,
-        "data-max": t,
-        ...b,
-        ref: e
-      }
-    ) });
-  }
-);
-f.displayName = u;
-var g = "ProgressIndicator", P = v.forwardRef(
-  (r, e) => {
-    const { __scopeProgress: n, ...o } = r, a = _(g, n);
-    return /* @__PURE__ */ i(
-      c.div,
-      {
-        "data-state": x(a.value, a.max),
-        "data-value": a.value ?? void 0,
-        "data-max": a.max,
-        ...o,
-        ref: e
-      }
-    );
-  }
-);
-P.displayName = g;
-function y(r, e) {
-  return `${Math.round(r / e * 100)}%`;
-}
-function x(r, e) {
-  return r == null ? "indeterminate" : r === e ? "complete" : "loading";
-}
-function l(r) {
-  return typeof r == "number";
+"use client";
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { cn as g } from "../../../lib/utils.js";
+import * as a from "react";
+import { u as L } from "../../../useValueAsRef-LhoZc6As.js";
+import { a as $ } from "../../../visuallyHidden-PuyyGHVF.js";
+import { f as S, v as F } from "../../../valueToPercent-BBgE4D3L.js";
+import { f as j, u as N } from "../../../useRenderElement-DNB2vtF1.js";
+import { u as B } from "../../../useIsoLayoutEffect-DpJo20by.js";
+import { u as U } from "../../../useBaseUiId-C8Dq0BQq.js";
+function H(r, e) {
+  const s = U(r);
+  return B(() => (e(s), () => {
+    e(void 0);
+  }), [s, e]), s;
 }
-function m(r) {
-  return l(r) && !isNaN(r) && r > 0;
+const E = /* @__PURE__ */ a.createContext(void 0);
+process.env.NODE_ENV !== "production" && (E.displayName = "ProgressRootContext");
+function x() {
+  const r = a.useContext(E);
+  if (r === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ProgressRootContext is missing. Progress parts must be placed within <Progress.Root>." : j(51));
+  return r;
 }
-function p(r, e) {
-  return l(r) && !isNaN(r) && r <= e && r >= 0;
+let h = /* @__PURE__ */ (function(r) {
+  return r.complete = "data-complete", r.indeterminate = "data-indeterminate", r.progressing = "data-progressing", r;
+})({});
+const P = {
+  status(r) {
+    return r === "progressing" ? {
+      [h.progressing]: ""
+    } : r === "complete" ? {
+      [h.complete]: ""
+    } : r === "indeterminate" ? {
+      [h.indeterminate]: ""
+    } : null;
+  }
+};
+function q(r, e) {
+  return e == null ? "indeterminate progress" : r || `${e}%`;
 }
-function M(r, e) {
-  return `Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`;
+const w = /* @__PURE__ */ a.forwardRef(function(e, s) {
+  const {
+    format: u,
+    getAriaValueText: m = q,
+    locale: i,
+    max: n = 100,
+    min: o = 0,
+    value: t,
+    render: d,
+    className: c,
+    children: f,
+    ...b
+  } = e, [C, R] = a.useState(), D = L(u);
+  let p = "indeterminate";
+  Number.isFinite(t) && (p = t === n ? "complete" : "progressing");
+  const v = S(t, i, D.current), V = a.useMemo(() => ({
+    status: p
+  }), [p]), T = {
+    "aria-labelledby": C,
+    "aria-valuemax": n,
+    "aria-valuemin": o,
+    "aria-valuenow": t ?? void 0,
+    "aria-valuetext": m(v, t),
+    role: "progressbar",
+    children: /* @__PURE__ */ y(a.Fragment, {
+      children: [f, /* @__PURE__ */ l("span", {
+        role: "presentation",
+        style: $,
+        children: "x"
+      })]
+    })
+  }, _ = a.useMemo(() => ({
+    formattedValue: v,
+    max: n,
+    min: o,
+    setLabelId: R,
+    state: V,
+    status: p,
+    value: t
+  }), [v, n, o, R, V, p, t]), k = N("div", e, {
+    state: V,
+    ref: s,
+    props: [T, b],
+    stateAttributesMapping: P
+  });
+  return /* @__PURE__ */ l(E.Provider, {
+    value: _,
+    children: k
+  });
+});
+process.env.NODE_ENV !== "production" && (w.displayName = "ProgressRoot");
+const I = /* @__PURE__ */ a.forwardRef(function(e, s) {
+  const {
+    render: u,
+    className: m,
+    ...i
+  } = e, {
+    state: n
+  } = x();
+  return N("div", e, {
+    state: n,
+    ref: s,
+    props: i,
+    stateAttributesMapping: P
+  });
+});
+process.env.NODE_ENV !== "production" && (I.displayName = "ProgressTrack");
+const M = /* @__PURE__ */ a.forwardRef(function(e, s) {
+  const {
+    render: u,
+    className: m,
+    ...i
+  } = e, {
+    max: n,
+    min: o,
+    value: t,
+    state: d
+  } = x(), c = Number.isFinite(t) && t !== null ? F(t, o, n) : null, f = a.useCallback(() => c == null ? {} : {
+    insetInlineStart: 0,
+    height: "inherit",
+    width: `${c}%`
+  }, [c]);
+  return N("div", e, {
+    state: d,
+    ref: s,
+    props: [{
+      style: f()
+    }, i],
+    stateAttributesMapping: P
+  });
+});
+process.env.NODE_ENV !== "production" && (M.displayName = "ProgressIndicator");
+const A = /* @__PURE__ */ a.forwardRef(function(e, s) {
+  const {
+    className: u,
+    render: m,
+    children: i,
+    ...n
+  } = e, {
+    value: o,
+    formattedValue: t,
+    state: d
+  } = x(), c = o == null ? "indeterminate" : t, f = o == null ? null : t;
+  return N("span", e, {
+    state: d,
+    ref: s,
+    props: [{
+      "aria-hidden": !0,
+      children: typeof i == "function" ? i(c, o) : f
+    }, n],
+    stateAttributesMapping: P
+  });
+});
+process.env.NODE_ENV !== "production" && (A.displayName = "ProgressValue");
+const O = /* @__PURE__ */ a.forwardRef(function(e, s) {
+  const {
+    render: u,
+    className: m,
+    id: i,
+    ...n
+  } = e, {
+    setLabelId: o,
+    state: t
+  } = x(), d = H(i, o);
+  return N("span", e, {
+    state: t,
+    ref: s,
+    props: [{
+      id: d,
+      role: "presentation"
+    }, n],
+    stateAttributesMapping: P
+  });
+});
+process.env.NODE_ENV !== "production" && (O.displayName = "ProgressLabel");
+function re({
+  className: r,
+  children: e,
+  value: s,
+  ...u
+}) {
+  return /* @__PURE__ */ y(
+    w,
+    {
+      className: g("flex flex-wrap gap-3", r),
+      "data-slot": "progress",
+      value: s,
+      ...u,
+      children: [
+        e,
+        /* @__PURE__ */ l(z, { children: /* @__PURE__ */ l(G, {}) })
+      ]
+    }
+  );
 }
-function w(r, e) {
-  return `Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
-  - a positive number
-  - less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
-  - \`null\` or \`undefined\` if the progress is indeterminate.
-
-Defaulting to \`null\`.`;
+function z({ className: r, ...e }) {
+  return /* @__PURE__ */ l(
+    I,
+    {
+      className: g(
+        "relative flex h-1.5 w-full items-center overflow-x-hidden rounded-full bg-muted",
+        r
+      ),
+      "data-slot": "progress-track",
+      ...e
+    }
+  );
 }
-var A = f, V = P;
-const C = 100;
-function O({
+function G({
   className: r,
-  value: e,
-  ...n
+  ...e
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(
+    M,
+    {
+      className: g("h-full bg-primary transition-all", r),
+      "data-slot": "progress-indicator",
+      ...e
+    }
+  );
+}
+function te({ className: r, ...e }) {
+  return /* @__PURE__ */ l(
+    O,
+    {
+      className: g("font-medium text-sm", r),
+      "data-slot": "progress-label",
+      ...e
+    }
+  );
+}
+function se({ className: r, ...e }) {
+  return /* @__PURE__ */ l(
     A,
     {
-      className: $(
-        "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className: g(
+        "ml-auto text-muted-foreground text-sm tabular-nums",
         r
       ),
-      "data-slot": "progress",
-      ...n,
-      children: /* @__PURE__ */ i(
-        V,
-        {
-          className: "h-full w-full flex-1 bg-primary transition-all",
-          "data-slot": "progress-indicator",
-          style: { transform: `translateX(-${C - (e || 0)}%)` }
-        }
-      )
+      "data-slot": "progress-value",
+      ...e
     }
   );
 }
 export {
-  O as Progress
+  re as Progress,
+  G as ProgressIndicator,
+  te as ProgressLabel,
+  z as ProgressTrack,
+  se as ProgressValue
 };

package/dist/components/ui/atoms/radio-group.d.ts

@@ -1,6 +1,6 @@
-import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
-import type * as React from "react";
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/atoms/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,CAAC,KAAK,2CAQrE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,2CAkBzE;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}