@tomny-dev/uzi 0.7.1 → 0.8.0-pr.85.286.1.ccec3e4

package/dist/index79.cjs

@@ -0,0 +1,231 @@
+"use client";
+const require_ai_chat_dock_module = require("./index78.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/ai-chat/AIChatDock.tsx
+/**
+* Shared chat navigation chrome. Children remain mounted while closed to retain
+* the consumer's active AI SDK conversation, pending approvals and attachments.
+* The dock never creates a second chat runtime or reads application messages.
+* Desktop is deliberately non-modal: Tab can move back into the page.
+* On mobile the full-screen modal sheet traps sequential keyboard focus.
+*/
+function AIChatDock({ title, description, launcherLabel, showLauncher = true, panelId: controlledPanelId, externalLauncherId, children, open, defaultOpen = false, onOpenChange, expanded, defaultExpanded = false, onExpandedChange, className }) {
+	const autoId = (0, react.useId)();
+	const panelId = controlledPanelId ?? `uzi-ai-dock-${autoId}`;
+	const [internalOpen, setInternalOpen] = (0, react.useState)(defaultOpen);
+	const [internalExpanded, setInternalExpanded] = (0, react.useState)(defaultExpanded);
+	const isOpen = open ?? internalOpen;
+	const isExpanded = expanded ?? internalExpanded;
+	const [mobile, setMobile] = (0, react.useState)(false);
+	const launcherRef = (0, react.useRef)(null);
+	const panelRef = (0, react.useRef)(null);
+	const openerRef = (0, react.useRef)(null);
+	const wasOpen = (0, react.useRef)(false);
+	const changeOpen = (next) => {
+		if (open === void 0) setInternalOpen(next);
+		onOpenChange?.(next);
+	};
+	const changeExpanded = (next) => {
+		if (expanded === void 0) setInternalExpanded(next);
+		onExpandedChange?.(next);
+		if (next && !isOpen) changeOpen(true);
+	};
+	(0, react.useEffect)(() => {
+		if (typeof window.matchMedia !== "function") return;
+		const media = window.matchMedia("(max-width: 640px)");
+		const update = () => setMobile(media.matches);
+		update();
+		media.addEventListener("change", update);
+		return () => media.removeEventListener("change", update);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (isOpen && !wasOpen.current) {
+			openerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+			panelRef.current?.focus();
+		} else if (!isOpen && wasOpen.current) {
+			const previous = openerRef.current;
+			if (previous?.isConnected && previous !== panelRef.current) previous.focus();
+			else if (externalLauncherId) document.getElementById(externalLauncherId)?.focus();
+			else launcherRef.current?.focus();
+		}
+		wasOpen.current = isOpen;
+	}, [isOpen, externalLauncherId]);
+	(0, react.useEffect)(() => {
+		if (!isOpen || !mobile) return;
+		const previous = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		return () => {
+			document.body.style.overflow = previous;
+		};
+	}, [isOpen, mobile]);
+	(0, react.useEffect)(() => {
+		if (!isOpen) return;
+		const keydown = (event) => {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				changeOpen(false);
+				return;
+			}
+			if (event.key !== "Tab" || !mobile) return;
+			const focusable = Array.from(panelRef.current?.querySelectorAll("a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") ?? []).filter((item) => item.tabIndex >= 0 && item.getClientRects().length > 0);
+			if (!focusable.length) {
+				event.preventDefault();
+				panelRef.current?.focus();
+				return;
+			}
+			const first = focusable[0], last = focusable[focusable.length - 1];
+			if (event.shiftKey && (document.activeElement === first || !panelRef.current?.contains(document.activeElement))) {
+				event.preventDefault();
+				last?.focus();
+			} else if (!event.shiftKey && (document.activeElement === last || !panelRef.current?.contains(document.activeElement))) {
+				event.preventDefault();
+				first?.focus();
+			}
+		};
+		document.addEventListener("keydown", keydown);
+		return () => document.removeEventListener("keydown", keydown);
+	}, [
+		isOpen,
+		mobile,
+		onOpenChange,
+		open
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: [require_ai_chat_dock_module.default.dock, className].filter(Boolean).join(" "),
+		children: [
+			showLauncher && !isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: launcherRef,
+				type: "button",
+				className: require_ai_chat_dock_module.default.launcher,
+				"aria-controls": panelId,
+				"aria-expanded": false,
+				"aria-label": launcherLabel ?? `Open ${title}`,
+				onClick: () => changeOpen(true),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					"aria-hidden": "true",
+					width: "23",
+					height: "23",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M21 11.5a8.5 8.5 0 0 1-8.5 8.5 9.1 9.1 0 0 1-4-.9L3 21l1.9-5.5a9.1 9.1 0 0 1-.9-4 8.5 8.5 0 0 1 8.5-8.5h.5A8.5 8.5 0 0 1 21 11.5Z" })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_ai_chat_dock_module.default.launcherText,
+					children: title
+				})]
+			}),
+			isOpen && mobile && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ai_chat_dock_module.default.backdrop,
+				"aria-hidden": "true",
+				onClick: () => changeOpen(false)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: panelRef,
+				id: panelId,
+				role: "dialog",
+				"aria-modal": mobile && isOpen,
+				"aria-label": title,
+				tabIndex: -1,
+				className: require_ai_chat_dock_module.default.panel,
+				"data-expanded": isExpanded,
+				hidden: !isOpen,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: require_ai_chat_dock_module.default.header,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: require_ai_chat_dock_module.default.identity,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: require_ai_chat_dock_module.default.avatar,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+								width: "18",
+								height: "18",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.8",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+									x: "4",
+									y: "6",
+									width: "16",
+									height: "14",
+									rx: "4"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 3v3M9 13h.01M15 13h.01M9 17h6" })]
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: require_ai_chat_dock_module.default.titles,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+								className: require_ai_chat_dock_module.default.title,
+								children: title
+							}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: require_ai_chat_dock_module.default.description,
+								children: description
+							})]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: require_ai_chat_dock_module.default.actions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: require_ai_chat_dock_module.default.iconButton,
+							"aria-label": isExpanded ? `Collapse ${title}` : `Expand ${title}`,
+							title: isExpanded ? "Collapse" : "Expand",
+							onClick: () => changeExpanded(!isExpanded),
+							children: isExpanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								width: "17",
+								height: "17",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9 3v6H3M15 21v-6h6M3 9l6-6M21 15l-6 6" })
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								width: "17",
+								height: "17",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 3H3v5M16 21h5v-5M3 3l7 7M21 21l-7-7" })
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: require_ai_chat_dock_module.default.iconButton,
+							"aria-label": `Close ${title}`,
+							title: "Close",
+							onClick: () => changeOpen(false),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								width: "18",
+								height: "18",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
+							})
+						})]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_ai_chat_dock_module.default.content,
+					children
+				})]
+			})
+		]
+	});
+}
+//#endregion
+exports.AIChatDock = AIChatDock;
+
+//# sourceMappingURL=index79.cjs.map

