@waveso/ui 0.0.9 → 0.1.0

package/dist/accordion.d.ts

@@ -1,14 +1,30 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import * as React from "react";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/accordion.d.ts
 type AccordionProps = React.ComponentProps<typeof Accordion$1.Root>;
 type AccordionItemProps = React.ComponentProps<typeof Accordion$1.Item>;
 type AccordionTriggerProps = React.ComponentProps<typeof Accordion$1.Trigger>;
 type AccordionContentProps = React.ComponentProps<typeof Accordion$1.Panel>;
-declare function Accordion({ className, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: AccordionContentProps): react_jsx_runtime.JSX.Element;
-
+declare function Accordion({
+  className,
+  ...props
+}: AccordionProps): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionItem({
+  className,
+  ...props
+}: AccordionItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: AccordionTriggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: AccordionContentProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../src/accordion.tsx"],"mappings":";;;;;KAUK,cAAA,GAAiB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA;AAAA,KAChE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA;AAAA,KACpE,qBAAA,GAAwB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA;AAAA,KACvE,qBAAA,GAAwB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,KAAA;AAAA,iBAEnE,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajD,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAazD,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmBf,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/accordion.js

@@ -1,81 +1,58 @@
-import { ChevronDownIcon, ChevronUpIcon } from './chunk-DIGOLJIR.js';
-import { cn } from './chunk-76UQO56T.js';
-import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
+"use client";
+import { cn } from "./lib/utils.js";
+import { ChevronDownIcon, ChevronUpIcon } from "./lib/internal-icons.js";
+import "react";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/accordion.tsx
 function Accordion({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Accordion$1.Root,
-    {
-      "data-slot": "accordion",
-      className: cn(
-        "overflow-hidden flex w-full flex-col",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		"data-slot": "accordion",
+		className: cn("overflow-hidden flex w-full flex-col", className),
+		...props
+	});
 }
 function AccordionItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Accordion$1.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn(
-        "not-last:border-b",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		"data-slot": "accordion-item",
+		className: cn("not-last:border-b", className),
+		...props
+	});
 }
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Accordion$1.Header, { "data-slot": "accordion-header", className: "flex", children: /* @__PURE__ */ jsxs(
-    Accordion$1.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronDownIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }),
-        /* @__PURE__ */ jsx(ChevronUpIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })
-      ]
-    }
-  ) });
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		"data-slot": "accordion-header",
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4", className),
+			...props,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ChevronDownIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ jsx(ChevronUpIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
 }
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Accordion$1.Panel,
-    {
-      "data-slot": "accordion-content",
-      className: "data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
-            className
-          ),
-          children
-        }
-      )
-    }
-  );
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		"data-slot": "accordion-content",
+		className: "data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className),
+			children
+		})
+	});
 }
-
+//#endregion
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
-//# sourceMappingURL=accordion.js.map
+
 //# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/accordion.tsx"],"names":["AccordionPrimitive"],"mappings":";;;;;AAeA,SAAS,SAAA,CAAU,EAAE,SAAA,EAAW,GAAG,OAAM,EAAmB;AAC1D,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,sCAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,GAAG,OAAM,EAAuB;AAClE,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,mBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,2BACGA,WAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAA,EAAU,kBAAA,EAAmB,WAAU,MAAA,EAChE,QAAA,kBAAA,IAAA;AAAA,IAACA,WAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,4fAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAA,EAAU,wBAAA,EAAyB,WAAU,2EAAA,EAA4E,CAAA;AAAA,wBAC1I,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,wBAAA,EAAyB,WAAU,kFAAA,EAAmF;AAAA;AAAA;AAAA,GACjJ,EACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,KAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAU,2FAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,yLAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ","file":"accordion.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"./lib/utils\"\n\nimport { ChevronDownIcon, ChevronUpIcon } from \"./lib/internal-icons\"\n\ntype AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Panel>\n\nfunction Accordion({ className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"overflow-hidden flex w-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        \"not-last:border-b\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header data-slot=\"accordion-header\" className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n}\n"]}
