@nous-research/ui 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -2,6 +2,45 @@
 
 All notable changes to `@nous-research/ui` are documented here. Format based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
+## 0.17.0
+
+### Component promotion and Radix Dialog consolidation
+
+Promotes reusable components and hooks from `hermes-agent/web` into the shared design system, and consolidates all dialog/modal implementations on Radix UI primitives.
+
+#### Added
+
+- **`Dialog` compound component** — general-purpose modal built on Radix Dialog primitive. Compound API: `Dialog`, `DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogFooter`, `DialogTitle`, `DialogDescription`, `DialogClose`. Dismissible via backdrop click or ESC.
+- **`Input`** — styled text input with focus ring, disabled state, courier font.
+- **`Label`** — form label with mondwest font, uppercase tracking, peer-disabled opacity.
+- **`Separator`** — horizontal/vertical divider with `role="separator"`.
+- **`Card`** compound component — `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent` with themeable `--component-card-*` CSS custom properties.
+- **`Toast`** — portal-based success/error notification with enter/exit animations.
+- **`BottomSheet`** — mobile-first bottom sheet with drag-to-dismiss, backdrop, reduced-motion support.
+- **`useToast`** — toast state management with auto-dismiss timer.
+- **`useBelowBreakpoint`** — `matchMedia`-based responsive breakpoint query (SSR-safe).
+- **`useConfirmDelete`** — generic confirm-delete flow state machine.
+- **Forms overview story** — showcases all form controls in one view.
+- Toast keyframes (`toast-in`, `toast-out`) in `globals.css`.
+
+#### Changed
+
+- **`ConfirmDialog` rebuilt on Radix AlertDialog** — same external API (`open`, `onCancel`, `onConfirm`, `title`, `description`, `destructive`, `loading`), but ESC handling, focus trapping, scroll lock, and portal rendering are now handled by Radix. Backdrop click does not dismiss (correct for destructive confirms).
+- **`Checkbox` migrated to unified `radix-ui` package** — import changed from `@radix-ui/react-checkbox` to `radix-ui`.
+- **Dependency:** `@radix-ui/react-checkbox` replaced with unified `radix-ui` package.
+- Storybook stories organized into categories (Forms, Feedback, Overlays, Data Display, Layout, Effects).
+- Kitchen-sink demo updated to use new `Dialog`.
+
+#### Removed
+
+- **`Modal` component** (`modal/index.tsx`, `modal.css`) — unused by any consumer app; replaced by `Dialog`.
+- **`useModalBehavior` hook** — functionality now provided natively by Radix Dialog/AlertDialog primitives.
+- Stale `modal.css` import from `globals.css`.
+
+#### Fixed
+
+- Portal text color: dialogs now use `text-foreground-base` for correct rendering outside the blend-mode stack.
+
 ## 0.16.0
 
 ### Usability overhaul — typography, contrast, theming

package/dist/hooks/use-below-breakpoint.d.ts

@@ -0,0 +1,2 @@
+/** True when viewport width is strictly below `px`. */
+export declare function useBelowBreakpoint(px: number): boolean;