package/dist/index79.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index79.cjs","names":[],"sources":["../src/components/ai-chat/AIChatDock.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useId, useRef, useState, type ReactNode } from 'react';\n\nimport styles from './ai-chat-dock.module.css';\n\nexport interface AIChatDockProps {\n  /** Visible assistant name, e.g. \"Betty\" or \"Ask Tultr\". */\n  readonly title: string;\n  readonly description?: string;\n  /** Accessible name for the floating action button. Defaults to \"Open {title}\". */\n  readonly launcherLabel?: string;\n  /** Turn off the built-in FAB when a parent FloatingActionStack owns the launcher. */\n  readonly showLauncher?: boolean;\n  /** Optional stable panel ID for an external button's aria-controls. */\n  readonly panelId?: string;\n  /** ID of the external launch button to restore keyboard focus after close. */\n  readonly externalLauncherId?: string;\n  readonly children: ReactNode;\n  /** Controlled visibility; when omitted, the dock manages its own state. */\n  readonly open?: boolean;\n  readonly defaultOpen?: boolean;\n  readonly onOpenChange?: (open: boolean) => void;\n  /** Controlled expansion; apps may synchronize this with a dedicated route. */\n  readonly expanded?: boolean;\n  readonly defaultExpanded?: boolean;\n  readonly onExpandedChange?: (expanded: boolean) => void;\n  readonly className?: string;\n}\n\n/**\n * Shared chat navigation chrome. Children remain mounted while closed to retain\n * the consumer's active AI SDK conversation, pending approvals and attachments.\n * The dock never creates a second chat runtime or reads application messages.\n * Desktop is deliberately non-modal: Tab can move back into the page.\n * On mobile the full-screen modal sheet traps sequential keyboard focus.\n */\nexport function AIChatDock({\n  title,\n  description,\n  launcherLabel,\n  showLauncher = true,\n  panelId: controlledPanelId,\n  externalLauncherId,\n  children,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  expanded,\n  defaultExpanded = false,\n  onExpandedChange,\n  className,\n}: AIChatDockProps) {\n  const autoId = useId();\n  const panelId = controlledPanelId ?? `uzi-ai-dock-${autoId}`;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n  const isOpen = open ?? internalOpen;\n  const isExpanded = expanded ?? internalExpanded;\n  const [mobile, setMobile] = useState(false);\n  const launcherRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLElement>(null);\n  const openerRef = useRef<HTMLElement | null>(null);\n  const wasOpen = useRef(false);\n\n  const changeOpen = (next: boolean) => {\n    if (open === undefined) setInternalOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const changeExpanded = (next: boolean) => {\n    if (expanded === undefined) setInternalExpanded(next);\n    onExpandedChange?.(next);\n    if (next && !isOpen) changeOpen(true);\n  };\n\n  useEffect(() => {\n    if (typeof window.matchMedia !== 'function') return;\n    const media = window.matchMedia('(max-width: 640px)');\n    const update = () => setMobile(media.matches);\n    update();\n    media.addEventListener('change', update);\n    return () => media.removeEventListener('change', update);\n  }, []);\n\n  useEffect(() => {\n    if (isOpen && !wasOpen.current) {\n      openerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n      panelRef.current?.focus();\n    } else if (!isOpen && wasOpen.current) {\n      const previous = openerRef.current;\n      if (previous?.isConnected && previous !== panelRef.current) previous.focus();\n      else if (externalLauncherId) document.getElementById(externalLauncherId)?.focus();\n      else launcherRef.current?.focus();\n    }\n    wasOpen.current = isOpen;\n  }, [isOpen, externalLauncherId]);\n\n  useEffect(() => {\n    if (!isOpen || !mobile) return;\n    const previous = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => { document.body.style.overflow = previous; };\n  }, [isOpen, mobile]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const keydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        changeOpen(false);\n        return;\n      }\n      // On desktop the panel is non-modal; only the mobile sheet traps focus.\n      if (event.key !== 'Tab' || !mobile) return;\n      const focusable = Array.from(panelRef.current?.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n      ) ?? []).filter((item) => item.tabIndex >= 0 && item.getClientRects().length > 0);\n      if (!focusable.length) { event.preventDefault(); panelRef.current?.focus(); return; }\n      const first = focusable[0], last = focusable[focusable.length - 1];\n      if (event.shiftKey && (document.activeElement === first || !panelRef.current?.contains(document.activeElement))) {\n        event.preventDefault();\n        last?.focus();\n      } else if (!event.shiftKey && (document.activeElement === last || !panelRef.current?.contains(document.activeElement))) {\n        event.preventDefault();\n        first?.focus();\n      }\n    };\n    document.addEventListener('keydown', keydown);\n    return () => document.removeEventListener('keydown', keydown);\n  }, [isOpen, mobile, onOpenChange, open]);\n\n  return (\n    <div className={[styles.dock, className].filter(Boolean).join(' ')}>\n      {showLauncher && !isOpen && (\n        <button\n          ref={launcherRef}\n          type=\"button\"\n          className={styles.launcher}\n          aria-controls={panelId}\n          aria-expanded={false}\n          aria-label={launcherLabel ?? `Open ${title}`}\n          onClick={() => changeOpen(true)}\n        >\n          <svg aria-hidden=\"true\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\"\n            stroke=\"currentColor\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <path d=\"M21 11.5a8.5 8.5 0 0 1-8.5 8.5 9.1 9.1 0 0 1-4-.9L3 21l1.9-5.5a9.1 9.1 0 0 1-.9-4 8.5 8.5 0 0 1 8.5-8.5h.5A8.5 8.5 0 0 1 21 11.5Z\" />\n          </svg>\n          <span className={styles.launcherText}>{title}</span>\n        </button>\n      )}\n      {isOpen && mobile && <div className={styles.backdrop} aria-hidden=\"true\" onClick={() => changeOpen(false)} />}\n      <section\n        ref={panelRef}\n        id={panelId}\n        role=\"dialog\"\n        aria-modal={mobile && isOpen}\n        aria-label={title}\n        tabIndex={-1}\n        className={styles.panel}\n        data-expanded={isExpanded}\n        hidden={!isOpen}\n      >\n        <header className={styles.header}>\n          <div className={styles.identity}>\n            <div className={styles.avatar} aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <rect x=\"4\" y=\"6\" width=\"16\" height=\"14\" rx=\"4\" />\n                <path d=\"M12 3v3M9 13h.01M15 13h.01M9 17h6\" />\n              </svg>\n            </div>\n            <div className={styles.titles}>\n              <strong className={styles.title}>{title}</strong>\n              {description && <span className={styles.description}>{description}</span>}\n            </div>\n          </div>\n          <div className={styles.actions}>\n            <button type=\"button\" className={styles.iconButton}\n              aria-label={isExpanded ? `Collapse ${title}` : `Expand ${title}`}\n              title={isExpanded ? 'Collapse' : 'Expand'}\n              onClick={() => changeExpanded(!isExpanded)}>\n              {isExpanded ? (\n                <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"\n                  strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 3v6H3M15 21v-6h6M3 9l6-6M21 15l-6 6\" /></svg>\n              ) : (\n                <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"\n                  strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 3H3v5M16 21h5v-5M3 3l7 7M21 21l-7-7\" /></svg>\n              )}\n            </button>\n            <button type=\"button\" className={styles.iconButton}\n              aria-label={`Close ${title}`} title=\"Close\"\n              onClick={() => changeOpen(false)}>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                strokeWidth=\"2\" strokeLinecap=\"round\" aria-hidden=\"true\"><path d=\"M18 6 6 18M6 6l12 12\" /></svg>\n            </button>\n          </div>\n        </header>\n        <div className={styles.content}>{children}</div>\n      </section>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/index79.js

@@ -0,0 +1,19 @@
+//#region src/components/floating-action-stack/floating-action-stack.module.css
+var stack = "uzi-floating-action-stack-module__stack__5UH0U";
+var action = "uzi-floating-action-stack-module__action__07atd";
+var primary = "uzi-floating-action-stack-module__primary__xoV0q";
+var secondary = "uzi-floating-action-stack-module__secondary__g5tf3";
+var icon = "uzi-floating-action-stack-module__icon__XZoM5";
+var label = "uzi-floating-action-stack-module__label__Rb4A0";
+var floating_action_stack_module_default = {
+	stack,
+	action,
+	primary,
+	secondary,
+	icon,
+	label
+};
+//#endregion
+export { action, floating_action_stack_module_default as default, icon, label, primary, secondary, stack };
+
+//# sourceMappingURL=index79.js.map

package/dist/index79.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index79.js","names":[],"sources":["../src/components/floating-action-stack/floating-action-stack.module.css"],"sourcesContent":["/* One fixed positioning and safe-area system for any number of actions. */\n.stack {\n  position: fixed;\n  z-index: 60;\n  right: max(1.25rem, env(safe-area-inset-right));\n  bottom: calc(1.25rem + env(safe-area-inset-bottom));\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.625rem;\n  pointer-events: none;\n}\n.stack > * { pointer-events: auto; }\n\n.action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  min-height: 3.5rem;\n  padding: 0.7rem 1.1rem;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  box-shadow: 0 6px 24px color-mix(in srgb, var(--foreground) 20%, transparent);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n}\n.primary { color: var(--primary-foreground); background: var(--primary); }\n.secondary { color: var(--foreground); background: var(--background); }\n.action:hover { filter: brightness(0.95); }\n.action:focus-visible { outline: 2px solid var(--ring, var(--primary)); outline-offset: 2px; }\n.action:disabled { opacity: 0.5; cursor: not-allowed; }\n.icon { display: flex; flex: none; align-items: center; justify-content: center; }\n.label { white-space: nowrap; }\n\n@media (max-width: 640px) {\n  .stack {\n    right: max(1rem, env(safe-area-inset-right));\n    bottom: calc(1rem + env(safe-area-inset-bottom));\n  }\n  .action { width: 3.5rem; height: 3.5rem; min-width: 3.5rem; padding: 0; }\n  .label { display: none; }\n}\n"],"mappings":""}

package/dist/index80.cjs

@@ -0,0 +1,25 @@
+//#region src/components/floating-action-stack/floating-action-stack.module.css
+var stack = "uzi-floating-action-stack-module__stack__5UH0U";
+var action = "uzi-floating-action-stack-module__action__07atd";
+var primary = "uzi-floating-action-stack-module__primary__xoV0q";
+var secondary = "uzi-floating-action-stack-module__secondary__g5tf3";
+var icon = "uzi-floating-action-stack-module__icon__XZoM5";
+var label = "uzi-floating-action-stack-module__label__Rb4A0";
+var floating_action_stack_module_default = {
+	stack,
+	action,
+	primary,
+	secondary,
+	icon,
+	label
+};
+//#endregion
+exports.action = action;
+exports.default = floating_action_stack_module_default;
+exports.icon = icon;
+exports.label = label;
+exports.primary = primary;
+exports.secondary = secondary;
+exports.stack = stack;
+
+//# sourceMappingURL=index80.cjs.map

package/dist/index80.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index80.cjs","names":[],"sources":["../src/components/floating-action-stack/floating-action-stack.module.css"],"sourcesContent":["/* One fixed positioning and safe-area system for any number of actions. */\n.stack {\n  position: fixed;\n  z-index: 60;\n  right: max(1.25rem, env(safe-area-inset-right));\n  bottom: calc(1.25rem + env(safe-area-inset-bottom));\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.625rem;\n  pointer-events: none;\n}\n.stack > * { pointer-events: auto; }\n\n.action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  min-height: 3.5rem;\n  padding: 0.7rem 1.1rem;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  box-shadow: 0 6px 24px color-mix(in srgb, var(--foreground) 20%, transparent);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n}\n.primary { color: var(--primary-foreground); background: var(--primary); }\n.secondary { color: var(--foreground); background: var(--background); }\n.action:hover { filter: brightness(0.95); }\n.action:focus-visible { outline: 2px solid var(--ring, var(--primary)); outline-offset: 2px; }\n.action:disabled { opacity: 0.5; cursor: not-allowed; }\n.icon { display: flex; flex: none; align-items: center; justify-content: center; }\n.label { white-space: nowrap; }\n\n@media (max-width: 640px) {\n  .stack {\n    right: max(1rem, env(safe-area-inset-right));\n    bottom: calc(1rem + env(safe-area-inset-bottom));\n  }\n  .action { width: 3.5rem; height: 3.5rem; min-width: 3.5rem; padding: 0; }\n  .label { display: none; }\n}\n"],"mappings":""}

