@_linked/primitives 1.1.0 → 1.2.0

package/lib/cjs/hooks/useReducedMotion.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Whether the viewer has asked for reduced motion.
+ *
+ * Plain `matchMedia`, deliberately: this is the one piece of the motion story that every
+ * component needs and that carries no dependency, so it lives here rather than travelling
+ * with an animation library.
+ *
+ * Starts `false` and corrects on mount. Server-rendered markup cannot know the preference,
+ * and rendering the still version first would flash into motion for everyone else; erring
+ * toward motion and stopping it is the less disruptive order.
+ */
+export declare function useReducedMotion(): boolean;

package/lib/cjs/hooks/useReducedMotion.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReducedMotion = useReducedMotion;
+const react_1 = require("react");
+/**
+ * Whether the viewer has asked for reduced motion.
+ *
+ * Plain `matchMedia`, deliberately: this is the one piece of the motion story that every
+ * component needs and that carries no dependency, so it lives here rather than travelling
+ * with an animation library.
+ *
+ * Starts `false` and corrects on mount. Server-rendered markup cannot know the preference,
+ * and rendering the still version first would flash into motion for everyone else; erring
+ * toward motion and stopping it is the less disruptive order.
+ */
+function useReducedMotion() {
+    const [reduced, setReduced] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (typeof window === 'undefined' || !window.matchMedia)
+            return;
+        const query = window.matchMedia('(prefers-reduced-motion: reduce)');
+        setReduced(query.matches);
+        const onChange = (event) => setReduced(event.matches);
+        // `addEventListener` on MediaQueryList is not in older Safari; both are kept because a
+        // component library cannot choose its host browser.
+        if (query.addEventListener) {
+            query.addEventListener('change', onChange);
+            return () => query.removeEventListener('change', onChange);
+        }
+        query.addListener(onChange);
+        return () => query.removeListener(onChange);
+    }, []);
+    return reduced;
+}
+//# sourceMappingURL=useReducedMotion.js.map

package/lib/cjs/hooks/useReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.js","sourceRoot":"","sources":["../../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":";;AAaA,4CAmBC;AAhCD,iCAA0C;AAE1C;;;;;;;;;;GAUG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU;YAAE,OAAO;QAChE,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACpE,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1B,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC3E,uFAAuF;QACvF,oDAAoD;QACpD,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC3C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7D,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/cjs/index.d.ts

@@ -35,6 +35,10 @@ import './components/NavigationMenu.js';
 import './components/Menubar.js';
 import './components/MultiSelect.js';
 import './components/Spinner.js';
+import './components/ConfirmDialog.js';
+import './components/SkeletonLoader.js';
+import './components/ImageThumb.js';
+import './components/TruncatedText.js';
 import './components/Breadcrumb.js';
 import './components/Drawer.js';
 import './components/IconButton.js';
@@ -44,3 +48,4 @@ import './components/Form.js';
 import './components/Toolbar.js';
 import './components/VisuallyHidden.js';
 import './hooks/use-toast.js';
+export * from './motion.js';

package/lib/cjs/index.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 require("./theme.css");
 require("./types.js");
@@ -40,6 +54,10 @@ require("./components/NavigationMenu.js");
 require("./components/Menubar.js");
 require("./components/MultiSelect.js");
 require("./components/Spinner.js");
+require("./components/ConfirmDialog.js");
+require("./components/SkeletonLoader.js");
+require("./components/ImageThumb.js");
+require("./components/TruncatedText.js");
 require("./components/Breadcrumb.js");
 require("./components/Drawer.js");
 require("./components/IconButton.js");
@@ -49,4 +67,7 @@ require("./components/Form.js");
 require("./components/Toolbar.js");
 require("./components/VisuallyHidden.js");
 require("./hooks/use-toast.js");
