@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-RHEF3WH6.js

@@ -0,0 +1,83 @@
+import { m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useReducedMotion } from 'motion/react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function buildPath(data, width, height) {
+  if (data.length === 0) return "";
+  if (data.length === 1) return `M${width / 2},${height / 2}`;
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const range = max - min || 1;
+  return data.map((value, i) => {
+    const x = i * (width / (data.length - 1));
+    const y = height - (value - min) / range * height;
+    return `${i === 0 ? "M" : "L"}${x},${y}`;
+  }).join(" ");
+}
+function buildAreaPath(data, width, height) {
+  if (data.length < 2) return "";
+  const linePath = buildPath(data, width, height);
+  const lastX = (data.length - 1) * (width / (data.length - 1));
+  return `${linePath} L${lastX},${height} L0,${height} Z`;
+}
+function Sparkline({
+  data,
+  width = 120,
+  height = 32,
+  color = "rgb(var(--chart-1))",
+  showGradient = true,
+  strokeWidth = 1.5,
+  className,
+  ref,
+  ...props
+}) {
+  const prefersReduced = useReducedMotion();
+  const gradientId = React.useId();
+  const linePath = buildPath(data, width, height);
+  const areaPath = buildAreaPath(data, width, height);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      viewBox: `0 0 ${width} ${height}`,
+      preserveAspectRatio: "none",
+      className: cn("overflow-visible", className),
+      ...props,
+      children: [
+        showGradient && data.length >= 2 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.4 }),
+            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: areaPath,
+              fill: `url(#${gradientId})`,
+              "data-slot": "sparkline-area"
+            }
+          )
+        ] }),
+        linePath.length > 0 && /* @__PURE__ */ jsx(
+          m.path,
+          {
+            d: linePath,
+            fill: "none",
+            stroke: color,
+            strokeWidth,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "data-slot": "sparkline-line",
+            initial: prefersReduced ? void 0 : { pathLength: 0 },
+            animate: prefersReduced ? void 0 : { pathLength: 1 },
+            transition: prefersReduced ? void 0 : { stiffness: 200, damping: 20, mass: 1, type: "spring" }
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Sparkline };

package/dist/chunk-RWNJ54CI.js

@@ -0,0 +1,22 @@
+import { getShaderPreset } from './chunk-DF47R6LN.js';
+import { useTheme } from './chunk-HJC6U46F.js';
+import { useMemo } from 'react';
+
+function useShaderPreset({
+  shader,
+  intent = "hero",
+  overrides
+}) {
+  const { resolvedTheme, style } = useTheme();
+  const themeKey = useMemo(
+    () => style === "bloom" ? "bloom" : resolvedTheme === "dark" ? "arctic-dark" : "arctic-light",
+    [style, resolvedTheme]
+  );
+  const preset = useMemo(() => {
+    const base = getShaderPreset(shader, themeKey, intent);
+    return overrides ? { ...base, ...overrides } : base;
+  }, [shader, themeKey, intent, overrides]);
+  return { preset, themeKey };
+}
+
+export { useShaderPreset };

package/dist/chunk-RX5EUODB.js

@@ -0,0 +1,174 @@
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function FieldSet({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      ref,
+      className: cn("grid gap-6", className),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "legend",
+    {
+      ref,
+      className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-text-primary",
+        variant === "legend" && "text-base font-semibold",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("grid gap-4 @container/field-group", className),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva("grid gap-2", {
+  variants: {
+    orientation: {
+      vertical: "grid-cols-1",
+      horizontal: "grid-cols-[1fr_2fr] items-center gap-4",
+      responsive: "grid-cols-1 @[30rem]/field-group:grid-cols-[1fr_2fr] @[30rem]/field-group:items-center @[30rem]/field-group:gap-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function Field({
+  className,
+  orientation,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "group",
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldContent({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-1.5", className),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  asChild = false,
+  ref,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "label";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("text-sm font-medium text-text-primary", className),
+      ...props
+    }
+  );
+}
+function FieldDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("text-xs text-text-tertiary", className),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("relative flex items-center py-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("span", { className: "w-full border-t border-border" }) }),
+        !!children && /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-background px-2 text-text-tertiary", children }) })
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ref,
+  ...props
+}) {
+  const errorMessages = React.useMemo(() => Array.isArray(errors) ? errors.map((e) => typeof e === "string" ? e : e?.message).filter(Boolean) : typeof errors === "string" ? [errors] : [], [errors]);
+  if (errorMessages.length === 0 && !children) return null;
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("text-xs font-medium text-destructive", className), ...props, children: children || errorMessages.map((msg, i) => /* @__PURE__ */ jsx("p", { children: msg }, i)) });
+}
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants };

package/dist/chunk-RYOTIXZO.js

@@ -0,0 +1,57 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function LockIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs(
+    motion.svg,
+    {
+      animate: controls,
+      fill: "none",
+      height: size,
+      initial: "normal",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      transition: { duration: 1, ease: [0.4, 0, 0.2, 1] },
+      variants: {
+        normal: { rotate: 0, scale: 1 },
+        animate: { rotate: [-3, 1, -2, 0], scale: [0.95, 1.05, 0.98, 1] }
+      },
+      viewBox: "0 0 24 24",
+      width: size,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { height: "11", rx: "2", ry: "2", width: "18", x: "3", y: "11" }),
+        /* @__PURE__ */ jsx(
+          motion.path,
+          {
+            animate: controls,
+            d: "M7 11V7a5 5 0 0 1 10 0v4",
+            initial: "normal",
+            transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },
+            variants: { normal: { pathLength: 1 }, animate: { pathLength: 0.7 } }
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export { LockIcon };

package/dist/chunk-S2WSXZ7Y.js

@@ -0,0 +1,90 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var contextMeterVariants = cva(
+  "w-full",
+  {
+    variants: {
+      size: {
+        compact: "space-y-1.5",
+        default: "space-y-2",
+        expanded: "space-y-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function getUsageColor(percent) {
+  if (percent >= 80) return "bg-destructive";
+  if (percent >= 60) return "bg-warning";
+  return "bg-success";
+}
+function getUsageLabel(percent) {
+  if (percent >= 80) return "Critical";
+  if (percent >= 60) return "Elevated";
+  return "Normal";
+}
+function ContextMeter({ className, size, used, total, breakdown, ref, ...props }) {
+  const percent = total > 0 ? Math.min(100, Math.round(used / total * 100)) : 0;
+  const barColor = getUsageColor(percent);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(contextMeterVariants({ size }), className),
+      role: "meter",
+      "aria-valuenow": used,
+      "aria-valuemin": 0,
+      "aria-valuemax": total,
+      "aria-label": `Context usage: ${percent}%`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "relative h-2 w-full overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-full rounded-full transition-all duration-300 ease-out", barColor),
+            style: { width: `${percent}%` }
+          }
+        ) }),
+        size === "compact" && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-tertiary", children: [
+          percent,
+          "%"
+        ] }) }),
+        size !== "compact" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-text-secondary", children: [
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "font-medium",
+            percent >= 80 ? "text-destructive" : percent >= 60 ? "text-warning" : "text-success"
+          ), children: getUsageLabel(percent) }),
+          /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+            used.toLocaleString(),
+            " / ",
+            total.toLocaleString(),
+            " tokens"
+          ] })
+        ] }),
+        size === "expanded" && breakdown && /* @__PURE__ */ jsxs("div", { className: "flex gap-4 text-xs text-text-tertiary", children: [
+          breakdown.system != null && /* @__PURE__ */ jsxs("span", { children: [
+            "System: ",
+            breakdown.system,
+            "%"
+          ] }),
+          breakdown.user != null && /* @__PURE__ */ jsxs("span", { children: [
+            "User: ",
+            breakdown.user,
+            "%"
+          ] }),
+          breakdown.assistant != null && /* @__PURE__ */ jsxs("span", { children: [
+            "Assistant: ",
+            breakdown.assistant,
+            "%"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { ContextMeter, contextMeterVariants };

package/dist/chunk-S4GKGKON.js

@@ -0,0 +1,38 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PATH_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.4, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+function Trash2Icon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M3 6h18", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.4, delay: 0.1, ease: "linear", opacity: { duration: 0.1, delay: 0.1 } } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.4, delay: 0.2, ease: "linear", opacity: { duration: 0.1, delay: 0.2 } } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M10 11v6", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.3, delay: 0.4, ease: "linear", opacity: { duration: 0.1, delay: 0.4 } } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M14 11v6", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.3, delay: 0.5, ease: "linear", opacity: { duration: 0.1, delay: 0.5 } } } } })
+  ] }) });
+}
+
+export { Trash2Icon };

