@gabvdl/ui 0.0.14

package/README.md

@@ -0,0 +1,95 @@
+# @gabvdl/ui
+
+> ⚠️ **Very early alpha.** Expect breaking changes — the API moves fast and any
+> `0.0.x` bump may break you. Pin an exact version. `1.0.0`, coming shortly,
+> will be the first stable cut.
+
+Gabriel Vidal's personal design system — tree-shakeable React components built on
+shadcn primitives, reused across the homelab. Flagship: a full-screen image
+viewer with zoom, pan and swipe.
+
+Source is mirrored at
+**[github.com/GabrielVidal1/design-system](https://github.com/GabrielVidal1/design-system)**;
+the docs + live demo are at **[ui.gabvdl.xyz](https://ui.gabvdl.xyz)**.
+
+## Install
+
+```bash
+npm install @gabvdl/ui
+```
+
+## Use
+
+```tsx
+import { ImageViewerProvider, ViewableImage } from '@gabvdl/ui'
+import '@gabvdl/ui/styles.css'
+
+export function Gallery({ urls }: { urls: string[] }) {
+  return (
+    <ImageViewerProvider>
+      {urls.map((u) => (
+        <ViewableImage key={u} src={u} />
+      ))}
+    </ImageViewerProvider>
+  )
+}
+```
+
+Peer deps: `react >=18`, `react-dom >=18`. Ships ESM + type declarations, and
+side-effect-free except the CSS entry points (`styles.css`, `theme.css`,
+`image-viewer.css`, `virtual-list.css`).
+
+## Search: `FuzzyList` and `GlobalSearch`
+
+`FuzzyList` is a Fuse.js search box over a windowed `VirtualList`. Two things
+shape how it searches:
+
+- **Quoting pins an exact match.** A bare query fuzzy-matches; any
+  `"double-quoted"` segment must appear as a literal, case-insensitive substring.
+  They mix — `parser "utils.ts"` fuzzy-matches `parser` and then keeps only rows
+  whose fields contain `utils.ts`. Both kinds of hit are `<mark>`-highlighted.
+- **The search is debounced** by `debounce` ms (default `400`). The input stays
+  instant; only the Fuse pass and the list re-render trail behind it, and a small
+  spinner shows while they do. `debounce={0}` searches on every keystroke.
+
+`GlobalSearch` is the Cmd-K palette built from those pieces — a `Modal` holding a
+`FuzzyList`. `items` may be an array *or a loader*, called the first time the
+palette opens, which is how you lazily pull a build-time search index:
+
+```tsx
+<GlobalSearch
+  searchKey="Ctrl+K"                    // "Mod+K" = ⌘ on Apple, Ctrl elsewhere · null = off
+  items={() => fetch('/search-index.json').then((r) => r.json())}
+  keys={[{ name: 'name', weight: 3 }, 'summary', 'props']}
+  titleKey="name"
+  descriptionKey="summary"
+  badgeKey="kind"
+  trigger="bar"                          // or "icon" (default) / "none" + controlled `open`
+  onSelect={(entry) => navigate(entry.route)}
+/>
+```
+
+### Generating that index at build time
+
+The docs app ([`apps/docs/plugins/search-index.ts`](../../apps/docs/plugins/search-index.ts))
+is the reference implementation: a Vite plugin that walks `packages/ui/src` with
+the **TypeScript compiler API**, and for every symbol re-exported from
+`src/index.ts` emits an entry — components, hooks, utilities, **and one entry per
+prop** (`FuzzyList.debounce`, with its type and TSDoc). It writes
+`public/search-index.json` on `buildStart` and regenerates on source changes in
+dev, so nothing is hand-maintained: add a component and it is searchable on the
+next build.
+
+## Publishing (maintainer)
+
+Public npm releases ride on a version tag — see [`RELEASING.md`](../../RELEASING.md)
+at the repo root. Dev builds still go to the homelab's private verdaccio
+(browse it at [registry.lab.gabvdl.xyz](https://registry.lab.gabvdl.xyz)):
+
+```bash
+# from the homelab repo root, with the registry profile up:
+./services/registry/publish.sh
+```
+
+Bump `version` in this package's `package.json` first — verdaccio rejects
+re-publishing an existing version.

package/dist/components/button/button.d.ts

@@ -0,0 +1,39 @@
+import { TooltipSide } from './tooltip';
+import * as React from 'react';
+export type ButtonVariant = 'default' | 'outline' | 'ghost' | 'destructive';
+/**
+ * Three text tiers (`sm` / `md` / `lg`) plus a square icon-only tier for each.
+ * `default` and `icon` are kept as aliases of `md` / `icon-md`.
+ */
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg' | 'default' | 'icon';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /**
+     * Swap the leading icon for a spinner, disable the button and mark it
+     * `aria-busy`. The label stays put so the button does not resize.
+     */
+    loading?: boolean;
+    /** Announced (and shown, on a text-tier button) in place of the label while `loading`. */
+    loadingText?: string;
+    /** Leading icon — or the only content, on an `icon-*` tier. */
+    icon?: React.ReactNode;
+    /** Put `icon` after the label instead of before it. */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Hover/focus hint. On an icon-only button it also becomes the accessible
+     * name when no `aria-label` is given; otherwise it is wired up as
+     * `aria-describedby`.
+     */
+    tooltip?: React.ReactNode;
+    tooltipSide?: TooltipSide;
+}
+/**
+ * The design-system button: four variants, three size tiers (icon-only twins of
+ * each), an icon slot, a loading state and an optional tooltip.
+ *
+ * `type` defaults to `"button"` so dropping one inside a form never submits it
+ * by accident — pass `type="submit"` when that is what you want.
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AA2BX,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,uFAoEjB,CAAC"}

package/dist/components/button/button.js

@@ -0,0 +1,72 @@
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { Loader2 as w } from "lucide-react";
+import * as N from "react";
+import { cn as L } from "../../lib/utils.js";
+import { Tooltip as j } from "./tooltip.js";
+const O = {
+  default: "bg-primary text-primary-foreground hover:bg-primary/90",
+  outline: "border border-border bg-transparent hover:bg-muted",
+  ghost: "hover:bg-muted",
+  destructive: "text-destructive hover:bg-destructive/10"
+}, k = {
+  sm: "h-8 px-3 gap-1.5 text-xs [&_svg]:size-3.5",
+  md: "h-9 px-4 gap-2 text-sm [&_svg]:size-4",
+  lg: "h-11 px-6 gap-2.5 text-base [&_svg]:size-5",
+  "icon-sm": "size-8 [&_svg]:size-3.5",
+  "icon-md": "size-9 [&_svg]:size-4",
+  "icon-lg": "size-11 [&_svg]:size-5",
+  default: "h-9 px-4 gap-2 text-sm [&_svg]:size-4",
+  icon: "size-9 [&_svg]:size-4"
+}, B = /* @__PURE__ */ new Set([
+  "icon-sm",
+  "icon-md",
+  "icon-lg",
+  "icon"
+]), q = N.forwardRef(function({
+  className: u,
+  variant: g = "default",
+  size: o = "default",
+  type: b = "button",
+  loading: e = !1,
+  loadingText: i,
+  icon: f,
+  iconPosition: a = "left",
+  tooltip: s,
+  tooltipSide: v = "top",
+  disabled: p,
+  children: h,
+  ...r
+}, x) {
+  const c = B.has(o), d = e && !!i && !c, z = d ? i : h, t = e ? /* @__PURE__ */ n(w, { className: "animate-spin", "aria-hidden": "true" }) : f, l = c && typeof s == "string" && !r["aria-label"], y = r["aria-label"] ?? (l ? s : void 0), m = /* @__PURE__ */ _(
+    "button",
+    {
+      ...r,
+      ref: x,
+      type: b,
+      "aria-label": y,
+      "aria-busy": e || void 0,
+      disabled: p || e,
+      className: L(
+        "inline-flex shrink-0 items-center justify-center rounded-lg font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 [&_svg]:shrink-0",
+        // A disabled button normally stops taking pointer events at all — but a
+        // tooltip is exactly what you want to read when a button is disabled or
+        // busy, so keep it hoverable in that case.
+        s ? "disabled:cursor-not-allowed" : "disabled:pointer-events-none",
+        O[g],
+        k[o],
+        u
+      ),
+      children: [
+        t && a === "left" && t,
+        z,
+        t && a === "right" && t,
+        e && !d && /* @__PURE__ */ n("span", { className: "sr-only", role: "status", children: i ?? "Loading" })
+      ]
+    }
+  );
+  return s ? /* @__PURE__ */ n(j, { content: s, side: v, describes: !l, children: m }) : m;
+});
+export {
+  q as Button
+};
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '../../lib/utils';\nimport { Tooltip, type TooltipSide } from './tooltip';\n\nexport type ButtonVariant = 'default' | 'outline' | 'ghost' | 'destructive';\n\n/**\n * Three text tiers (`sm` / `md` / `lg`) plus a square icon-only tier for each.\n * `default` and `icon` are kept as aliases of `md` / `icon-md`.\n */\nexport type ButtonSize =\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'icon-sm'\n  | 'icon-md'\n  | 'icon-lg'\n  | 'default'\n  | 'icon';\n\nconst variants: Record<ButtonVariant, string> = {\n  default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n  outline: 'border border-border bg-transparent hover:bg-muted',\n  ghost: 'hover:bg-muted',\n  destructive: 'text-destructive hover:bg-destructive/10',\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: 'h-8 px-3 gap-1.5 text-xs [&_svg]:size-3.5',\n  md: 'h-9 px-4 gap-2 text-sm [&_svg]:size-4',\n  lg: 'h-11 px-6 gap-2.5 text-base [&_svg]:size-5',\n  'icon-sm': 'size-8 [&_svg]:size-3.5',\n  'icon-md': 'size-9 [&_svg]:size-4',\n  'icon-lg': 'size-11 [&_svg]:size-5',\n  default: 'h-9 px-4 gap-2 text-sm [&_svg]:size-4',\n  icon: 'size-9 [&_svg]:size-4',\n};\n\nconst ICON_ONLY: ReadonlySet<ButtonSize> = new Set<ButtonSize>([\n  'icon-sm',\n  'icon-md',\n  'icon-lg',\n  'icon',\n]);\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  /**\n   * Swap the leading icon for a spinner, disable the button and mark it\n   * `aria-busy`. The label stays put so the button does not resize.\n   */\n  loading?: boolean;\n  /** Announced (and shown, on a text-tier button) in place of the label while `loading`. */\n  loadingText?: string;\n  /** Leading icon — or the only content, on an `icon-*` tier. */\n  icon?: React.ReactNode;\n  /** Put `icon` after the label instead of before it. */\n  iconPosition?: 'left' | 'right';\n  /**\n   * Hover/focus hint. On an icon-only button it also becomes the accessible\n   * name when no `aria-label` is given; otherwise it is wired up as\n   * `aria-describedby`.\n   */\n  tooltip?: React.ReactNode;\n  tooltipSide?: TooltipSide;\n}\n\n/**\n * The design-system button: four variants, three size tiers (icon-only twins of\n * each), an icon slot, a loading state and an optional tooltip.\n *\n * `type` defaults to `\"button\"` so dropping one inside a form never submits it\n * by accident — pass `type=\"submit\"` when that is what you want.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant = 'default',\n    size = 'default',\n    type = 'button',\n    loading = false,\n    loadingText,\n    icon,\n    iconPosition = 'left',\n    tooltip,\n    tooltipSide = 'top',\n    disabled,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const iconOnly = ICON_ONLY.has(size);\n  const showsLoadingText = loading && !!loadingText && !iconOnly;\n  const label = showsLoadingText ? loadingText : children;\n  const glyph = loading ? <Loader2 className=\"animate-spin\" aria-hidden=\"true\" /> : icon;\n\n  // An icon-only button has no text to name it: fall back to the tooltip when\n  // it is a plain string, so `<Button size=\"icon\" icon={<X />} tooltip=\"Close\" />`\n  // is announced as \"Close\" rather than as an unlabelled button. When it serves\n  // as the name it must not also describe the button — that reads it twice.\n  const tooltipIsName = iconOnly && typeof tooltip === 'string' && !props['aria-label'];\n  const ariaLabel = props['aria-label'] ?? (tooltipIsName ? (tooltip as string) : undefined);\n\n  const button = (\n    <button\n      {...props}\n      ref={ref}\n      type={type}\n      aria-label={ariaLabel}\n      aria-busy={loading || undefined}\n      disabled={disabled || loading}\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center rounded-lg font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 [&_svg]:shrink-0',\n        // A disabled button normally stops taking pointer events at all — but a\n        // tooltip is exactly what you want to read when a button is disabled or\n        // busy, so keep it hoverable in that case.\n        tooltip ? 'disabled:cursor-not-allowed' : 'disabled:pointer-events-none',\n        variants[variant],\n        sizes[size],\n        className,\n      )}\n    >\n      {glyph && iconPosition === 'left' && glyph}\n      {label}\n      {glyph && iconPosition === 'right' && glyph}\n      {/* Announce the busy state — unless the visible label already says it. */}\n      {loading && !showsLoadingText && (\n        <span className=\"sr-only\" role=\"status\">\n          {loadingText ?? 'Loading'}\n        </span>\n      )}\n    </button>\n  );\n\n  if (!tooltip) return button;\n\n  return (\n    <Tooltip content={tooltip} side={tooltipSide} describes={!tooltipIsName}>\n      {button}\n    </Tooltip>\n  );\n});\n"],"names":["variants","sizes","ICON_ONLY","Button","React","className","variant","size","type","loading","loadingText","icon","iconPosition","tooltip","tooltipSide","disabled","children","props","ref","iconOnly","showsLoadingText","label","glyph","jsx","Loader2","tooltipIsName","ariaLabel","button","jsxs","cn","Tooltip"],"mappings":";;;;;AAsBA,MAAMA,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf,GAEMC,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAEMC,wBAAyC,IAAgB;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAgCYC,IAASC,EAAM,WAA2C,SACrE;AAAA,EACE,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAWjB,EAAU,IAAIK,CAAI,GAC7Ba,IAAmBX,KAAW,CAAC,CAACC,KAAe,CAACS,GAChDE,IAAQD,IAAmBV,IAAcM,GACzCM,IAAQb,IAAU,gBAAAc,EAACC,GAAA,EAAQ,WAAU,gBAAe,eAAY,QAAO,IAAKb,GAM5Ec,IAAgBN,KAAY,OAAON,KAAY,YAAY,CAACI,EAAM,YAAY,GAC9ES,IAAYT,EAAM,YAAY,MAAMQ,IAAiBZ,IAAqB,SAE1Ec,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,KAAAC;AAAA,MACA,MAAAV;AAAA,MACA,cAAYkB;AAAA,MACZ,aAAWjB,KAAW;AAAA,MACtB,UAAUM,KAAYN;AAAA,MACtB,WAAWoB;AAAA,QACT;AAAA;AAAA;AAAA;AAAA,QAIAhB,IAAU,gCAAgC;AAAA,QAC1Cb,EAASM,CAAO;AAAA,QAChBL,EAAMM,CAAI;AAAA,QACVF;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAiB,KAASV,MAAiB,UAAUU;AAAA,QACpCD;AAAA,QACAC,KAASV,MAAiB,WAAWU;AAAA,QAErCb,KAAW,CAACW,KACX,gBAAAG,EAAC,QAAA,EAAK,WAAU,WAAU,MAAK,UAC5B,UAAAb,KAAe,UAAA,CAClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKN,SAAKG,IAGH,gBAAAU,EAACO,KAAQ,SAASjB,GAAS,MAAMC,GAAa,WAAW,CAACW,GACvD,UAAAE,EAAA,CACH,IALmBA;AAOvB,CAAC;"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,5 @@
+export { Button } from './button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './button';
+export { Tooltip } from './tooltip';
+export type { TooltipProps, TooltipSide } from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/button/tooltip.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipProps {
+    content: React.ReactNode;
+    side?: TooltipSide;
+    /**
+     * Wire the bubble to the trigger with `aria-describedby`. Pass `false` when the
+     * tooltip text already *is* the trigger's accessible name (an icon-only button
+     * that took its `aria-label` from it) — a screen reader would otherwise read it
+     * twice.
+     */
+    describes?: boolean;
+    children: React.ReactElement<{
+        ref?: React.Ref<HTMLElement>;
+        'aria-describedby'?: string;
+        onPointerEnter?: React.PointerEventHandler;
+        onPointerLeave?: React.PointerEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onBlur?: React.FocusEventHandler;
+    }>;
+}
+/**
+ * A hover/focus hint for a single trigger element.
+ *
+ * Rendered in a portal and positioned from the trigger's box, so it escapes any
+ * `overflow: hidden` ancestor without a wrapper element distorting the layout.
+ * Follows the WAI-ARIA tooltip pattern: `role="tooltip"`, shown on hover *and*
+ * keyboard focus, dismissed with Escape.
+ */
+export declare function Tooltip({ content, side, describes, children }: TooltipProps): React.JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/button/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/button/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAwB9D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;QAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;QAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;QAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;QAClC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;KAClC,CAAC,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,IAAY,EAAE,SAAgB,EAAE,QAAQ,EAAE,EAAE,YAAY,qBAsF1F"}

package/dist/components/button/tooltip.js

@@ -0,0 +1,83 @@
+import { jsxs as b, Fragment as y, jsx as h } from "react/jsx-runtime";
+import * as r from "react";
+import { createPortal as E } from "react-dom";
+const a = 8, L = {
+  top: "translate(-50%, -100%)",
+  bottom: "translate(-50%, 0)",
+  left: "translate(-100%, -50%)",
+  right: "translate(0, -50%)"
+};
+function P(o, c) {
+  switch (c) {
+    case "bottom":
+      return { top: o.bottom + a, left: o.left + o.width / 2 };
+    case "left":
+      return { top: o.top + o.height / 2, left: o.left - a };
+    case "right":
+      return { top: o.top + o.height / 2, left: o.right + a };
+    default:
+      return { top: o.top - a, left: o.left + o.width / 2 };
+  }
+}
+function k({ content: o, side: c = "top", describes: w = !0, children: v }) {
+  const f = r.useId(), p = r.useRef(null), u = r.useRef(void 0), [l, d] = r.useState(null), i = r.useCallback(() => {
+    clearTimeout(u.current), d(null);
+  }, []), m = r.useCallback((e) => {
+    clearTimeout(u.current), u.current = setTimeout(() => {
+      var n;
+      const t = (n = p.current) == null ? void 0 : n.getBoundingClientRect();
+      t && d(P(t, c));
+    }, e);
+  }, [c]);
+  r.useEffect(() => () => clearTimeout(u.current), []), r.useEffect(() => {
+    if (!l) return;
+    const e = (t) => {
+      t.key === "Escape" && i();
+    };
+    return document.addEventListener("keydown", e), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), () => {
+      document.removeEventListener("keydown", e), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
+    };
+  }, [l, i]);
+  const s = v, g = r.cloneElement(s, {
+    ref: (e) => {
+      p.current = e;
+      const t = s.ref;
+      typeof t == "function" ? t(e) : t && typeof t == "object" && (t.current = e);
+    },
+    "aria-describedby": l && w ? f : s.props["aria-describedby"],
+    onPointerEnter: (e) => {
+      var t, n;
+      (n = (t = s.props).onPointerEnter) == null || n.call(t, e), e.pointerType !== "touch" && m(150);
+    },
+    onPointerLeave: (e) => {
+      var t, n;
+      (n = (t = s.props).onPointerLeave) == null || n.call(t, e), i();
+    },
+    onFocus: (e) => {
+      var t, n;
+      (n = (t = s.props).onFocus) == null || n.call(t, e), e.target.matches(":focus-visible") && m(0);
+    },
+    onBlur: (e) => {
+      var t, n;
+      (n = (t = s.props).onBlur) == null || n.call(t, e), i();
+    }
+  });
+  return /* @__PURE__ */ b(y, { children: [
+    g,
+    l && typeof document < "u" && E(
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: "ds-tooltip-anchor",
+          style: { top: l.top, left: l.left, transform: L[c] },
+          children: /* @__PURE__ */ h("span", { id: f, role: "tooltip", className: "ds-tooltip", children: o })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+export {
+  k as Tooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/button/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/button/tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport type TooltipSide = 'top' | 'bottom' | 'left' | 'right';\n\nconst GAP = 8;\n\nconst TRANSFORMS: Record<TooltipSide, string> = {\n  top: 'translate(-50%, -100%)',\n  bottom: 'translate(-50%, 0)',\n  left: 'translate(-100%, -50%)',\n  right: 'translate(0, -50%)',\n};\n\nfunction anchorPoint(rect: DOMRect, side: TooltipSide) {\n  switch (side) {\n    case 'bottom':\n      return { top: rect.bottom + GAP, left: rect.left + rect.width / 2 };\n    case 'left':\n      return { top: rect.top + rect.height / 2, left: rect.left - GAP };\n    case 'right':\n      return { top: rect.top + rect.height / 2, left: rect.right + GAP };\n    default:\n      return { top: rect.top - GAP, left: rect.left + rect.width / 2 };\n  }\n}\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  side?: TooltipSide;\n  /**\n   * Wire the bubble to the trigger with `aria-describedby`. Pass `false` when the\n   * tooltip text already *is* the trigger's accessible name (an icon-only button\n   * that took its `aria-label` from it) — a screen reader would otherwise read it\n   * twice.\n   */\n  describes?: boolean;\n  children: React.ReactElement<{\n    ref?: React.Ref<HTMLElement>;\n    'aria-describedby'?: string;\n    onPointerEnter?: React.PointerEventHandler;\n    onPointerLeave?: React.PointerEventHandler;\n    onFocus?: React.FocusEventHandler;\n    onBlur?: React.FocusEventHandler;\n  }>;\n}\n\n/**\n * A hover/focus hint for a single trigger element.\n *\n * Rendered in a portal and positioned from the trigger's box, so it escapes any\n * `overflow: hidden` ancestor without a wrapper element distorting the layout.\n * Follows the WAI-ARIA tooltip pattern: `role=\"tooltip\"`, shown on hover *and*\n * keyboard focus, dismissed with Escape.\n */\nexport function Tooltip({ content, side = 'top', describes = true, children }: TooltipProps) {\n  const id = React.useId();\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const timer = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const [point, setPoint] = React.useState<{ top: number; left: number } | null>(null);\n\n  const hide = React.useCallback(() => {\n    clearTimeout(timer.current);\n    setPoint(null);\n  }, []);\n\n  const show = React.useCallback((delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) setPoint(anchorPoint(rect, side));\n    }, delay);\n  }, [side]);\n\n  React.useEffect(() => () => clearTimeout(timer.current), []);\n\n  // While it is up: Escape dismisses it, and any scroll or resize invalidates the\n  // point it was measured from, so drop it rather than let it drift.\n  React.useEffect(() => {\n    if (!point) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') hide();\n    };\n    document.addEventListener('keydown', onKeyDown);\n    window.addEventListener('scroll', hide, true);\n    window.addEventListener('resize', hide);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n      window.removeEventListener('scroll', hide, true);\n      window.removeEventListener('resize', hide);\n    };\n  }, [point, hide]);\n\n  const child = children;\n  const trigger = React.cloneElement(child, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      const ref = (child as unknown as { ref?: React.Ref<HTMLElement> }).ref;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') (ref as React.RefObject<HTMLElement | null>).current = node;\n    },\n    'aria-describedby': point && describes ? id : child.props['aria-describedby'],\n    onPointerEnter: (e: React.PointerEvent) => {\n      child.props.onPointerEnter?.(e);\n      // Touch already fires a click; a hover bubble there is just noise.\n      if (e.pointerType !== 'touch') show(150);\n    },\n    onPointerLeave: (e: React.PointerEvent) => {\n      child.props.onPointerLeave?.(e);\n      hide();\n    },\n    onFocus: (e: React.FocusEvent) => {\n      child.props.onFocus?.(e);\n      // Keyboard focus only — a mouse click focuses too, and the hover bubble\n      // that is already up should not be pinned open by it.\n      if (e.target.matches(':focus-visible')) show(0);\n    },\n    onBlur: (e: React.FocusEvent) => {\n      child.props.onBlur?.(e);\n      hide();\n    },\n  });\n\n  return (\n    <>\n      {trigger}\n      {point &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            className=\"ds-tooltip-anchor\"\n            style={{ top: point.top, left: point.left, transform: TRANSFORMS[side] }}\n          >\n            <span id={id} role=\"tooltip\" className=\"ds-tooltip\">\n              {content}\n            </span>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n}\n"],"names":["GAP","TRANSFORMS","anchorPoint","rect","side","Tooltip","content","describes","children","id","React","triggerRef","timer","point","setPoint","hide","show","delay","_a","onKeyDown","e","child","trigger","node","ref","_b","jsxs","Fragment","createPortal","jsx"],"mappings":"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"}

package/dist/components/changelog/changelog.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+export interface ChangelogEntry {
+    version: string;
+    date?: string;
+    title?: string;
+    changes: string[];
+    sha?: string;
+}
+export interface ChangelogProps {
+    /**
+     * Supply entries directly (controlled). When set, the hosted SDK is not
+     * loaded — pair with `onLoadMore` / `hasMore` / `loading` to page a long
+     * history. Omit to auto-load from the changelog-widget SDK.
+     */
+    entries?: ChangelogEntry[];
+    /** URL of the JSONL changelog (SDK mode). Default: /changelog.jsonl */
+    url?: string;
+    /** URL of the SDK script (SDK mode). Default: the hosted changelog script. */
+    sdkUrl?: string;
+    /** Modal heading. Default: "Changelog". */
+    title?: string;
+    /**
+     * Custom trigger. Receives `open` (show the modal) and `hasUpdate` (a newer
+     * version is available). If omitted, a plain "Changelog" text button renders.
+     */
+    trigger?: (args: {
+        open: () => void;
+        hasUpdate: boolean;
+    }) => ReactNode;
+    /** Controlled mode: append the next page (used by the virtual list's tail). */
+    onLoadMore?: () => void;
+    /** Controlled mode: more pages remain. */
+    hasMore?: boolean;
+    /** Controlled mode: a page load is in flight. */
+    loading?: boolean;
+    /**
+     * Controlled "new version" reload toast. Set to an entry to show the toast
+     * for it — useful when you detect an update yourself (e.g. in controlled
+     * mode, where the SDK watcher isn't running). Set to `null`/omit to hide it.
+     */
+    newVersion?: ChangelogEntry | null;
+    /** Called when the user dismisses the "new version" toast. */
+    onDismissNewVersion?: () => void;
+}
+/**
+ * A changelog trigger + modal + "new version" reload toast, styled from the
+ * design tokens. The entry list is a {@link VirtualList}, so a long history
+ * scrolls cheaply and can lazily page in via `onLoadMore`. Data comes from the
+ * headless changelog-widget SDK by default, or pass `entries` directly.
+ */
+export declare function Changelog({ entries, url, sdkUrl, title, trigger, onLoadMore, hasMore, loading, newVersion, onDismissNewVersion, }: ChangelogProps): import("react").JSX.Element;
+//# sourceMappingURL=changelog.d.ts.map

package/dist/components/changelog/changelog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"changelog.d.ts","sourceRoot":"","sources":["../../../src/components/changelog/changelog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpE,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA2CD,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,IAAI,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;IACxE,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,GAAuB,EACvB,MAAgB,EAChB,KAAmB,EACnB,OAAO,EACP,UAAU,EACV,OAAe,EACf,OAAe,EACf,UAAiB,EACjB,mBAAmB,GACpB,EAAE,cAAc,+BAqIhB"}

package/dist/components/changelog/changelog.js

@@ -0,0 +1,164 @@
+import { jsxs as n, Fragment as z, jsx as e } from "react/jsx-runtime";
+import { useState as b, useRef as j, useEffect as k } from "react";
+import { X as A, Sparkles as T } from "lucide-react";
+import { VirtualList as D } from "../virtual-list/virtual-list.js";
+const F = "https://changelog-widget.dev.gabvdl.xyz/script.js", G = "/changelog.jsonl";
+function v() {
+  return window.Changelog;
+}
+function I(t) {
+  const o = v();
+  return o ? Promise.resolve(o) : new Promise((a, s) => {
+    const c = () => {
+      const d = v();
+      d ? a(d) : s(new Error("SDK missing"));
+    }, i = document.querySelector(`script[src="${t}"]`);
+    if (i) {
+      i.addEventListener("load", c, { once: !0 }), i.addEventListener("error", () => s(new Error("SDK failed")), { once: !0 });
+      const d = v();
+      d && a(d);
+      return;
+    }
+    const l = document.createElement("script");
+    l.src = t, l.async = !0, l.addEventListener("load", c, { once: !0 }), l.addEventListener("error", () => s(new Error("SDK failed")), { once: !0 }), document.head.appendChild(l);
+  });
+}
+function X({
+  entries: t,
+  url: o = G,
+  sdkUrl: a = F,
+  title: s = "Changelog",
+  trigger: c,
+  onLoadMore: i,
+  hasMore: l = !1,
+  loading: d = !1,
+  newVersion: C = null,
+  onDismissNewVersion: f
+}) {
+  const h = t !== void 0, [L, y] = b([]), [x, m] = b(!1), [S, N] = b(null), w = j(() => {
+  }), K = h ? t : L;
+  k(() => {
+    if (h) return;
+    let r = !0;
+    return I(a).then((p) => {
+      r && (p.fetch(o).then((g) => r && y(g)), w.current = p.watch({
+        url: o,
+        onUpdate: (g, R) => {
+          r && (y(R), N(g));
+        }
+      }));
+    }).catch(() => {
+    }), () => {
+      r = !1, w.current();
+    };
+  }, [h, o, a]), k(() => {
+    if (!x) return;
+    const r = (p) => p.key === "Escape" && m(!1);
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [x]);
+  const u = C ?? S, E = u !== null, U = () => {
+    N(null), f == null || f();
+  };
+  return /* @__PURE__ */ n(z, { children: [
+    c ? c({ open: () => m(!0), hasUpdate: E }) : /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: () => m(!0),
+        className: "relative inline-flex items-center text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+        children: [
+          "Changelog",
+          E && /* @__PURE__ */ e("span", { className: "ml-1.5 h-1.5 w-1.5 rounded-full bg-primary", "aria-hidden": !0 })
+        ]
+      }
+    ),
+    x && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm",
+        onClick: (r) => r.target === r.currentTarget && m(!1),
+        children: /* @__PURE__ */ n("div", { className: "flex max-h-[80vh] w-full max-w-md flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-2xl", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-2 border-b border-border px-5 py-4", children: [
+            /* @__PURE__ */ e("h2", { className: "flex-1 text-base font-bold text-foreground", children: s }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => m(!1),
+                "aria-label": "Close",
+                className: "grid h-8 w-8 place-items-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                children: /* @__PURE__ */ e(A, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            D,
+            {
+              items: K,
+              className: "min-h-0 flex-1 px-5",
+              estimateSize: 120,
+              overscan: 4,
+              getItemKey: (r) => r.version,
+              onEndReached: i,
+              hasMore: l,
+              loading: d,
+              emptyState: /* @__PURE__ */ e("p", { className: "py-6 text-center text-sm text-muted-foreground", children: "No changelog yet." }),
+              renderItem: (r) => /* @__PURE__ */ e(O, { entry: r })
+            }
+          )
+        ] })
+      }
+    ),
+    u && /* @__PURE__ */ e("div", { className: "fixed left-1/2 top-3 z-[9999] w-[min(92vw,400px)] -translate-x-1/2", children: /* @__PURE__ */ n("div", { className: "flex items-start gap-3 rounded-2xl border border-primary/40 bg-card p-3.5 shadow-xl", children: [
+      /* @__PURE__ */ e("span", { className: "grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ e(T, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ n("p", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-primary", children: [
+          "New version · v",
+          u.version
+        ] }),
+        /* @__PURE__ */ e("p", { className: "mt-0.5 text-sm text-foreground", children: u.title || u.changes[0] || "A new version is available." }),
+        /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => location.reload(),
+              className: "rounded-lg bg-primary px-3 py-1 text-xs font-bold text-primary-foreground transition-opacity hover:opacity-90",
+              children: "Reload"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: U,
+              className: "rounded-lg px-2 py-1 text-xs font-semibold text-muted-foreground transition-colors hover:text-foreground",
+              children: "Dismiss"
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function O({ entry: t }) {
+  const o = t.title && !(t.changes.length === 1 && t.changes[0] === t.title);
+  return /* @__PURE__ */ n("div", { className: "border-b border-border py-4 last:border-none", children: [
+    /* @__PURE__ */ n("div", { className: "mb-1.5 flex items-baseline gap-2", children: [
+      /* @__PURE__ */ n("span", { className: "rounded-md bg-primary/10 px-2 py-0.5 font-mono text-[11px] font-bold text-primary", children: [
+        "v",
+        t.version
+      ] }),
+      t.date && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: t.date })
+    ] }),
+    o && /* @__PURE__ */ e("p", { className: "mb-1.5 text-sm font-semibold text-foreground", children: t.title }),
+    /* @__PURE__ */ e("ul", { className: "space-y-1", children: t.changes.map((a, s) => /* @__PURE__ */ n("li", { className: "relative pl-4 text-[13px] leading-snug text-muted-foreground", children: [
+      /* @__PURE__ */ e("span", { className: "absolute left-0 top-2 h-1 w-1 rounded-full bg-primary" }),
+      a
+    ] }, s)) })
+  ] });
+}
+export {
+  X as Changelog
+};
+//# sourceMappingURL=changelog.js.map

package/dist/components/changelog/changelog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changelog.js","sources":["../../../src/components/changelog/changelog.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react';\nimport { Sparkles, X } from 'lucide-react';\n\nimport { VirtualList } from '../virtual-list';\n\nconst SDK_URL = 'https://changelog-widget.dev.gabvdl.xyz/script.js';\nconst DEFAULT_CHANGELOG = '/changelog.jsonl';\n\nexport interface ChangelogEntry {\n  version: string;\n  date?: string;\n  title?: string;\n  changes: string[];\n  sha?: string;\n}\n\ninterface ChangelogSDK {\n  fetch(url?: string): Promise<ChangelogEntry[]>;\n  latest(entries: ChangelogEntry[]): ChangelogEntry | null;\n  watch(opts: {\n    url?: string;\n    intervalMs?: number;\n    onUpdate: (latest: ChangelogEntry, entries: ChangelogEntry[]) => void;\n  }): () => void;\n}\n\n/** Read window.Changelog without a global augmentation (keeps this drop-in). */\nfunction globalSdk(): ChangelogSDK | undefined {\n  return (window as unknown as { Changelog?: ChangelogSDK }).Changelog;\n}\n\n/** Load the SDK script once (idempotent) and resolve window.Changelog. */\nfunction loadSdk(src: string): Promise<ChangelogSDK> {\n  const present = globalSdk();\n  if (present) return Promise.resolve(present);\n  return new Promise((resolve, reject) => {\n    const done = () => {\n      const sdk = globalSdk();\n      sdk ? resolve(sdk) : reject(new Error('SDK missing'));\n    };\n    const existing = document.querySelector<HTMLScriptElement>(`script[src=\"${src}\"]`);\n    if (existing) {\n      existing.addEventListener('load', done, { once: true });\n      existing.addEventListener('error', () => reject(new Error('SDK failed')), { once: true });\n      const sdk = globalSdk();\n      if (sdk) resolve(sdk);\n      return;\n    }\n    const s = document.createElement('script');\n    s.src = src;\n    s.async = true;\n    s.addEventListener('load', done, { once: true });\n    s.addEventListener('error', () => reject(new Error('SDK failed')), { once: true });\n    document.head.appendChild(s);\n  });\n}\n\nexport interface ChangelogProps {\n  /**\n   * Supply entries directly (controlled). When set, the hosted SDK is not\n   * loaded — pair with `onLoadMore` / `hasMore` / `loading` to page a long\n   * history. Omit to auto-load from the changelog-widget SDK.\n   */\n  entries?: ChangelogEntry[];\n  /** URL of the JSONL changelog (SDK mode). Default: /changelog.jsonl */\n  url?: string;\n  /** URL of the SDK script (SDK mode). Default: the hosted changelog script. */\n  sdkUrl?: string;\n  /** Modal heading. Default: \"Changelog\". */\n  title?: string;\n  /**\n   * Custom trigger. Receives `open` (show the modal) and `hasUpdate` (a newer\n   * version is available). If omitted, a plain \"Changelog\" text button renders.\n   */\n  trigger?: (args: { open: () => void; hasUpdate: boolean }) => ReactNode;\n  /** Controlled mode: append the next page (used by the virtual list's tail). */\n  onLoadMore?: () => void;\n  /** Controlled mode: more pages remain. */\n  hasMore?: boolean;\n  /** Controlled mode: a page load is in flight. */\n  loading?: boolean;\n  /**\n   * Controlled \"new version\" reload toast. Set to an entry to show the toast\n   * for it — useful when you detect an update yourself (e.g. in controlled\n   * mode, where the SDK watcher isn't running). Set to `null`/omit to hide it.\n   */\n  newVersion?: ChangelogEntry | null;\n  /** Called when the user dismisses the \"new version\" toast. */\n  onDismissNewVersion?: () => void;\n}\n\n/**\n * A changelog trigger + modal + \"new version\" reload toast, styled from the\n * design tokens. The entry list is a {@link VirtualList}, so a long history\n * scrolls cheaply and can lazily page in via `onLoadMore`. Data comes from the\n * headless changelog-widget SDK by default, or pass `entries` directly.\n */\nexport function Changelog({\n  entries,\n  url = DEFAULT_CHANGELOG,\n  sdkUrl = SDK_URL,\n  title = 'Changelog',\n  trigger,\n  onLoadMore,\n  hasMore = false,\n  loading = false,\n  newVersion = null,\n  onDismissNewVersion,\n}: ChangelogProps) {\n  const controlled = entries !== undefined;\n  const [loaded, setLoaded] = useState<ChangelogEntry[]>([]);\n  const [open, setOpen] = useState(false);\n  const [update, setUpdate] = useState<ChangelogEntry | null>(null);\n  const stopRef = useRef<() => void>(() => {});\n\n  const data = controlled ? entries : loaded;\n\n  useEffect(() => {\n    if (controlled) return;\n    let alive = true;\n    loadSdk(sdkUrl)\n      .then((sdk) => {\n        if (!alive) return;\n        void sdk.fetch(url).then((e) => alive && setLoaded(e));\n        stopRef.current = sdk.watch({\n          url,\n          onUpdate: (latest, all) => {\n            if (!alive) return;\n            setLoaded(all);\n            setUpdate(latest);\n          },\n        });\n      })\n      .catch(() => {});\n    return () => {\n      alive = false;\n      stopRef.current();\n    };\n  }, [controlled, url, sdkUrl]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => e.key === 'Escape' && setOpen(false);\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [open]);\n\n  // The controlled `newVersion` prop takes precedence over the SDK watcher's\n  // own detected update, so a consumer can drive the reload toast directly.\n  const activeUpdate = newVersion ?? update;\n  const hasUpdate = activeUpdate !== null;\n  const dismissUpdate = () => {\n    setUpdate(null);\n    onDismissNewVersion?.();\n  };\n\n  return (\n    <>\n      {trigger ? (\n        trigger({ open: () => setOpen(true), hasUpdate })\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          className=\"relative inline-flex items-center text-sm font-medium text-muted-foreground transition-colors hover:text-foreground\"\n        >\n          Changelog\n          {hasUpdate && (\n            <span className=\"ml-1.5 h-1.5 w-1.5 rounded-full bg-primary\" aria-hidden />\n          )}\n        </button>\n      )}\n\n      {open && (\n        <div\n          className=\"fixed inset-0 z-[9999] flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm\"\n          onClick={(e) => e.target === e.currentTarget && setOpen(false)}\n        >\n          <div className=\"flex max-h-[80vh] w-full max-w-md flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-2xl\">\n            <div className=\"flex items-center gap-2 border-b border-border px-5 py-4\">\n              <h2 className=\"flex-1 text-base font-bold text-foreground\">{title}</h2>\n              <button\n                type=\"button\"\n                onClick={() => setOpen(false)}\n                aria-label=\"Close\"\n                className=\"grid h-8 w-8 place-items-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n            <VirtualList\n              items={data}\n              className=\"min-h-0 flex-1 px-5\"\n              estimateSize={120}\n              overscan={4}\n              getItemKey={(e) => e.version}\n              onEndReached={onLoadMore}\n              hasMore={hasMore}\n              loading={loading}\n              emptyState={<p className=\"py-6 text-center text-sm text-muted-foreground\">No changelog yet.</p>}\n              renderItem={(e) => <Entry entry={e} />}\n            />\n          </div>\n        </div>\n      )}\n\n      {activeUpdate && (\n        <div className=\"fixed left-1/2 top-3 z-[9999] w-[min(92vw,400px)] -translate-x-1/2\">\n          <div className=\"flex items-start gap-3 rounded-2xl border border-primary/40 bg-card p-3.5 shadow-xl\">\n            <span className=\"grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary\">\n              <Sparkles className=\"h-4 w-4\" />\n            </span>\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-primary\">\n                New version · v{activeUpdate.version}\n              </p>\n              <p className=\"mt-0.5 text-sm text-foreground\">\n                {activeUpdate.title || activeUpdate.changes[0] || 'A new version is available.'}\n              </p>\n              <div className=\"mt-2 flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => location.reload()}\n                  className=\"rounded-lg bg-primary px-3 py-1 text-xs font-bold text-primary-foreground transition-opacity hover:opacity-90\"\n                >\n                  Reload\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={dismissUpdate}\n                  className=\"rounded-lg px-2 py-1 text-xs font-semibold text-muted-foreground transition-colors hover:text-foreground\"\n                >\n                  Dismiss\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction Entry({ entry }: { entry: ChangelogEntry }) {\n  const showTitle = entry.title && !(entry.changes.length === 1 && entry.changes[0] === entry.title);\n  return (\n    <div className=\"border-b border-border py-4 last:border-none\">\n      <div className=\"mb-1.5 flex items-baseline gap-2\">\n        <span className=\"rounded-md bg-primary/10 px-2 py-0.5 font-mono text-[11px] font-bold text-primary\">\n          v{entry.version}\n        </span>\n        {entry.date && <span className=\"text-xs text-muted-foreground\">{entry.date}</span>}\n      </div>\n      {showTitle && <p className=\"mb-1.5 text-sm font-semibold text-foreground\">{entry.title}</p>}\n      <ul className=\"space-y-1\">\n        {entry.changes.map((c, i) => (\n          <li key={i} className=\"relative pl-4 text-[13px] leading-snug text-muted-foreground\">\n            <span className=\"absolute left-0 top-2 h-1 w-1 rounded-full bg-primary\" />\n            {c}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"names":["SDK_URL","DEFAULT_CHANGELOG","globalSdk","loadSdk","src","present","resolve","reject","done","sdk","existing","s","Changelog","entries","url","sdkUrl","title","trigger","onLoadMore","hasMore","loading","newVersion","onDismissNewVersion","controlled","loaded","setLoaded","useState","open","setOpen","update","setUpdate","stopRef","useRef","data","useEffect","alive","e","latest","all","onKey","activeUpdate","hasUpdate","dismissUpdate","jsxs","Fragment","jsx","X","VirtualList","Entry","Sparkles","entry","showTitle","c","i"],"mappings":"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"}