@alfadocs/ui-kit-debug 1.42.0 → 1.44.0

package/dist/_chunks/use-edge-resize-ZnGG7gyO.js

@@ -1,139 +0,0 @@
-import { useState as X, useRef as T, useCallback as o } from "react";
-import { useTranslation as B } from "react-i18next";
-import { u as L } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-const S = 16, Y = 64;
-function O({
-  edge: I,
-  targetRef: e,
-  cssProperty: d,
-  minSize: i,
-  maxSize: p,
-  defaultSize: C,
-  disabled: c = !1,
-  onResize: n
-}) {
-  const { t: b } = B(), [f, E] = X(null), [x, P] = X(!1), h = T(null), m = T(null);
-  L(() => {
-    const t = e.current;
-    if (!t) return;
-    const r = t.getBoundingClientRect().width;
-    r > 0 && (h.current = r);
-  });
-  const y = o(
-    (t) => Math.min(p, Math.max(i, t)),
-    [i, p]
-  ), s = o(() => {
-    if (f !== null) return f;
-    const t = e.current;
-    if (t) {
-      const r = t.getBoundingClientRect().width;
-      if (r > 0)
-        return h.current = r, r;
-    }
-    return h.current ?? C;
-  }, [f, C, e]), a = o(
-    (t) => {
-      var u;
-      const r = y(t);
-      return E(r), (u = e.current) == null || u.style.setProperty(d, `${r}px`), r;
-    },
-    [y, d, e]
-  ), w = o(() => {
-    var t;
-    E(null), (t = e.current) == null || t.style.removeProperty(d), h.current = null, n == null || n(null);
-  }, [d, n, e]), g = o(() => {
-    const t = e.current, r = t ? getComputedStyle(t).direction === "rtl" : !1;
-    return (I === "inline-end" ? 1 : -1) * (r ? -1 : 1);
-  }, [I, e]), A = o(
-    (t) => {
-      c || !t.isPrimary || (t.currentTarget.setPointerCapture(t.pointerId), m.current = {
-        pointerId: t.pointerId,
-        startX: t.clientX,
-        startSize: s(),
-        sign: g()
-      }, P(!0));
-    },
-    [c, s, g]
-  ), K = o(
-    (t) => {
-      const r = m.current;
-      !r || t.pointerId !== r.pointerId || a(r.startSize + r.sign * (t.clientX - r.startX));
-    },
-    [a]
-  ), k = o(
-    (t) => {
-      const r = m.current;
-      if (!r || t.pointerId !== r.pointerId) return;
-      t.currentTarget.releasePointerCapture(t.pointerId), m.current = null, P(!1);
-      const u = a(
-        r.startSize + r.sign * (t.clientX - r.startX)
-      );
-      n == null || n(u);
-    },
-    [a, n]
-  ), M = o(
-    (t) => {
-      if (c) return;
-      const r = t.shiftKey ? Y : S, u = g();
-      let l = null;
-      switch (t.key) {
-        case "ArrowRight":
-          l = s() + u * r;
-          break;
-        case "ArrowLeft":
-          l = s() - u * r;
-          break;
-        case "Home":
-          l = i;
-          break;
-        case "End":
-          l = p;
-          break;
-        case "Enter":
-          t.preventDefault(), w();
-          return;
-        default:
-          return;
-      }
-      if (l === null) return;
-      t.preventDefault();
-      const _ = a(l);
-      n == null || n(_);
-    },
-    [
-      a,
-      s,
-      c,
-      p,
-      i,
-      n,
-      w,
-      g
-    ]
-  ), D = Math.round(s());
-  return {
-    separatorProps: {
-      role: "separator",
-      tabIndex: c ? -1 : 0,
-      "aria-orientation": "vertical",
-      "aria-valuemin": i,
-      "aria-valuemax": p,
-      "aria-valuenow": D,
-      "aria-valuetext": b("resizable.widthAnnounce", { width: D }),
-      "aria-disabled": c || void 0,
-      onPointerDown: A,
-      onPointerMove: K,
-      onPointerUp: k,
-      onPointerCancel: k,
-      onKeyDown: M,
-      onDoubleClick: w
-    },
-    isResizing: x,
-    isResized: f !== null,
-    reset: w
-  };
-}
-export {
-  O as u
-};
-//# sourceMappingURL=use-edge-resize-ZnGG7gyO.js.map