+// The motion presets. Reachable from the entry point so tsc emits them: this package's
+// tsconfig compiles what `index.ts` reaches, not the whole src tree.
+__exportStar(require("./motion.js"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;AAAA,uBAAqB;AACrB,sBAAoB;AACpB,sCAAoC;AAEpC,cAAc;AACd,kCAAkC;AAElC,iBAAiB;AACjB,iCAA+B;AAC/B,kCAAgC;AAChC,iCAA+B;AAC/B,gCAA8B;AAC9B,kCAAgC;AAChC,oCAAkC;AAClC,sCAAoC;AACpC,kCAAgC;AAChC,iCAA+B;AAC/B,qCAAmC;AACnC,kCAAgC;AAChC,uCAAqC;AACrC,oCAAkC;AAClC,qCAAmC;AACnC,qCAAmC;AACnC,uCAAqC;AACrC,sCAAoC;AACpC,gCAA8B;AAC9B,mCAAiC;AACjC,uCAAqC;AACrC,kCAAgC;AAChC,sCAAoC;AACpC,mCAAiC;AACjC,mCAAiC;AACjC,kCAAgC;AAChC,uCAAqC;AACrC,kCAAgC;AAChC,iCAA+B;AAC/B,mCAAiC;AACjC,oCAAkC;AAClC,0CAAwC;AACxC,mCAAiC;AACjC,uCAAqC;AACrC,mCAAiC;AACjC,sCAAoC;AACpC,kCAAgC;AAChC,sCAAoC;AACpC,wCAAsC;AACtC,uCAAqC;AACrC,gCAA8B;AAC9B,mCAAiC;AACjC,0CAAwC;AAExC,gCAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uBAAqB;AACrB,sBAAoB;AACpB,sCAAoC;AAEpC,cAAc;AACd,kCAAkC;AAElC,iBAAiB;AACjB,iCAA+B;AAC/B,kCAAgC;AAChC,iCAA+B;AAC/B,gCAA8B;AAC9B,kCAAgC;AAChC,oCAAkC;AAClC,sCAAoC;AACpC,kCAAgC;AAChC,iCAA+B;AAC/B,qCAAmC;AACnC,kCAAgC;AAChC,uCAAqC;AACrC,oCAAkC;AAClC,qCAAmC;AACnC,qCAAmC;AACnC,uCAAqC;AACrC,sCAAoC;AACpC,gCAA8B;AAC9B,mCAAiC;AACjC,uCAAqC;AACrC,kCAAgC;AAChC,sCAAoC;AACpC,mCAAiC;AACjC,mCAAiC;AACjC,kCAAgC;AAChC,uCAAqC;AACrC,kCAAgC;AAChC,iCAA+B;AAC/B,mCAAiC;AACjC,oCAAkC;AAClC,0CAAwC;AACxC,mCAAiC;AACjC,uCAAqC;AACrC,mCAAiC;AACjC,yCAAuC;AACvC,0CAAwC;AACxC,sCAAoC;AACpC,yCAAuC;AACvC,sCAAoC;AACpC,kCAAgC;AAChC,sCAAoC;AACpC,wCAAsC;AACtC,uCAAqC;AACrC,gCAA8B;AAC9B,mCAAiC;AACjC,0CAAwC;AAExC,gCAA8B;AAE9B,uFAAuF;AACvF,qEAAqE;AACrE,8CAA4B"}

package/lib/cjs/motion.d.ts

@@ -0,0 +1,219 @@
+/**
+ * Motion presets.
+ *
+ * Design tokens that happen to be objects rather than CSS custom properties, because that is
+ * the shape an animation library consumes. Same purpose as a colour token: one definition of
+ * "how a list staggers in", so two surfaces cannot disagree about it.
+ *
+ * This module imports **nothing**, not even types. Every export is a plain object whose type
+ * is inferred, and an inferred object literal is structurally assignable to `framer-motion`'s
+ * `Variants` and `Transition` at the point of use — so a consumer gets full checking without
+ * this package depending on the animation library at all.
+ *
+ * That matters more than it looks. Naming the types here would mean a devDependency to build
+ * and a peer to consume, which is how the workspace ended up with two copies of
+ * `framer-motion` and presets from one that were not assignable to the other. A library that
+ * animates with CSS should not carry an animation library so it can describe some constants.
+ */
+import { useReducedMotion } from './hooks/useReducedMotion.js';
+/**
+ * Shared animation variants for consistent motion across the app
+ */
+export declare const fadeInUp: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+    };
+    exit: {
+        opacity: number;
+        y: number;
+    };
+};
+export declare const fadeIn: {
+    initial: {
+        opacity: number;
+    };
+    animate: {
+        opacity: number;
+    };
+    exit: {
+        opacity: number;
+    };
+};
+export declare const scaleIn: {
+    initial: {
+        opacity: number;
+        scale: number;
+    };
+    animate: {
+        opacity: number;
+        scale: number;
+    };
+    exit: {
+        opacity: number;
+        scale: number;
+    };
+};
+export declare const slideInRight: {
+    initial: {
+        x: number;
+        opacity: number;
+    };
+    animate: {
+        x: number;
+        opacity: number;
+    };
+    exit: {
+        x: number;
+        opacity: number;
+    };
+};
+/**
+ * Easing and transition configurations
+ */
+/**
+ * A cubic-bezier easing: the four control points, as a tuple.
+ *
+ * The tuple type is load-bearing. Written inline, `[0.16, 1, 0.3, 1]` infers as `number[]`,
+ * which is not assignable to an animation library's easing type — it wants exactly four
+ * numbers. Naming it once fixes that and stops the curve being retyped at each use.
+ */
+export type Easing = [number, number, number, number];
+/** The shared ease-out curve. Decelerates hard at the end, so motion settles rather than stops. */
+export declare const EASE_OUT_CURVE: Easing;
+export declare const spring: {
+    type: string;
+    stiffness: number;
+    damping: number;
+};
+export declare const easeOut: {
+    duration: number;
+    ease: Easing;
+};
+export declare const easeSlow: {
+    duration: number;
+    ease: Easing;
+};
+/**
+ * Stagger animation configurations
+ */
+export declare const staggerContainer: {
+    animate: {
+        transition: {
+            staggerChildren: number;
+        };
+    };
+};
+export declare const staggerItem: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+    };
+};
+/**
+ * Slower stagger for table rows - more subtle and elegant
+ */
+export declare const tableStaggerContainer: {
+    animate: {
+        transition: {
+            staggerChildren: number;
+            delayChildren: number;
+        };
+    };
+};
+export declare const tableRowItem: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+        transition: {
+            duration: number;
+            ease: Easing;
+        };
+    };
+};
+/**
+ * Stagger for card grids - elegant cascade effect
+ */
+export declare const cardGridContainer: {
+    hidden: {
+        opacity: number;
+    };
+    visible: {
+        opacity: number;
+        transition: {
+            staggerChildren: number;
+            delayChildren: number;
+        };
+    };
+};
+export declare const cardGridItem: {
+    hidden: {
+        opacity: number;
+        y: number;
+        scale: number;
+    };
+    visible: {
+        opacity: number;
+        y: number;
+        scale: number;
+        transition: {
+            duration: number;
+            ease: Easing;
+        };
+    };
+};
+/**
+ * Stagger for list items - subtle slide-in effect
+ */
+export declare const listContainer: {
+    hidden: {
+        opacity: number;
+    };
+    visible: {
+        opacity: number;
+        transition: {
+            staggerChildren: number;
+            delayChildren: number;
+        };
+    };
+};
+export declare const listItem: {
+    hidden: {
+        opacity: number;
+        x: number;
+    };
+    visible: {
+        opacity: number;
+        x: number;
+        transition: {
+            duration: number;
+            ease: Easing;
+        };
+    };
+};
+/**
+ * Re-exported so a component reaching for the motion presets does not have to know that the
+ * preference hook lives elsewhere. It carries no animation dependency of its own.
+ */
+export { useReducedMotion };
+/**
+ * Get appropriate transition based on reduced motion preference
+ */
+export declare const getTransition: (reducedMotion: boolean) => {
+    duration: number;
+    ease: Easing;
+} | {
+    duration: number;
+};