package/dist/index80.js

@@ -0,0 +1,36 @@
+"use client";
+import floating_action_stack_module_default from "./index79.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/floating-action-stack/FloatingActionStack.tsx
+function FloatingActionStack({ children, className, label = "Quick actions" }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": label,
+		className: [floating_action_stack_module_default.stack, className].filter(Boolean).join(" "),
+		children
+	});
+}
+/** A directly accessible action, not a speed-dial menu or nested overlay. */
+function FloatingActionButton({ label, icon, children, variant = "primary", className, ...buttonProps }) {
+	return /* @__PURE__ */ jsxs("button", {
+		...buttonProps,
+		type: "button",
+		"aria-label": label,
+		className: [
+			floating_action_stack_module_default.action,
+			variant === "secondary" ? floating_action_stack_module_default.secondary : floating_action_stack_module_default.primary,
+			className
+		].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: floating_action_stack_module_default.icon,
+			"aria-hidden": "true",
+			children: icon
+		}), /* @__PURE__ */ jsx("span", {
+			className: floating_action_stack_module_default.label,
+			children: children ?? label
+		})]
+	});
+}
+//#endregion
+export { FloatingActionButton, FloatingActionStack };
+
+//# sourceMappingURL=index80.js.map

package/dist/index80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index80.js","names":[],"sources":["../src/components/floating-action-stack/FloatingActionStack.tsx"],"sourcesContent":["'use client';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './floating-action-stack.module.css';\n\n/** A single screen-edge action rail shared by unrelated application features. */\nexport interface FloatingActionStackProps {\n  readonly children: ReactNode;\n  readonly className?: string;\n  readonly label?: string;\n}\n\nexport function FloatingActionStack({ children, className, label = 'Quick actions' }: FloatingActionStackProps) {\n  return (\n    <nav\n      aria-label={label}\n      className={[styles.stack, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </nav>\n  );\n}\n\nexport interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Stable accessible name, including when the mobile label is hidden. */\n  readonly label: string;\n  readonly icon: ReactNode;\n  readonly children?: ReactNode;\n  /** Use secondary styling for contextual actions above the primary launcher. */\n  readonly variant?: 'primary' | 'secondary';\n}\n\n/** A directly accessible action, not a speed-dial menu or nested overlay. */\nexport function FloatingActionButton({\n  label,\n  icon,\n  children,\n  variant = 'primary',\n  className,\n  ...buttonProps\n}: FloatingActionButtonProps) {\n  return (\n    <button\n      {...buttonProps}\n      type=\"button\"\n      aria-label={label}\n      className={[styles.action, variant === 'secondary' ? styles.secondary : styles.primary, className]\n        .filter(Boolean).join(' ')}\n    >\n      <span className={styles.icon} aria-hidden=\"true\">{icon}</span>\n      <span className={styles.label}>{children ?? label}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,oBAAoB,EAAE,UAAU,WAAW,QAAQ,mBAA6C;CAC9G,OACE,oBAAC,OAAD;EACE,cAAY;EACZ,WAAW,CAAC,qCAAO,OAAO,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAE5D;CACE,CAAA;AAET;;AAYA,SAAgB,qBAAqB,EACnC,OACA,MACA,UACA,UAAU,WACV,WACA,GAAG,eACyB;CAC5B,OACE,qBAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,cAAY;EACZ,WAAW;GAAC,qCAAO;GAAQ,YAAY,cAAc,qCAAO,YAAY,qCAAO;GAAS;EAAS,CAAC,CAC/F,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;YAL7B,CAOE,oBAAC,QAAD;GAAM,WAAW,qCAAO;GAAM,eAAY;aAAQ;EAAW,CAAA,GAC7D,oBAAC,QAAD;GAAM,WAAW,qCAAO;aAAQ,YAAY;EAAY,CAAA,CAClD;;AAEZ"}

package/dist/index81.cjs

@@ -0,0 +1,37 @@
+"use client";
+const require_floating_action_stack_module = require("./index80.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/floating-action-stack/FloatingActionStack.tsx
+function FloatingActionStack({ children, className, label = "Quick actions" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		"aria-label": label,
+		className: [require_floating_action_stack_module.default.stack, className].filter(Boolean).join(" "),
+		children
+	});
+}
+/** A directly accessible action, not a speed-dial menu or nested overlay. */
+function FloatingActionButton({ label, icon, children, variant = "primary", className, ...buttonProps }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		...buttonProps,
+		type: "button",
+		"aria-label": label,
+		className: [
+			require_floating_action_stack_module.default.action,
+			variant === "secondary" ? require_floating_action_stack_module.default.secondary : require_floating_action_stack_module.default.primary,
+			className
+		].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_floating_action_stack_module.default.icon,
+			"aria-hidden": "true",
+			children: icon
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_floating_action_stack_module.default.label,
+			children: children ?? label
+		})]
+	});
+}
+//#endregion
+exports.FloatingActionButton = FloatingActionButton;
+exports.FloatingActionStack = FloatingActionStack;
+
+//# sourceMappingURL=index81.cjs.map

