@backbay/glia 0.2.0-alpha.7 → 0.2.0-alpha.8

package/dist/chunk-7K4WZM3U.js

@@ -1,189 +0,0 @@
-import { prefersReducedMotion, animateFloat, animateNumber, cn } from './chunk-6RX2WGCO.js';
-import { motion, AnimatePresence } from 'framer-motion';
-import { useState, useId, useMemo, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function HUDProgressRing({
-  value,
-  displayValue,
-  size = 120,
-  strokeWidth = 8,
-  theme = "rainbow",
-  showValue = true,
-  suffix = "%",
-  animationDuration = 1500,
-  disableAnimations = false,
-  label,
-  className,
-  ...props
-}) {
-  const [animatedValue, setAnimatedValue] = useState(0);
-  const [animatedDisplayValue, setAnimatedDisplayValue] = useState(0);
-  const reducedMotion = prefersReducedMotion();
-  const shouldAnimate = !disableAnimations && !reducedMotion;
-  const gradientId = useId();
-  const clampedValue = useMemo(() => Math.max(0, Math.min(1, value)), [value]);
-  const radius = (size - strokeWidth) / 2;
-  const circumference = 2 * Math.PI * radius;
-  const strokeDasharray = circumference;
-  const strokeDashoffset = circumference - animatedValue * circumference;
-  const finalDisplayValue = displayValue ?? animatedValue * 100;
-  useEffect(() => {
-    const target = clampedValue;
-    if (shouldAnimate) {
-      animateFloat(animatedValue, target, animationDuration, setAnimatedValue);
-      animateNumber(
-        Math.round(animatedDisplayValue),
-        Math.round(displayValue ?? target * 100),
-        animationDuration,
-        setAnimatedDisplayValue
-      );
-    } else {
-      setAnimatedValue(target);
-      setAnimatedDisplayValue(displayValue ?? target * 100);
-    }
-  }, [clampedValue, displayValue, shouldAnimate, animationDuration]);
-  const getThemeColors = () => {
-    switch (theme) {
-      case "cyan":
-        return {
-          stroke: "hsl(var(--cyan-neon))",
-          glow: "var(--cyan-neon)",
-          shadow: "shadow-neon-cyan"
-        };
-      case "magenta":
-        return {
-          stroke: "hsl(var(--magenta-neon))",
-          glow: "var(--magenta-neon)",
-          shadow: "shadow-neon-magenta"
-        };
-      case "emerald":
-        return {
-          stroke: "hsl(var(--emerald-neon))",
-          glow: "var(--emerald-neon)",
-          shadow: "shadow-neon-emerald"
-        };
-      case "rainbow":
-      default:
-        return {
-          stroke: "url(#rainbow-gradient)",
-          glow: "var(--cyan-neon)",
-          shadow: "shadow-glow"
-        };
-    }
-  };
-  const themeColors = getThemeColors();
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-center gap-2", className), ...props, children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative", style: { width: size, height: size }, children: [
-      /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          width: size,
-          height: size,
-          className: cn(
-            "transform -rotate-90 transition-all duration-300",
-            shouldAnimate && "animate-soft-glow",
-            themeColors.shadow
-          ),
-          role: "img",
-          "aria-label": label ? `${label}: ${Math.round(finalDisplayValue)}${suffix}` : `${Math.round(finalDisplayValue)}${suffix}`,
-          children: [
-            /* @__PURE__ */ jsxs("defs", { children: [
-              /* @__PURE__ */ jsxs(
-                "linearGradient",
-                {
-                  id: `rainbow-gradient-${gradientId}`,
-                  x1: "0%",
-                  y1: "0%",
-                  x2: "100%",
-                  y2: "100%",
-                  children: [
-                    /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "hsl(var(--cyan-neon))" }),
-                    /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "hsl(var(--magenta-neon))" }),
-                    /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "hsl(var(--emerald-neon))" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("filter", { id: "glow", children: [
-                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "3", result: "coloredBlur" }),
-                /* @__PURE__ */ jsxs("feMerge", { children: [
-                  /* @__PURE__ */ jsx("feMergeNode", { in: "coloredBlur" }),
-                  /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "circle",
-              {
-                cx: size / 2,
-                cy: size / 2,
-                r: radius,
-                fill: "none",
-                stroke: "hsl(var(--border))",
-                strokeWidth,
-                className: "opacity-20"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              motion.circle,
-              {
-                cx: size / 2,
-                cy: size / 2,
-                r: radius,
-                fill: "none",
-                stroke: theme === "rainbow" ? `url(#rainbow-gradient-${gradientId})` : themeColors.stroke,
-                strokeWidth,
-                strokeLinecap: "round",
-                strokeDasharray,
-                strokeDashoffset,
-                filter: "url(#glow)",
-                initial: shouldAnimate ? { strokeDashoffset: circumference } : {},
-                animate: { strokeDashoffset },
-                transition: {
-                  duration: shouldAnimate ? animationDuration / 1e3 : 0,
-                  ease: "easeOut"
-                }
-              }
-            )
-          ]
-        }
-      ),
-      showValue && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxs(
-        motion.span,
-        {
-          className: "text-2xl font-bold font-display tabular-nums",
-          style: {
-            color: theme === "rainbow" ? "hsl(var(--cyan-neon))" : themeColors.stroke
-          },
-          initial: shouldAnimate ? { y: 10, opacity: 0 } : {},
-          animate: { y: 0, opacity: 1 },
-          exit: { y: -10, opacity: 0 },
-          transition: { duration: shouldAnimate ? 0.2 : 0 },
-          children: [
-            Math.round(finalDisplayValue),
-            suffix
-          ]
-        },
-        Math.floor(finalDisplayValue)
-      ) }) })
-    ] }),
-    label && /* @__PURE__ */ jsx(
-      motion.span,
-      {
-        className: "text-sm text-muted-foreground font-medium",
-        initial: shouldAnimate ? { opacity: 0, y: 5 } : {},
-        animate: { opacity: 1, y: 0 },
-        transition: {
-          delay: shouldAnimate ? 0.3 : 0,
-          duration: shouldAnimate ? 0.3 : 0
-        },
-        "aria-hidden": true,
-        children: label
-      }
-    )
-  ] });
-}
-
-export { HUDProgressRing };
-//# sourceMappingURL=chunk-7K4WZM3U.js.map
-//# sourceMappingURL=chunk-7K4WZM3U.js.map