package/lib/cjs/motion.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransition = exports.useReducedMotion = exports.listItem = exports.listContainer = exports.cardGridItem = exports.cardGridContainer = exports.tableRowItem = exports.tableStaggerContainer = exports.staggerItem = exports.staggerContainer = exports.easeSlow = exports.easeOut = exports.spring = exports.EASE_OUT_CURVE = exports.slideInRight = exports.scaleIn = exports.fadeIn = exports.fadeInUp = void 0;
+/**
+ * Motion presets.
+ *
+ * Design tokens that happen to be objects rather than CSS custom properties, because that is
+ * the shape an animation library consumes. Same purpose as a colour token: one definition of
+ * "how a list staggers in", so two surfaces cannot disagree about it.
+ *
+ * This module imports **nothing**, not even types. Every export is a plain object whose type
+ * is inferred, and an inferred object literal is structurally assignable to `framer-motion`'s
+ * `Variants` and `Transition` at the point of use — so a consumer gets full checking without
+ * this package depending on the animation library at all.
+ *
+ * That matters more than it looks. Naming the types here would mean a devDependency to build
+ * and a peer to consume, which is how the workspace ended up with two copies of
+ * `framer-motion` and presets from one that were not assignable to the other. A library that
+ * animates with CSS should not carry an animation library so it can describe some constants.
+ */
+const useReducedMotion_js_1 = require("./hooks/useReducedMotion.js");
+Object.defineProperty(exports, "useReducedMotion", { enumerable: true, get: function () { return useReducedMotion_js_1.useReducedMotion; } });
+/**
+ * Shared animation variants for consistent motion across the app
+ */
+// Fade animations
+exports.fadeInUp = {
+    initial: { opacity: 0, y: 20 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: -20 },
+};
+exports.fadeIn = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+};
+exports.scaleIn = {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 },
+};
+exports.slideInRight = {
+    initial: { x: -20, opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    exit: { x: -20, opacity: 0 },
+};
+/** The shared ease-out curve. Decelerates hard at the end, so motion settles rather than stops. */
+exports.EASE_OUT_CURVE = [0.16, 1, 0.3, 1];
+exports.spring = {
+    type: 'spring',
+    stiffness: 300,
+    damping: 30,
+};
+exports.easeOut = {
+    duration: 0.2,
+    ease: exports.EASE_OUT_CURVE,
+};
+exports.easeSlow = {
+    duration: 0.3,
+    ease: exports.EASE_OUT_CURVE,
+};
+/**
+ * Stagger animation configurations
+ */
+exports.staggerContainer = {
+    animate: {
+        transition: {
+            staggerChildren: 0.05,
+        },
+    },
+};
+exports.staggerItem = {
+    initial: { opacity: 0, y: 10 },
+    animate: { opacity: 1, y: 0 },
+};
+/**
+ * Slower stagger for table rows - more subtle and elegant
+ */
+exports.tableStaggerContainer = {
+    animate: {
+        transition: {
+            staggerChildren: 0.08,
+            delayChildren: 0.1,
+        },
+    },
+};
+exports.tableRowItem = {
+    initial: { opacity: 0, y: 8 },
+    animate: {
+        opacity: 1,
+        y: 0,
+        transition: {
+            duration: 0.35,
+            ease: exports.EASE_OUT_CURVE,
+        },
+    },
+};
+/**
+ * Stagger for card grids - elegant cascade effect
+ */
+exports.cardGridContainer = {
+    hidden: { opacity: 0 },
+    visible: {
+        opacity: 1,
+        transition: {
+            staggerChildren: 0.04,
+            delayChildren: 0.05,
+        },
+    },
+};
+exports.cardGridItem = {
+    hidden: { opacity: 0, y: 12, scale: 0.98 },
+    visible: {
+        opacity: 1,
+        y: 0,
+        scale: 1,
+        transition: {
+            duration: 0.3,
+            ease: exports.EASE_OUT_CURVE,
+        },
+    },
+};
+/**
+ * Stagger for list items - subtle slide-in effect
+ */
+exports.listContainer = {
+    hidden: { opacity: 0 },
+    visible: {
+        opacity: 1,
+        transition: {
+            staggerChildren: 0.03,
+            delayChildren: 0.02,
+        },
+    },
+};
+exports.listItem = {
+    hidden: { opacity: 0, x: -8 },
+    visible: {
+        opacity: 1,
+        x: 0,
+        transition: {
+            duration: 0.25,
+            ease: exports.EASE_OUT_CURVE,
+        },
+    },
+};
+/**
+ * Get appropriate transition based on reduced motion preference
+ */
+const getTransition = (reducedMotion) => {
+    return reducedMotion ? { duration: 0 } : exports.easeOut;
+};
+exports.getTransition = getTransition;
+//# sourceMappingURL=motion.js.map

package/lib/cjs/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/motion.ts"],"names":[],"mappings":"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"}

package/lib/cjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_linked/primitives",
-  "description": "lincd-primitives is a UI library based on Radix UI",
+  "description": "A UI component library: a headless behaviour source (Radix UI, cmdk, vaul, or hand-written) plus a CSS module reading @_linked/css design tokens — and no knowledge of data, of shapes, or of any particular application.",
   "author": {
     "name": "",
     "email": "",
@@ -8,9 +8,9 @@
   },
   "repository": {
     "type": "git",
-    "url": ""
+    "url": "git+https://github.com/linked-cm/primitives.git"
   },
-  "version": "1.1.0",
+  "version": "1.2.0",
   "linkedPackage": true,
   "license": "ISC",
   "scripts": {
@@ -70,11 +70,11 @@
     "@_linked/cli": "^1.2",
     "@changesets/changelog-github": "^0.5.2",
     "@changesets/cli": "^2.29.8",
+    "copyfiles": "^2.4.1",
+    "rimraf": "^5.0.7",
     "tsconfig-to-dual-package": "^1.2.0",
     "typescript": "^5.7.3",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "rimraf": "^5.0.7",
-    "copyfiles": "^2.4.1"
+    "typescript-plugin-css-modules": "^5.1.0"
   },
   "typesVersions": {
     "*": {

package/lib/esm/components/ConfirmDialog.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    title: string;
+    message: React.ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    /**
+     * `danger` for a destructive action. Not a colour — a statement about consequence, which
+     * is what `--intent-danger-*` exists to express.
+     */
+    tone?: 'default' | 'danger';
+    /** The confirm action is in flight: both buttons lock. */
+    isLoading?: boolean;
+    /** Withhold confirmation until the caller has something complete to confirm. */
+    confirmDisabled?: boolean;
+    /** Replaces the confirm label while loading. */
+    loadingContent?: React.ReactNode;
+    /** Wider layout, for multi-column content such as an impact preview. */
+    wide?: boolean;
+    className?: string;
+}
+/**
+ * "Are you sure?" — a title, a message, and two buttons.
+ *
+ * A composition over `AlertDialog` rather than its own dialog. The hand-rolled version this
+ * replaces built its own portal and its own backdrop, and in doing so had no focus trap, no
+ * escape handling, no `aria-modal` and no restoration of focus on close — a confirmation
+ * step that a keyboard or screen-reader user could not reliably complete, which is the worst
+ * possible component to get wrong, since the whole point is guarding a destructive action.
+ *
+ * `alertdialog` semantics are the right ones here, not `dialog`: it interrupts, and it must
+ * not be dismissed by clicking away.
+ */
+export declare function ConfirmDialog({ open, onOpenChange, onConfirm, title, message, confirmText, cancelText, tone, isLoading, confirmDisabled, loadingContent, wide, className, }: ConfirmDialogProps): React.JSX.Element;

package/lib/esm/components/ConfirmDialog.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { cl } from '@_linked/react/utils/ClassNames';
+import { AlertDialog } from './AlertDialog.js';
+import { Button } from './Button.js';
+import style from './ConfirmDialog.module.css';
+/**
+ * "Are you sure?" — a title, a message, and two buttons.
+ *
+ * A composition over `AlertDialog` rather than its own dialog. The hand-rolled version this
+ * replaces built its own portal and its own backdrop, and in doing so had no focus trap, no
+ * escape handling, no `aria-modal` and no restoration of focus on close — a confirmation
+ * step that a keyboard or screen-reader user could not reliably complete, which is the worst
+ * possible component to get wrong, since the whole point is guarding a destructive action.
+ *
+ * `alertdialog` semantics are the right ones here, not `dialog`: it interrupts, and it must
+ * not be dismissed by clicking away.
+ */
+export function ConfirmDialog({ open, onOpenChange, onConfirm, title, message, confirmText = 'Confirm', cancelText = 'Cancel', tone = 'default', isLoading = false, confirmDisabled = false, loadingContent, wide = false, className, }) {
+    return (React.createElement(AlertDialog.Root, { open: open, onOpenChange: onOpenChange },
+        React.createElement(AlertDialog.Content, { className: cl(style.Content, wide && style.wide, className) },
+            React.createElement(AlertDialog.Header, null,
+                React.createElement(AlertDialog.Title, null, title),
+                React.createElement(AlertDialog.Description, { asChild: typeof message !== 'string' }, typeof message === 'string' ? message : React.createElement("div", null, message))),
+            React.createElement(AlertDialog.Footer, null,
+                React.createElement(AlertDialog.Cancel, { asChild: true },
+                    React.createElement(Button, { variant: "ghost", disabled: isLoading }, cancelText)),
+                React.createElement(Button, { className: cl(tone === 'danger' && style.danger), onClick: onConfirm, disabled: isLoading || confirmDisabled }, isLoading && loadingContent ? loadingContent : confirmText)))));
+}
+//# sourceMappingURL=ConfirmDialog.js.map

package/lib/esm/components/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,iCAAiC,CAAC;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,KAAK,MAAM,4BAA4B,CAAC;AA0B/C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAW,GAAG,SAAS,EACvB,UAAU,GAAG,QAAQ,EACrB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,KAAK,EACvB,cAAc,EACd,IAAI,GAAG,KAAK,EACZ,SAAS,GACU;IACnB,OAAO,CACL,oBAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;QACtD,oBAAC,WAAW,CAAC,OAAO,IAClB,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC;YAE3D,oBAAC,WAAW,CAAC,MAAM;gBACjB,oBAAC,WAAW,CAAC,KAAK,QAAE,KAAK,CAAqB;gBAI9C,oBAAC,WAAW,CAAC,WAAW,IAAC,OAAO,EAAE,OAAO,OAAO,KAAK,QAAQ,IAC1D,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iCAAM,OAAO,CAAO,CACrC,CACP;YACrB,oBAAC,WAAW,CAAC,MAAM;gBACjB,oBAAC,WAAW,CAAC,MAAM,IAAC,OAAO;oBACzB,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,SAAS,IACxC,UAAU,CACJ,CACU;gBAIrB,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,EAChD,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,IAAI,eAAe,IAErC,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CACpD,CACU,CACD,CACL,CACpB,CAAC;AACJ,CAAC"}

package/lib/esm/components/ConfirmDialog.module.css

@@ -0,0 +1,22 @@
+@import './helpers/mixins.css';
+@import '@_linked/css/package.css';
+
+.Content {
+  max-width: var(--confirm-dialog-width, 32rem);
+}
+
+.wide {
+  max-width: var(--confirm-dialog-width-wide, 56rem);
+}
+
+/* Destructive confirmation. Reads the intent family rather than a red primitive, so an app
+   that restyles what "danger" looks like restyles this too. */
+.danger {
+  background: var(--confirm-dialog-danger-bg, var(--intent-danger-icon));
+  border-color: var(--confirm-dialog-danger-border, var(--intent-danger-border));
+  color: var(--confirm-dialog-danger-text, var(--color-white));
+}
+
+.danger:hover:not(:disabled) {
+  background: var(--confirm-dialog-danger-bg-hover, var(--intent-danger-text));
+}

package/lib/esm/components/ImageThumb.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface ImageThumbProps {
+    src: string;
+    size?: number;
+    hoverSize?: number;
+    alt?: string;
+    className?: string;
+    /** If true, clicking opens a full-screen lightbox preview */
+    clickToEnlarge?: boolean;
+}
+declare const ImageThumb: React.FC<ImageThumbProps>;
+/** Small inline thumbnail for use inside chips, badges, and dropdown options */
+export declare const InlineImageThumb: React.FC<{
+    src: string;
+    alt?: string;
+}>;
+export default ImageThumb;