package/dist/chunk-S4JAHKOP.js

@@ -0,0 +1,26 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 animate-in fade-in-0 zoom-in-95 duration-fast",
+  {
+    variants: {
+      variant: {
+        primary: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80 shadow-glow",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-text-primary border-border",
+        accent: "border-transparent bg-accent text-accent-foreground hover:bg-accent/80 shadow-glow-accent"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+function Badge({ className, variant, ref, ...props }) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+export { Badge, badgeVariants };

package/dist/chunk-S733NAYS.js

@@ -0,0 +1,34 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PATH_VARIANTS = {
+  normal: { opacity: 1 },
+  animate: (i) => ({
+    opacity: [0, 1],
+    transition: { delay: i * 0.1, duration: 0.3 }
+  })
+};
+function SunIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+    ["M12 2v2", "m19.07 4.93-1.41 1.41", "M20 12h2", "m17.66 17.66 1.41 1.41", "M12 20v2", "m6.34 17.66-1.41 1.41", "M2 12h2", "m4.93 4.93 1.41 1.41"].map((d, index) => /* @__PURE__ */ jsx(motion.path, { animate: controls, custom: index + 1, d, variants: PATH_VARIANTS }, d))
+  ] }) });
+}
+
+export { SunIcon };

package/dist/chunk-SEMWC3IT.js

