@alfadocs/ui-kit-debug 1.43.0 → 1.45.0

package/dist/_chunks/ai-sparkle-DXeP_6a0.js

@@ -0,0 +1,52 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c as p } from "./index-D2ZczOXr.js";
+import { C as m, a as o, b as e, S as c, B as t } from "./use-ai-sparkle-CyQSRTCe.js";
+import { A as n } from "./astroid-BN4f5VXU.js";
+const k = p("ds:pointer-events-none", {
+  variants: {
+    state: {
+      intro: "",
+      working: "",
+      landed: ""
+    }
+  }
+}), S = i(
+  ({ state: s }, d) => s ? /* @__PURE__ */ l(
+    "span",
+    {
+      ref: d,
+      "data-component": "ai-sparkle",
+      "aria-hidden": "true",
+      className: k({ state: s }),
+      children: [
+        m.map((a) => /* @__PURE__ */ r(
+          "span",
+          {
+            className: `${o} ${e[s]} ${a.lag}`,
+            children: /* @__PURE__ */ r(
+              "span",
+              {
+                className: `ds:block ds:rounded-full ds:bg-[var(--ai-sparkle)] ds:shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ${a.dot}`
+              }
+            )
+          },
+          a.key
+        )),
+        /* @__PURE__ */ r("span", { className: `${o} ${e[s]}`, children: /* @__PURE__ */ r(n, { className: "ds:block ds:size-3 ds:fill-current ds:text-[color:var(--primary-foreground)] ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)]" }) }),
+        c.map((a) => /* @__PURE__ */ r(
+          n,
+          {
+            className: `${a.className} ${t[s]}`
+          },
+          a.key
+        ))
+      ]
+    }
+  ) : null
+);
+S.displayName = "AiSparkle";
+export {
+  S as A
+};
+//# sourceMappingURL=ai-sparkle-DXeP_6a0.js.map

package/dist/_chunks/ai-sparkle-DXeP_6a0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-sparkle-DXeP_6a0.js","sources":["../../src/components/ai-sparkle/ai-sparkle.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Astroid } from 'lucide-react';\nimport {\n  type AiSparkleState,\n  BURST_CLASS,\n  COMET_CLASS,\n  COMET_TAIL,\n  COMET_WRAPPER_CLASS,\n  SPARKLE_GLYPHS,\n} from '../../hooks/use-ai-sparkle';\n\nexport type { AiSparkleState };\n\nexport interface AiSparkleProps {\n  /**\n   * The current phase, from `useAiSparkle`. Renders nothing when `null` —\n   * callers don't need to guard the mount themselves.\n   */\n  state: AiSparkleState | null;\n}\n\n// No visual differs by variant today (each state's look lives in the class\n// tables the hook exports) — the CVA still names `state` as the component's\n// one variant axis, per the kit's \"CVA for variants\" rule, and is the seam\n// a future state-specific wrapper class would hang off.\nconst sparkleVariants = cva('ds:pointer-events-none', {\n  variants: {\n    state: {\n      intro: '',\n      working: '',\n      landed: '',\n    },\n  },\n});\n\n/**\n * The AI pill's comet + burst sparkle: a comet with a six-dot tail riding\n * the host's rounded outline, plus five staggered stars that burst (intro,\n * landed) or twinkle (working) around it.\n *\n * Purely decorative (`aria-hidden`) and stateless — pass the `state` from\n * `useAiSparkle`. The shimmer layer (a light sweep across the host itself)\n * is not part of this component: it needs no extra DOM, so it travels as\n * a class string on `useAiSparkle(...).props.className` instead. Position\n * this component's host with `relative` (or `absolute`) sizing that matches\n * the surface the sparkle decorates — it fills `inset-0` of its offset\n * parent via the comet's `offset-path`.\n */\nexport const AiSparkle = forwardRef<HTMLSpanElement, AiSparkleProps>(\n  ({ state }, ref) => {\n    if (!state) return null;\n\n    return (\n      <span\n        ref={ref}\n        data-component=\"ai-sparkle\"\n        aria-hidden=\"true\"\n        className={sparkleVariants({ state })}\n      >\n        {COMET_TAIL.map((piece) => (\n          <span\n            key={piece.key}\n            className={`${COMET_WRAPPER_CLASS} ${COMET_CLASS[state]} ${piece.lag}`}\n          >\n            <span\n              className={`ds:block ds:rounded-full ds:bg-[var(--ai-sparkle)] ds:shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ${piece.dot}`}\n            />\n          </span>\n        ))}\n        <span className={`${COMET_WRAPPER_CLASS} ${COMET_CLASS[state]}`}>\n          <Astroid className=\"ds:block ds:size-3 ds:fill-current ds:text-[color:var(--primary-foreground)] ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)]\" />\n        </span>\n        {SPARKLE_GLYPHS.map((glyph) => (\n          <Astroid\n            key={glyph.key}\n            className={`${glyph.className} ${BURST_CLASS[state]}`}\n          />\n        ))}\n      </span>\n    );\n  },\n);\n\nAiSparkle.displayName = 'AiSparkle';\n"],"names":["sparkleVariants","cva","AiSparkle","forwardRef","state","ref","jsxs","COMET_TAIL","piece","jsx","COMET_WRAPPER_CLASS","COMET_CLASS","Astroid","SPARKLE_GLYPHS","glyph","BURST_CLASS"],"mappings":";;;;;AA0BA,MAAMA,IAAkBC,EAAI,0BAA0B;AAAA,EACpD,UAAU;AAAA,IACR,OAAO;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC,GAeYC,IAAYC;AAAA,EACvB,CAAC,EAAE,OAAAC,EAAA,GAASC,MACLD,IAGH,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,kBAAe;AAAA,MACf,eAAY;AAAA,MACZ,WAAWL,EAAgB,EAAE,OAAAI,GAAO;AAAA,MAEnC,UAAA;AAAA,QAAAG,EAAW,IAAI,CAACC,MACf,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,GAAGC,CAAmB,IAAIC,EAAYP,CAAK,CAAC,IAAII,EAAM,GAAG;AAAA,YAEpE,UAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,2GAA2GD,EAAM,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACjI;AAAA,UALKA,EAAM;AAAA,QAAA,CAOd;AAAA,QACD,gBAAAC,EAAC,QAAA,EAAK,WAAW,GAAGC,CAAmB,IAAIC,EAAYP,CAAK,CAAC,IAC3D,UAAA,gBAAAK,EAACG,GAAA,EAAQ,WAAU,0IAAyI,GAC9J;AAAA,QACCC,EAAe,IAAI,CAACC,MACnB,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YAEC,WAAW,GAAGE,EAAM,SAAS,IAAIC,EAAYX,CAAK,CAAC;AAAA,UAAA;AAAA,UAD9CU,EAAM;AAAA,QAAA,CAGd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA3Bc;AA+BvB;AAEAZ,EAAU,cAAc;"}