+{"version":3,"file":"accordion.js","names":["AccordionPrimitive"],"sources":["../src/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"./lib/utils\"\n\nimport { ChevronDownIcon, ChevronUpIcon } from \"./lib/internal-icons\"\n\ntype AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Panel>\n\nfunction Accordion({ className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"overflow-hidden flex w-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        \"not-last:border-b\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header data-slot=\"accordion-header\" className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n}\n"],"mappings":";;;;;;;AAeA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GACT,wCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;AAClE,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GACT,qBACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACqB;AACxB,QACE,oBAACA,YAAmB,QAApB;EAA2B,aAAU;EAAmB,WAAU;YAChE,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,8fACA,UACD;GACD,GAAI;aANN;IAQG;IACD,oBAAC,iBAAD;KAAiB,aAAU;KAAyB,WAAU;KAA8E,CAAA;IAC5I,oBAAC,eAAD;KAAe,aAAU;KAAyB,WAAU;KAAqF,CAAA;IACtH;;EACH,CAAA;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACqB;AACxB,QACE,oBAACA,YAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC,OAAD;GACE,WAAW,GACT,2LACA,UACD;GAEA;GACG,CAAA;EACmB,CAAA"}

package/dist/action-bar.d.ts

@@ -0,0 +1,83 @@
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/action-bar.d.ts
+/** State a form registers with the ActionBar. */
+interface ActionBarEntry {
+  /** Whether this form has unsaved changes. */
+  hasChanges: boolean;
+  /** Whether this form is currently saving. */
+  saving: boolean;
+  /** Save this form's changes. */
+  onSave: () => void | Promise<void>;
+  /** Discard this form's changes. */
+  onReset: () => void;
+}
+interface ActionBarProviderProps {
+  children: React.ReactNode;
+  /** Message when one form has changes. */
+  message?: string;
+  /** Message template for multiple dirty forms. */
+  pluralMessage?: (count: number) => string;
+  /**
+   * Announced to assistive tech (and the only feedback reduced-motion
+   * users get) when guarded navigation is blocked.
+   */
+  blockedMessage?: string;
+  /** Additional className for the bar's outer wrapper. */
+  className?: string;
+}
+/**
+ * Global action bar for unsaved changes.
+ *
+ * Place once at the root layout. Forms register via `useActionBar()`.
+ *
+ * Features:
+ * - Multi-form aggregation (Save All / Reset All)
+ * - ⌘S / Ctrl+S keyboard shortcut
+ * - Navigation guard with Discord-style page jiggle
+ * - `beforeunload` guard for browser close/refresh
+ *
+ * @example
+ * ```tsx
+ * // Root layout — once
+ * <ActionBarProvider>{children}</ActionBarProvider>
+ *
+ * // Any form component
+ * useActionBar('profile', { hasChanges, saving, onSave, onReset });
+ * ```
+ */
+declare function ActionBarProvider({
+  children,
+  message,
+  pluralMessage,
+  blockedMessage,
+  className
+}: ActionBarProviderProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Register a form's unsaved state with the global ActionBar.
+ *
+ * Unregisters automatically on unmount.
+ *
+ * @param id — Unique key (e.g., 'profile', 'notifications')
+ * @param entry — Current form state
+ */
+declare function useActionBar(id: string, entry: ActionBarEntry): void;
+/**
+ * Returns a function that guards navigation.
+ * If unsaved changes exist, triggers the jiggle and blocks navigation.
+ * Otherwise navigates normally via the provided callback.
+ *
+ * @param navigate — Your navigation function (e.g., `router.push`)
+ *
+ * @example
+ * ```tsx
+ * const router = useRouter();
+ * const guardedPush = useActionBarGuard(router.push);
+ * <button onClick={() => guardedPush('/settings')}>Settings</button>
+ * ```
+ */
+declare function useActionBarGuard(navigate: (href: string) => void): (href: string) => boolean;
+//#endregion
+export { ActionBarEntry, ActionBarProvider, ActionBarProviderProps, useActionBar, useActionBarGuard };
+//# sourceMappingURL=action-bar.d.ts.map

package/dist/action-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.d.ts","names":[],"sources":["../src/action-bar.tsx"],"mappings":";;;;;UAeiB,cAAA;;EAEf,UAAA;EAF6B;EAI7B,MAAA;EAE4B;EAA5B,MAAA,eAAqB,OAAA;EAFrB;EAIA,OAAA;AAAA;AAAA,UA4Ce,sBAAA;EACf,QAAA,EAAU,KAAA,CAAM,SAAA;EA7CT;EA+CP,OAAA;EAHqC;EAKrC,aAAA,IAAiB,KAAA;EAJQ;;;;EASzB,cAAA;EALA;EAOA,SAAA;AAAA;;;;AACD;;;;;;;;;;;;;;;;;iBAsBQ,iBAAA,CAAA;EACP,QAAA;EACA,OAAA;EACA,aAAA;EACA,cAAA;EACA;AAAA,GACC,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;iBAuQhB,YAAA,CAAa,EAAA,UAAY,KAAA,EAAO,cAAA;AAvQhB;;;;;;;;;AAuQ8B;;;;;AAvQ9B,iBA8ShB,iBAAA,CAAkB,QAAA,GAAW,IAAA,qBAAqB,IAAA"}

package/dist/action-bar.js

@@ -0,0 +1,264 @@
+"use client";
+import { cn } from "./lib/utils.js";
+import { Button } from "./button.js";
+import { Spinner } from "./spinner.js";
+import { Kbd } from "./kbd.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+//#region src/action-bar.tsx
+const JIGGLE_STEPS = 6;
+const JIGGLE_INTERVAL = 50;
+const JIGGLE_RANGE = 15;
+/**
+* SSR-safe platform detection. Returns `false` on the server and on the
+* first client render so hydration matches, then resolves the real
+* platform after mount. Avoids the `⌘S`/`Ctrl+S` hydration mismatch
+* that a module-scope `navigator` read would cause.
+*/
+function useIsMac() {
+	const [isMac, setIsMac] = React.useState(false);
+	React.useEffect(() => {
+		setIsMac(/Mac|iPhone|iPad/.test(navigator.userAgent));
+	}, []);
+	return isMac;
+}
+const ActionBarContext = React.createContext(null);
+/**
+* Global action bar for unsaved changes.
+*
+* Place once at the root layout. Forms register via `useActionBar()`.
+*
+* Features:
+* - Multi-form aggregation (Save All / Reset All)
+* - ⌘S / Ctrl+S keyboard shortcut
+* - Navigation guard with Discord-style page jiggle
+* - `beforeunload` guard for browser close/refresh
+*
+* @example
+* ```tsx
+* // Root layout — once
+* <ActionBarProvider>{children}</ActionBarProvider>
+*
+* // Any form component
+* useActionBar('profile', { hasChanges, saving, onSave, onReset });
+* ```
+*/
+function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = (count) => `${count} unsaved changes`, blockedMessage = "Save or reset your changes before leaving this page", className }) {
+	const entriesRef = React.useRef(/* @__PURE__ */ new Map());
+	const [, forceUpdate] = React.useState(0);
+	const [jiggleTransform, setJiggleTransform] = React.useState(null);
+	const jiggleTimerRef = React.useRef(null);
+	const contentRef = React.useRef(null);
+	const isMac = useIsMac();
+	const prefersReducedMotion = useReducedMotion();
+	const reducedMotionRef = React.useRef(prefersReducedMotion);
+	reducedMotionRef.current = prefersReducedMotion;
+	const [blockedNotice, setBlockedNotice] = React.useState("");
+	const register = React.useCallback((id, entry) => {
+		const prev = entriesRef.current.get(id);
+		entriesRef.current.set(id, entry);
+		if (!prev || prev.hasChanges !== entry.hasChanges || prev.saving !== entry.saving) forceUpdate((n) => n + 1);
+	}, []);
+	const unregister = React.useCallback((id) => {
+		if (entriesRef.current.delete(id)) forceUpdate((n) => n + 1);
+	}, []);
+	const hasDirty = React.useCallback(() => {
+		for (const entry of entriesRef.current.values()) if (entry.hasChanges) return true;
+		return false;
+	}, []);
+	const jiggle = React.useCallback(() => {
+		setBlockedNotice("");
+		requestAnimationFrame(() => setBlockedNotice(blockedMessage));
+		if (reducedMotionRef.current) return;
+		if (jiggleTimerRef.current) return;
+		let step = 0;
+		function tick() {
+			step++;
+			if (step >= JIGGLE_STEPS) {
+				setJiggleTransform(null);
+				jiggleTimerRef.current = null;
+				return;
+			}
+			const x = (Math.random() - .5) * 2 * JIGGLE_RANGE;
+			const y = (Math.random() - .5) * 2 * JIGGLE_RANGE;
+			setJiggleTransform(`translate3d(${x.toFixed(5)}px, ${y.toFixed(5)}px, 0px)`);
+			jiggleTimerRef.current = setTimeout(tick, JIGGLE_INTERVAL);
+		}
+		tick();
+	}, [blockedMessage]);
+	const dirty = [];
+	let anySaving = false;
+	for (const entry of entriesRef.current.values()) {
+		if (entry.hasChanges) dirty.push(entry);
+		if (entry.saving) anySaving = true;
+	}
+	const showBar = dirty.length > 0 || anySaving;
+	const dirtyCount = dirty.length;
+	const displayMessage = dirtyCount > 1 ? pluralMessage(dirtyCount) : message;
+	const handleSaveAll = React.useCallback(async () => {
+		const saves = [...entriesRef.current.values()].filter((e) => e.hasChanges).map((e) => e.onSave());
+		await Promise.all(saves);
+	}, []);
+	const handleResetAll = React.useCallback(() => {
+		for (const entry of entriesRef.current.values()) if (entry.hasChanges) entry.onReset();
+	}, []);
+	React.useEffect(() => {
+		function handleKeyDown(e) {
+			if ((e.metaKey || e.ctrlKey) && e.key === "s") {
+				e.preventDefault();
+				if (hasDirty()) handleSaveAll();
+			}
+		}
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [hasDirty, handleSaveAll]);
+	React.useEffect(() => {
+		function handleBeforeUnload(e) {
+			if (hasDirty()) e.preventDefault();
+		}
+		window.addEventListener("beforeunload", handleBeforeUnload);
+		return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+	}, [hasDirty]);
+	const ctx = React.useMemo(() => ({
+		register,
+		unregister,
+		hasDirty,
+		jiggle
+	}), [
+		register,
+		unregister,
+		hasDirty,
+		jiggle
+	]);
+	return /* @__PURE__ */ jsxs(ActionBarContext.Provider, {
+		value: ctx,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				"data-slot": "action-bar-shell",
+				ref: contentRef,
+				style: jiggleTransform ? { transform: jiggleTransform } : void 0,
+				children
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "action-bar-status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: showBar ? displayMessage : ""
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "action-bar-blocked-status",
+				"aria-live": "assertive",
+				className: "sr-only",
+				children: blockedNotice
+			}),
+			/* @__PURE__ */ jsx(AnimatePresence, { children: showBar && /* @__PURE__ */ jsx(motion.div, {
+				"data-slot": "action-bar",
+				initial: prefersReducedMotion ? {
+					opacity: 0,
+					x: "-50%"
+				} : {
+					opacity: 0,
+					y: 20,
+					x: "-50%"
+				},
+				animate: {
+					opacity: 1,
+					y: 0,
+					x: "-50%"
+				},
+				exit: prefersReducedMotion ? {
+					opacity: 0,
+					x: "-50%"
+				} : {
+					opacity: 0,
+					y: 20,
+					x: "-50%"
+				},
+				transition: {
+					duration: .2,
+					ease: "easeOut"
+				},
+				className: "fixed bottom-6 left-1/2 z-50",
+				children: /* @__PURE__ */ jsxs("div", {
+					"data-slot": "action-bar-content",
+					className: cn("flex items-center gap-6 rounded-xl border border-border/60 bg-card px-5 py-2.5 shadow-lg ring-1 ring-black/5 backdrop-blur-sm dark:ring-white/5", className),
+					children: [/* @__PURE__ */ jsx("span", {
+						"data-slot": "action-bar-message",
+						className: "whitespace-nowrap text-sm font-medium text-foreground",
+						children: displayMessage
+					}), /* @__PURE__ */ jsxs("div", {
+						"data-slot": "action-bar-actions",
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "ghost",
+							disabled: anySaving,
+							onClick: handleResetAll,
+							className: "h-9 px-3 text-sm hover:text-destructive",
+							children: "Reset"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "default",
+							disabled: anySaving,
+							onClick: handleSaveAll,
+							className: "h-9 px-4 text-sm",
+							children: anySaving ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "mr-1.5 h-3.5 w-3.5" }), "Saving"] }) : /* @__PURE__ */ jsxs(Fragment, { children: ["Save", /* @__PURE__ */ jsx(Kbd, {
+								className: "ml-1.5",
+								children: isMac ? "⌘S" : "Ctrl+S"
+							})] })
+						})]
+					})]
+				})
+			}) })
+		]
+	});
+}
+/**
+* Register a form's unsaved state with the global ActionBar.
+*
+* Unregisters automatically on unmount.
+*
+* @param id — Unique key (e.g., 'profile', 'notifications')
+* @param entry — Current form state
+*/
+function useActionBar(id, entry) {
+	const ctx = React.useContext(ActionBarContext);
+	if (!ctx) throw new Error("useActionBar must be used within <ActionBarProvider>");
+	const { register, unregister } = ctx;
+	React.useEffect(() => {
+		register(id, entry);
+	});
+	React.useEffect(() => {
+		return () => unregister(id);
+	}, [id, unregister]);
+}
+/**
+* Returns a function that guards navigation.
+* If unsaved changes exist, triggers the jiggle and blocks navigation.
+* Otherwise navigates normally via the provided callback.
+*
+* @param navigate — Your navigation function (e.g., `router.push`)
+*
+* @example
+* ```tsx
+* const router = useRouter();
+* const guardedPush = useActionBarGuard(router.push);
+* <button onClick={() => guardedPush('/settings')}>Settings</button>
+* ```
+*/
+function useActionBarGuard(navigate) {
+	const ctx = React.useContext(ActionBarContext);
+	return React.useCallback((href) => {
+		if (ctx?.hasDirty()) {
+			ctx.jiggle();
+			return false;
+		}
+		navigate(href);
+		return true;
+	}, [ctx, navigate]);
+}
+//#endregion
+export { ActionBarProvider, useActionBar, useActionBarGuard };
+
+//# sourceMappingURL=action-bar.js.map