@@ -0,0 +1,32 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
+import { useRouter } from 'next/navigation';
+import { useLocale, useTranslations } from 'next-intl';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_LOCALES = ["en", "it"];
+var DEFAULT_LOCALES_ARRAY = [...DEFAULT_LOCALES];
+function LanguageSwitcher({
+  locales = DEFAULT_LOCALES_ARRAY,
+  value,
+  onLocaleChange,
+  className
+}) {
+  const router = useRouter();
+  const activeLocale = useLocale();
+  const t = useTranslations("components.languageSwitcher");
+  const currentLocale = value ?? (locales.includes(activeLocale) ? activeLocale : locales[0]);
+  function handleChange(locale) {
+    if (onLocaleChange) {
+      onLocaleChange(locale);
+      return;
+    }
+    document.cookie = `NEXT_LOCALE=${locale};path=/;max-age=31536000`;
+    router.refresh();
+  }
+  return /* @__PURE__ */ jsxs(Select, { value: currentLocale, onValueChange: handleChange, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { className, "aria-label": t("label"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: locales.map((locale) => /* @__PURE__ */ jsx(SelectItem, { value: locale, children: t(locale) }, locale)) })
+  ] });
+}
+
+export { DEFAULT_LOCALES, LanguageSwitcher };

package/dist/chunk-SGI25ZJ6.js

@@ -0,0 +1,54 @@
+import { useRef } from 'react';
+import { useReducedMotion, useInView } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/ui/text-effects/ShimmeringText.tsx
+function ShimmeringText({
+  text,
+  duration = 1,
+  color = "rgb(var(--color-text-secondary))",
+  shimmeringColor = "rgb(var(--color-text-primary))",
+  style,
+  ...props
+}) {
+  const prefersReduced = useReducedMotion();
+  const wrapperRef = useRef(null);
+  const isInView = useInView(wrapperRef, { once: false, margin: "100px" });
+  if (prefersReduced) {
+    return /* @__PURE__ */ jsx("span", { style: { color, ...style }, ...props, children: text });
+  }
+  const totalDuration = duration + text.length * 0.05;
+  const playState = isInView ? "running" : "paused";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref: wrapperRef,
+      style: {
+        "--shimmer-color": shimmeringColor,
+        "--shimmer-base": color,
+        color,
+        position: "relative",
+        display: "inline-block",
+        ...style
+      },
+      ...props,
+      children: text.split("").map((char, i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "shimmer-char",
+          style: {
+            display: "inline-block",
+            whiteSpace: "pre",
+            animationDuration: `${totalDuration}s`,
+            animationDelay: `${i * duration / text.length}s`,
+            animationPlayState: playState
+          },
+          children: char
+        },
+        i
+      ))
+    }
+  );
+}
+
+export { ShimmeringText };

package/dist/chunk-SH72GWB7.js

@@ -0,0 +1,28 @@
+import { useSyncExternalStore, useCallback } from 'react';
+
+// src/hooks/use-dismissed.ts
+var listeners = /* @__PURE__ */ new Set();
+function emitChange() {
+  for (const listener of listeners) listener();
+}
+function subscribe(callback) {
+  listeners.add(callback);
+  return () => listeners.delete(callback);
+}
+function getServerSnapshot() {
+  return false;
+}
+function useDismissed(storageKey) {
+  const dismissed = useSyncExternalStore(
+    subscribe,
+    () => localStorage.getItem(storageKey) === "true",
+    getServerSnapshot
+  );
+  const dismiss = useCallback(() => {
+    localStorage.setItem(storageKey, "true");
+    emitChange();
+  }, [storageKey]);
+  return [dismissed, dismiss];
+}
+
+export { useDismissed };