package/dist/_chunks/use-edge-resize-ZnGG7gyO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-edge-resize-ZnGG7gyO.js","sources":["../../src/hooks/use-edge-resize.ts"],"sourcesContent":["/**\n * Pixel-based edge-resize for fixed-width chrome surfaces (the Sidebar's\n * inline-end edge, the ToolRail panel's inner edge). Mirrors the\n * separator semantics of `Resizable`'s Handle — `role=\"separator\"`,\n * arrow keys with RTL flip, Shift for coarse steps, Home/End to the\n * extremes, Enter or double-click to reset — but sizes a single target\n * element in pixels instead of distributing percentages across a panel\n * group.\n *\n * The hook owns the interaction and writes the resolved width to a CSS\n * custom property on the target element (the same property the\n * component's width classes already read), so the component keeps its\n * `var(--…)`-driven classes and no inline `width` ever appears. Reset\n * removes the override entirely, returning the surface to its\n * token-driven default.\n */\nimport {\n  useCallback,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n  type RefObject,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\n\n/** Fine / coarse keyboard steps, in px (coarse = Shift held). */\nconst KEY_STEP = 16;\nconst KEY_STEP_COARSE = 64;\n\nexport interface UseEdgeResizeOptions {\n  /**\n   * Which logical edge of the target carries the handle. `inline-end`\n   * for a start-docked surface (Sidebar); `inline-start` for an\n   * end-docked one (ToolRail panel with `side=\"end\"`).\n   */\n  edge: 'inline-start' | 'inline-end';\n  /** The element being resized. The width override lands on its style. */\n  targetRef: RefObject<HTMLElement | null>;\n  /**\n   * CSS custom property the target's width classes read\n   * (e.g. `--sidebar-modern-expanded-size`). Written as `<px>px` on\n   * resize, removed on reset.\n   */\n  cssProperty: string;\n  /** Clamp floor, px. */\n  minSize: number;\n  /** Clamp ceiling, px. */\n  maxSize: number;\n  /**\n   * Nominal default width, px — used for `aria-valuenow` before the\n   * element has been measured (SSR / jsdom) and as the reset target.\n   */\n  defaultSize: number;\n  /** Disables the interaction (handlers no-op, `aria-disabled` set). */\n  disabled?: boolean;\n  /** Fired with the committed px width; `null` means reset-to-default. */\n  onResize?: (size: number | null) => void;\n}\n\nexport interface EdgeResizeSeparatorProps {\n  role: 'separator';\n  tabIndex: number;\n  'aria-orientation': 'vertical';\n  'aria-valuemin': number;\n  'aria-valuemax': number;\n  'aria-valuenow': number;\n  'aria-valuetext': string;\n  'aria-disabled': boolean | undefined;\n  onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerMove: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerUp: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerCancel: (event: ReactPointerEvent<HTMLElement>) => void;\n  onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  onDoubleClick: () => void;\n}\n\nexport interface UseEdgeResizeReturn {\n  /**\n   * Spread onto the handle element (a plain `<div>`). Add `aria-label`,\n   * and give the handle a `ds:touch-none` class — touch browsers decide\n   * scroll-vs-drag at gesture start, before any pointer handler runs.\n   */\n  separatorProps: EdgeResizeSeparatorProps;\n  /** True while a pointer drag is in flight — suppress width transitions. */\n  isResizing: boolean;\n  /** True once the user has overridden the token-driven default. */\n  isResized: boolean;\n  /** Programmatic reset to the token-driven default width. */\n  reset: () => void;\n}\n\nexport function useEdgeResize({\n  edge,\n  targetRef,\n  cssProperty,\n  minSize,\n  maxSize,\n  defaultSize,\n  disabled = false,\n  onResize,\n}: UseEdgeResizeOptions): UseEdgeResizeReturn {\n  const { t } = useTranslation();\n  const [size, setSize] = useState<number | null>(null);\n  const [isResizing, setIsResizing] = useState(false);\n  const measuredRef = useRef<number | null>(null);\n  const dragRef = useRef<{\n    pointerId: number;\n    startX: number;\n    startSize: number;\n    sign: number;\n  } | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = targetRef.current;\n    if (!el) return;\n    const width = el.getBoundingClientRect().width;\n    if (width > 0) measuredRef.current = width;\n  });\n\n  const clamp = useCallback(\n    (px: number) => Math.min(maxSize, Math.max(minSize, px)),\n    [minSize, maxSize],\n  );\n\n  // Live read at interaction time: the mount-time measure can catch the\n  // target mid-animation (e.g. a panel still opening at width 0), so a\n  // resize must start from the width the element actually has NOW.\n  const currentSize = useCallback(() => {\n    if (size !== null) return size;\n    const el = targetRef.current;\n    if (el) {\n      const width = el.getBoundingClientRect().width;\n      if (width > 0) {\n        measuredRef.current = width;\n        return width;\n      }\n    }\n    return measuredRef.current ?? defaultSize;\n  }, [size, defaultSize, targetRef]);\n\n  const apply = useCallback(\n    (px: number) => {\n      const next = clamp(px);\n      setSize(next);\n      targetRef.current?.style.setProperty(cssProperty, `${next}px`);\n      return next;\n    },\n    [clamp, cssProperty, targetRef],\n  );\n\n  const reset = useCallback(() => {\n    setSize(null);\n    targetRef.current?.style.removeProperty(cssProperty);\n    measuredRef.current = null;\n    onResize?.(null);\n  }, [cssProperty, onResize, targetRef]);\n\n  // Pointer-drag delta → width delta. The boundary the handle moves is\n  // physical, so the logical edge and the writing direction both flip\n  // the sign: dragging right grows a start-docked surface in LTR but\n  // shrinks it in RTL, and vice versa for an end-docked one. Direction\n  // is resolved at INTERACTION time from the target's computed style —\n  // a mount-time read can be stale (the target may be unmounted while a\n  // panel is closed, and `dir` lives on a subtree wrapper, not <html>).\n  const resolveSign = useCallback(() => {\n    const el = targetRef.current;\n    const rtl = el ? getComputedStyle(el).direction === 'rtl' : false;\n    return (edge === 'inline-end' ? 1 : -1) * (rtl ? -1 : 1);\n  }, [edge, targetRef]);\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      if (disabled || !event.isPrimary) return;\n      event.currentTarget.setPointerCapture(event.pointerId);\n      dragRef.current = {\n        pointerId: event.pointerId,\n        startX: event.clientX,\n        startSize: currentSize(),\n        sign: resolveSign(),\n      };\n      setIsResizing(true);\n    },\n    [disabled, currentSize, resolveSign],\n  );\n\n  const onPointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      const drag = dragRef.current;\n      if (!drag || event.pointerId !== drag.pointerId) return;\n      apply(drag.startSize + drag.sign * (event.clientX - drag.startX));\n    },\n    [apply],\n  );\n\n  const endDrag = useCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      const drag = dragRef.current;\n      if (!drag || event.pointerId !== drag.pointerId) return;\n      event.currentTarget.releasePointerCapture(event.pointerId);\n      dragRef.current = null;\n      setIsResizing(false);\n      // Re-apply from the up-event coordinates so the committed width,\n      // the rendered width, and aria-valuenow all agree even when the\n      // pointer-up lands at a different X than the last move.\n      const committed = apply(\n        drag.startSize + drag.sign * (event.clientX - drag.startX),\n      );\n      onResize?.(committed);\n    },\n    [apply, onResize],\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (disabled) return;\n      const step = event.shiftKey ? KEY_STEP_COARSE : KEY_STEP;\n      const sign = resolveSign();\n      let next: number | null = null;\n      switch (event.key) {\n        case 'ArrowRight':\n          next = currentSize() + sign * step;\n          break;\n        case 'ArrowLeft':\n          next = currentSize() - sign * step;\n          break;\n        case 'Home':\n          next = minSize;\n          break;\n        case 'End':\n          next = maxSize;\n          break;\n        case 'Enter':\n          event.preventDefault();\n          reset();\n          return;\n        default:\n          return;\n      }\n      if (next === null) return;\n      event.preventDefault();\n      // Evaluate apply() unconditionally — `onResize?.(apply(next))`\n      // would short-circuit the argument away when no callback is set.\n      const committed = apply(next);\n      onResize?.(committed);\n    },\n    [\n      apply,\n      currentSize,\n      disabled,\n      maxSize,\n      minSize,\n      onResize,\n      reset,\n      resolveSign,\n    ],\n  );\n\n  const valueNow = Math.round(currentSize());\n\n  return {\n    separatorProps: {\n      role: 'separator',\n      tabIndex: disabled ? -1 : 0,\n      'aria-orientation': 'vertical',\n      'aria-valuemin': minSize,\n      'aria-valuemax': maxSize,\n      'aria-valuenow': valueNow,\n      'aria-valuetext': t('resizable.widthAnnounce', { width: valueNow }),\n      'aria-disabled': disabled || undefined,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp: endDrag,\n      onPointerCancel: endDrag,\n      onKeyDown,\n      onDoubleClick: reset,\n    },\n    isResizing,\n    isResized: size !== null,\n    reset,\n  };\n}\n"],"names":["KEY_STEP","KEY_STEP_COARSE","useEdgeResize","edge","targetRef","cssProperty","minSize","maxSize","defaultSize","disabled","onResize","t","useTranslation","size","setSize","useState","isResizing","setIsResizing","measuredRef","useRef","dragRef","useIsomorphicLayoutEffect","el","width","clamp","useCallback","px","currentSize","apply","next","_a","reset","resolveSign","rtl","onPointerDown","event","onPointerMove","drag","endDrag","committed","onKeyDown","step","sign","valueNow"],"mappings":"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"}