package/dist/index81.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index81.cjs","names":[],"sources":["../src/components/floating-action-stack/FloatingActionStack.tsx"],"sourcesContent":["'use client';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './floating-action-stack.module.css';\n\n/** A single screen-edge action rail shared by unrelated application features. */\nexport interface FloatingActionStackProps {\n  readonly children: ReactNode;\n  readonly className?: string;\n  readonly label?: string;\n}\n\nexport function FloatingActionStack({ children, className, label = 'Quick actions' }: FloatingActionStackProps) {\n  return (\n    <nav\n      aria-label={label}\n      className={[styles.stack, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </nav>\n  );\n}\n\nexport interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Stable accessible name, including when the mobile label is hidden. */\n  readonly label: string;\n  readonly icon: ReactNode;\n  readonly children?: ReactNode;\n  /** Use secondary styling for contextual actions above the primary launcher. */\n  readonly variant?: 'primary' | 'secondary';\n}\n\n/** A directly accessible action, not a speed-dial menu or nested overlay. */\nexport function FloatingActionButton({\n  label,\n  icon,\n  children,\n  variant = 'primary',\n  className,\n  ...buttonProps\n}: FloatingActionButtonProps) {\n  return (\n    <button\n      {...buttonProps}\n      type=\"button\"\n      aria-label={label}\n      className={[styles.action, variant === 'secondary' ? styles.secondary : styles.primary, className]\n        .filter(Boolean).join(' ')}\n    >\n      <span className={styles.icon} aria-hidden=\"true\">{icon}</span>\n      <span className={styles.label}>{children ?? label}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,oBAAoB,EAAE,UAAU,WAAW,QAAQ,mBAA6C;CAC9G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,cAAY;EACZ,WAAW,CAAC,qCAAA,QAAO,OAAO,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAE5D;CACE,CAAA;AAET;;AAYA,SAAgB,qBAAqB,EACnC,OACA,MACA,UACA,UAAU,WACV,WACA,GAAG,eACyB;CAC5B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,cAAY;EACZ,WAAW;GAAC,qCAAA,QAAO;GAAQ,YAAY,cAAc,qCAAA,QAAO,YAAY,qCAAA,QAAO;GAAS;EAAS,CAAC,CAC/F,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;YAL7B,CAOE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,qCAAA,QAAO;GAAM,eAAY;aAAQ;EAAW,CAAA,GAC7D,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,qCAAA,QAAO;aAAQ,YAAY;EAAY,CAAA,CAClD;;AAEZ"}