@gabvdl/ui 0.0.14

package/dist/hooks/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAgBpD;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,UAAU,SAAM,GAAG,OAAO,CAErD;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,wEAAwE;AACxE,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,37 @@
+import * as o from "react";
+function r(e) {
+  const s = o.useCallback(
+    (n) => {
+      if (typeof window > "u") return () => {
+      };
+      const t = window.matchMedia(e);
+      return t.addEventListener("change", n), () => t.removeEventListener("change", n);
+    },
+    [e]
+  );
+  return o.useSyncExternalStore(
+    s,
+    () => typeof window > "u" ? !1 : window.matchMedia(e).matches,
+    () => !1
+  );
+}
+function u(e = 768) {
+  return r(`(max-width: ${e - 1}px)`);
+}
+function i() {
+  return r("(pointer: coarse)");
+}
+function c() {
+  return r("(prefers-color-scheme: dark)");
+}
+function d() {
+  return r("(prefers-reduced-motion: reduce)");
+}
+export {
+  u as useIsMobile,
+  i as useIsTouch,
+  r as useMediaQuery,
+  c as usePrefersDark,
+  d as usePrefersReducedMotion
+};
+//# sourceMappingURL=use-media-query.js.map

package/dist/hooks/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Subscribe to a CSS media query.\n *\n * SSR-safe (`false` on the server, resolved on hydration) and driven by\n * `useSyncExternalStore`, so several components watching the same query share\n * one listener and never tear.\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = React.useCallback(\n    (onChange: () => void) => {\n      if (typeof window === 'undefined') return () => {};\n      const mql = window.matchMedia(query);\n      mql.addEventListener('change', onChange);\n      return () => mql.removeEventListener('change', onChange);\n    },\n    [query],\n  );\n\n  return React.useSyncExternalStore(\n    subscribe,\n    () => (typeof window === 'undefined' ? false : window.matchMedia(query).matches),\n    () => false,\n  );\n}\n\n/** True below the `md` breakpoint (768px) — the phone/desktop split. */\nexport function useIsMobile(breakpoint = 768): boolean {\n  return useMediaQuery(`(max-width: ${breakpoint - 1}px)`);\n}\n\n/** True on a coarse pointer (finger) — use for tap targets, not for width. */\nexport function useIsTouch(): boolean {\n  return useMediaQuery('(pointer: coarse)');\n}\n\n/** The OS colour-scheme preference. See `useTheme` for the resolved theme. */\nexport function usePrefersDark(): boolean {\n  return useMediaQuery('(prefers-color-scheme: dark)');\n}\n\n/** True when the user asked for less motion — gate animations on it. */\nexport function usePrefersReducedMotion(): boolean {\n  return useMediaQuery('(prefers-reduced-motion: reduce)');\n}\n"],"names":["useMediaQuery","query","subscribe","React","onChange","mql","useIsMobile","breakpoint","useIsTouch","usePrefersDark","usePrefersReducedMotion"],"mappings":";AASO,SAASA,EAAcC,GAAwB;AACpD,QAAMC,IAAYC,EAAM;AAAA,IACtB,CAACC,MAAyB;AACxB,UAAI,OAAO,SAAW,IAAa,QAAO,MAAM;AAAA,MAAC;AACjD,YAAMC,IAAM,OAAO,WAAWJ,CAAK;AACnC,aAAAI,EAAI,iBAAiB,UAAUD,CAAQ,GAChC,MAAMC,EAAI,oBAAoB,UAAUD,CAAQ;AAAA,IACzD;AAAA,IACA,CAACH,CAAK;AAAA,EAAA;AAGR,SAAOE,EAAM;AAAA,IACXD;AAAA,IACA,MAAO,OAAO,SAAW,MAAc,KAAQ,OAAO,WAAWD,CAAK,EAAE;AAAA,IACxE,MAAM;AAAA,EAAA;AAEV;AAGO,SAASK,EAAYC,IAAa,KAAc;AACrD,SAAOP,EAAc,eAAeO,IAAa,CAAC,KAAK;AACzD;AAGO,SAASC,IAAsB;AACpC,SAAOR,EAAc,mBAAmB;AAC1C;AAGO,SAASS,IAA0B;AACxC,SAAOT,EAAc,8BAA8B;AACrD;AAGO,SAASU,IAAmC;AACjD,SAAOV,EAAc,kCAAkC;AACzD;"}

package/dist/hooks/use-overlay.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/**
+ * Lock body scroll while `active`.
+ *
+ * Reference-counted, so nesting a modal inside a viewer (or opening two at
+ * once) doesn't unlock the page when only the inner one closes. Compensates for
+ * the scrollbar width so the page doesn't jump on lock.
+ */
+export declare function useScrollLock(active?: boolean): void;
+/** Call `onEscape` when Escape is pressed (while `active`). */
+export declare function useEscape(onEscape: () => void, active?: boolean): void;
+/**
+ * Close when a click (or focus) lands outside the referenced element.
+ *
+ * Listens on `pointerdown` so the menu closes before the click resolves — the
+ * behaviour every hand-rolled popover forgets, which is why a click on a link
+ * behind an open dropdown otherwise gets eaten.
+ */
+export declare function useOutsideClick<T extends HTMLElement = HTMLElement>(onOutside: () => void, active?: boolean): React.RefObject<T | null>;
+//# sourceMappingURL=use-overlay.d.ts.map

package/dist/hooks/use-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-overlay.d.ts","sourceRoot":"","sources":["../../src/hooks/use-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,MAAM,UAAO,QAsB1C;AAKD,+DAA+D;AAC/D,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,MAAM,UAAO,QAY5D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACjE,SAAS,EAAE,MAAM,IAAI,EACrB,MAAM,UAAO,6BAiBd"}

