@arcadeai/design-system 3.38.0 → 3.38.1

package/dist/components/ui/atoms/sparkle-burst.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Duration (in milliseconds) of the burst animation; matches
+ * `--ds-sparkle-duration` in `tokens.css`. Exposed for consumers that need to
+ * coordinate other UI with the burst lifecycle.
+ */
+export declare const DS_SPARKLE_DURATION_MS = 800;
+export type SparkleBurstProps = {
+    iconClassName?: string;
+};
+/**
+ * One-shot sparkle burst: four icons animate outward via `.ds-sparkle-particle`
+ * in `tokens.css` (opacity-only fade under `prefers-reduced-motion: reduce`),
+ * then hold at `opacity: 0` thanks to `animation-fill-mode: forwards`. Mount
+ * once to celebrate; remount via a `key` change to replay.
+ *
+ * Intended to be rendered inside an `aria-hidden`, `pointer-events-none`
+ * overlay. `StepsProgress` uses it internally when `animateStepTransitions`
+ * is enabled; you can also drop it into your own decorative wrappers.
+ */
+export declare function SparkleBurst({ iconClassName }?: SparkleBurstProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sparkle-burst.d.ts.map

package/dist/components/ui/atoms/sparkle-burst.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkle-burst.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/sparkle-burst.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAS1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAAE,aAAa,EAAE,GAAE,iBAAsB,2CAoBrE"}

package/dist/components/ui/atoms/sparkle-burst.js

@@ -0,0 +1,29 @@
+import { jsx as p, Fragment as x } from "react/jsx-runtime";
+import { Sparkles as e } from "lucide-react";
+import { cn as s } from "../../../lib/utils.js";
+const i = 800, a = [
+  { tx: "-14px", ty: "-14px" },
+  { tx: "14px", ty: "-14px" },
+  { tx: "-14px", ty: "14px" },
+  { tx: "14px", ty: "14px" }
+];
+function n({ iconClassName: r } = {}) {
+  return /* @__PURE__ */ p(x, { children: a.map((t) => /* @__PURE__ */ p(
+    e,
+    {
+      className: s(
+        "ds-sparkle-particle size-3 text-primary",
+        r
+      ),
+      style: {
+        "--sparkle-tx": t.tx,
+        "--sparkle-ty": t.ty
+      }
+    },
+    `${t.tx}-${t.ty}`
+  )) });
+}
+export {
+  i as DS_SPARKLE_DURATION_MS,
+  n as SparkleBurst
+};