package/dist/hooks/use-below-breakpoint.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useBelowBreakpoint(px) {
+  const query = `(max-width: ${px - 1}px)`;
+  const [matches, setMatches] = useState(
+    () => typeof window !== "undefined" ? window.matchMedia(query).matches : false
+  );
+  useEffect(() => {
+    const mql = window.matchMedia(query);
+    const sync = () => setMatches(mql.matches);
+    sync();
+    mql.addEventListener("change", sync);
+    return () => mql.removeEventListener("change", sync);
+  }, [query]);
+  return matches;
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuLyoqIFRydWUgd2hlbiB2aWV3cG9ydCB3aWR0aCBpcyBzdHJpY3RseSBiZWxvdyBgcHhgLiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUJlbG93QnJlYWtwb2ludChweDogbnVtYmVyKSB7XG4gIGNvbnN0IHF1ZXJ5ID0gYChtYXgtd2lkdGg6ICR7cHggLSAxfXB4KWBcbiAgY29uc3QgW21hdGNoZXMsIHNldE1hdGNoZXNdID0gdXNlU3RhdGUoKCkgPT5cbiAgICB0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5tYXRjaE1lZGlhKHF1ZXJ5KS5tYXRjaGVzIDogZmFsc2VcbiAgKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbXFsID0gd2luZG93Lm1hdGNoTWVkaWEocXVlcnkpXG4gICAgY29uc3Qgc3luYyA9ICgpID0+IHNldE1hdGNoZXMobXFsLm1hdGNoZXMpXG4gICAgc3luYygpXG4gICAgbXFsLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIHN5bmMpXG4gICAgcmV0dXJuICgpID0+IG1xbC5yZW1vdmVFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCBzeW5jKVxuICB9LCBbcXVlcnldKVxuXG4gIHJldHVybiBtYXRjaGVzXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBRUEsU0FBUyxXQUFXLGdCQUFnQjtBQUc3QixnQkFBUyxtQkFBbUIsSUFBWTtBQUM3QyxRQUFNLFFBQVEsZUFBZSxLQUFLLENBQUM7QUFDbkMsUUFBTSxDQUFDLFNBQVMsVUFBVSxJQUFJO0FBQUEsSUFBUyxNQUNyQyxPQUFPLFdBQVcsY0FBYyxPQUFPLFdBQVcsS0FBSyxFQUFFLFVBQVU7QUFBQSxFQUNyRTtBQUVBLFlBQVUsTUFBTTtBQUNkLFVBQU0sTUFBTSxPQUFPLFdBQVcsS0FBSztBQUNuQyxVQUFNLE9BQU8sTUFBTSxXQUFXLElBQUksT0FBTztBQUN6QyxTQUFLO0FBQ0wsUUFBSSxpQkFBaUIsVUFBVSxJQUFJO0FBQ25DLFdBQU8sTUFBTSxJQUFJLG9CQUFvQixVQUFVLElBQUk7QUFBQSxFQUNyRCxHQUFHLENBQUMsS0FBSyxDQUFDO0FBRVYsU0FBTztBQUNUOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/hooks/use-confirm-delete.d.ts

@@ -0,0 +1,10 @@
+export declare function useConfirmDelete<TId>({ onDelete }: {
+    onDelete: (id: TId) => Promise<void>;
+}): {
+    readonly cancel: () => void;
+    readonly confirm: () => Promise<void>;
+    readonly isDeleting: boolean;
+    readonly isOpen: boolean;
+    readonly pendingId: TId | null;
+    readonly requestDelete: (id: TId) => void;
+};

package/dist/hooks/use-confirm-delete.js

@@ -0,0 +1,35 @@
+"use client";
+import { useCallback, useState } from "react";
+export function useConfirmDelete({
+  onDelete
+}) {
+  const [pendingId, setPendingId] = useState(null);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const requestDelete = useCallback((id) => {
+    setPendingId(id);
+  }, []);
+  const cancel = useCallback(() => {
+    if (!isDeleting) setPendingId(null);
+  }, [isDeleting]);
+  const confirm = useCallback(async () => {
+    if (pendingId === null) return;
+    const id = pendingId;
+    setIsDeleting(true);
+    try {
+      await onDelete(id);
+      setPendingId(null);
+    } catch {
+    } finally {
+      setIsDeleting(false);
+    }
+  }, [pendingId, onDelete]);
+  return {
+    cancel,
+    confirm,
+    isDeleting,
+    isOpen: pendingId !== null,
+    pendingId,
+    requestDelete
+  };
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ29uZmlybURlbGV0ZTxUSWQ+KHtcbiAgb25EZWxldGVcbn06IHtcbiAgb25EZWxldGU6IChpZDogVElkKSA9PiBQcm9taXNlPHZvaWQ+XG59KSB7XG4gIGNvbnN0IFtwZW5kaW5nSWQsIHNldFBlbmRpbmdJZF0gPSB1c2VTdGF0ZTxUSWQgfCBudWxsPihudWxsKVxuICBjb25zdCBbaXNEZWxldGluZywgc2V0SXNEZWxldGluZ10gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBjb25zdCByZXF1ZXN0RGVsZXRlID0gdXNlQ2FsbGJhY2soKGlkOiBUSWQpID0+IHtcbiAgICBzZXRQZW5kaW5nSWQoaWQpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGNhbmNlbCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzRGVsZXRpbmcpIHNldFBlbmRpbmdJZChudWxsKVxuICB9LCBbaXNEZWxldGluZ10pXG5cbiAgY29uc3QgY29uZmlybSA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBpZiAocGVuZGluZ0lkID09PSBudWxsKSByZXR1cm5cbiAgICBjb25zdCBpZCA9IHBlbmRpbmdJZFxuICAgIHNldElzRGVsZXRpbmcodHJ1ZSlcbiAgICB0cnkge1xuICAgICAgYXdhaXQgb25EZWxldGUoaWQpXG4gICAgICBzZXRQZW5kaW5nSWQobnVsbClcbiAgICB9IGNhdGNoIHtcbiAgICAgIC8vIERpYWxvZyBzdGF5cyBvcGVuOyBjYWxsZXIgY2FuIHN1cmZhY2UgZXJyb3JzIGluIG9uRGVsZXRlXG4gICAgfSBmaW5hbGx5IHtcbiAgICAgIHNldElzRGVsZXRpbmcoZmFsc2UpXG4gICAgfVxuICB9LCBbcGVuZGluZ0lkLCBvbkRlbGV0ZV0pXG5cbiAgcmV0dXJuIHtcbiAgICBjYW5jZWwsXG4gICAgY29uZmlybSxcbiAgICBpc0RlbGV0aW5nLFxuICAgIGlzT3BlbjogcGVuZGluZ0lkICE9PSBudWxsLFxuICAgIHBlbmRpbmdJZCxcbiAgICByZXF1ZXN0RGVsZXRlXG4gIH0gYXMgY29uc3Rcbn1cbiJdLAogICJtYXBwaW5ncyI6ICI7QUFFQSxTQUFTLGFBQWEsZ0JBQWdCO0FBRS9CLGdCQUFTLGlCQUFzQjtBQUFBLEVBQ3BDO0FBQ0YsR0FFRztBQUNELFFBQU0sQ0FBQyxXQUFXLFlBQVksSUFBSSxTQUFxQixJQUFJO0FBQzNELFFBQU0sQ0FBQyxZQUFZLGFBQWEsSUFBSSxTQUFTLEtBQUs7QUFFbEQsUUFBTSxnQkFBZ0IsWUFBWSxDQUFDLE9BQVk7QUFDN0MsaUJBQWEsRUFBRTtBQUFBLEVBQ2pCLEdBQUcsQ0FBQyxDQUFDO0FBRUwsUUFBTSxTQUFTLFlBQVksTUFBTTtBQUMvQixRQUFJLENBQUMsV0FBWSxjQUFhLElBQUk7QUFBQSxFQUNwQyxHQUFHLENBQUMsVUFBVSxDQUFDO0FBRWYsUUFBTSxVQUFVLFlBQVksWUFBWTtBQUN0QyxRQUFJLGNBQWMsS0FBTTtBQUN4QixVQUFNLEtBQUs7QUFDWCxrQkFBYyxJQUFJO0FBQ2xCLFFBQUk7QUFDRixZQUFNLFNBQVMsRUFBRTtBQUNqQixtQkFBYSxJQUFJO0FBQUEsSUFDbkIsUUFBUTtBQUFBLElBRVIsVUFBRTtBQUNBLG9CQUFjLEtBQUs7QUFBQSxJQUNyQjtBQUFBLEVBQ0YsR0FBRyxDQUFDLFdBQVcsUUFBUSxDQUFDO0FBRXhCLFNBQU87QUFBQSxJQUNMO0FBQUEsSUFDQTtBQUFBLElBQ0E7QUFBQSxJQUNBLFFBQVEsY0FBYztBQUFBLElBQ3RCO0FBQUEsSUFDQTtBQUFBLEVBQ0Y7QUFDRjsiLAogICJuYW1lcyI6IFtdCn0K

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

@@ -0,0 +1,7 @@
+export declare function useToast(duration?: number): {
+    showToast: (message: string, type: "error" | "success") => void;
+    toast: {
+        message: string;
+        type: "error" | "success";
+    } | null;
+};

package/dist/hooks/use-toast.js

@@ -0,0 +1,21 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useToast(duration = 3e3) {
+  const [toast, setToast] = useState(null);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+  const showToast = useCallback(
+    (message, type) => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      setToast({ message, type });
+      timerRef.current = setTimeout(() => setToast(null), duration);
+    },
+    [duration]
+  );
+  return { showToast, toast };
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVRvYXN0KGR1cmF0aW9uID0gMzAwMCkge1xuICBjb25zdCBbdG9hc3QsIHNldFRvYXN0XSA9IHVzZVN0YXRlPHtcbiAgICBtZXNzYWdlOiBzdHJpbmdcbiAgICB0eXBlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnXG4gIH0gfCBudWxsPihudWxsKVxuXG4gIGNvbnN0IHRpbWVyUmVmID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgbnVsbD4obnVsbClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAodGltZXJSZWYuY3VycmVudCkgY2xlYXJUaW1lb3V0KHRpbWVyUmVmLmN1cnJlbnQpXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBzaG93VG9hc3QgPSB1c2VDYWxsYmFjayhcbiAgICAobWVzc2FnZTogc3RyaW5nLCB0eXBlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnKSA9PiB7XG4gICAgICBpZiAodGltZXJSZWYuY3VycmVudCkgY2xlYXJUaW1lb3V0KHRpbWVyUmVmLmN1cnJlbnQpXG4gICAgICBzZXRUb2FzdCh7IG1lc3NhZ2UsIHR5cGUgfSlcbiAgICAgIHRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHNldFRvYXN0KG51bGwpLCBkdXJhdGlvbilcbiAgICB9LFxuICAgIFtkdXJhdGlvbl1cbiAgKVxuXG4gIHJldHVybiB7IHNob3dUb2FzdCwgdG9hc3QgfVxufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUVBLFNBQVMsYUFBYSxXQUFXLFFBQVEsZ0JBQWdCO0FBRWxELGdCQUFTLFNBQVMsV0FBVyxLQUFNO0FBQ3hDLFFBQU0sQ0FBQyxPQUFPLFFBQVEsSUFBSSxTQUdoQixJQUFJO0FBRWQsUUFBTSxXQUFXLE9BQTZDLElBQUk7QUFFbEUsWUFBVSxNQUFNO0FBQ2QsV0FBTyxNQUFNO0FBQ1gsVUFBSSxTQUFTLFFBQVMsY0FBYSxTQUFTLE9BQU87QUFBQSxJQUNyRDtBQUFBLEVBQ0YsR0FBRyxDQUFDLENBQUM7QUFFTCxRQUFNLFlBQVk7QUFBQSxJQUNoQixDQUFDLFNBQWlCLFNBQThCO0FBQzlDLFVBQUksU0FBUyxRQUFTLGNBQWEsU0FBUyxPQUFPO0FBQ25ELGVBQVMsRUFBRSxTQUFTLEtBQUssQ0FBQztBQUMxQixlQUFTLFVBQVUsV0FBVyxNQUFNLFNBQVMsSUFBSSxHQUFHLFFBQVE7QUFBQSxJQUM5RDtBQUFBLElBQ0EsQ0FBQyxRQUFRO0FBQUEsRUFDWDtBQUVBLFNBQU8sRUFBRSxXQUFXLE1BQU07QUFDNUI7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/index.d.ts

@@ -1,13 +1,16 @@
 export { AnimatedCount, useAnimatedCount } from './ui/components/animated-count';
 export { AsciiSkeleton, Scramble as AsciiScramble } from './ui/components/ascii';
 export { Badge } from './ui/components/badge';
+export { BottomSheet } from './ui/components/bottom-sheet';
 export { NousGirlBadge } from './ui/components/badges/nous-girl';
 export { BlendMode, useBlendMode, withBlendMode } from './ui/components/blend-mode';
 export type { BlendModeProps } from './ui/components/blend-mode';
 export { Blink } from './ui/components/blink';
 export { Button } from './ui/components/button';
+export { Card, CardContent, CardDescription, CardHeader, CardTitle } from './ui/components/card';
 export { Checkbox } from './ui/components/checkbox';
 export { CommandBlock, CopyButton } from './ui/components/command-block';
+export { ConfirmDialog } from './ui/components/confirm-dialog';
 export { Cursor } from './ui/components/cursor';
 export { DropdownMenu } from './ui/components/dropdown-menu';
 export { FitText } from './ui/components/fit-text';
@@ -19,9 +22,11 @@ export { DiscordIcon } from './ui/components/icons/discord';
 export { GitHubIcon } from './ui/components/icons/github';
 export { ImageDistortion } from './ui/components/image-distortion';
 export type { AutoPlayPattern } from './ui/components/image-distortion';
+export { Input } from './ui/components/input';
+export { Label } from './ui/components/label';
 export { LevaClient } from './ui/components/leva-client';
 export { ListItem } from './ui/components/list-item';
-export { Modal } from './ui/components/modal';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/components/dialog';
 export { FilterGroup, Segmented } from './ui/components/segmented';
 export { Switch } from './ui/components/switch';
 export { Tabs, TabsList, TabsTrigger } from './ui/components/tabs';
@@ -35,12 +40,14 @@ export { SceneCanvas } from './ui/components/scene-canvas';
 export { Scramble } from './ui/components/scramble';
 export { Select, SelectOption } from './ui/components/select';
 export { SelectionSwitcher } from './ui/components/selection-switcher';
+export { Separator } from './ui/components/separator';
 export { Spinner } from './ui/components/spinner';
 export { Stats } from './ui/components/stats';
 export { TerminalDemo } from './ui/components/terminal-demo';
 export type { TerminalDemoStep } from './ui/components/terminal-demo';
 export { ThemeToggle } from './ui/components/theme-toggle';
 export { TierCard } from './ui/components/tier-card';
+export { Toast } from './ui/components/toast';
 export type { TierCardPrice, TierCardProps } from './ui/components/tier-card';
 export { TV } from './ui/components/tv';
 export { Watchlist } from './ui/components/watchlist';
@@ -63,7 +70,10 @@ export { cn, clamp, smoothstep, hexToVec3, truncate, stripWpStyles } from './uti
 export { polyRef } from './utils';
 export type { PolyComponent, PolyProps, PolyRef } from './utils';
 export { hexToRgb, rgbToHex, colorDodge, colorMix } from './utils/color';
+export { useBelowBreakpoint } from './hooks/use-below-breakpoint';
 export { useCappedFrame } from './hooks/use-capped-frame';
+export { useConfirmDelete } from './hooks/use-confirm-delete';
 export { useCssVarDims } from './hooks/use-css-var-dims';
 export { $gpuTier, useGpuTier } from './hooks/use-gpu-tier';
 export { useSmoothControls, getControlAtom, setControlValue } from './hooks/use-smooth-controls';
+export { useToast } from './hooks/use-toast';

package/dist/index.js

@@ -1,12 +1,15 @@
 export { AnimatedCount, useAnimatedCount } from "./ui/components/animated-count.js";
 export { AsciiSkeleton, Scramble as AsciiScramble } from "./ui/components/ascii.js";
 export { Badge } from "./ui/components/badge.js";
+export { BottomSheet } from "./ui/components/bottom-sheet.js";
 export { NousGirlBadge } from "./ui/components/badges/nous-girl.js";
 export { BlendMode, useBlendMode, withBlendMode } from "./ui/components/blend-mode.js";
 export { Blink } from "./ui/components/blink.js";
 export { Button } from "./ui/components/button.js";
+export { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/components/card.js";
 export { Checkbox } from "./ui/components/checkbox.js";
 export { CommandBlock, CopyButton } from "./ui/components/command-block.js";
+export { ConfirmDialog } from "./ui/components/confirm-dialog.js";
 export { Cursor } from "./ui/components/cursor.js";
 export { DropdownMenu } from "./ui/components/dropdown-menu.js";
 export { FitText } from "./ui/components/fit-text/index.js";
@@ -17,9 +20,22 @@ export * as Icons from "./ui/components/icons/index.js";
 export { DiscordIcon } from "./ui/components/icons/discord.js";
 export { GitHubIcon } from "./ui/components/icons/github.js";
 export { ImageDistortion } from "./ui/components/image-distortion.js";
+export { Input } from "./ui/components/input.js";
+export { Label } from "./ui/components/label.js";
 export { LevaClient } from "./ui/components/leva-client.js";
 export { ListItem } from "./ui/components/list-item.js";
-export { Modal } from "./ui/components/modal/index.js";
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+} from "./ui/components/dialog.js";
 export { FilterGroup, Segmented } from "./ui/components/segmented.js";
 export { Switch } from "./ui/components/switch.js";
 export { Tabs, TabsList, TabsTrigger } from "./ui/components/tabs.js";
@@ -48,11 +64,13 @@ export { SceneCanvas } from "./ui/components/scene-canvas.js";
 export { Scramble } from "./ui/components/scramble.js";
 export { Select, SelectOption } from "./ui/components/select.js";
 export { SelectionSwitcher } from "./ui/components/selection-switcher.js";
+export { Separator } from "./ui/components/separator.js";
 export { Spinner } from "./ui/components/spinner.js";
 export { Stats } from "./ui/components/stats.js";
 export { TerminalDemo } from "./ui/components/terminal-demo.js";
 export { ThemeToggle } from "./ui/components/theme-toggle.js";
 export { TierCard } from "./ui/components/tier-card.js";
+export { Toast } from "./ui/components/toast.js";
 export { TV } from "./ui/components/tv.js";
 export { Watchlist } from "./ui/components/watchlist.js";
 export { Typography } from "./ui/components/typography/index.js";
@@ -75,7 +93,9 @@ export {
 export { cn, clamp, smoothstep, hexToVec3, truncate, stripWpStyles } from "./utils/index.js";
 export { polyRef } from "./utils/index.js";
 export { hexToRgb, rgbToHex, colorDodge, colorMix } from "./utils/color.js";
+export { useBelowBreakpoint } from "./hooks/use-below-breakpoint.js";
 export { useCappedFrame } from "./hooks/use-capped-frame.js";
+export { useConfirmDelete } from "./hooks/use-confirm-delete.js";
 export { useCssVarDims } from "./hooks/use-css-var-dims.js";
 export { $gpuTier, useGpuTier } from "./hooks/use-gpu-tier.js";
 export {
@@ -83,4 +103,5 @@ export {
   getControlAtom,
   setControlValue
 } from "./hooks/use-smooth-controls.js";
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiZXhwb3J0IHsgQW5pbWF0ZWRDb3VudCwgdXNlQW5pbWF0ZWRDb3VudCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9hbmltYXRlZC1jb3VudCdcbmV4cG9ydCB7IEFzY2lpU2tlbGV0b24sIFNjcmFtYmxlIGFzIEFzY2lpU2NyYW1ibGUgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvYXNjaWknXG5leHBvcnQgeyBCYWRnZSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9iYWRnZSdcbmV4cG9ydCB7IE5vdXNHaXJsQmFkZ2UgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvYmFkZ2VzL25vdXMtZ2lybCdcbmV4cG9ydCB7IEJsZW5kTW9kZSwgdXNlQmxlbmRNb2RlLCB3aXRoQmxlbmRNb2RlIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2JsZW5kLW1vZGUnXG5leHBvcnQgdHlwZSB7IEJsZW5kTW9kZVByb3BzIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2JsZW5kLW1vZGUnXG5leHBvcnQgeyBCbGluayB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9ibGluaydcbmV4cG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9idXR0b24nXG5leHBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9jaGVja2JveCdcbmV4cG9ydCB7IENvbW1hbmRCbG9jaywgQ29weUJ1dHRvbiB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9jb21tYW5kLWJsb2NrJ1xuZXhwb3J0IHsgQ3Vyc29yIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2N1cnNvcidcbmV4cG9ydCB7IERyb3Bkb3duTWVudSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9kcm9wZG93bi1tZW51J1xuZXhwb3J0IHsgRml0VGV4dCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9maXQtdGV4dCdcbmV4cG9ydCB7IEJhckNoYXJ0LCBMaW5lQ2hhcnQgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvZ3JhcGhzJ1xuZXhwb3J0IHsgQ2VsbCwgR3JpZCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9ncmlkJ1xuZXhwb3J0IHsgSG92ZXJCZyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9ob3Zlci1iZydcbmV4cG9ydCAqIGFzIEljb25zIGZyb20gJy4vdWkvY29tcG9uZW50cy9pY29ucydcbmV4cG9ydCB7IERpc2NvcmRJY29uIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2ljb25zL2Rpc2NvcmQnXG5leHBvcnQgeyBHaXRIdWJJY29uIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2ljb25zL2dpdGh1YidcbmV4cG9ydCB7IEltYWdlRGlzdG9ydGlvbiB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9pbWFnZS1kaXN0b3J0aW9uJ1xuZXhwb3J0IHR5cGUgeyBBdXRvUGxheVBhdHRlcm4gfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvaW1hZ2UtZGlzdG9ydGlvbidcbmV4cG9ydCB7IExldmFDbGllbnQgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvbGV2YS1jbGllbnQnXG5leHBvcnQgeyBMaXN0SXRlbSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9saXN0LWl0ZW0nXG5leHBvcnQgeyBNb2RhbCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9tb2RhbCdcbmV4cG9ydCB7IEZpbHRlckdyb3VwLCBTZWdtZW50ZWQgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvc2VnbWVudGVkJ1xuZXhwb3J0IHsgU3dpdGNoIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3N3aXRjaCdcbmV4cG9ydCB7IFRhYnMsIFRhYnNMaXN0LCBUYWJzVHJpZ2dlciB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90YWJzJ1xuZXhwb3J0IHsgUG9zdGVyIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3Bvc3RlcidcbmV4cG9ydCB0eXBlIHtcbiAgUG9zdGVyQXNwZWN0LFxuICBQb3N0ZXJQcm9wcyxcbiAgUG9zdGVyVmFyaWFudFxufSBmcm9tICcuL3VpL2NvbXBvbmVudHMvcG9zdGVyJ1xuZXhwb3J0IHtcbiAgYXBwbHlMZW5zLFxuICBCTEVORF9NT0RFUyxcbiAgTEVOU0VTLFxuICBMRU5TXzAsXG4gIExFTlNfNUksXG4gIGxlbnMwLFxuICBsZW5zNWksXG4gIHRvZ2dsZUxlbnMsXG4gICRsaWdodE1vZGVcbn0gZnJvbSAnLi91aS9jb21wb25lbnRzL292ZXJsYXlzJ1xuZXhwb3J0IHtcbiAgR2xpdGNoLFxuICBHcmV5cyxcbiAgTGVucyxcbiAgTm9pc2UsXG4gIE92ZXJsYXlzLFxuICBWaWduZXR0ZVxufSBmcm9tICcuL3VpL2NvbXBvbmVudHMvb3ZlcmxheXMnXG5leHBvcnQgdHlwZSB7IExlbnNQcmVzZXQgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvb3ZlcmxheXMnXG5leHBvcnQgeyBQcm9ncmVzcyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9wcm9ncmVzcydcbmV4cG9ydCB7IFNjZW5lQ2FudmFzIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NjZW5lLWNhbnZhcydcbmV4cG9ydCB7IFNjcmFtYmxlIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NjcmFtYmxlJ1xuZXhwb3J0IHsgU2VsZWN0LCBTZWxlY3RPcHRpb24gfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvc2VsZWN0J1xuZXhwb3J0IHsgU2VsZWN0aW9uU3dpdGNoZXIgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvc2VsZWN0aW9uLXN3aXRjaGVyJ1xuZXhwb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zcGlubmVyJ1xuZXhwb3J0IHsgU3RhdHMgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvc3RhdHMnXG5leHBvcnQgeyBUZXJtaW5hbERlbW8gfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdGVybWluYWwtZGVtbydcbmV4cG9ydCB0eXBlIHsgVGVybWluYWxEZW1vU3RlcCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90ZXJtaW5hbC1kZW1vJ1xuZXhwb3J0IHsgVGhlbWVUb2dnbGUgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdGhlbWUtdG9nZ2xlJ1xuZXhwb3J0IHsgVGllckNhcmQgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdGllci1jYXJkJ1xuZXhwb3J0IHR5cGUgeyBUaWVyQ2FyZFByaWNlLCBUaWVyQ2FyZFByb3BzIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3RpZXItY2FyZCdcbmV4cG9ydCB7IFRWIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3R2J1xuZXhwb3J0IHsgV2F0Y2hsaXN0IH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3dhdGNobGlzdCdcblxuZXhwb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90eXBvZ3JhcGh5J1xuZXhwb3J0IHR5cGUgeyBUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdHlwb2dyYXBoeSdcbmV4cG9ydCB7IEgxIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3R5cG9ncmFwaHkvaDEnXG5leHBvcnQgeyBIMiB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90eXBvZ3JhcGh5L2gyJ1xuZXhwb3J0IHsgTGVnZW5kIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3R5cG9ncmFwaHkvbGVnZW5kJ1xuZXhwb3J0IHsgU21hbGwgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdHlwb2dyYXBoeS9zbWFsbCdcblxuZXhwb3J0IHsgQmFzaWNQYWdlIH0gZnJvbSAnLi91aS9iYXNpYy1wYWdlJ1xuZXhwb3J0IHsgSGVhZGVyIH0gZnJvbSAnLi91aS9oZWFkZXInXG5leHBvcnQgdHlwZSB7IEhlYWRlckxpbmssIEhlYWRlclByb3BzLCBIZWFkZXJTb2NpYWwgfSBmcm9tICcuL3VpL2hlYWRlcidcbmV4cG9ydCB7IEZvb3RlciB9IGZyb20gJy4vdWkvZm9vdGVyJ1xuZXhwb3J0IHR5cGUge1xuICBGb290ZXJHcm91cCxcbiAgRm9vdGVyTGluayxcbiAgRm9vdGVyUHJvcHNcbn0gZnJvbSAnLi91aS9mb290ZXInXG5leHBvcnQgeyBTb2NpYWxzIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NvY2lhbHMnXG5leHBvcnQgdHlwZSB7IFNvY2lhbExpbmsgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvc29jaWFscydcbmV4cG9ydCB7IExheW91dFdyYXBwZXIgfSBmcm9tICcuL3VpL2xheW91dC13cmFwcGVyJ1xuXG5leHBvcnQge1xuICBGT05UX1NBTlMsXG4gIEZPTlRfTU9OTyxcbiAgRk9OVF9SVUxFU19DT01QUkVTU0VELFxuICBGT05UX1JVTEVTX0VYUEFOREVELFxuICBGT05UX01PTkRXRVNUXG59IGZyb20gJy4vZm9udHMnXG5cbmV4cG9ydCB7IGNuLCBjbGFtcCwgc21vb3Roc3RlcCwgaGV4VG9WZWMzLCB0cnVuY2F0ZSwgc3RyaXBXcFN0eWxlcyB9IGZyb20gJy4vdXRpbHMnXG5leHBvcnQgeyBwb2x5UmVmIH0gZnJvbSAnLi91dGlscydcbmV4cG9ydCB0eXBlIHsgUG9seUNvbXBvbmVudCwgUG9seVByb3BzLCBQb2x5UmVmIH0gZnJvbSAnLi91dGlscydcbmV4cG9ydCB7IGhleFRvUmdiLCByZ2JUb0hleCwgY29sb3JEb2RnZSwgY29sb3JNaXggfSBmcm9tICcuL3V0aWxzL2NvbG9yJ1xuXG5leHBvcnQgeyB1c2VDYXBwZWRGcmFtZSB9IGZyb20gJy4vaG9va3MvdXNlLWNhcHBlZC1mcmFtZSdcbmV4cG9ydCB7IHVzZUNzc1ZhckRpbXMgfSBmcm9tICcuL2hvb2tzL3VzZS1jc3MtdmFyLWRpbXMnXG5leHBvcnQgeyAkZ3B1VGllciwgdXNlR3B1VGllciB9IGZyb20gJy4vaG9va3MvdXNlLWdwdS10aWVyJ1xuZXhwb3J0IHtcbiAgdXNlU21vb3RoQ29udHJvbHMsXG4gIGdldENvbnRyb2xBdG9tLFxuICBzZXRDb250cm9sVmFsdWVcbn0gZnJvbSAnLi9ob29rcy91c2Utc21vb3RoLWNvbnRyb2xzJ1xuIl0sCiAgIm1hcHBpbmdzIjogIkFBQUEsU0FBUyxlQUFlLHdCQUF3QjtBQUNoRCxTQUFTLGVBQWUsWUFBWSxxQkFBcUI7QUFDekQsU0FBUyxhQUFhO0FBQ3RCLFNBQVMscUJBQXFCO0FBQzlCLFNBQVMsV0FBVyxjQUFjLHFCQUFxQjtBQUV2RCxTQUFTLGFBQWE7QUFDdEIsU0FBUyxjQUFjO0FBQ3ZCLFNBQVMsZ0JBQWdCO0FBQ3pCLFNBQVMsY0FBYyxrQkFBa0I7QUFDekMsU0FBUyxjQUFjO0FBQ3ZCLFNBQVMsb0JBQW9CO0FBQzdCLFNBQVMsZUFBZTtBQUN4QixTQUFTLFVBQVUsaUJBQWlCO0FBQ3BDLFNBQVMsTUFBTSxZQUFZO0FBQzNCLFNBQVMsZUFBZTtBQUN4QixZQUFZLFdBQVc7QUFDdkIsU0FBUyxtQkFBbUI7QUFDNUIsU0FBUyxrQkFBa0I7QUFDM0IsU0FBUyx1QkFBdUI7QUFFaEMsU0FBUyxrQkFBa0I7QUFDM0IsU0FBUyxnQkFBZ0I7QUFDekIsU0FBUyxhQUFhO0FBQ3RCLFNBQVMsYUFBYSxpQkFBaUI7QUFDdkMsU0FBUyxjQUFjO0FBQ3ZCLFNBQVMsTUFBTSxVQUFVLG1CQUFtQjtBQUM1QyxTQUFTLGNBQWM7QUFNdkI7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUNLO0FBQ1A7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUNLO0FBRVAsU0FBUyxnQkFBZ0I7QUFDekIsU0FBUyxtQkFBbUI7QUFDNUIsU0FBUyxnQkFBZ0I7QUFDekIsU0FBUyxRQUFRLG9CQUFvQjtBQUNyQyxTQUFTLHlCQUF5QjtBQUNsQyxTQUFTLGVBQWU7QUFDeEIsU0FBUyxhQUFhO0FBQ3RCLFNBQVMsb0JBQW9CO0FBRTdCLFNBQVMsbUJBQW1CO0FBQzVCLFNBQVMsZ0JBQWdCO0FBRXpCLFNBQVMsVUFBVTtBQUNuQixTQUFTLGlCQUFpQjtBQUUxQixTQUFTLGtCQUFrQjtBQUUzQixTQUFTLFVBQVU7QUFDbkIsU0FBUyxVQUFVO0FBQ25CLFNBQVMsY0FBYztBQUN2QixTQUFTLGFBQWE7QUFFdEIsU0FBUyxpQkFBaUI7QUFDMUIsU0FBUyxjQUFjO0FBRXZCLFNBQVMsY0FBYztBQU12QixTQUFTLGVBQWU7QUFFeEIsU0FBUyxxQkFBcUI7QUFFOUI7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLE9BQ0s7QUFFUCxTQUFTLElBQUksT0FBTyxZQUFZLFdBQVcsVUFBVSxxQkFBcUI7QUFDMUUsU0FBUyxlQUFlO0FBRXhCLFNBQVMsVUFBVSxVQUFVLFlBQVksZ0JBQWdCO0FBRXpELFNBQVMsc0JBQXNCO0FBQy9CLFNBQVMscUJBQXFCO0FBQzlCLFNBQVMsVUFBVSxrQkFBa0I7QUFDckM7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUNLOyIsCiAgIm5hbWVzIjogW10KfQo=
+export { useToast } from "./hooks/use-toast.js";
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiZXhwb3J0IHsgQW5pbWF0ZWRDb3VudCwgdXNlQW5pbWF0ZWRDb3VudCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9hbmltYXRlZC1jb3VudCdcbmV4cG9ydCB7IEFzY2lpU2tlbGV0b24sIFNjcmFtYmxlIGFzIEFzY2lpU2NyYW1ibGUgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvYXNjaWknXG5leHBvcnQgeyBCYWRnZSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9iYWRnZSdcbmV4cG9ydCB7IEJvdHRvbVNoZWV0IH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2JvdHRvbS1zaGVldCdcbmV4cG9ydCB7IE5vdXNHaXJsQmFkZ2UgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvYmFkZ2VzL25vdXMtZ2lybCdcbmV4cG9ydCB7IEJsZW5kTW9kZSwgdXNlQmxlbmRNb2RlLCB3aXRoQmxlbmRNb2RlIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2JsZW5kLW1vZGUnXG5leHBvcnQgdHlwZSB7IEJsZW5kTW9kZVByb3BzIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2JsZW5kLW1vZGUnXG5leHBvcnQgeyBCbGluayB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9ibGluaydcbmV4cG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9idXR0b24nXG5leHBvcnQgeyBDYXJkLCBDYXJkQ29udGVudCwgQ2FyZERlc2NyaXB0aW9uLCBDYXJkSGVhZGVyLCBDYXJkVGl0bGUgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvY2FyZCdcbmV4cG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2NoZWNrYm94J1xuZXhwb3J0IHsgQ29tbWFuZEJsb2NrLCBDb3B5QnV0dG9uIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2NvbW1hbmQtYmxvY2snXG5leHBvcnQgeyBDb25maXJtRGlhbG9nIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2NvbmZpcm0tZGlhbG9nJ1xuZXhwb3J0IHsgQ3Vyc29yIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2N1cnNvcidcbmV4cG9ydCB7IERyb3Bkb3duTWVudSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9kcm9wZG93bi1tZW51J1xuZXhwb3J0IHsgRml0VGV4dCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9maXQtdGV4dCdcbmV4cG9ydCB7IEJhckNoYXJ0LCBMaW5lQ2hhcnQgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvZ3JhcGhzJ1xuZXhwb3J0IHsgQ2VsbCwgR3JpZCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9ncmlkJ1xuZXhwb3J0IHsgSG92ZXJCZyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9ob3Zlci1iZydcbmV4cG9ydCAqIGFzIEljb25zIGZyb20gJy4vdWkvY29tcG9uZW50cy9pY29ucydcbmV4cG9ydCB7IERpc2NvcmRJY29uIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2ljb25zL2Rpc2NvcmQnXG5leHBvcnQgeyBHaXRIdWJJY29uIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2ljb25zL2dpdGh1YidcbmV4cG9ydCB7IEltYWdlRGlzdG9ydGlvbiB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9pbWFnZS1kaXN0b3J0aW9uJ1xuZXhwb3J0IHR5cGUgeyBBdXRvUGxheVBhdHRlcm4gfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvaW1hZ2UtZGlzdG9ydGlvbidcbmV4cG9ydCB7IElucHV0IH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2lucHV0J1xuZXhwb3J0IHsgTGFiZWwgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvbGFiZWwnXG5leHBvcnQgeyBMZXZhQ2xpZW50IH0gZnJvbSAnLi91aS9jb21wb25lbnRzL2xldmEtY2xpZW50J1xuZXhwb3J0IHsgTGlzdEl0ZW0gfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvbGlzdC1pdGVtJ1xuZXhwb3J0IHtcbiAgRGlhbG9nLFxuICBEaWFsb2dDbG9zZSxcbiAgRGlhbG9nQ29udGVudCxcbiAgRGlhbG9nRGVzY3JpcHRpb24sXG4gIERpYWxvZ0Zvb3RlcixcbiAgRGlhbG9nSGVhZGVyLFxuICBEaWFsb2dPdmVybGF5LFxuICBEaWFsb2dQb3J0YWwsXG4gIERpYWxvZ1RpdGxlLFxuICBEaWFsb2dUcmlnZ2VyXG59IGZyb20gJy4vdWkvY29tcG9uZW50cy9kaWFsb2cnXG5leHBvcnQgeyBGaWx0ZXJHcm91cCwgU2VnbWVudGVkIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NlZ21lbnRlZCdcbmV4cG9ydCB7IFN3aXRjaCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zd2l0Y2gnXG5leHBvcnQgeyBUYWJzLCBUYWJzTGlzdCwgVGFic1RyaWdnZXIgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdGFicydcbmV4cG9ydCB7IFBvc3RlciB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9wb3N0ZXInXG5leHBvcnQgdHlwZSB7XG4gIFBvc3RlckFzcGVjdCxcbiAgUG9zdGVyUHJvcHMsXG4gIFBvc3RlclZhcmlhbnRcbn0gZnJvbSAnLi91aS9jb21wb25lbnRzL3Bvc3RlcidcbmV4cG9ydCB7XG4gIGFwcGx5TGVucyxcbiAgQkxFTkRfTU9ERVMsXG4gIExFTlNFUyxcbiAgTEVOU18wLFxuICBMRU5TXzVJLFxuICBsZW5zMCxcbiAgbGVuczVpLFxuICB0b2dnbGVMZW5zLFxuICAkbGlnaHRNb2RlXG59IGZyb20gJy4vdWkvY29tcG9uZW50cy9vdmVybGF5cydcbmV4cG9ydCB7XG4gIEdsaXRjaCxcbiAgR3JleXMsXG4gIExlbnMsXG4gIE5vaXNlLFxuICBPdmVybGF5cyxcbiAgVmlnbmV0dGVcbn0gZnJvbSAnLi91aS9jb21wb25lbnRzL292ZXJsYXlzJ1xuZXhwb3J0IHR5cGUgeyBMZW5zUHJlc2V0IH0gZnJvbSAnLi91aS9jb21wb25lbnRzL292ZXJsYXlzJ1xuZXhwb3J0IHsgUHJvZ3Jlc3MgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvcHJvZ3Jlc3MnXG5leHBvcnQgeyBTY2VuZUNhbnZhcyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zY2VuZS1jYW52YXMnXG5leHBvcnQgeyBTY3JhbWJsZSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zY3JhbWJsZSdcbmV4cG9ydCB7IFNlbGVjdCwgU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NlbGVjdCdcbmV4cG9ydCB7IFNlbGVjdGlvblN3aXRjaGVyIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NlbGVjdGlvbi1zd2l0Y2hlcidcbmV4cG9ydCB7IFNlcGFyYXRvciB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zZXBhcmF0b3InXG5leHBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NwaW5uZXInXG5leHBvcnQgeyBTdGF0cyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zdGF0cydcbmV4cG9ydCB7IFRlcm1pbmFsRGVtbyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90ZXJtaW5hbC1kZW1vJ1xuZXhwb3J0IHR5cGUgeyBUZXJtaW5hbERlbW9TdGVwIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3Rlcm1pbmFsLWRlbW8nXG5leHBvcnQgeyBUaGVtZVRvZ2dsZSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90aGVtZS10b2dnbGUnXG5leHBvcnQgeyBUaWVyQ2FyZCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90aWVyLWNhcmQnXG5leHBvcnQgeyBUb2FzdCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90b2FzdCdcbmV4cG9ydCB0eXBlIHsgVGllckNhcmRQcmljZSwgVGllckNhcmRQcm9wcyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90aWVyLWNhcmQnXG5leHBvcnQgeyBUViB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90didcbmV4cG9ydCB7IFdhdGNobGlzdCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy93YXRjaGxpc3QnXG5cbmV4cG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdHlwb2dyYXBoeSdcbmV4cG9ydCB0eXBlIHsgVHlwb2dyYXBoeVByb3BzIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3R5cG9ncmFwaHknXG5leHBvcnQgeyBIMSB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90eXBvZ3JhcGh5L2gxJ1xuZXhwb3J0IHsgSDIgfSBmcm9tICcuL3VpL2NvbXBvbmVudHMvdHlwb2dyYXBoeS9oMidcbmV4cG9ydCB7IExlZ2VuZCB9IGZyb20gJy4vdWkvY29tcG9uZW50cy90eXBvZ3JhcGh5L2xlZ2VuZCdcbmV4cG9ydCB7IFNtYWxsIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3R5cG9ncmFwaHkvc21hbGwnXG5cbmV4cG9ydCB7IEJhc2ljUGFnZSB9IGZyb20gJy4vdWkvYmFzaWMtcGFnZSdcbmV4cG9ydCB7IEhlYWRlciB9IGZyb20gJy4vdWkvaGVhZGVyJ1xuZXhwb3J0IHR5cGUgeyBIZWFkZXJMaW5rLCBIZWFkZXJQcm9wcywgSGVhZGVyU29jaWFsIH0gZnJvbSAnLi91aS9oZWFkZXInXG5leHBvcnQgeyBGb290ZXIgfSBmcm9tICcuL3VpL2Zvb3RlcidcbmV4cG9ydCB0eXBlIHtcbiAgRm9vdGVyR3JvdXAsXG4gIEZvb3RlckxpbmssXG4gIEZvb3RlclByb3BzXG59IGZyb20gJy4vdWkvZm9vdGVyJ1xuZXhwb3J0IHsgU29jaWFscyB9IGZyb20gJy4vdWkvY29tcG9uZW50cy9zb2NpYWxzJ1xuZXhwb3J0IHR5cGUgeyBTb2NpYWxMaW5rIH0gZnJvbSAnLi91aS9jb21wb25lbnRzL3NvY2lhbHMnXG5leHBvcnQgeyBMYXlvdXRXcmFwcGVyIH0gZnJvbSAnLi91aS9sYXlvdXQtd3JhcHBlcidcblxuZXhwb3J0IHtcbiAgRk9OVF9TQU5TLFxuICBGT05UX01PTk8sXG4gIEZPTlRfUlVMRVNfQ09NUFJFU1NFRCxcbiAgRk9OVF9SVUxFU19FWFBBTkRFRCxcbiAgRk9OVF9NT05EV0VTVFxufSBmcm9tICcuL2ZvbnRzJ1xuXG5leHBvcnQgeyBjbiwgY2xhbXAsIHNtb290aHN0ZXAsIGhleFRvVmVjMywgdHJ1bmNhdGUsIHN0cmlwV3BTdHlsZXMgfSBmcm9tICcuL3V0aWxzJ1xuZXhwb3J0IHsgcG9seVJlZiB9IGZyb20gJy4vdXRpbHMnXG5leHBvcnQgdHlwZSB7IFBvbHlDb21wb25lbnQsIFBvbHlQcm9wcywgUG9seVJlZiB9IGZyb20gJy4vdXRpbHMnXG5leHBvcnQgeyBoZXhUb1JnYiwgcmdiVG9IZXgsIGNvbG9yRG9kZ2UsIGNvbG9yTWl4IH0gZnJvbSAnLi91dGlscy9jb2xvcidcblxuZXhwb3J0IHsgdXNlQmVsb3dCcmVha3BvaW50IH0gZnJvbSAnLi9ob29rcy91c2UtYmVsb3ctYnJlYWtwb2ludCdcbmV4cG9ydCB7IHVzZUNhcHBlZEZyYW1lIH0gZnJvbSAnLi9ob29rcy91c2UtY2FwcGVkLWZyYW1lJ1xuZXhwb3J0IHsgdXNlQ29uZmlybURlbGV0ZSB9IGZyb20gJy4vaG9va3MvdXNlLWNvbmZpcm0tZGVsZXRlJ1xuZXhwb3J0IHsgdXNlQ3NzVmFyRGltcyB9IGZyb20gJy4vaG9va3MvdXNlLWNzcy12YXItZGltcydcbmV4cG9ydCB7ICRncHVUaWVyLCB1c2VHcHVUaWVyIH0gZnJvbSAnLi9ob29rcy91c2UtZ3B1LXRpZXInXG5leHBvcnQge1xuICB1c2VTbW9vdGhDb250cm9scyxcbiAgZ2V0Q29udHJvbEF0b20sXG4gIHNldENvbnRyb2xWYWx1ZVxufSBmcm9tICcuL2hvb2tzL3VzZS1zbW9vdGgtY29udHJvbHMnXG5leHBvcnQgeyB1c2VUb2FzdCB9IGZyb20gJy4vaG9va3MvdXNlLXRvYXN0J1xuIl0sCiAgIm1hcHBpbmdzIjogIkFBQUEsU0FBUyxlQUFlLHdCQUF3QjtBQUNoRCxTQUFTLGVBQWUsWUFBWSxxQkFBcUI7QUFDekQsU0FBUyxhQUFhO0FBQ3RCLFNBQVMsbUJBQW1CO0FBQzVCLFNBQVMscUJBQXFCO0FBQzlCLFNBQVMsV0FBVyxjQUFjLHFCQUFxQjtBQUV2RCxTQUFTLGFBQWE7QUFDdEIsU0FBUyxjQUFjO0FBQ3ZCLFNBQVMsTUFBTSxhQUFhLGlCQUFpQixZQUFZLGlCQUFpQjtBQUMxRSxTQUFTLGdCQUFnQjtBQUN6QixTQUFTLGNBQWMsa0JBQWtCO0FBQ3pDLFNBQVMscUJBQXFCO0FBQzlCLFNBQVMsY0FBYztBQUN2QixTQUFTLG9CQUFvQjtBQUM3QixTQUFTLGVBQWU7QUFDeEIsU0FBUyxVQUFVLGlCQUFpQjtBQUNwQyxTQUFTLE1BQU0sWUFBWTtBQUMzQixTQUFTLGVBQWU7QUFDeEIsWUFBWSxXQUFXO0FBQ3ZCLFNBQVMsbUJBQW1CO0FBQzVCLFNBQVMsa0JBQWtCO0FBQzNCLFNBQVMsdUJBQXVCO0FBRWhDLFNBQVMsYUFBYTtBQUN0QixTQUFTLGFBQWE7QUFDdEIsU0FBUyxrQkFBa0I7QUFDM0IsU0FBUyxnQkFBZ0I7QUFDekI7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsT0FDSztBQUNQLFNBQVMsYUFBYSxpQkFBaUI7QUFDdkMsU0FBUyxjQUFjO0FBQ3ZCLFNBQVMsTUFBTSxVQUFVLG1CQUFtQjtBQUM1QyxTQUFTLGNBQWM7QUFNdkI7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUNLO0FBQ1A7QUFBQSxFQUNFO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUNLO0FBRVAsU0FBUyxnQkFBZ0I7QUFDekIsU0FBUyxtQkFBbUI7QUFDNUIsU0FBUyxnQkFBZ0I7QUFDekIsU0FBUyxRQUFRLG9CQUFvQjtBQUNyQyxTQUFTLHlCQUF5QjtBQUNsQyxTQUFTLGlCQUFpQjtBQUMxQixTQUFTLGVBQWU7QUFDeEIsU0FBUyxhQUFhO0FBQ3RCLFNBQVMsb0JBQW9CO0FBRTdCLFNBQVMsbUJBQW1CO0FBQzVCLFNBQVMsZ0JBQWdCO0FBQ3pCLFNBQVMsYUFBYTtBQUV0QixTQUFTLFVBQVU7QUFDbkIsU0FBUyxpQkFBaUI7QUFFMUIsU0FBUyxrQkFBa0I7QUFFM0IsU0FBUyxVQUFVO0FBQ25CLFNBQVMsVUFBVTtBQUNuQixTQUFTLGNBQWM7QUFDdkIsU0FBUyxhQUFhO0FBRXRCLFNBQVMsaUJBQWlCO0FBQzFCLFNBQVMsY0FBYztBQUV2QixTQUFTLGNBQWM7QUFNdkIsU0FBUyxlQUFlO0FBRXhCLFNBQVMscUJBQXFCO0FBRTlCO0FBQUEsRUFDRTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFBQSxPQUNLO0FBRVAsU0FBUyxJQUFJLE9BQU8sWUFBWSxXQUFXLFVBQVUscUJBQXFCO0FBQzFFLFNBQVMsZUFBZTtBQUV4QixTQUFTLFVBQVUsVUFBVSxZQUFZLGdCQUFnQjtBQUV6RCxTQUFTLDBCQUEwQjtBQUNuQyxTQUFTLHNCQUFzQjtBQUMvQixTQUFTLHdCQUF3QjtBQUNqQyxTQUFTLHFCQUFxQjtBQUM5QixTQUFTLFVBQVUsa0JBQWtCO0FBQ3JDO0FBQUEsRUFDRTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsT0FDSztBQUNQLFNBQVMsZ0JBQWdCOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/ui/components/bottom-sheet.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+/**
+ * Mobile-first bottom sheet with slide + fade enter/exit, drag-to-dismiss
+ * handle, body scroll lock, and reduced-motion support. Portaled to
+ * `document.body` to escape ancestor stacking contexts.
+ */
+export declare function BottomSheet({ backdropDismissLabel, children, onClose, open, title }: BottomSheetProps): import("react").ReactPortal | null;
+interface BottomSheetProps {
+    backdropDismissLabel?: string;
+    children: ReactNode;
+    onClose: () => void;
+    open: boolean;
+    title: string;
+}
+export {};

package/dist/ui/components/bottom-sheet.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../../utils/index.js";
+import { Typography } from "./typography/index.js";
+const CLOSE_DRAG_MIN_PX = 72;
+const CLOSE_DRAG_RATIO = 0.18;
+const SHEET_TRANSITION_MS = 280;
+export function BottomSheet({
+  backdropDismissLabel = "Dismiss",
+  children,
+  onClose,
+  open,
+  title
+}) {
+  const [renderPortal, setRenderPortal] = useState(open);
+  const [entered, setEntered] = useState(false);
+  const [dragOffsetPx, setDragOffsetPx] = useState(0);
+  const [dragActive, setDragActive] = useState(false);
+  const closeTimerRef = useRef(null);
+  const sheetRef = useRef(null);
+  const dragTrackingRef = useRef(false);
+  const dragStartYRef = useRef(0);
+  const dragOffsetRef = useRef(0);
+  const reducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  const syncDragPx = (next) => {
+    dragOffsetRef.current = next;
+    setDragOffsetPx(next);
+  };
+  useEffect(() => {
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    const ms = reducedMotion ? 0 : SHEET_TRANSITION_MS;
+    let openRafId = 0;
+    let exitRafId = 0;
+    if (open) {
+      openRafId = requestAnimationFrame(() => {
+        dragTrackingRef.current = false;
+        dragOffsetRef.current = 0;
+        setDragActive(false);
+        setDragOffsetPx(0);
+        setRenderPortal(true);
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => setEntered(true));
+        });
+      });
+    } else {
+      exitRafId = requestAnimationFrame(() => {
+        dragTrackingRef.current = false;
+        setDragActive(false);
+        setEntered(false);
+        closeTimerRef.current = window.setTimeout(() => {
+          dragOffsetRef.current = 0;
+          setDragOffsetPx(0);
+          setRenderPortal(false);
+          closeTimerRef.current = null;
+        }, ms);
+      });
+    }
+    return () => {
+      cancelAnimationFrame(openRafId);
+      cancelAnimationFrame(exitRafId);
+      if (closeTimerRef.current) {
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+      }
+    };
+  }, [open, reducedMotion]);
+  useEffect(() => {
+    if (!renderPortal) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [renderPortal]);
+  if (!renderPortal || typeof document === "undefined") return null;
+  const durationClass = reducedMotion ? "duration-0" : "duration-[280ms]";
+  const draggingVisual = dragActive || dragOffsetPx > 0;
+  const onDragPointerDown = (e) => {
+    if (reducedMotion || !entered) return;
+    if (e.pointerType === "mouse" && e.button !== 0) return;
+    dragTrackingRef.current = true;
+    setDragActive(true);
+    dragStartYRef.current = e.clientY;
+    syncDragPx(0);
+    e.currentTarget.setPointerCapture(e.pointerId);
+  };
+  const onDragPointerMove = (e) => {
+    if (!dragTrackingRef.current) return;
+    const dy = e.clientY - dragStartYRef.current;
+    const next = Math.max(0, dy);
+    const sheetH = sheetRef.current?.offsetHeight ?? 560;
+    syncDragPx(Math.min(next, sheetH));
+  };
+  const endDrag = (e) => {
+    if (!dragTrackingRef.current) return;
+    dragTrackingRef.current = false;
+    setDragActive(false);
+    try {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+    const sheetH = sheetRef.current?.offsetHeight ?? 560;
+    const threshold = Math.max(CLOSE_DRAG_MIN_PX, sheetH * CLOSE_DRAG_RATIO);
+    const d = dragOffsetRef.current;
+    if (d >= threshold) {
+      onClose();
+      return;
+    }
+    syncDragPx(0);
+  };
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[200] flex flex-col justify-end", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": backdropDismissLabel,
+          className: cn(
+            "absolute inset-0 bg-black/55 backdrop-blur-[2px]",
+            "transition-opacity ease-out motion-reduce:transition-none",
+            durationClass,
+            entered ? "opacity-100" : "opacity-0"
+          ),
+          onClick: onClose,
+          type: "button"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "aria-label": title,
+          "aria-modal": "true",
+          className: cn(
+            "relative flex max-h-[85dvh] min-h-0 flex-col rounded-t-xl border border-current/20",
+            "bg-background-base/98 pb-[max(1rem,env(safe-area-inset-bottom))]",
+            "shadow-[0_-12px_40px_-8px_rgba(0,0,0,0.55)] backdrop-blur-md",
+            "ease-out motion-reduce:transition-none transform-gpu",
+            draggingVisual ? "transition-none" : cn("transition-transform", durationClass),
+            entered ? "translate-y-0" : "translate-y-full"
+          ),
+          ref: sheetRef,
+          role: "dialog",
+          style: entered && dragOffsetPx > 0 ? { transform: `translateY(${dragOffsetPx}px)` } : void 0,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex shrink-0 flex-col gap-2 border-b border-current/15 px-4 pb-3 pt-2",
+                  "touch-none select-none",
+                  reducedMotion ? "cursor-default" : "cursor-grab active:cursor-grabbing"
+                ),
+                onPointerCancel: endDrag,
+                onPointerDown: onDragPointerDown,
+                onPointerMove: onDragPointerMove,
+                onPointerUp: endDrag,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "aria-hidden": true,
+                      className: "mx-auto h-1 w-10 shrink-0 rounded-full bg-current/20"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      className: "text-[0.65rem] tracking-[0.15em] uppercase text-midground/70",
+                      mondwest: true,
+                      children: title
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7XG4gIHR5cGUgUG9pbnRlckV2ZW50IGFzIFJlYWN0UG9pbnRlckV2ZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuXG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4vdHlwb2dyYXBoeSdcblxuY29uc3QgQ0xPU0VfRFJBR19NSU5fUFggPSA3MlxuY29uc3QgQ0xPU0VfRFJBR19SQVRJTyA9IDAuMThcbmNvbnN0IFNIRUVUX1RSQU5TSVRJT05fTVMgPSAyODBcblxuLyoqXG4gKiBNb2JpbGUtZmlyc3QgYm90dG9tIHNoZWV0IHdpdGggc2xpZGUgKyBmYWRlIGVudGVyL2V4aXQsIGRyYWctdG8tZGlzbWlzc1xuICogaGFuZGxlLCBib2R5IHNjcm9sbCBsb2NrLCBhbmQgcmVkdWNlZC1tb3Rpb24gc3VwcG9ydC4gUG9ydGFsZWQgdG9cbiAqIGBkb2N1bWVudC5ib2R5YCB0byBlc2NhcGUgYW5jZXN0b3Igc3RhY2tpbmcgY29udGV4dHMuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBCb3R0b21TaGVldCh7XG4gIGJhY2tkcm9wRGlzbWlzc0xhYmVsID0gJ0Rpc21pc3MnLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgb3BlbixcbiAgdGl0bGVcbn06IEJvdHRvbVNoZWV0UHJvcHMpIHtcbiAgY29uc3QgW3JlbmRlclBvcnRhbCwgc2V0UmVuZGVyUG9ydGFsXSA9IHVzZVN0YXRlKG9wZW4pXG4gIGNvbnN0IFtlbnRlcmVkLCBzZXRFbnRlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbZHJhZ09mZnNldFB4LCBzZXREcmFnT2Zmc2V0UHhdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgW2RyYWdBY3RpdmUsIHNldERyYWdBY3RpdmVdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgY2xvc2VUaW1lclJlZiA9IHVzZVJlZjxSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IG51bGw+KG51bGwpXG4gIGNvbnN0IHNoZWV0UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBkcmFnVHJhY2tpbmdSZWYgPSB1c2VSZWYoZmFsc2UpXG4gIGNvbnN0IGRyYWdTdGFydFlSZWYgPSB1c2VSZWYoMClcbiAgY29uc3QgZHJhZ09mZnNldFJlZiA9IHVzZVJlZigwKVxuXG4gIGNvbnN0IHJlZHVjZWRNb3Rpb24gPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnICYmXG4gICAgd2luZG93Lm1hdGNoTWVkaWEoJyhwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpJykubWF0Y2hlc1xuXG4gIGNvbnN0IHN5bmNEcmFnUHggPSAobmV4dDogbnVtYmVyKSA9PiB7XG4gICAgZHJhZ09mZnNldFJlZi5jdXJyZW50ID0gbmV4dFxuICAgIHNldERyYWdPZmZzZXRQeChuZXh0KVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2xvc2VUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICBjbGVhclRpbWVvdXQoY2xvc2VUaW1lclJlZi5jdXJyZW50KVxuICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICAgIH1cblxuICAgIGNvbnN0IG1zID0gcmVkdWNlZE1vdGlvbiA/IDAgOiBTSEVFVF9UUkFOU0lUSU9OX01TXG5cbiAgICBsZXQgb3BlblJhZklkID0gMFxuICAgIGxldCBleGl0UmFmSWQgPSAwXG5cbiAgICBpZiAob3Blbikge1xuICAgICAgb3BlblJhZklkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgZHJhZ1RyYWNraW5nUmVmLmN1cnJlbnQgPSBmYWxzZVxuICAgICAgICBkcmFnT2Zmc2V0UmVmLmN1cnJlbnQgPSAwXG4gICAgICAgIHNldERyYWdBY3RpdmUoZmFsc2UpXG4gICAgICAgIHNldERyYWdPZmZzZXRQeCgwKVxuICAgICAgICBzZXRSZW5kZXJQb3J0YWwodHJ1ZSlcbiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gc2V0RW50ZXJlZCh0cnVlKSlcbiAgICAgICAgfSlcbiAgICAgIH0pXG4gICAgfSBlbHNlIHtcbiAgICAgIGV4aXRSYWZJZCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgIGRyYWdUcmFja2luZ1JlZi5jdXJyZW50ID0gZmFsc2VcbiAgICAgICAgc2V0RHJhZ0FjdGl2ZShmYWxzZSlcbiAgICAgICAgc2V0RW50ZXJlZChmYWxzZSlcbiAgICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGRyYWdPZmZzZXRSZWYuY3VycmVudCA9IDBcbiAgICAgICAgICBzZXREcmFnT2Zmc2V0UHgoMClcbiAgICAgICAgICBzZXRSZW5kZXJQb3J0YWwoZmFsc2UpXG4gICAgICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICAgICAgICB9LCBtcylcbiAgICAgIH0pXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKG9wZW5SYWZJZClcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKGV4aXRSYWZJZClcbiAgICAgIGlmIChjbG9zZVRpbWVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KGNsb3NlVGltZXJSZWYuY3VycmVudClcbiAgICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW4sIHJlZHVjZWRNb3Rpb25dKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFyZW5kZXJQb3J0YWwpIHJldHVyblxuICAgIGNvbnN0IHByZXYgPSBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSBwcmV2XG4gICAgfVxuICB9LCBbcmVuZGVyUG9ydGFsXSlcblxuICBpZiAoIXJlbmRlclBvcnRhbCB8fCB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm4gbnVsbFxuXG4gIGNvbnN0IGR1cmF0aW9uQ2xhc3MgPSByZWR1Y2VkTW90aW9uID8gJ2R1cmF0aW9uLTAnIDogJ2R1cmF0aW9uLVsyODBtc10nXG4gIGNvbnN0IGRyYWdnaW5nVmlzdWFsID0gZHJhZ0FjdGl2ZSB8fCBkcmFnT2Zmc2V0UHggPiAwXG5cbiAgY29uc3Qgb25EcmFnUG9pbnRlckRvd24gPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKHJlZHVjZWRNb3Rpb24gfHwgIWVudGVyZWQpIHJldHVyblxuICAgIGlmIChlLnBvaW50ZXJUeXBlID09PSAnbW91c2UnICYmIGUuYnV0dG9uICE9PSAwKSByZXR1cm5cblxuICAgIGRyYWdUcmFja2luZ1JlZi5jdXJyZW50ID0gdHJ1ZVxuICAgIHNldERyYWdBY3RpdmUodHJ1ZSlcbiAgICBkcmFnU3RhcnRZUmVmLmN1cnJlbnQgPSBlLmNsaWVudFlcbiAgICBzeW5jRHJhZ1B4KDApXG4gICAgZS5jdXJyZW50VGFyZ2V0LnNldFBvaW50ZXJDYXB0dXJlKGUucG9pbnRlcklkKVxuICB9XG5cbiAgY29uc3Qgb25EcmFnUG9pbnRlck1vdmUgPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKCFkcmFnVHJhY2tpbmdSZWYuY3VycmVudCkgcmV0dXJuXG4gICAgY29uc3QgZHkgPSBlLmNsaWVudFkgLSBkcmFnU3RhcnRZUmVmLmN1cnJlbnRcbiAgICBjb25zdCBuZXh0ID0gTWF0aC5tYXgoMCwgZHkpXG4gICAgY29uc3Qgc2hlZXRIID0gc2hlZXRSZWYuY3VycmVudD8ub2Zmc2V0SGVpZ2h0ID8/IDU2MFxuICAgIHN5bmNEcmFnUHgoTWF0aC5taW4obmV4dCwgc2hlZXRIKSlcbiAgfVxuXG4gIGNvbnN0IGVuZERyYWcgPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKCFkcmFnVHJhY2tpbmdSZWYuY3VycmVudCkgcmV0dXJuXG4gICAgZHJhZ1RyYWNraW5nUmVmLmN1cnJlbnQgPSBmYWxzZVxuICAgIHNldERyYWdBY3RpdmUoZmFsc2UpXG4gICAgdHJ5IHtcbiAgICAgIGUuY3VycmVudFRhcmdldC5yZWxlYXNlUG9pbnRlckNhcHR1cmUoZS5wb2ludGVySWQpXG4gICAgfSBjYXRjaCB7XG4gICAgICAvKiBhbHJlYWR5IHJlbGVhc2VkICovXG4gICAgfVxuXG4gICAgY29uc3Qgc2hlZXRIID0gc2hlZXRSZWYuY3VycmVudD8ub2Zmc2V0SGVpZ2h0ID8/IDU2MFxuICAgIGNvbnN0IHRocmVzaG9sZCA9IE1hdGgubWF4KENMT1NFX0RSQUdfTUlOX1BYLCBzaGVldEggKiBDTE9TRV9EUkFHX1JBVElPKVxuICAgIGNvbnN0IGQgPSBkcmFnT2Zmc2V0UmVmLmN1cnJlbnRcblxuICAgIGlmIChkID49IHRocmVzaG9sZCkge1xuICAgICAgb25DbG9zZSgpXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgc3luY0RyYWdQeCgwKVxuICB9XG5cbiAgcmV0dXJuIGNyZWF0ZVBvcnRhbChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImZpeGVkIGluc2V0LTAgei1bMjAwXSBmbGV4IGZsZXgtY29sIGp1c3RpZnktZW5kXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9e2JhY2tkcm9wRGlzbWlzc0xhYmVsfVxuICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICdhYnNvbHV0ZSBpbnNldC0wIGJnLWJsYWNrLzU1IGJhY2tkcm9wLWJsdXItWzJweF0nLFxuICAgICAgICAgICd0cmFuc2l0aW9uLW9wYWNpdHkgZWFzZS1vdXQgbW90aW9uLXJlZHVjZTp0cmFuc2l0aW9uLW5vbmUnLFxuICAgICAgICAgIGR1cmF0aW9uQ2xhc3MsXG4gICAgICAgICAgZW50ZXJlZCA/ICdvcGFjaXR5LTEwMCcgOiAnb3BhY2l0eS0wJ1xuICAgICAgICApfVxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIC8+XG5cbiAgICAgIDxkaXZcbiAgICAgICAgYXJpYS1sYWJlbD17dGl0bGV9XG4gICAgICAgIGFyaWEtbW9kYWw9XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAncmVsYXRpdmUgZmxleCBtYXgtaC1bODVkdmhdIG1pbi1oLTAgZmxleC1jb2wgcm91bmRlZC10LXhsIGJvcmRlciBib3JkZXItY3VycmVudC8yMCcsXG4gICAgICAgICAgJ2JnLWJhY2tncm91bmQtYmFzZS85OCBwYi1bbWF4KDFyZW0sZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20pKV0nLFxuICAgICAgICAgICdzaGFkb3ctWzBfLTEycHhfNDBweF8tOHB4X3JnYmEoMCwwLDAsMC41NSldIGJhY2tkcm9wLWJsdXItbWQnLFxuICAgICAgICAgICdlYXNlLW91dCBtb3Rpb24tcmVkdWNlOnRyYW5zaXRpb24tbm9uZSB0cmFuc2Zvcm0tZ3B1JyxcbiAgICAgICAgICBkcmFnZ2luZ1Zpc3VhbFxuICAgICAgICAgICAgPyAndHJhbnNpdGlvbi1ub25lJ1xuICAgICAgICAgICAgOiBjbigndHJhbnNpdGlvbi10cmFuc2Zvcm0nLCBkdXJhdGlvbkNsYXNzKSxcbiAgICAgICAgICBlbnRlcmVkID8gJ3RyYW5zbGF0ZS15LTAnIDogJ3RyYW5zbGF0ZS15LWZ1bGwnXG4gICAgICAgICl9XG4gICAgICAgIHJlZj17c2hlZXRSZWZ9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICBzdHlsZT17XG4gICAgICAgICAgZW50ZXJlZCAmJiBkcmFnT2Zmc2V0UHggPiAwXG4gICAgICAgICAgICA/IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2RyYWdPZmZzZXRQeH1weClgIH1cbiAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAnZmxleCBzaHJpbmstMCBmbGV4LWNvbCBnYXAtMiBib3JkZXItYiBib3JkZXItY3VycmVudC8xNSBweC00IHBiLTMgcHQtMicsXG4gICAgICAgICAgICAndG91Y2gtbm9uZSBzZWxlY3Qtbm9uZScsXG4gICAgICAgICAgICByZWR1Y2VkTW90aW9uXG4gICAgICAgICAgICAgID8gJ2N1cnNvci1kZWZhdWx0J1xuICAgICAgICAgICAgICA6ICdjdXJzb3ItZ3JhYiBhY3RpdmU6Y3Vyc29yLWdyYWJiaW5nJ1xuICAgICAgICAgICl9XG4gICAgICAgICAgb25Qb2ludGVyQ2FuY2VsPXtlbmREcmFnfVxuICAgICAgICAgIG9uUG9pbnRlckRvd249e29uRHJhZ1BvaW50ZXJEb3dufVxuICAgICAgICAgIG9uUG9pbnRlck1vdmU9e29uRHJhZ1BvaW50ZXJNb3ZlfVxuICAgICAgICAgIG9uUG9pbnRlclVwPXtlbmREcmFnfVxuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT1cIm14LWF1dG8gaC0xIHctMTAgc2hyaW5rLTAgcm91bmRlZC1mdWxsIGJnLWN1cnJlbnQvMjBcIlxuICAgICAgICAgIC8+XG5cbiAgICAgICAgICA8VHlwb2dyYXBoeVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwidGV4dC1bMC42NXJlbV0gdHJhY2tpbmctWzAuMTVlbV0gdXBwZXJjYXNlIHRleHQtbWlkZ3JvdW5kLzcwXCJcbiAgICAgICAgICAgIG1vbmR3ZXN0XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtaW4taC0wIGZsZXgtMSBvdmVyZmxvdy15LWF1dG8gb3ZlcnNjcm9sbC1jb250YWluXCI+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PixcbiAgICBkb2N1bWVudC5ib2R5XG4gIClcbn1cblxuaW50ZXJmYWNlIEJvdHRvbVNoZWV0UHJvcHMge1xuICBiYWNrZHJvcERpc21pc3NMYWJlbD86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQ2xvc2U6ICgpID0+IHZvaWRcbiAgb3BlbjogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBd0pNLGNBaUNFLFlBakNGO0FBdEpOO0FBQUEsRUFHRTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsT0FDSztBQUNQLFNBQVMsb0JBQW9CO0FBRTdCLFNBQVMsVUFBVTtBQUNuQixTQUFTLGtCQUFrQjtBQUUzQixNQUFNLG9CQUFvQjtBQUMxQixNQUFNLG1CQUFtQjtBQUN6QixNQUFNLHNCQUFzQjtBQU9yQixnQkFBUyxZQUFZO0FBQUEsRUFDMUIsdUJBQXVCO0FBQUEsRUFDdkI7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFDRixHQUFxQjtBQUNuQixRQUFNLENBQUMsY0FBYyxlQUFlLElBQUksU0FBUyxJQUFJO0FBQ3JELFFBQU0sQ0FBQyxTQUFTLFVBQVUsSUFBSSxTQUFTLEtBQUs7QUFDNUMsUUFBTSxDQUFDLGNBQWMsZUFBZSxJQUFJLFNBQVMsQ0FBQztB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

package/dist/ui/components/card.d.ts

@@ -0,0 +1,5 @@
+export declare function Card({ className, style, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
+export declare function CardDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/ui/components/card.js

@@ -0,0 +1,74 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+const CARD_STYLE = {
+  background: "var(--component-card-background)",
+  borderImage: "var(--component-card-border-image)",
+  boxShadow: "var(--component-card-box-shadow)",
+  clipPath: "var(--component-card-clip-path)"
+};
+export function Card({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "border border-midground/15 bg-background-base/80 text-midground w-full",
+        className
+      ),
+      style: { ...CARD_STYLE, ...style },
+      ...props
+    }
+  );
+}
+export function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1.5 p-4 border-b border-midground/15",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn(
+        "font-expanded text-sm font-bold tracking-[0.08em] uppercase",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("font-mondwest text-xs text-midground/60", className),
+      ...props
+    }
+  );
+}
+export function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-4", className), ...props });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuLyoqXG4gKiBUaGVtZWFibGUgY2FyZCBwcmltaXRpdmUuIFRoZW1lcyBjYW4gcmVzdHlsZSBldmVyeSBjYXJkIGJ5IHNldHRpbmcgQ1NTXG4gKiBjdXN0b20gcHJvcGVydGllczpcbiAqXG4gKiAgIC0tY29tcG9uZW50LWNhcmQtY2xpcC1wYXRoXG4gKiAgIC0tY29tcG9uZW50LWNhcmQtYm9yZGVyLWltYWdlXG4gKiAgIC0tY29tcG9uZW50LWNhcmQtYmFja2dyb3VuZFxuICogICAtLWNvbXBvbmVudC1jYXJkLWJveC1zaGFkb3dcbiAqXG4gKiBBbGwgYXJlIG9wdGlvbmFsIFx1MjAxNCB1bnNldCB2YXJzIGNvbXB1dGUgdG8gdGhlaXIgQ1NTIGluaXRpYWwgdmFsdWUuXG4gKi9cbmNvbnN0IENBUkRfU1RZTEU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gIGJhY2tncm91bmQ6ICd2YXIoLS1jb21wb25lbnQtY2FyZC1iYWNrZ3JvdW5kKScsXG4gIGJvcmRlckltYWdlOiAndmFyKC0tY29tcG9uZW50LWNhcmQtYm9yZGVyLWltYWdlKScsXG4gIGJveFNoYWRvdzogJ3ZhcigtLWNvbXBvbmVudC1jYXJkLWJveC1zaGFkb3cpJyxcbiAgY2xpcFBhdGg6ICd2YXIoLS1jb21wb25lbnQtY2FyZC1jbGlwLXBhdGgpJ1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZCh7XG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIC4uLnByb3BzXG59OiBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAnYm9yZGVyIGJvcmRlci1taWRncm91bmQvMTUgYmctYmFja2dyb3VuZC1iYXNlLzgwIHRleHQtbWlkZ3JvdW5kIHctZnVsbCcsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHN0eWxlPXt7IC4uLkNBUkRfU1RZTEUsIC4uLnN0eWxlIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZEhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pikge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdmbGV4IGZsZXgtY29sIGdhcC0xLjUgcC00IGJvcmRlci1iIGJvcmRlci1taWRncm91bmQvMTUnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZFRpdGxlKHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTEhlYWRpbmdFbGVtZW50Pikge1xuICByZXR1cm4gKFxuICAgIDxoM1xuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ2ZvbnQtZXhwYW5kZWQgdGV4dC1zbSBmb250LWJvbGQgdHJhY2tpbmctWzAuMDhlbV0gdXBwZXJjYXNlJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENhcmREZXNjcmlwdGlvbih7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxQYXJhZ3JhcGhFbGVtZW50Pikge1xuICByZXR1cm4gKFxuICAgIDxwXG4gICAgICBjbGFzc05hbWU9e2NuKCdmb250LW1vbmR3ZXN0IHRleHQteHMgdGV4dC1taWRncm91bmQvNjAnLCBjbGFzc05hbWUpfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENhcmRDb250ZW50KHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSB7XG4gIHJldHVybiA8ZGl2IGNsYXNzTmFtZT17Y24oJ3AtNCcsIGNsYXNzTmFtZSl9IHsuLi5wcm9wc30gLz5cbn1cbiJdLAogICJtYXBwaW5ncyI6ICJBQTBCSTtBQTFCSixTQUFTLFVBQVU7QUFhbkIsTUFBTSxhQUFrQztBQUFBLEVBQ3RDLFlBQVk7QUFBQSxFQUNaLGFBQWE7QUFBQSxFQUNiLFdBQVc7QUFBQSxFQUNYLFVBQVU7QUFDWjtBQUVPLGdCQUFTLEtBQUs7QUFBQSxFQUNuQjtBQUFBLEVBQ0E7QUFBQSxFQUNBLEdBQUc7QUFDTCxHQUF5QztBQUN2QyxTQUNFO0FBQUEsSUFBQztBQUFBO0FBQUEsTUFDQyxXQUFXO0FBQUEsUUFDVDtBQUFBLFFBQ0E7QUFBQSxNQUNGO0FBQUEsTUFDQSxPQUFPLEVBQUUsR0FBRyxZQUFZLEdBQUcsTUFBTTtBQUFBLE1BQ2hDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLFdBQVc7QUFBQSxFQUN6QjtBQUFBLEVBQ0EsR0FBRztBQUNMLEdBQXlDO0FBQ3ZDLFNBQ0U7QUFBQSxJQUFDO0FBQUE7QUFBQSxNQUNDLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLE1BQ0Y7QUFBQSxNQUNDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLFVBQVU7QUFBQSxFQUN4QjtBQUFBLEVBQ0EsR0FBRztBQUNMLEdBQTZDO0FBQzNDLFNBQ0U7QUFBQSxJQUFDO0FBQUE7QUFBQSxNQUNDLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLE1BQ0Y7QUFBQSxNQUNDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLGdCQUFnQjtBQUFBLEVBQzlCO0FBQUEsRUFDQSxHQUFHO0FBQ0wsR0FBK0M7QUFDN0MsU0FDRTtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0MsV0FBVyxHQUFHLDJDQUEyQyxTQUFTO0FBQUEsTUFDakUsR0FBRztBQUFBO0FBQUEsRUFDTjtBQUVKO0FBRU8sZ0JBQVMsWUFBWTtBQUFBLEVBQzFCO0FBQUEsRUFDQSxHQUFHO0FBQ0wsR0FBeUM7QUFDdkMsU0FBTyxvQkFBQyxTQUFJLFdBQVcsR0FBRyxPQUFPLFNBQVMsR0FBSSxHQUFHLE9BQU87QUFDMUQ7IiwKICAibmFtZXMiOiBbXQp9Cg==