package/dist/chunk-7K4WZM3U.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/atoms/HUDProgressRing/HUDProgressRing.tsx"],"names":[],"mappings":"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","file":"chunk-7K4WZM3U.js","sourcesContent":["\"use client\";\n\nimport { animateFloat, animateNumber, cn, prefersReducedMotion } from \"../../../lib/utils\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { useEffect, useId, useMemo, useState } from \"react\";\n\nexport interface HUDProgressRingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Progress value (0-1) */\n  value: number;\n  /** Display value (defaults to value * 100) */\n  displayValue?: number;\n  /** Ring size in pixels */\n  size?: number;\n  /** Ring thickness */\n  strokeWidth?: number;\n  /** Color theme */\n  theme?: \"cyan\" | \"magenta\" | \"emerald\" | \"rainbow\";\n  /** Show animated number in center */\n  showValue?: boolean;\n  /** Value suffix (e.g., '%', 'XP') */\n  suffix?: string;\n  /** Animation duration in ms */\n  animationDuration?: number;\n  /** Disable animations */\n  disableAnimations?: boolean;\n  /** Label text below the ring */\n  label?: string;\n  /** Optional class name */\n  className?: string;\n}\n\nexport function HUDProgressRing({\n  value,\n  displayValue,\n  size = 120,\n  strokeWidth = 8,\n  theme = \"rainbow\",\n  showValue = true,\n  suffix = \"%\",\n  animationDuration = 1500,\n  disableAnimations = false,\n  label,\n  className,\n  ...props\n}: HUDProgressRingProps) {\n  const [animatedValue, setAnimatedValue] = useState(0);\n  const [animatedDisplayValue, setAnimatedDisplayValue] = useState(0);\n  const reducedMotion = prefersReducedMotion();\n  const shouldAnimate = !disableAnimations && !reducedMotion;\n  const gradientId = useId();\n  const clampedValue = useMemo(() => Math.max(0, Math.min(1, value)), [value]);\n\n  const radius = (size - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const strokeDasharray = circumference;\n  const strokeDashoffset = circumference - animatedValue * circumference;\n\n  const finalDisplayValue = displayValue ?? animatedValue * 100;\n\n  useEffect(() => {\n    const target = clampedValue;\n    if (shouldAnimate) {\n      animateFloat(animatedValue, target, animationDuration, setAnimatedValue);\n      animateNumber(\n        Math.round(animatedDisplayValue),\n        Math.round(displayValue ?? target * 100),\n        animationDuration,\n        setAnimatedDisplayValue\n      );\n    } else {\n      setAnimatedValue(target);\n      setAnimatedDisplayValue(displayValue ?? target * 100);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clampedValue, displayValue, shouldAnimate, animationDuration]);\n\n  const getThemeColors = () => {\n    switch (theme) {\n      case \"cyan\":\n        return {\n          stroke: \"hsl(var(--cyan-neon))\",\n          glow: \"var(--cyan-neon)\",\n          shadow: \"shadow-neon-cyan\",\n        };\n      case \"magenta\":\n        return {\n          stroke: \"hsl(var(--magenta-neon))\",\n          glow: \"var(--magenta-neon)\",\n          shadow: \"shadow-neon-magenta\",\n        };\n      case \"emerald\":\n        return {\n          stroke: \"hsl(var(--emerald-neon))\",\n          glow: \"var(--emerald-neon)\",\n          shadow: \"shadow-neon-emerald\",\n        };\n      case \"rainbow\":\n      default:\n        return {\n          stroke: \"url(#rainbow-gradient)\",\n          glow: \"var(--cyan-neon)\",\n          shadow: \"shadow-glow\",\n        };\n    }\n  };\n\n  const themeColors = getThemeColors();\n\n  return (\n    <div className={cn(\"flex flex-col items-center justify-center gap-2\", className)} {...props}>\n      <div className=\"relative\" style={{ width: size, height: size }}>\n        <svg\n          width={size}\n          height={size}\n          className={cn(\n            \"transform -rotate-90 transition-all duration-300\",\n            shouldAnimate && \"animate-soft-glow\",\n            themeColors.shadow\n          )}\n          role=\"img\"\n          aria-label={\n            label\n              ? `${label}: ${Math.round(finalDisplayValue)}${suffix}`\n              : `${Math.round(finalDisplayValue)}${suffix}`\n          }\n        >\n          <defs>\n            <linearGradient\n              id={`rainbow-gradient-${gradientId}`}\n              x1=\"0%\"\n              y1=\"0%\"\n              x2=\"100%\"\n              y2=\"100%\"\n            >\n              <stop offset=\"0%\" stopColor=\"hsl(var(--cyan-neon))\" />\n              <stop offset=\"50%\" stopColor=\"hsl(var(--magenta-neon))\" />\n              <stop offset=\"100%\" stopColor=\"hsl(var(--emerald-neon))\" />\n            </linearGradient>\n            <filter id=\"glow\">\n              <feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\" />\n              <feMerge>\n                <feMergeNode in=\"coloredBlur\" />\n                <feMergeNode in=\"SourceGraphic\" />\n              </feMerge>\n            </filter>\n          </defs>\n\n          {/* Background ring */}\n          <circle\n            cx={size / 2}\n            cy={size / 2}\n            r={radius}\n            fill=\"none\"\n            stroke=\"hsl(var(--border))\"\n            strokeWidth={strokeWidth}\n            className=\"opacity-20\"\n          />\n\n          {/* Progress ring */}\n          <motion.circle\n            cx={size / 2}\n            cy={size / 2}\n            r={radius}\n            fill=\"none\"\n            stroke={\n              theme === \"rainbow\" ? `url(#rainbow-gradient-${gradientId})` : themeColors.stroke\n            }\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            strokeDasharray={strokeDasharray}\n            strokeDashoffset={strokeDashoffset}\n            filter=\"url(#glow)\"\n            initial={shouldAnimate ? { strokeDashoffset: circumference } : {}}\n            animate={{ strokeDashoffset }}\n            transition={{\n              duration: shouldAnimate ? animationDuration / 1000 : 0,\n              ease: \"easeOut\",\n            }}\n          />\n        </svg>\n\n        {/* Center content */}\n        {showValue && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center\">\n            <AnimatePresence mode=\"wait\">\n              <motion.span\n                key={Math.floor(finalDisplayValue)}\n                className=\"text-2xl font-bold font-display tabular-nums\"\n                style={{\n                  color: theme === \"rainbow\" ? \"hsl(var(--cyan-neon))\" : themeColors.stroke,\n                }}\n                initial={shouldAnimate ? { y: 10, opacity: 0 } : {}}\n                animate={{ y: 0, opacity: 1 }}\n                exit={{ y: -10, opacity: 0 }}\n                transition={{ duration: shouldAnimate ? 0.2 : 0 }}\n              >\n                {Math.round(finalDisplayValue)}\n                {suffix}\n              </motion.span>\n            </AnimatePresence>\n          </div>\n        )}\n      </div>\n\n      {/* Label */}\n      {label && (\n        <motion.span\n          className=\"text-sm text-muted-foreground font-medium\"\n          initial={shouldAnimate ? { opacity: 0, y: 5 } : {}}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{\n            delay: shouldAnimate ? 0.3 : 0,\n            duration: shouldAnimate ? 0.3 : 0,\n          }}\n          aria-hidden\n        >\n          {label}\n        </motion.span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-7MDBHJPT.js