package/dist/_chunks/use-overflow-collapse-BIOzKbni.js

@@ -1,32 +0,0 @@
-import { useRef as a, useState as m, useCallback as O } from "react";
-import { u as h } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-function b(r = !0) {
-  const u = a(null), [e, v] = m(null), R = O(
-    (t) => {
-      r && v(t);
-    },
-    [r]
-  ), [d, c] = m(!1), o = a(null);
-  return h(() => {
-    if (!r) {
-      o.current = null, c((n) => n && !1);
-      return;
-    }
-    const t = u.current;
-    if (!t) return;
-    const i = () => {
-      e && (o.current = e.scrollWidth);
-      const n = o.current;
-      if (n == null) return;
-      const f = n - t.clientWidth > 1;
-      c((l) => l === f ? l : f);
-    };
-    if (i(), typeof ResizeObserver > "u") return;
-    const s = new ResizeObserver(i);
-    return s.observe(t), e && s.observe(e), () => s.disconnect();
-  }, [r, e]), { containerRef: u, contentRef: R, isOverflowing: d };
-}
-export {
-  b as u
-};
-//# sourceMappingURL=use-overflow-collapse-BIOzKbni.js.map

package/dist/_chunks/use-overflow-collapse-BIOzKbni.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-overflow-collapse-BIOzKbni.js","sources":["../../src/hooks/use-overflow-collapse.ts"],"sourcesContent":["import { useCallback, useRef, useState, type RefObject } from 'react';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\n\nexport interface UseOverflowCollapseReturn<\n  C extends HTMLElement,\n  N extends HTMLElement,\n> {\n  /**\n   * Attach to the element whose inner width caps the content — the available\n   * space. It must stay mounted in BOTH the expanded and the collapsed render\n   * (it is the only thing left to measure once the content is swapped out).\n   */\n  containerRef: RefObject<C | null>;\n  /**\n   * Attach (as `ref={contentRef}`) to the natural-width content — its\n   * `scrollWidth` is the space it needs. A callback ref, so the hook re-measures\n   * the instant the content mounts or unmounts. Present only while expanded; the\n   * hook remembers its last width so the collapsed branch keeps a threshold.\n   */\n  contentRef: (node: N | null) => void;\n  /** The content does not fit the container — swap to the compact form. */\n  isOverflowing: boolean;\n}\n\n/**\n * Reports whether a row of content is wider than the box it lives in, so a\n * caller can swap an overflowing strip for a compact form (a horizontal nav for\n * a dropdown, a toolbar for a \"more\" menu). Unlike a viewport media query, this\n * reacts to the CONTAINER — the same strip collapses in a narrow column on a\n * wide screen (e.g. a page squeezed between two sidebars) as on a small one.\n *\n * The catch with collapse-on-overflow is reversibility: once the content is\n * swapped out there is nothing left to measure, so a naive check can never\n * un-collapse. This remembers the content's width from the last frame it was\n * mounted (`naturalWidthRef`) — captured at the moment it overflowed, that is\n * its true min-content width — and keeps comparing it against the still-mounted\n * container, so the strip restores the instant the container grows back.\n *\n * The content is tracked as STATE via a callback ref (not a plain ref), so the\n * measurement effect re-subscribes whenever the content mounts/unmounts — for\n * ANY reason, not just an overflow-driven flip. A caller may collapse on a\n * second signal this hook can't see (a viewport media query *as well as*\n * overflow); keying re-subscription on the actual content node, rather than on\n * `isOverflowing`, keeps the observer attached across those transitions too.\n * `enabled` switches it off — e.g. when the host never collapses this strip —\n * clearing the flag so it renders expanded.\n *\n * Purely a layout decision; the content swap it drives stays fully in the DOM\n * and keyboard-reachable in either form, so assistive tech is unaffected.\n */\nexport function useOverflowCollapse<\n  C extends HTMLElement,\n  N extends HTMLElement,\n>(enabled = true): UseOverflowCollapseReturn<C, N> {\n  const containerRef = useRef<C>(null);\n  const [contentNode, setContentNode] = useState<N | null>(null);\n  // Gate on `enabled`: a disabled host never collapses, so it never needs the\n  // content tracked. Skipping the setState there keeps a non-collapsing consumer\n  // from paying an extra mount render (and from re-running a render-prop on it).\n  const contentRef = useCallback(\n    (node: N | null) => {\n      if (enabled) setContentNode(node);\n    },\n    [enabled],\n  );\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const naturalWidthRef = useRef<number | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!enabled) {\n      naturalWidthRef.current = null;\n      setIsOverflowing((prev) => (prev ? false : prev));\n      return;\n    }\n    const container = containerRef.current;\n    if (!container) return;\n    const measure = () => {\n      // While the content is mounted (expanded) its scrollWidth is the space it\n      // needs; remember it so the collapsed branch still has a threshold.\n      if (contentNode) naturalWidthRef.current = contentNode.scrollWidth;\n      const natural = naturalWidthRef.current;\n      if (natural == null) return;\n      // +1 tolerates sub-pixel rounding between scroll/client widths.\n      const next = natural - container.clientWidth > 1;\n      // Bail to the same value when nothing changed, so an idle resize callback\n      // never triggers a re-render. This also settles the collapse flip in a\n      // single cycle: the content unmounts → effect re-runs → measure recomputes\n      // the same value from the remembered width → bail.\n      setIsOverflowing((prev) => (prev === next ? prev : next));\n    };\n    measure();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(container);\n    // Observe the content too when present: a longer label / added item grows\n    // the content without resizing the container.\n    if (contentNode) observer.observe(contentNode);\n    return () => observer.disconnect();\n  }, [enabled, contentNode]);\n\n  return { containerRef, contentRef, isOverflowing };\n}\n"],"names":["useOverflowCollapse","enabled","containerRef","useRef","contentNode","setContentNode","useState","contentRef","useCallback","node","isOverflowing","setIsOverflowing","naturalWidthRef","useIsomorphicLayoutEffect","prev","container","measure","natural","next","observer"],"mappings":";;AAkDO,SAASA,EAGdC,IAAU,IAAuC;AACjD,QAAMC,IAAeC,EAAU,IAAI,GAC7B,CAACC,GAAaC,CAAc,IAAIC,EAAmB,IAAI,GAIvDC,IAAaC;AAAA,IACjB,CAACC,MAAmB;AAClB,MAAIR,OAAwBQ,CAAI;AAAA,IAClC;AAAA,IACA,CAACR,CAAO;AAAA,EAAA,GAEJ,CAACS,GAAeC,CAAgB,IAAIL,EAAS,EAAK,GAClDM,IAAkBT,EAAsB,IAAI;AAElD,SAAAU,EAA0B,MAAM;AAC9B,QAAI,CAACZ,GAAS;AACZ,MAAAW,EAAgB,UAAU,MAC1BD,EAAiB,CAACG,MAAUA,KAAO,EAAa;AAChD;AAAA,IACF;AACA,UAAMC,IAAYb,EAAa;AAC/B,QAAI,CAACa,EAAW;AAChB,UAAMC,IAAU,MAAM;AAGpB,MAAIZ,MAAaQ,EAAgB,UAAUR,EAAY;AACvD,YAAMa,IAAUL,EAAgB;AAChC,UAAIK,KAAW,KAAM;AAErB,YAAMC,IAAOD,IAAUF,EAAU,cAAc;AAK/C,MAAAJ,EAAiB,CAACG,MAAUA,MAASI,IAAOJ,IAAOI,CAAK;AAAA,IAC1D;AAEA,QADAF,EAAA,GACI,OAAO,iBAAmB,IAAa;AAC3C,UAAMG,IAAW,IAAI,eAAeH,CAAO;AAC3C,WAAAG,EAAS,QAAQJ,CAAS,GAGtBX,KAAae,EAAS,QAAQf,CAAW,GACtC,MAAMe,EAAS,WAAA;AAAA,EACxB,GAAG,CAAClB,GAASG,CAAW,CAAC,GAElB,EAAE,cAAAF,GAAc,YAAAK,GAAY,eAAAG,EAAA;AACrC;"}

package/dist/_chunks/wand-sparkles-DAjKyhz7.js

@@ -1,27 +0,0 @@
-import { c as a } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = [
-  [
-    "path",
-    {
-      d: "m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",
-      key: "ul74o6"
-    }
-  ],
-  ["path", { d: "m14 7 3 3", key: "1r5n42" }],
-  ["path", { d: "M5 6v4", key: "ilb8ba" }],
-  ["path", { d: "M19 14v4", key: "blhpug" }],
-  ["path", { d: "M10 2v2", key: "7u0qdc" }],
-  ["path", { d: "M7 8H3", key: "zfb6yr" }],
-  ["path", { d: "M21 16h-4", key: "1cnmox" }],
-  ["path", { d: "M11 3H9", key: "1obp7u" }]
-], d = a("wand-sparkles", e);
-export {
-  d as W
-};
-//# sourceMappingURL=wand-sparkles-DAjKyhz7.js.map

package/dist/_chunks/wand-sparkles-DAjKyhz7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wand-sparkles-DAjKyhz7.js","sources":["../../node_modules/lucide-react/dist/esm/icons/wand-sparkles.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\",\n      key: \"ul74o6\"\n    }\n  ],\n  [\"path\", { d: \"m14 7 3 3\", key: \"1r5n42\" }],\n  [\"path\", { d: \"M5 6v4\", key: \"ilb8ba\" }],\n  [\"path\", { d: \"M19 14v4\", key: \"blhpug\" }],\n  [\"path\", { d: \"M10 2v2\", key: \"7u0qdc\" }],\n  [\"path\", { d: \"M7 8H3\", key: \"zfb6yr\" }],\n  [\"path\", { d: \"M21 16h-4\", key: \"1cnmox\" }],\n  [\"path\", { d: \"M11 3H9\", key: \"1obp7u\" }]\n];\nconst WandSparkles = createLucideIcon(\"wand-sparkles\", __iconNode);\n\nexport { __iconNode, WandSparkles as default };\n//# sourceMappingURL=wand-sparkles.mjs.map\n"],"names":["__iconNode","WandSparkles","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,aAAa,KAAK,SAAQ,CAAE;AAAA,EAC1C,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAC1C,GACMC,IAAeC,EAAiB,iBAAiBF,CAAU;","x_google_ignoreList":[0]}