package/dist/action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.js","names":[],"sources":["../src/action-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { AnimatePresence, motion, useReducedMotion } from \"motion/react\"\n\nimport { cn } from \"./lib/utils\"\nimport { Button } from \"./button\"\nimport { Spinner } from \"./spinner\"\nimport { Kbd } from \"./kbd\"\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** State a form registers with the ActionBar. */\nexport interface ActionBarEntry {\n  /** Whether this form has unsaved changes. */\n  hasChanges: boolean\n  /** Whether this form is currently saving. */\n  saving: boolean\n  /** Save this form's changes. */\n  onSave: () => void | Promise<void>\n  /** Discard this form's changes. */\n  onReset: () => void\n}\n\ninterface ActionBarContextValue {\n  register: (id: string, entry: ActionBarEntry) => void\n  unregister: (id: string) => void\n  /** Returns true if any registered form has unsaved changes. */\n  hasDirty: () => boolean\n  /** Trigger the jiggle effect on blocked navigation. */\n  jiggle: () => void\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst JIGGLE_STEPS = 6\nconst JIGGLE_INTERVAL = 50\nconst JIGGLE_RANGE = 15\n\n/**\n * SSR-safe platform detection. Returns `false` on the server and on the\n * first client render so hydration matches, then resolves the real\n * platform after mount. Avoids the `⌘S`/`Ctrl+S` hydration mismatch\n * that a module-scope `navigator` read would cause.\n */\nfunction useIsMac(): boolean {\n  const [isMac, setIsMac] = React.useState(false)\n  React.useEffect(() => {\n    setIsMac(/Mac|iPhone|iPad/.test(navigator.userAgent))\n  }, [])\n  return isMac\n}\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst ActionBarContext = React.createContext<ActionBarContextValue | null>(null)\n\n// ---------------------------------------------------------------------------\n// Provider\n// ---------------------------------------------------------------------------\n\nexport interface ActionBarProviderProps {\n  children: React.ReactNode\n  /** Message when one form has changes. */\n  message?: string\n  /** Message template for multiple dirty forms. */\n  pluralMessage?: (count: number) => string\n  /**\n   * Announced to assistive tech (and the only feedback reduced-motion\n   * users get) when guarded navigation is blocked.\n   */\n  blockedMessage?: string\n  /** Additional className for the bar's outer wrapper. */\n  className?: string\n}\n\n/**\n * Global action bar for unsaved changes.\n *\n * Place once at the root layout. Forms register via `useActionBar()`.\n *\n * Features:\n * - Multi-form aggregation (Save All / Reset All)\n * - ⌘S / Ctrl+S keyboard shortcut\n * - Navigation guard with Discord-style page jiggle\n * - `beforeunload` guard for browser close/refresh\n *\n * @example\n * ```tsx\n * // Root layout — once\n * <ActionBarProvider>{children}</ActionBarProvider>\n *\n * // Any form component\n * useActionBar('profile', { hasChanges, saving, onSave, onReset });\n * ```\n */\nfunction ActionBarProvider({\n  children,\n  message = \"You have unsaved changes\",\n  pluralMessage = (count) => `${count} unsaved changes`,\n  blockedMessage = \"Save or reset your changes before leaving this page\",\n  className,\n}: ActionBarProviderProps) {\n  const entriesRef = React.useRef(new Map<string, ActionBarEntry>())\n  const [, forceUpdate] = React.useState(0)\n  const [jiggleTransform, setJiggleTransform] = React.useState<string | null>(\n    null\n  )\n  const jiggleTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  )\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const isMac = useIsMac()\n  const prefersReducedMotion = useReducedMotion()\n  const reducedMotionRef = React.useRef(prefersReducedMotion)\n  reducedMotionRef.current = prefersReducedMotion\n  // Assertive announcement for blocked navigation. This is the *only*\n  // feedback channel that works for screen-reader and reduced-motion\n  // users (the visual jiggle is suppressed for them), so it is driven\n  // independently of the shake.\n  const [blockedNotice, setBlockedNotice] = React.useState(\"\")\n\n  // --- Registry ---\n\n  const register = React.useCallback((id: string, entry: ActionBarEntry) => {\n    const prev = entriesRef.current.get(id)\n    entriesRef.current.set(id, entry)\n    if (\n      !prev ||\n      prev.hasChanges !== entry.hasChanges ||\n      prev.saving !== entry.saving\n    ) {\n      forceUpdate((n) => n + 1)\n    }\n  }, [])\n\n  const unregister = React.useCallback((id: string) => {\n    if (entriesRef.current.delete(id)) {\n      forceUpdate((n) => n + 1)\n    }\n  }, [])\n\n  const hasDirty = React.useCallback(() => {\n    for (const entry of entriesRef.current.values()) {\n      if (entry.hasChanges) return true\n    }\n    return false\n  }, [])\n\n  // --- Jiggle ---\n\n  const jiggle = React.useCallback(() => {\n    // Announce to assistive tech on every blocked attempt. Clearing\n    // first guarantees a text change so an identical message\n    // re-announces on repeat presses.\n    setBlockedNotice(\"\")\n    requestAnimationFrame(() => setBlockedNotice(blockedMessage))\n\n    // Vestibular safety: the random-translate shake is purely a motion\n    // cue, so skip it under prefers-reduced-motion. The assertive\n    // announcement above is the accessible equivalent.\n    if (reducedMotionRef.current) return\n    if (jiggleTimerRef.current) return\n\n    let step = 0\n\n    function tick() {\n      step++\n      if (step >= JIGGLE_STEPS) {\n        setJiggleTransform(null)\n        jiggleTimerRef.current = null\n        return\n      }\n      const x = (Math.random() - 0.5) * 2 * JIGGLE_RANGE\n      const y = (Math.random() - 0.5) * 2 * JIGGLE_RANGE\n      setJiggleTransform(\n        `translate3d(${x.toFixed(5)}px, ${y.toFixed(5)}px, 0px)`\n      )\n      jiggleTimerRef.current = setTimeout(tick, JIGGLE_INTERVAL)\n    }\n\n    tick()\n  }, [blockedMessage])\n\n  // --- Aggregated state ---\n\n  const dirty: ActionBarEntry[] = []\n  let anySaving = false\n\n  for (const entry of entriesRef.current.values()) {\n    if (entry.hasChanges) dirty.push(entry)\n    if (entry.saving) anySaving = true\n  }\n\n  const showBar = dirty.length > 0 || anySaving\n  const dirtyCount = dirty.length\n  const displayMessage =\n    dirtyCount > 1 ? pluralMessage(dirtyCount) : message\n\n  // --- Save / Reset ---\n\n  const handleSaveAll = React.useCallback(async () => {\n    const saves = [...entriesRef.current.values()]\n      .filter((e) => e.hasChanges)\n      .map((e) => e.onSave())\n    await Promise.all(saves)\n  }, [])\n\n  const handleResetAll = React.useCallback(() => {\n    for (const entry of entriesRef.current.values()) {\n      if (entry.hasChanges) entry.onReset()\n    }\n  }, [])\n\n  // --- ⌘S / Ctrl+S ---\n\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      if ((e.metaKey || e.ctrlKey) && e.key === \"s\") {\n        e.preventDefault()\n        if (hasDirty()) {\n          handleSaveAll()\n        }\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    return () => document.removeEventListener(\"keydown\", handleKeyDown)\n  }, [hasDirty, handleSaveAll])\n\n  // --- beforeunload ---\n\n  React.useEffect(() => {\n    function handleBeforeUnload(e: BeforeUnloadEvent) {\n      if (hasDirty()) {\n        e.preventDefault()\n      }\n    }\n\n    window.addEventListener(\"beforeunload\", handleBeforeUnload)\n    return () => window.removeEventListener(\"beforeunload\", handleBeforeUnload)\n  }, [hasDirty])\n\n  // --- Context ---\n\n  const ctx = React.useMemo(\n    () => ({ register, unregister, hasDirty, jiggle }),\n    [register, unregister, hasDirty, jiggle]\n  )\n\n  return (\n    <ActionBarContext.Provider value={ctx}>\n      <div\n        data-slot=\"action-bar-shell\"\n        ref={contentRef}\n        style={jiggleTransform ? { transform: jiggleTransform } : undefined}\n      >\n        {children}\n      </div>\n\n      {/*\n        Persistent SR-only live regions. They are always mounted so the\n        announcement fires reliably when their text changes — a region\n        mounted already-populated is not announced consistently across\n        screen reader / browser combinations.\n      */}\n      <span data-slot=\"action-bar-status\" aria-live=\"polite\" className=\"sr-only\">\n        {showBar ? displayMessage : \"\"}\n      </span>\n      <span\n        data-slot=\"action-bar-blocked-status\"\n        aria-live=\"assertive\"\n        className=\"sr-only\"\n      >\n        {blockedNotice}\n      </span>\n\n      <AnimatePresence>\n        {showBar && (\n          <motion.div\n            data-slot=\"action-bar\"\n            initial={\n              prefersReducedMotion\n                ? { opacity: 0, x: \"-50%\" }\n                : { opacity: 0, y: 20, x: \"-50%\" }\n            }\n            animate={{ opacity: 1, y: 0, x: \"-50%\" }}\n            exit={\n              prefersReducedMotion\n                ? { opacity: 0, x: \"-50%\" }\n                : { opacity: 0, y: 20, x: \"-50%\" }\n            }\n            transition={{ duration: 0.2, ease: \"easeOut\" }}\n            className=\"fixed bottom-6 left-1/2 z-50\"\n          >\n            <div\n              data-slot=\"action-bar-content\"\n              className={cn(\n                \"flex items-center gap-6 rounded-xl border border-border/60 bg-card px-5 py-2.5 shadow-lg ring-1 ring-black/5 backdrop-blur-sm dark:ring-white/5\",\n                className\n              )}\n            >\n              <span\n                data-slot=\"action-bar-message\"\n                className=\"whitespace-nowrap text-sm font-medium text-foreground\"\n              >\n                {displayMessage}\n              </span>\n\n              <div\n                data-slot=\"action-bar-actions\"\n                className=\"flex items-center gap-1.5\"\n              >\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  disabled={anySaving}\n                  onClick={handleResetAll}\n                  className=\"h-9 px-3 text-sm hover:text-destructive\"\n                >\n                  Reset\n                </Button>\n\n                <Button\n                  type=\"button\"\n                  variant=\"default\"\n                  disabled={anySaving}\n                  onClick={handleSaveAll}\n                  className=\"h-9 px-4 text-sm\"\n                >\n                  {anySaving ? (\n                    <>\n                      <Spinner className=\"mr-1.5 h-3.5 w-3.5\" />\n                      Saving\n                    </>\n                  ) : (\n                    <>\n                      Save\n                      <Kbd className=\"ml-1.5\">\n                        {isMac ? \"⌘S\" : \"Ctrl+S\"}\n                      </Kbd>\n                    </>\n                  )}\n                </Button>\n              </div>\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </ActionBarContext.Provider>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Hook — register form state\n// ---------------------------------------------------------------------------\n\n/**\n * Register a form's unsaved state with the global ActionBar.\n *\n * Unregisters automatically on unmount.\n *\n * @param id — Unique key (e.g., 'profile', 'notifications')\n * @param entry — Current form state\n */\nfunction useActionBar(id: string, entry: ActionBarEntry) {\n  const ctx = React.useContext(ActionBarContext)\n  if (!ctx)\n    throw new Error(\"useActionBar must be used within <ActionBarProvider>\")\n\n  const { register, unregister } = ctx\n\n  // Intentionally no dependency array: `entry` (and its `onSave`/\n  // `onReset` closures) is rebuilt by the caller every render, so we\n  // must re-register each render to keep the latest closures. The\n  // `register` impl diffs the entry and only forces an update when\n  // `hasChanges`/`saving` actually changed, so this can't loop.\n  React.useEffect(() => {\n    register(id, entry)\n  })\n\n  React.useEffect(() => {\n    return () => unregister(id)\n  }, [id, unregister])\n}\n\n// ---------------------------------------------------------------------------\n// Navigation guard hook\n// ---------------------------------------------------------------------------\n\n/**\n * Returns a function that guards navigation.\n * If unsaved changes exist, triggers the jiggle and blocks navigation.\n * Otherwise navigates normally via the provided callback.\n *\n * @param navigate — Your navigation function (e.g., `router.push`)\n *\n * @example\n * ```tsx\n * const router = useRouter();\n * const guardedPush = useActionBarGuard(router.push);\n * <button onClick={() => guardedPush('/settings')}>Settings</button>\n * ```\n */\nfunction useActionBarGuard(navigate: (href: string) => void) {\n  const ctx = React.useContext(ActionBarContext)\n\n  return React.useCallback(\n    (href: string) => {\n      if (ctx?.hasDirty()) {\n        ctx.jiggle()\n        return false\n      }\n      navigate(href)\n      return true\n    },\n    [ctx, navigate]\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Exports\n// ---------------------------------------------------------------------------\n\nexport {\n  ActionBarProvider,\n  useActionBar,\n  useActionBarGuard,\n}\n"],"mappings":"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"}