@@ -1,407 +0,0 @@
-import { useCallbackRef } from './chunk-PFYVNM6H.js';
-import { useLayoutEffect2 } from './chunk-7UQD6ROV.js';
-import { createSlot } from './chunk-FEW533R2.js';
-import { cn } from './chunk-6RX2WGCO.js';
-import { __commonJS, __require, __toESM } from './chunk-TM6AOUSD.js';
-import * as React3 from 'react';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dom';
-
-// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
-var require_use_sync_external_store_shim_production = __commonJS({
-  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports$1) {
-    var React4 = __require("react");
-    function is(x, y) {
-      return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState2 = React4.useState;
-    var useEffect2 = React4.useEffect;
-    var useLayoutEffect = React4.useLayoutEffect;
-    var useDebugValue = React4.useDebugValue;
-    function useSyncExternalStore$2(subscribe2, getSnapshot) {
-      var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      useLayoutEffect(
-        function() {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        },
-        [subscribe2, value, getSnapshot]
-      );
-      useEffect2(
-        function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          return subscribe2(function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          });
-        },
-        [subscribe2]
-      );
-      useDebugValue(value);
-      return value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot;
-      inst = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(inst, nextValue);
-      } catch (error) {
-        return true;
-      }
-    }
-    function useSyncExternalStore$1(subscribe2, getSnapshot) {
-      return getSnapshot();
-    }
-    var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    exports$1.useSyncExternalStore = void 0 !== React4.useSyncExternalStore ? React4.useSyncExternalStore : shim;
-  }
-});
-
-// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
-var require_use_sync_external_store_shim_development = __commonJS({
-  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports$1) {
-    "production" !== process.env.NODE_ENV && (function() {
-      function is(x, y) {
-        return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      function useSyncExternalStore$2(subscribe2, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React4.startTransition || (didWarnOld18Alpha = true, console.error(
-          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-        ));
-        var value = getSnapshot();
-        if (!didWarnUncachedGetSnapshot) {
-          var cachedValue = getSnapshot();
-          objectIs(value, cachedValue) || (console.error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
-          ), didWarnUncachedGetSnapshot = true);
-        }
-        cachedValue = useState2({
-          inst: { value, getSnapshot }
-        });
-        var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
-        useLayoutEffect(
-          function() {
-            inst.value = value;
-            inst.getSnapshot = getSnapshot;
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          },
-          [subscribe2, value, getSnapshot]
-        );
-        useEffect2(
-          function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            return subscribe2(function() {
-              checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            });
-          },
-          [subscribe2]
-        );
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        inst = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(inst, nextValue);
-        } catch (error) {
-          return true;
-        }
-      }
-      function useSyncExternalStore$1(subscribe2, getSnapshot) {
-        return getSnapshot();
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React4 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React4.useState, useEffect2 = React4.useEffect, useLayoutEffect = React4.useLayoutEffect, useDebugValue = React4.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports$1.useSyncExternalStore = void 0 !== React4.useSyncExternalStore ? React4.useSyncExternalStore : shim;
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    })();
-  }
-});
-
-// ../../node_modules/use-sync-external-store/shim/index.js
-var require_shim = __commonJS({
-  "../../node_modules/use-sync-external-store/shim/index.js"(exports$1, module) {
-    if (process.env.NODE_ENV === "production") {
-      module.exports = require_use_sync_external_store_shim_production();
-    } else {
-      module.exports = require_use_sync_external_store_shim_development();
-    }
-  }
-});
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React3.createContext(defaultContext);
-    BaseContext.displayName = rootComponentName + "Context";
-    const index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider = (props) => {
-      const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React3.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
-    };
-    Provider.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName, scope) {
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React3.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider, useContext2];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React3.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React3.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React3.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot = createSlot(`Primitive.${node}`);
-  const Node = React3.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
-}, {});
-
-// ../../node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs
-var import_shim = __toESM(require_shim(), 1);
-function useIsHydrated() {
-  return (0, import_shim.useSyncExternalStore)(
-    subscribe,
-    () => true,
-    () => false
-  );
-}
-function subscribe() {
-  return () => {
-  };
-}
-var AVATAR_NAME = "Avatar";
-var [createAvatarContext] = createContextScope(AVATAR_NAME);
-var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
-var Avatar = React3.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAvatar, ...avatarProps } = props;
-    const [imageLoadingStatus, setImageLoadingStatus] = React3.useState("idle");
-    return /* @__PURE__ */ jsx(
-      AvatarProvider,
-      {
-        scope: __scopeAvatar,
-        imageLoadingStatus,
-        onImageLoadingStatusChange: setImageLoadingStatus,
-        children: /* @__PURE__ */ jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
-      }
-    );
-  }
-);
-Avatar.displayName = AVATAR_NAME;
-var IMAGE_NAME = "AvatarImage";
-var AvatarImage = React3.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAvatar, src, onLoadingStatusChange = () => {
-    }, ...imageProps } = props;
-    const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
-    const imageLoadingStatus = useImageLoadingStatus(src, imageProps);
-    const handleLoadingStatusChange = useCallbackRef((status) => {
-      onLoadingStatusChange(status);
-      context.onImageLoadingStatusChange(status);
-    });
-    useLayoutEffect2(() => {
-      if (imageLoadingStatus !== "idle") {
-        handleLoadingStatusChange(imageLoadingStatus);
-      }
-    }, [imageLoadingStatus, handleLoadingStatusChange]);
-    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
-  }
-);
-AvatarImage.displayName = IMAGE_NAME;
-var FALLBACK_NAME = "AvatarFallback";
-var AvatarFallback = React3.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAvatar, delayMs, ...fallbackProps } = props;
-    const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
-    const [canRender, setCanRender] = React3.useState(delayMs === void 0);
-    React3.useEffect(() => {
-      if (delayMs !== void 0) {
-        const timerId = window.setTimeout(() => setCanRender(true), delayMs);
-        return () => window.clearTimeout(timerId);
-      }
-    }, [delayMs]);
-    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
-  }
-);
-AvatarFallback.displayName = FALLBACK_NAME;
-function resolveLoadingStatus(image, src) {
-  if (!image) {
-    return "idle";
-  }
-  if (!src) {
-    return "error";
-  }
-  if (image.src !== src) {
-    image.src = src;
-  }
-  return image.complete && image.naturalWidth > 0 ? "loaded" : "loading";
-}
-function useImageLoadingStatus(src, { referrerPolicy, crossOrigin }) {
-  const isHydrated = useIsHydrated();
-  const imageRef = React3.useRef(null);
-  const image = (() => {
-    if (!isHydrated) return null;
-    if (!imageRef.current) {
-      imageRef.current = new window.Image();
-    }
-    return imageRef.current;
-  })();
-  const [loadingStatus, setLoadingStatus] = React3.useState(
-    () => resolveLoadingStatus(image, src)
-  );
-  useLayoutEffect2(() => {
-    setLoadingStatus(resolveLoadingStatus(image, src));
-  }, [image, src]);
-  useLayoutEffect2(() => {
-    const updateStatus = (status) => () => {
-      setLoadingStatus(status);
-    };
-    if (!image) return;
-    const handleLoad = updateStatus("loaded");
-    const handleError = updateStatus("error");
-    image.addEventListener("load", handleLoad);
-    image.addEventListener("error", handleError);
-    if (referrerPolicy) {
-      image.referrerPolicy = referrerPolicy;
-    }
-    if (typeof crossOrigin === "string") {
-      image.crossOrigin = crossOrigin;
-    }
-    return () => {
-      image.removeEventListener("load", handleLoad);
-      image.removeEventListener("error", handleError);
-    };
-  }, [image, crossOrigin, referrerPolicy]);
-  return loadingStatus;
-}
-var Root = Avatar;
-var Image = AvatarImage;
-var Fallback = AvatarFallback;
-function Avatar2({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Root,
-    {
-      "data-slot": "avatar",
-      className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
-      ...props
-    }
-  );
-}
-function AvatarImage2({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className),
-      ...props
-    }
-  );
-}
-function AvatarFallback2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
-      ...props
-    }
-  );
-}
-/*! Bundled license information:
-
-use-sync-external-store/cjs/use-sync-external-store-shim.production.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
-
-export { Avatar2 as Avatar, AvatarFallback2 as AvatarFallback, AvatarImage2 as AvatarImage, Fallback, Image, Root };
-//# sourceMappingURL=chunk-7MDBHJPT.js.map
-//# sourceMappingURL=chunk-7MDBHJPT.js.map