package/dist/hooks/use-overlay.js

@@ -0,0 +1,42 @@
+import * as o from "react";
+function f(t = !0) {
+  o.useEffect(() => {
+    if (!t || typeof document > "u") return;
+    const e = document.body;
+    if (d === 0) {
+      const n = window.innerWidth - document.documentElement.clientWidth;
+      u = { overflow: e.style.overflow, paddingRight: e.style.paddingRight }, e.style.overflow = "hidden", n > 0 && (e.style.paddingRight = `${n}px`);
+    }
+    return d += 1, () => {
+      d -= 1, d === 0 && u && (e.style.overflow = u.overflow, e.style.paddingRight = u.paddingRight, u = null);
+    };
+  }, [t]);
+}
+let d = 0, u = null;
+function l(t, e = !0) {
+  const n = o.useRef(t);
+  n.current = t, o.useEffect(() => {
+    if (!e) return;
+    const r = (i) => {
+      i.key === "Escape" && n.current();
+    };
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [e]);
+}
+function w(t, e = !0) {
+  const n = o.useRef(null), r = o.useRef(t);
+  return r.current = t, o.useEffect(() => {
+    if (!e) return;
+    const i = (s) => {
+      const c = n.current;
+      c && !c.contains(s.target) && r.current();
+    };
+    return document.addEventListener("pointerdown", i, !0), () => document.removeEventListener("pointerdown", i, !0);
+  }, [e]), n;
+}
+export {
+  l as useEscape,
+  w as useOutsideClick,
+  f as useScrollLock
+};
+//# sourceMappingURL=use-overlay.js.map

package/dist/hooks/use-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-overlay.js","sources":["../../src/hooks/use-overlay.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Lock body scroll while `active`.\n *\n * Reference-counted, so nesting a modal inside a viewer (or opening two at\n * once) doesn't unlock the page when only the inner one closes. Compensates for\n * the scrollbar width so the page doesn't jump on lock.\n */\nexport function useScrollLock(active = true) {\n  React.useEffect(() => {\n    if (!active || typeof document === 'undefined') return;\n    const body = document.body;\n\n    if (locks === 0) {\n      const gap = window.innerWidth - document.documentElement.clientWidth;\n      previous = { overflow: body.style.overflow, paddingRight: body.style.paddingRight };\n      body.style.overflow = 'hidden';\n      if (gap > 0) body.style.paddingRight = `${gap}px`;\n    }\n    locks += 1;\n\n    return () => {\n      locks -= 1;\n      if (locks === 0 && previous) {\n        body.style.overflow = previous.overflow;\n        body.style.paddingRight = previous.paddingRight;\n        previous = null;\n      }\n    };\n  }, [active]);\n}\n\nlet locks = 0;\nlet previous: { overflow: string; paddingRight: string } | null = null;\n\n/** Call `onEscape` when Escape is pressed (while `active`). */\nexport function useEscape(onEscape: () => void, active = true) {\n  const cb = React.useRef(onEscape);\n  cb.current = onEscape;\n\n  React.useEffect(() => {\n    if (!active) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') cb.current();\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [active]);\n}\n\n/**\n * Close when a click (or focus) lands outside the referenced element.\n *\n * Listens on `pointerdown` so the menu closes before the click resolves — the\n * behaviour every hand-rolled popover forgets, which is why a click on a link\n * behind an open dropdown otherwise gets eaten.\n */\nexport function useOutsideClick<T extends HTMLElement = HTMLElement>(\n  onOutside: () => void,\n  active = true,\n) {\n  const ref = React.useRef<T | null>(null);\n  const cb = React.useRef(onOutside);\n  cb.current = onOutside;\n\n  React.useEffect(() => {\n    if (!active) return;\n    const onDown = (e: PointerEvent) => {\n      const el = ref.current;\n      if (el && !el.contains(e.target as globalThis.Node)) cb.current();\n    };\n    document.addEventListener('pointerdown', onDown, true);\n    return () => document.removeEventListener('pointerdown', onDown, true);\n  }, [active]);\n\n  return ref;\n}\n"],"names":["useScrollLock","active","React","body","locks","gap","previous","useEscape","onEscape","cb","onKey","e","useOutsideClick","onOutside","ref","onDown","el"],"mappings":";AASO,SAASA,EAAcC,IAAS,IAAM;AAC3C,EAAAC,EAAM,UAAU,MAAM;AACpB,QAAI,CAACD,KAAU,OAAO,WAAa,IAAa;AAChD,UAAME,IAAO,SAAS;AAEtB,QAAIC,MAAU,GAAG;AACf,YAAMC,IAAM,OAAO,aAAa,SAAS,gBAAgB;AACzD,MAAAC,IAAW,EAAE,UAAUH,EAAK,MAAM,UAAU,cAAcA,EAAK,MAAM,aAAA,GACrEA,EAAK,MAAM,WAAW,UAClBE,IAAM,MAAGF,EAAK,MAAM,eAAe,GAAGE,CAAG;AAAA,IAC/C;AACA,WAAAD,KAAS,GAEF,MAAM;AACX,MAAAA,KAAS,GACLA,MAAU,KAAKE,MACjBH,EAAK,MAAM,WAAWG,EAAS,UAC/BH,EAAK,MAAM,eAAeG,EAAS,cACnCA,IAAW;AAAA,IAEf;AAAA,EACF,GAAG,CAACL,CAAM,CAAC;AACb;AAEA,IAAIG,IAAQ,GACRE,IAA8D;AAG3D,SAASC,EAAUC,GAAsBP,IAAS,IAAM;AAC7D,QAAMQ,IAAKP,EAAM,OAAOM,CAAQ;AAChC,EAAAC,EAAG,UAAUD,GAEbN,EAAM,UAAU,MAAM;AACpB,QAAI,CAACD,EAAQ;AACb,UAAMS,IAAQ,CAACC,MAAqB;AAClC,MAAIA,EAAE,QAAQ,YAAUF,EAAG,QAAA;AAAA,IAC7B;AACA,kBAAO,iBAAiB,WAAWC,CAAK,GACjC,MAAM,OAAO,oBAAoB,WAAWA,CAAK;AAAA,EAC1D,GAAG,CAACT,CAAM,CAAC;AACb;AASO,SAASW,EACdC,GACAZ,IAAS,IACT;AACA,QAAMa,IAAMZ,EAAM,OAAiB,IAAI,GACjCO,IAAKP,EAAM,OAAOW,CAAS;AACjC,SAAAJ,EAAG,UAAUI,GAEbX,EAAM,UAAU,MAAM;AACpB,QAAI,CAACD,EAAQ;AACb,UAAMc,IAAS,CAACJ,MAAoB;AAClC,YAAMK,IAAKF,EAAI;AACf,MAAIE,KAAM,CAACA,EAAG,SAASL,EAAE,MAAyB,OAAM,QAAA;AAAA,IAC1D;AACA,oBAAS,iBAAiB,eAAeI,GAAQ,EAAI,GAC9C,MAAM,SAAS,oBAAoB,eAAeA,GAAQ,EAAI;AAAA,EACvE,GAAG,CAACd,CAAM,CAAC,GAEJa;AACT;"}

package/dist/image-viewer.css

@@ -0,0 +1,152 @@
+/*
+ * Styling for <ImageViewerProvider> / <ViewableImage>.
+ *
+ * Plain CSS — no Tailwind directives — so it works whether or not the consumer
+ * uses Tailwind. Every visual choice reads from a `--ds-viewer-*` custom
+ * property with a sensible fallback, so you can retheme the overlay without
+ * overriding selectors. Defaults assume a dark, glassy overlay.
+ */
+
+:root {
+  --ds-viewer-backdrop: rgba(9, 9, 11, 0.96);
+  --ds-viewer-fg: #f4f4f5;
+  --ds-viewer-muted: #d4d4d8;
+  --ds-viewer-ctl-bg: rgba(24, 24, 27, 0.55);
+  --ds-viewer-ctl-bg-hover: rgba(63, 63, 70, 0.7);
+  --ds-viewer-ctl-border: rgba(255, 255, 255, 0.14);
+  --ds-viewer-accent: rgba(255, 255, 255, 0.4);
+  --ds-viewer-blur: 6px;
+  --ds-viewer-z: 200;
+  --ds-viewer-font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Space Mono", monospace;
+}
+
+.viewable-image {
+  display: block;
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  border: none;
+  background: transparent;
+  cursor: zoom-in;
+}
+
+@keyframes ds-viewer-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes ds-viewer-img-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+.viewer-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: var(--ds-viewer-z);
+  background: var(--ds-viewer-backdrop);
+  backdrop-filter: blur(var(--ds-viewer-blur));
+  overflow: hidden;
+  /* No fill-mode: once the intro ends the animation must release `opacity` so the
+     drag-to-dismiss handler can fade the backdrop via inline style. */
+  animation: ds-viewer-in 0.18s ease;
+  transition: opacity 0.2s ease;
+}
+
+.viewer-stage {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  touch-action: none;
+  user-select: none;
+  cursor: zoom-in;
+}
+.viewer-stage.is-zoomed { cursor: grab; }
+.viewer-stage.is-zoomed:active { cursor: grabbing; }
+
+.viewer-img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  transform-origin: center center;
+  will-change: transform;
+  -webkit-user-drag: none;
+  animation: ds-viewer-img-in 0.2s ease both;
+}
+
+.viewer-ctl {
+  position: absolute;
+  z-index: calc(var(--ds-viewer-z) + 10);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--ds-viewer-fg);
+  background: var(--ds-viewer-ctl-bg);
+  border: 1px solid var(--ds-viewer-ctl-border);
+  border-radius: 999px;
+  backdrop-filter: blur(8px);
+  cursor: pointer;
+  transition: background 0.2s, color 0.2s, border-color 0.2s;
+}
+.viewer-ctl:hover {
+  background: var(--ds-viewer-ctl-bg-hover);
+  color: #fff;
+  border-color: var(--ds-viewer-accent);
+}
+.viewer-ctl:focus-visible {
+  outline: 2px solid var(--ds-viewer-fg);
+  outline-offset: 2px;
+}
+.viewer-ctl svg { width: 1.35rem; height: 1.35rem; }
+
+.viewer-close { top: 1rem; right: 1rem; width: 2.75rem; height: 2.75rem; }
+
+.viewer-nav {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3rem;
+  height: 3rem;
+}
+.viewer-nav--prev { left: 1rem; }
+.viewer-nav--next { right: 1rem; }
+
+.viewer-zoom {
+  position: absolute;
+  z-index: calc(var(--ds-viewer-z) + 10);
+  bottom: 1.1rem;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 0.6rem;
+}
+.viewer-zoom .viewer-ctl { position: static; width: 2.6rem; height: 2.6rem; }
+
+.viewer-counter {
+  position: absolute;
+  z-index: calc(var(--ds-viewer-z) + 10);
+  top: 1.15rem;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 0.3rem 0.8rem;
+  font-family: var(--ds-viewer-font-mono);
+  font-size: 0.62rem;
+  letter-spacing: 0.25em;
+  color: var(--ds-viewer-muted);
+  background: var(--ds-viewer-ctl-bg);
+  border: 1px solid var(--ds-viewer-ctl-border);
+  border-radius: 999px;
+  backdrop-filter: blur(8px);
+}
+
+@media (max-width: 640px) {
+  .viewer-nav { width: 2.5rem; height: 2.5rem; }
+  .viewer-nav--prev { left: 0.5rem; }
+  .viewer-nav--next { right: 0.5rem; }
+  .viewer-ctl svg { width: 1.15rem; height: 1.15rem; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .viewer-overlay,
+  .viewer-img { animation: none; }
+}

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+export { cn } from './lib/utils';
+export { downloadFile, fmtBytes, fmtCost, fmtDateTime, fmtDuration, fmtNum, relTime, } from './lib/format';
+export type { TimeInput } from './lib/format';
+export { useCopyToClipboard, useDebouncedValue, useEscape, useInfiniteScroll, useIntersection, useIsMobile, useIsTouch, useLocalStorage, useLongPress, useMediaQuery, useOutsideClick, usePrefersDark, usePrefersReducedMotion, useScrollLock, } from './hooks';
+export type { LongPressPoint, UseCopyOptions, UseDebouncedValueOptions, UseInfiniteScrollOptions, UseLongPressOptions, } from './hooks';
+export { ToastProvider, Toaster, useToast } from './components/toast';
+export type { Toast, ToastAction, ToastFn, ToastOptions, ToastPosition, ToastType } from './components/toast';
+export { Modal, ModalProvider, useConfirm, useModal } from './components/modal';
+export type { ConfirmSpec, ModalProps, ModalSize, ModalSpec } from './components/modal';
+export { ThemeProvider, ThemeToggle, resolveTheme, setTheme, toggleTheme, useTheme } from './components/theme';
+export type { ThemeMode, ThemeToggleProps, UseThemeResult } from './components/theme';
+export { Spinner } from './components/spinner';
+export type { SpinnerProps } from './components/spinner';
+export { Skeleton, SkeletonGrid, SkeletonText } from './components/skeleton';
+export type { SkeletonGridProps, SkeletonTextProps } from './components/skeleton';
+export { EmptyState } from './components/empty-state';
+export type { EmptyStateProps } from './components/empty-state';
+export { Badge, JOB_STATUS, StatusBadge } from './components/status-badge';
+export type { BadgeProps, StatusBadgeProps, StatusMeta, Tone } from './components/status-badge';
+export { CopyButton } from './components/copy-button';
+export type { CopyButtonProps } from './components/copy-button';
+export { DropZone, useFileDrop } from './components/drop-zone';
+export type { DropZoneProps, FileRejection, UseFileDropOptions } from './components/drop-zone';
+export { SearchInput } from './components/search-input';
+export type { SearchInputProps } from './components/search-input';
+export { ElementPicker, ElementPickerField, ElementPickerOverlay, ElementPreview, useElementPicker, classify, formatHtml, hierarchy, parseElement, uniqueSelector, STYLE_GROUPS, STYLE_PROPS, } from './components/element-picker';
+export type { ElementPickerProps, ElementPickerOverlayProps, ElementPickerFieldProps, ElementPreviewProps, UseElementPickerOptions, UseElementPickerResult, ParseOptions, ElementField, ElementInfo, ElementKind, ElementPathStep, PickedElement, } from './components/element-picker';
+export { RelativeTime } from './components/relative-time';
+export type { RelativeTimeProps } from './components/relative-time';
+export { ImageViewerProvider, useImageViewer, ViewableImage, ProgressiveImage } from './components/image-viewer';
+export { FuzzyList, highlightAll, highlightSnippet } from './components/fuzzy-list';
+export type { FuzzyListProps, FuzzyRenderContext } from './components/fuzzy-list';
+export { GlobalSearch, formatHotkey, parseHotkey, useHotkey } from './components/global-search';
+export type { GlobalSearchProps, GlobalSearchSource, Hotkey } from './components/global-search';
+export { VirtualList } from './components/virtual-list';
+export type { VirtualListProps, VirtualListHandle } from './components/virtual-list';
+export { Changelog } from './components/changelog';
+export type { ChangelogEntry, ChangelogProps } from './components/changelog';
+export { PhonePreview, IOSStatusBar } from './components/phone-preview';
+export type { PhonePreviewProps } from './components/phone-preview';
+export { IframePreview, IframePreviewOverlay } from './components/iframe-preview';
+export type { IframePreviewProps, IframePreviewOverlayProps, IframePreviewDevice, } from './components/iframe-preview';
+export { Nav2DProvider, Nav2DItem, useNav2D } from './components/nav-2d';
+export type { Nav2DProviderProps, Nav2DItemProps, Nav2DContextValue } from './components/nav-2d';
+export { Button, Tooltip } from './components/button';
+export type { ButtonProps, ButtonVariant, ButtonSize, TooltipProps, TooltipSide, } from './components/button';
+export { Input } from './components/input';
+export type { InputProps } from './components/input';
+export { RichInput, defaultComposePrompt } from './components/rich-input';
+export type { RichInputProps, RichFile, GuidelineTag, RichSendPayload, RichInputHandle, ComposeInput, } from './components/rich-input';
+export { ProgressiveText } from './components/progressive-text';
+export type { ProgressiveTextProps, ProgressiveTextMeta } from './components/progressive-text';
+export { ProgressiveList } from './components/progressive-list';
+export type { ProgressiveListProps, ProgressiveListItemMeta } from './components/progressive-list';
+export { ProgressiveTable } from './components/progressive-table';
+export type { ProgressiveTableProps, ProgressiveTableCellContext } from './components/progressive-table';
+export { useProgressiveSlot, ProgressiveTimelineSlot } from './components/progressive-timeline';
+export type { ProgressiveSlotValue } from './components/progressive-timeline';
+export { ProgressiveBash } from './components/progressive-bash';
+export type { ProgressiveBashProps, ProgressiveBashHandle, BashEntry, PlaybackTuning } from './components/progressive-bash';
+export { computeGapMs as computeBashGapMs, DEFAULT_TUNING as DEFAULT_BASH_TUNING, tokenizeCommand, splitOutput, classifyLine, splitBySubparts, } from './components/progressive-bash';
+export type { CmdToken, CmdKind, OutputLine, OutputSpan, LineKind, SubCommand } from './components/progressive-bash';
+export { ResizableLayout } from './components/resizable-layout';
+export type { ResizableLayoutProps, ResizableLayoutHandle, ResizableDrawerConfig, DrawerSide, MobileMode, } from './components/resizable-layout';
+export { FloatingPanel, Dock, DockProvider, useDockContext } from './components/floating-panel';
+export type { FloatingPanelProps, FloatingPanelHandle, DockProps, DockContextValue, PanelPlacement, FloatingGeom, } from './components/floating-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,EACN,OAAO,GACR,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,cAAc,EACd,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACtE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC9G,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAChF,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC/G,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC7E,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,eAAe,EACf,aAAa,GACd,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACjH,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAChG,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EACV,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,GACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACnG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACzG,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAChG,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC5H,OAAO,EACL,YAAY,IAAI,gBAAgB,EAChC,cAAc,IAAI,mBAAmB,EACrC,eAAe,EACf,WAAW,EACX,YAAY,EACZ,eAAe,GAChB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrH,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAChG,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,YAAY,GACb,MAAM,6BAA6B,CAAC"}

package/dist/index.js

@@ -0,0 +1,161 @@
+import { cn as r } from "./lib/utils.js";
+import { downloadFile as m, fmtBytes as p, fmtCost as s, fmtDateTime as f, fmtDuration as i, fmtNum as a, relTime as x } from "./lib/format.js";
+import { Badge as u, JOB_STATUS as n, StatusBadge as P } from "./components/status-badge/status-badge.js";
+import { Button as c } from "./components/button/button.js";
+import { Changelog as S } from "./components/changelog/changelog.js";
+import { CopyButton as d } from "./components/copy-button/copy-button.js";
+import { DEFAULT_TUNING as k, computeGapMs as I } from "./components/progressive-bash/playback.js";
+import { Dock as D } from "./components/floating-panel/dock.js";
+import { DockProvider as L, useDockContext as B } from "./components/floating-panel/dock-context.js";
+import { DropZone as b } from "./components/drop-zone/drop-zone.js";
+import { ElementPicker as M, ElementPickerOverlay as N } from "./components/element-picker/element-picker.js";
+import { ElementPickerField as F } from "./components/element-picker/element-picker-field.js";
+import { ElementPreview as R } from "./components/element-picker/element-preview.js";
+import { EmptyState as _ } from "./components/empty-state/empty-state.js";
+import { FloatingPanel as H } from "./components/floating-panel/floating-panel.js";
+import { FuzzyList as z } from "./components/fuzzy-list/fuzzy-list.js";
+import { GlobalSearch as q } from "./components/global-search/global-search.js";
+import { IOSStatusBar as Q, PhonePreview as Z } from "./components/phone-preview/phone-preview.js";
+import { IframePreview as K, IframePreviewOverlay as W } from "./components/iframe-preview/iframe-preview.js";
+import { ImageViewerProvider as $, useImageViewer as ee } from "./components/image-viewer/image-viewer.js";
+import { Input as re } from "./components/input/input.js";
+import { Modal as me } from "./components/modal/modal.js";
+import { ModalProvider as se, useConfirm as fe, useModal as ie } from "./components/modal/modal-context.js";
+import { Nav2DItem as xe, Nav2DProvider as le, useNav2D as ue } from "./components/nav-2d/nav-2d.js";
+import { ProgressiveBash as Pe } from "./components/progressive-bash/progressive-bash.js";
+import { ProgressiveImage as ce } from "./components/image-viewer/progressive-image.js";
+import { ProgressiveList as Se } from "./components/progressive-list/progressive-list.js";
+import { ProgressiveTable as de } from "./components/progressive-table/progressive-table.js";
+import { ProgressiveText as ke } from "./components/progressive-text/progressive-text.js";
+import { ProgressiveTimelineSlot as ye, useProgressiveSlot as De } from "./components/progressive-timeline/progressive-timeline.js";
+import { RelativeTime as Le } from "./components/relative-time/relative-time.js";
+import { ResizableLayout as Ce } from "./components/resizable-layout/resizable-layout.js";
+import { RichInput as we } from "./components/rich-input/rich-input.js";
+import { STYLE_GROUPS as Ne, STYLE_PROPS as Oe, classify as Fe, formatHtml as Ge, hierarchy as Re, parseElement as Ue, uniqueSelector as _e } from "./components/element-picker/parse.js";
+import { SearchInput as He } from "./components/search-input/search-input.js";
+import { Skeleton as ze, SkeletonGrid as Ye, SkeletonText as qe } from "./components/skeleton/skeleton.js";
+import { Spinner as Qe } from "./components/spinner/spinner.js";
+import { ThemeProvider as je, resolveTheme as Ke, setTheme as We, toggleTheme as Xe, useTheme as $e } from "./components/theme/theme.js";
+import { ThemeToggle as oo } from "./components/theme/theme-toggle.js";
+import { ToastProvider as to, Toaster as mo, useToast as po } from "./components/toast/toast.js";
+import { Tooltip as fo } from "./components/button/tooltip.js";
+import { ViewableImage as ao } from "./components/image-viewer/viewable-image.js";
+import { VirtualList as lo } from "./components/virtual-list/virtual-list.js";
+import { classifyLine as no, splitBySubparts as Po, splitOutput as To, tokenizeCommand as co } from "./components/progressive-bash/parse.js";
+import { defaultComposePrompt as So } from "./components/rich-input/compose.js";
+import { formatHotkey as ho, parseHotkey as ko, useHotkey as Io } from "./components/global-search/hotkey.js";
+import { highlightAll as Do, highlightSnippet as Eo } from "./lib/highlight.js";
+import { useCopyToClipboard as Bo } from "./hooks/use-copy-to-clipboard.js";
+import { useDebouncedValue as bo } from "./hooks/use-debounced-value.js";
+import { useElementPicker as Mo } from "./components/element-picker/use-element-picker.js";
+import { useEscape as Oo, useOutsideClick as Fo, useScrollLock as Go } from "./hooks/use-overlay.js";
+import { useFileDrop as Uo } from "./components/drop-zone/use-file-drop.js";
+import { useInfiniteScroll as Ao, useIntersection as Ho } from "./hooks/use-intersection.js";
+import { useIsMobile as zo, useIsTouch as Yo, useMediaQuery as qo, usePrefersDark as Jo, usePrefersReducedMotion as Qo } from "./hooks/use-media-query.js";
+import { useLocalStorage as jo } from "./hooks/use-local-storage.js";
+import { useLongPress as Wo } from "./hooks/use-long-press.js";
+export {
+  u as Badge,
+  c as Button,
+  S as Changelog,
+  d as CopyButton,
+  k as DEFAULT_BASH_TUNING,
+  D as Dock,
+  L as DockProvider,
+  b as DropZone,
+  M as ElementPicker,
+  F as ElementPickerField,
+  N as ElementPickerOverlay,
+  R as ElementPreview,
+  _ as EmptyState,
+  H as FloatingPanel,
+  z as FuzzyList,
+  q as GlobalSearch,
+  Q as IOSStatusBar,
+  K as IframePreview,
+  W as IframePreviewOverlay,
+  $ as ImageViewerProvider,
+  re as Input,
+  n as JOB_STATUS,
+  me as Modal,
+  se as ModalProvider,
+  xe as Nav2DItem,
+  le as Nav2DProvider,
+  Z as PhonePreview,
+  Pe as ProgressiveBash,
+  ce as ProgressiveImage,
+  Se as ProgressiveList,
+  de as ProgressiveTable,
+  ke as ProgressiveText,
+  ye as ProgressiveTimelineSlot,
+  Le as RelativeTime,
+  Ce as ResizableLayout,
+  we as RichInput,
+  Ne as STYLE_GROUPS,
+  Oe as STYLE_PROPS,
+  He as SearchInput,
+  ze as Skeleton,
+  Ye as SkeletonGrid,
+  qe as SkeletonText,
+  Qe as Spinner,
+  P as StatusBadge,
+  je as ThemeProvider,
+  oo as ThemeToggle,
+  to as ToastProvider,
+  mo as Toaster,
+  fo as Tooltip,
+  ao as ViewableImage,
+  lo as VirtualList,
+  Fe as classify,
+  no as classifyLine,
+  r as cn,
+  I as computeBashGapMs,
+  So as defaultComposePrompt,
+  m as downloadFile,
+  p as fmtBytes,
+  s as fmtCost,
+  f as fmtDateTime,
+  i as fmtDuration,
+  a as fmtNum,
+  ho as formatHotkey,
+  Ge as formatHtml,
+  Re as hierarchy,
+  Do as highlightAll,
+  Eo as highlightSnippet,
+  Ue as parseElement,
+  ko as parseHotkey,
+  x as relTime,
+  Ke as resolveTheme,
+  We as setTheme,
+  Po as splitBySubparts,
+  To as splitOutput,
+  Xe as toggleTheme,
+  co as tokenizeCommand,
+  _e as uniqueSelector,
+  fe as useConfirm,
+  Bo as useCopyToClipboard,
+  bo as useDebouncedValue,
+  B as useDockContext,
+  Mo as useElementPicker,
+  Oo as useEscape,
+  Uo as useFileDrop,
+  Io as useHotkey,
+  ee as useImageViewer,
+  Ao as useInfiniteScroll,
+  Ho as useIntersection,
+  zo as useIsMobile,
+  Yo as useIsTouch,
+  jo as useLocalStorage,
+  Wo as useLongPress,
+  qo as useMediaQuery,
+  ie as useModal,
+  ue as useNav2D,
+  Fo as useOutsideClick,
+  Jo as usePrefersDark,
+  Qo as usePrefersReducedMotion,
+  De as useProgressiveSlot,
+  Go as useScrollLock,
+  $e as useTheme,
+  po as useToast
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/format.d.ts

@@ -0,0 +1,19 @@
+export type TimeInput = string | number | Date;
+/** `just now` · `4m ago` · `3h ago` · `in 2d` — compact, sign-aware. */
+export declare function relTime(input: TimeInput, now?: TimeInput): string;
+/** `840ms` · `12.4s` · `2m 08s` · `1h 04m` — a duration in ms. */
+export declare function fmtDuration(ms: number): string;
+/** `512 B` · `1.4 KB` · `2.3 MB` — SI-ish, one decimal above KB. */
+export declare function fmtBytes(bytes: number, decimals?: number): string;
+/** `947` · `12.4k` · `3.1M` — compact counts (tokens, rows, plays). */
+export declare function fmtNum(n: number, decimals?: number): string;
+/** `$0.0041` · `$1.24` · `$312` — small LLM costs keep their significant digits. */
+export declare function fmtCost(usd: number, currency?: string): string;
+/** Locale date-time, seconds-free: `12 Jul, 14:03`. */
+export declare function fmtDateTime(input: TimeInput, locale?: string): string;
+/**
+ * Save a string or Blob to the user's disk — the anchor + object-URL dance,
+ * with the revoke that hand-rolled copies forget.
+ */
+export declare function downloadFile(filename: string, data: Blob | string, mime?: string): void;
+//# sourceMappingURL=format.d.ts.map

package/dist/lib/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/lib/format.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAU/C,wEAAwE;AACxE,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,GAAE,SAAsB,GAAG,MAAM,CAgB7E;AAED,kEAAkE;AAClE,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAY9C;AAED,oEAAoE;AACpE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAY5D;AAED,uEAAuE;AACvE,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAOtD;AAED,oFAAoF;AACpF,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAM,GAAG,MAAM,CAK3D;AAED,uDAAuD;AACvD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CASrE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,SAAe,QAStF"}

package/dist/lib/format.js

@@ -0,0 +1,62 @@
+function a(t) {
+  if (t instanceof Date) return t.getTime();
+  if (typeof t == "number") return t < 1e11 ? t * 1e3 : t;
+  const e = Date.parse(t);
+  return Number.isNaN(e) ? NaN : e;
+}
+function s(t, e = Date.now()) {
+  const r = a(t);
+  if (Number.isNaN(r)) return "—";
+  const o = a(e) - r, i = o < 0, n = Math.abs(o) / 1e3, u = (f) => i ? `in ${f}` : `${f} ago`;
+  return n < 45 ? "just now" : n < 3600 ? u(`${Math.round(n / 60)}m`) : n < 86400 ? u(`${Math.round(n / 3600)}h`) : n < 604800 ? u(`${Math.round(n / 86400)}d`) : n < 2592e3 ? u(`${Math.round(n / 604800)}w`) : n < 31536e3 ? u(`${Math.round(n / 2592e3)}mo`) : u(`${Math.round(n / 31536e3)}y`);
+}
+function c(t) {
+  if (!Number.isFinite(t) || t < 0) return "—";
+  if (t < 1e3) return `${Math.round(t)}ms`;
+  const e = Math.round(t / 1e3);
+  if (e < 60) return `${(t / 1e3).toFixed(1)}s`;
+  const r = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), i = e % 60;
+  return r > 0 ? `${r}h ${String(o).padStart(2, "0")}m` : `${o}m ${String(i).padStart(2, "0")}s`;
+}
+function h(t, e = 1) {
+  if (!Number.isFinite(t)) return "—";
+  if (t < 1024) return `${Math.round(t)} B`;
+  const r = ["KB", "MB", "GB", "TB", "PB"];
+  let o = t / 1024, i = 0;
+  for (; o >= 1024 && i < r.length - 1; )
+    o /= 1024, i += 1;
+  return `${o.toFixed(e)} ${r[i]}`;
+}
+function $(t, e = 1) {
+  if (!Number.isFinite(t)) return "—";
+  const r = Math.abs(t);
+  return r < 1e3 ? String(Math.round(t)) : r < 1e6 ? `${(t / 1e3).toFixed(e)}k` : r < 1e9 ? `${(t / 1e6).toFixed(e)}M` : `${(t / 1e9).toFixed(e)}B`;
+}
+function d(t, e = "$") {
+  if (!Number.isFinite(t)) return "—";
+  const r = Math.abs(t), o = r === 0 ? 2 : r < 0.01 ? 4 : r < 100 ? 2 : 0;
+  return `${t < 0 ? "-" : ""}${e}${r.toFixed(o)}`;
+}
+function m(t, e) {
+  const r = a(t);
+  return Number.isNaN(r) ? "—" : new Date(r).toLocaleString(e, {
+    day: "numeric",
+    month: "short",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function M(t, e, r = "text/plain") {
+  const o = typeof e == "string" ? new Blob([e], { type: `${r};charset=utf-8` }) : e, i = URL.createObjectURL(o), n = document.createElement("a");
+  n.href = i, n.download = t, n.click(), setTimeout(() => URL.revokeObjectURL(i), 1e3);
+}
+export {
+  M as downloadFile,
+  h as fmtBytes,
+  d as fmtCost,
+  m as fmtDateTime,
+  c as fmtDuration,
+  $ as fmtNum,
+  s as relTime
+};
+//# sourceMappingURL=format.js.map

package/dist/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../src/lib/format.ts"],"sourcesContent":["/*\n * The formatters every homelab app rewrites: \"3 min ago\", \"1.4 GB\", \"2m 08s\",\n * \"$0.0412\". One module, so a queue card in one service and a job row in\n * another round the same way.\n */\n\nexport type TimeInput = string | number | Date;\n\n/** Accepts an ISO string, a Date, epoch ms, or epoch *seconds* (< 1e11). */\nfunction toMs(input: TimeInput): number {\n  if (input instanceof Date) return input.getTime();\n  if (typeof input === 'number') return input < 1e11 ? input * 1000 : input;\n  const parsed = Date.parse(input);\n  return Number.isNaN(parsed) ? NaN : parsed;\n}\n\n/** `just now` · `4m ago` · `3h ago` · `in 2d` — compact, sign-aware. */\nexport function relTime(input: TimeInput, now: TimeInput = Date.now()): string {\n  const ms = toMs(input);\n  if (Number.isNaN(ms)) return '—';\n\n  const diff = toMs(now) - ms;\n  const future = diff < 0;\n  const s = Math.abs(diff) / 1000;\n\n  const say = (v: string) => (future ? `in ${v}` : `${v} ago`);\n  if (s < 45) return 'just now';\n  if (s < 3600) return say(`${Math.round(s / 60)}m`);\n  if (s < 86_400) return say(`${Math.round(s / 3600)}h`);\n  if (s < 604_800) return say(`${Math.round(s / 86_400)}d`);\n  if (s < 2_592_000) return say(`${Math.round(s / 604_800)}w`);\n  if (s < 31_536_000) return say(`${Math.round(s / 2_592_000)}mo`);\n  return say(`${Math.round(s / 31_536_000)}y`);\n}\n\n/** `840ms` · `12.4s` · `2m 08s` · `1h 04m` — a duration in ms. */\nexport function fmtDuration(ms: number): string {\n  if (!Number.isFinite(ms) || ms < 0) return '—';\n  if (ms < 1000) return `${Math.round(ms)}ms`;\n\n  const total = Math.round(ms / 1000);\n  if (total < 60) return `${(ms / 1000).toFixed(1)}s`;\n\n  const h = Math.floor(total / 3600);\n  const m = Math.floor((total % 3600) / 60);\n  const s = total % 60;\n  if (h > 0) return `${h}h ${String(m).padStart(2, '0')}m`;\n  return `${m}m ${String(s).padStart(2, '0')}s`;\n}\n\n/** `512 B` · `1.4 KB` · `2.3 MB` — SI-ish, one decimal above KB. */\nexport function fmtBytes(bytes: number, decimals = 1): string {\n  if (!Number.isFinite(bytes)) return '—';\n  if (bytes < 1024) return `${Math.round(bytes)} B`;\n\n  const units = ['KB', 'MB', 'GB', 'TB', 'PB'];\n  let value = bytes / 1024;\n  let unit = 0;\n  while (value >= 1024 && unit < units.length - 1) {\n    value /= 1024;\n    unit += 1;\n  }\n  return `${value.toFixed(decimals)} ${units[unit]}`;\n}\n\n/** `947` · `12.4k` · `3.1M` — compact counts (tokens, rows, plays). */\nexport function fmtNum(n: number, decimals = 1): string {\n  if (!Number.isFinite(n)) return '—';\n  const abs = Math.abs(n);\n  if (abs < 1000) return String(Math.round(n));\n  if (abs < 1_000_000) return `${(n / 1000).toFixed(decimals)}k`;\n  if (abs < 1_000_000_000) return `${(n / 1_000_000).toFixed(decimals)}M`;\n  return `${(n / 1_000_000_000).toFixed(decimals)}B`;\n}\n\n/** `$0.0041` · `$1.24` · `$312` — small LLM costs keep their significant digits. */\nexport function fmtCost(usd: number, currency = '$'): string {\n  if (!Number.isFinite(usd)) return '—';\n  const abs = Math.abs(usd);\n  const digits = abs === 0 ? 2 : abs < 0.01 ? 4 : abs < 100 ? 2 : 0;\n  return `${usd < 0 ? '-' : ''}${currency}${abs.toFixed(digits)}`;\n}\n\n/** Locale date-time, seconds-free: `12 Jul, 14:03`. */\nexport function fmtDateTime(input: TimeInput, locale?: string): string {\n  const ms = toMs(input);\n  if (Number.isNaN(ms)) return '—';\n  return new Date(ms).toLocaleString(locale, {\n    day: 'numeric',\n    month: 'short',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\n/**\n * Save a string or Blob to the user's disk — the anchor + object-URL dance,\n * with the revoke that hand-rolled copies forget.\n */\nexport function downloadFile(filename: string, data: Blob | string, mime = 'text/plain') {\n  const blob = typeof data === 'string' ? new Blob([data], { type: `${mime};charset=utf-8` }) : data;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url;\n  a.download = filename;\n  a.click();\n  // Give the browser a tick to start the download before dropping the URL.\n  setTimeout(() => URL.revokeObjectURL(url), 1000);\n}\n"],"names":["toMs","input","parsed","relTime","now","ms","diff","future","s","say","v","fmtDuration","total","h","m","fmtBytes","bytes","decimals","units","value","unit","fmtNum","n","abs","fmtCost","usd","currency","digits","fmtDateTime","locale","downloadFile","filename","data","mime","blob","url","a"],"mappings":"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"}

package/dist/lib/highlight.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+/**
+ * Wrap the matched ranges of `text` in `<mark>`, highlighting the whole string
+ * (no windowing). `indices` are Fuse.js match indices — inclusive `[start, end]`
+ * pairs.
+ */
+export declare function highlightAll(text: string, indices: readonly [number, number][]): ReactNode;
+/**
+ * Build a compact snippet of `text` centered on the first match, with the
+ * matched ranges wrapped in `<mark>` and ellipses at any trimmed edge. Good for
+ * long fields (message bodies, descriptions) where you only want the hit in
+ * context. `indices` are Fuse.js match indices — inclusive `[start, end]` pairs.
+ */
+export declare function highlightSnippet(text: string, indices: readonly [number, number][], window?: number): ReactNode;
+//# sourceMappingURL=highlight.d.ts.map