@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/_chunks/image-preview.js

@@ -1,90 +1,129 @@
 "use client";
-import { jsx as t, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as u } from "../ui/lib/utils.js";
-import { tweens as R } from "../ui/lib/motion.js";
-import { Skeleton as Z } from "../ui/skeleton.js";
-import { Button as m } from "../ui/button.js";
-import { Icon as l } from "../ui/icon.js";
-import { IconZoomOut as D, IconZoomIn as N, IconZoomReset as T, IconMinimize as j, IconMaximize as L } from "@tabler/icons-react";
-import { TransformWrapper as M, TransformComponent as O } from "react-zoom-pan-pinch";
-import { E as B, T as H, a as k } from "./file-preview.js";
-import { m as K } from "./framer.js";
-function Y({ url: d, alt: g, onError: z }) {
-  const [i, w] = n.useState(!1), [y, E] = n.useState(!1), [C, I] = n.useState(100), [o, f] = n.useState(!1), p = n.useRef(null), [h, x] = n.useState(!1), v = n.useRef(null);
-  return n.useEffect(() => {
-    function s(e) {
-      const a = p.current;
-      if (!a || !a.contains(document.activeElement) && !h) return;
-      const r = v.current;
-      r && (e.key === "+" || e.key === "=" ? (e.preventDefault(), r.zoomIn()) : e.key === "-" ? (e.preventDefault(), r.zoomOut()) : e.key === "0" ? (e.preventDefault(), r.resetTransform()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), f((F) => !F)) : e.key === "Escape" && o && (e.preventDefault(), f(!1)));
-    }
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [h, o]), y ? /* @__PURE__ */ t(B, { message: "Could not load image", url: d }) : /* @__PURE__ */ t(
-    "div",
-    {
-      ref: p,
-      className: o ? "fixed inset-0 z-50 flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs" : "relative flex flex-col items-center gap-ds-03",
-      onMouseEnter: () => x(!0),
-      onMouseLeave: () => x(!1),
-      tabIndex: -1,
-      children: /* @__PURE__ */ t(
-        M,
-        {
-          initialScale: 1,
-          minScale: 0.1,
-          maxScale: 8,
-          centerOnInit: !0,
-          doubleClick: { mode: "toggle", step: 2 },
-          onTransform: (s, e) => I(Math.round(e.scale * 100)),
-          children: ({ zoomIn: s, zoomOut: e, resetTransform: a, centerView: b }) => (v.current = { zoomIn: s, zoomOut: e, resetTransform: a, centerView: b }, /* @__PURE__ */ c(S, { children: [
-            /* @__PURE__ */ c("div", { className: u(
-              "overflow-hidden rounded-ds-md bg-surface-sunken",
-              o ? "flex-1 w-full" : "max-h-[70vh] max-w-full"
-            ), children: [
-              !i && /* @__PURE__ */ t(Z, { className: "h-64 w-full rounded-ds-md" }),
-              /* @__PURE__ */ t(
-                O,
-                {
-                  wrapperClass: u("w-full!", o && "h-full!"),
-                  contentClass: "w-full! flex! items-center! justify-center!",
-                  children: /* @__PURE__ */ t(
-                    K.img,
-                    {
-                      src: d,
-                      alt: g ?? "",
-                      onLoad: () => w(!0),
-                      onError: () => {
-                        E(!0), z?.("Image failed to load");
-                      },
-                      initial: { opacity: 0 },
-                      animate: { opacity: i ? 1 : 0 },
-                      transition: R.fade,
-                      className: u("max-w-full select-none", !i && "hidden", o && "max-h-[90vh] object-contain"),
-                      draggable: !1
-                    }
-                  )
-                }
-              )
-            ] }),
-            i && /* @__PURE__ */ c(H, { className: o ? "absolute bottom-ds-06" : void 0, children: [
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => e(), "aria-label": "Zoom out (-)", title: "Zoom out", children: /* @__PURE__ */ t(l, { icon: D, size: "sm" }) }),
-              /* @__PURE__ */ c("span", { className: "text-ds-xs font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none", children: [
-                C,
-                "%"
-              ] }),
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => s(), "aria-label": "Zoom in (+)", title: "Zoom in", children: /* @__PURE__ */ t(l, { icon: N, size: "sm" }) }),
-              /* @__PURE__ */ t(k, {}),
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => a(), "aria-label": "Reset zoom (0)", title: "Reset zoom", children: /* @__PURE__ */ t(l, { icon: T, size: "sm" }) }),
-              /* @__PURE__ */ t(k, {}),
-              /* @__PURE__ */ t(m, { variant: "ghost", size: "icon-xs", onClick: () => f((r) => !r), "aria-label": o ? "Exit fullscreen (Esc)" : "Fullscreen (F)", title: o ? "Exit fullscreen" : "Fullscreen", children: o ? /* @__PURE__ */ t(l, { icon: j, size: "sm" }) : /* @__PURE__ */ t(l, { icon: L, size: "sm" }) })
-            ] })
-          ] }))
-        }
-      )
-    }
-  );
+import { a as e } from "./framer.js";
+import { tweens as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { Button as i } from "../ui/button.js";
+import { Skeleton as a } from "../ui/skeleton.js";
+import { n as o, r as s, t as c } from "./shared.js";
+import * as l from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconMaximize as p, IconMinimize as m, IconZoomIn as h, IconZoomOut as g, IconZoomReset as _ } from "@tabler/icons-react";
+import { TransformComponent as v, TransformWrapper as y } from "react-zoom-pan-pinch";
+//#region src/composed/file-preview/image-preview.tsx
+function b({ url: b, alt: x, onError: S }) {
+	let [C, w] = l.useState(!1), [T, E] = l.useState(!1), [D, O] = l.useState(100), [k, A] = l.useState(!1), j = l.useRef(null), [M, N] = l.useState(!1), P = l.useRef(null);
+	return l.useEffect(() => {
+		function e(e) {
+			let t = j.current;
+			if (!t || !t.contains(document.activeElement) && !M) return;
+			let n = P.current;
+			n && (e.key === "+" || e.key === "=" ? (e.preventDefault(), n.zoomIn()) : e.key === "-" ? (e.preventDefault(), n.zoomOut()) : e.key === "0" ? (e.preventDefault(), n.resetTransform()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), A((e) => !e)) : e.key === "Escape" && k && (e.preventDefault(), A(!1)));
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [M, k]), T ? /* @__PURE__ */ d(c, {
+		message: "Could not load image",
+		url: b
+	}) : /* @__PURE__ */ d("div", {
+		ref: j,
+		className: k ? "fixed inset-0 z-modal flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs" : "relative flex flex-col items-center gap-ds-03",
+		onMouseEnter: () => N(!0),
+		onMouseLeave: () => N(!1),
+		tabIndex: -1,
+		children: /* @__PURE__ */ d(y, {
+			initialScale: 1,
+			minScale: .1,
+			maxScale: 8,
+			centerOnInit: !0,
+			doubleClick: {
+				mode: "toggle",
+				step: 2
+			},
+			onTransform: (e, t) => O(Math.round(t.scale * 100)),
+			children: ({ zoomIn: c, zoomOut: l, resetTransform: y, centerView: T }) => (P.current = {
+				zoomIn: c,
+				zoomOut: l,
+				resetTransform: y,
+				centerView: T
+			}, /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+				className: n("overflow-hidden rounded-ds-md bg-surface-sunken", k ? "flex-1 w-full" : "max-h-[70vh] max-w-full"),
+				children: [!C && /* @__PURE__ */ d(a, { className: "h-64 w-full rounded-ds-md" }), /* @__PURE__ */ d(v, {
+					wrapperClass: n("w-full!", k && "h-full!"),
+					contentClass: "w-full! flex! items-center! justify-center!",
+					children: /* @__PURE__ */ d(e.img, {
+						src: b,
+						alt: x ?? "",
+						onLoad: () => w(!0),
+						onError: () => {
+							E(!0), S?.("Image failed to load");
+						},
+						initial: { opacity: 0 },
+						animate: { opacity: +!!C },
+						transition: t.fade,
+						className: n("max-w-full select-none", !C && "hidden", k && "max-h-[90vh] object-contain"),
+						draggable: !1
+					})
+				})]
+			}), C && /* @__PURE__ */ f(o, {
+				className: k ? "absolute bottom-ds-06" : void 0,
+				children: [
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => l(),
+						"aria-label": "Zoom out (-)",
+						title: "Zoom out",
+						children: /* @__PURE__ */ d(r, {
+							icon: g,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "text-ds-xs font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none",
+						children: [D, "%"]
+					}),
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => c(),
+						"aria-label": "Zoom in (+)",
+						title: "Zoom in",
+						children: /* @__PURE__ */ d(r, {
+							icon: h,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ d(s, {}),
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => y(),
+						"aria-label": "Reset zoom (0)",
+						title: "Reset zoom",
+						children: /* @__PURE__ */ d(r, {
+							icon: _,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ d(s, {}),
+					/* @__PURE__ */ d(i, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: () => A((e) => !e),
+						"aria-label": k ? "Exit fullscreen (Esc)" : "Fullscreen (F)",
+						title: k ? "Exit fullscreen" : "Fullscreen",
+						children: k ? /* @__PURE__ */ d(r, {
+							icon: m,
+							size: "sm"
+						}) : /* @__PURE__ */ d(r, {
+							icon: p,
+							size: "sm"
+						})
+					})
+				]
+			})] }))
+		})
+	});
 }
-export {
-  Y as default
-};
+//#endregion
+export { b as default };

package/dist/_chunks/image-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview.js","names":[],"sources":["../../src/composed/file-preview/image-preview.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion } from 'framer-motion'\nimport { cn } from '../../ui/lib/utils'\nimport { tweens } from '../../ui/lib/motion'\nimport { Skeleton } from '../../ui/skeleton'\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport {\n  IconZoomIn,\n  IconZoomOut,\n  IconZoomReset,\n  IconMaximize,\n  IconMinimize,\n} from '@tabler/icons-react'\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch'\nimport { ErrorFallback, Toolbar, ToolbarDivider } from './shared'\n\n// ============================================================\n// Image Preview — Google Drive / Figma style\n// ============================================================\n\nexport default function ImagePreview({ url, alt, onError }: { url: string; alt?: string; onError?: (msg: string) => void }) {\n  const [loaded, setLoaded] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [zoom, setZoom] = React.useState(100)\n  const [fullscreen, setFullscreen] = React.useState(false)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = React.useState(false)\n  const controlsRef = React.useRef<{\n    zoomIn: () => void; zoomOut: () => void; resetTransform: () => void;\n    centerView: (s: number) => void\n  } | null>(null)\n\n  // Keyboard shortcuts\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el) return\n      const hasFocus = el.contains(document.activeElement)\n      if (!hasFocus && !hovered) return\n      const ctrl = controlsRef.current\n      if (!ctrl) return\n\n      if (e.key === '+' || e.key === '=') { e.preventDefault(); ctrl.zoomIn() }\n      else if (e.key === '-') { e.preventDefault(); ctrl.zoomOut() }\n      else if (e.key === '0') { e.preventDefault(); ctrl.resetTransform() }\n      else if (e.key === 'f' || e.key === 'F') { e.preventDefault(); setFullscreen((f) => !f) }\n      else if (e.key === 'Escape' && fullscreen) { e.preventDefault(); setFullscreen(false) }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [hovered, fullscreen])\n\n  if (error) return <ErrorFallback message=\"Could not load image\" url={url} />\n\n  const containerClasses = fullscreen\n    ? 'fixed inset-0 z-modal flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs'\n    : 'relative flex flex-col items-center gap-ds-03'\n\n  return (\n    <div\n      ref={containerRef}\n      className={containerClasses}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      tabIndex={-1}\n    >\n      <TransformWrapper\n        initialScale={1}\n        minScale={0.1}\n        maxScale={8}\n        centerOnInit\n        doubleClick={{ mode: 'toggle', step: 2 }}\n        onTransform={(_: unknown, state: { scale: number }) => setZoom(Math.round(state.scale * 100))}\n      >\n        {({ zoomIn, zoomOut, resetTransform, centerView }) => {\n          controlsRef.current = { zoomIn, zoomOut, resetTransform, centerView }\n          return (\n            <>\n              <div className={cn(\n                'overflow-hidden rounded-ds-md bg-surface-sunken',\n                fullscreen ? 'flex-1 w-full' : 'max-h-[70vh] max-w-full',\n              )}>\n                {!loaded && <Skeleton className=\"h-64 w-full rounded-ds-md\" />}\n                <TransformComponent\n                  wrapperClass={cn('w-full!', fullscreen && 'h-full!')}\n                  contentClass=\"w-full! flex! items-center! justify-center!\"\n                >\n                  <motion.img\n                    src={url}\n                    alt={alt ?? ''}\n                    onLoad={() => setLoaded(true)}\n                    onError={() => { setError(true); onError?.('Image failed to load') }}\n                    initial={{ opacity: 0 }}\n                    animate={{ opacity: loaded ? 1 : 0 }}\n                    transition={tweens.fade}\n                    className={cn('max-w-full select-none', !loaded && 'hidden', fullscreen && 'max-h-[90vh] object-contain')}\n                    draggable={false}\n                  />\n                </TransformComponent>\n              </div>\n\n              {/* Toolbar — Google Drive style */}\n              {loaded && (\n                <Toolbar className={fullscreen ? 'absolute bottom-ds-06' : undefined}>\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => zoomOut()} aria-label=\"Zoom out (-)\" title=\"Zoom out\">\n                    <Icon icon={IconZoomOut} size=\"sm\" />\n                  </Button>\n                  <span className=\"text-ds-xs font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none\">\n                    {zoom}%\n                  </span>\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => zoomIn()} aria-label=\"Zoom in (+)\" title=\"Zoom in\">\n                    <Icon icon={IconZoomIn} size=\"sm\" />\n                  </Button>\n                  <ToolbarDivider />\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => resetTransform()} aria-label=\"Reset zoom (0)\" title=\"Reset zoom\">\n                    <Icon icon={IconZoomReset} size=\"sm\" />\n                  </Button>\n                  <ToolbarDivider />\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setFullscreen((f) => !f)} aria-label={fullscreen ? 'Exit fullscreen (Esc)' : 'Fullscreen (F)'} title={fullscreen ? 'Exit fullscreen' : 'Fullscreen'}>\n                    {fullscreen ? <Icon icon={IconMinimize} size=\"sm\" /> : <Icon icon={IconMaximize} size=\"sm\" />}\n                  </Button>\n                </Toolbar>\n              )}\n            </>\n          )\n        }}\n      </TransformWrapper>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/_chunks/keybinding.js

@@ -1,18 +1,16 @@
 "use client";
-function u() {
-  if (typeof navigator > "u") return !1;
-  const t = navigator.userAgentData?.platform ?? navigator.userAgent;
-  return /mac|iphone|ipad|ipod/i.test(t);
+//#region src/ui/lib/keybinding.ts
+function e() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgentData?.platform ?? navigator.userAgent;
+	return /mac|iphone|ipad|ipod/i.test(e);
 }
-function d(t, l) {
-  const s = l.toLowerCase().split("+"), c = s[s.length - 1], e = new Set(s.slice(0, -1)), r = u(), i = e.has("mod"), n = e.has("ctrl") || !r && i, a = e.has("meta") || r && i, f = e.has("shift"), o = e.has("alt");
-  return n && !t.ctrlKey || a && !t.metaKey || f && !t.shiftKey || o && !t.altKey || !n && !a && t.ctrlKey || !a && !n && t.metaKey || !f && t.shiftKey || !o && t.altKey ? !1 : t.key.toLowerCase() === c;
+function t(t, n) {
+	let r = n.toLowerCase().split("+"), i = r[r.length - 1], a = new Set(r.slice(0, -1)), o = e(), s = a.has("mod"), c = a.has("ctrl") || !o && s, l = a.has("meta") || o && s, u = a.has("shift"), d = a.has("alt");
+	return c && !t.ctrlKey || l && !t.metaKey || u && !t.shiftKey || d && !t.altKey || !c && !l && t.ctrlKey || !l && !c && t.metaKey || !u && t.shiftKey || !d && t.altKey ? !1 : t.key.toLowerCase() === i;
 }
-function y(t) {
-  return t ? "⌘" : "Ctrl";
+function n(e) {
+	return e ? "⌘" : "Ctrl";
 }
-export {
-  y as a,
-  u as g,
-  d as m
-};
+//#endregion
+export { n, t as r, e as t };

package/dist/_chunks/keybinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keybinding.js","names":[],"sources":["../../src/ui/lib/keybinding.ts"],"sourcesContent":["/** Detect macOS / iOS for modifier key display. */\nexport function getIsMac(): boolean {\n  if (typeof navigator === 'undefined') return false\n  const ua = (navigator as { userAgentData?: { platform?: string } }).userAgentData?.platform ?? navigator.userAgent\n  return /mac|iphone|ipad|ipod/i.test(ua)\n}\n\n/** Parse a keybinding string into a predicate that tests a KeyboardEvent. */\nexport function matchesKeybinding(e: KeyboardEvent, binding: string): boolean {\n  const parts = binding.toLowerCase().split('+')\n  const key = parts[parts.length - 1]\n  const modifiers = new Set(parts.slice(0, -1))\n\n  const isMac = getIsMac()\n  const needsMod = modifiers.has('mod')\n  const needsCtrl = modifiers.has('ctrl') || (!isMac && needsMod)\n  const needsMeta = modifiers.has('meta') || (isMac && needsMod)\n  const needsShift = modifiers.has('shift')\n  const needsAlt = modifiers.has('alt')\n\n  if (needsCtrl && !e.ctrlKey) return false\n  if (needsMeta && !e.metaKey) return false\n  if (needsShift && !e.shiftKey) return false\n  if (needsAlt && !e.altKey) return false\n\n  // Ensure no extra modifiers are pressed\n  if (!needsCtrl && !needsMeta && e.ctrlKey) return false\n  if (!needsMeta && !needsCtrl && e.metaKey) return false\n  if (!needsShift && e.shiftKey) return false\n  if (!needsAlt && e.altKey) return false\n\n  return e.key.toLowerCase() === key\n}\n\n/** Display-friendly modifier name. */\nexport function getModifierDisplay(isMac: boolean): string {\n  return isMac ? '⌘' : 'Ctrl'\n}\n"],"mappings":";AACA,SAAgB,IAAoB;AAClC,KAAI,OAAO,YAAc,IAAa,QAAO;CAC7C,IAAM,IAAM,UAAwD,eAAe,YAAY,UAAU;AACzG,QAAO,wBAAwB,KAAK,EAAG;;AAIzC,SAAgB,EAAkB,GAAkB,GAA0B;CAC5E,IAAM,IAAQ,EAAQ,aAAa,CAAC,MAAM,IAAI,EACxC,IAAM,EAAM,EAAM,SAAS,IAC3B,IAAY,IAAI,IAAI,EAAM,MAAM,GAAG,GAAG,CAAC,EAEvC,IAAQ,GAAU,EAClB,IAAW,EAAU,IAAI,MAAM,EAC/B,IAAY,EAAU,IAAI,OAAO,IAAK,CAAC,KAAS,GAChD,IAAY,EAAU,IAAI,OAAO,IAAK,KAAS,GAC/C,IAAa,EAAU,IAAI,QAAQ,EACnC,IAAW,EAAU,IAAI,MAAM;AAarC,QAXI,KAAa,CAAC,EAAE,WAChB,KAAa,CAAC,EAAE,WAChB,KAAc,CAAC,EAAE,YACjB,KAAY,CAAC,EAAE,UAGf,CAAC,KAAa,CAAC,KAAa,EAAE,WAC9B,CAAC,KAAa,CAAC,KAAa,EAAE,WAC9B,CAAC,KAAc,EAAE,YACjB,CAAC,KAAY,EAAE,SAAe,KAE3B,EAAE,IAAI,aAAa,KAAK;;AAIjC,SAAgB,EAAmB,GAAwB;AACzD,QAAO,IAAQ,MAAM"}

package/dist/_chunks/link-context.js

@@ -1,19 +1,22 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import * as n from "react";
-const o = n.forwardRef(({ href: t, ...e }, i) => /* @__PURE__ */ r("a", { ref: i, href: t, ...e }));
-o.displayName = "DefaultLink";
-const a = n.createContext(o);
-function s({
-  component: t,
-  children: e
-}) {
-  return /* @__PURE__ */ r(a.Provider, { value: t, children: e });
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/lib/link-context.tsx
+var n = e.forwardRef(({ href: e, ...n }, r) => /* @__PURE__ */ t("a", {
+	ref: r,
+	href: e,
+	...n
+}));
+n.displayName = "DefaultLink";
+var r = e.createContext(n);
+function i({ component: e, children: n }) {
+	return /* @__PURE__ */ t(r.Provider, {
+		value: e,
+		children: n
+	});
 }
-function f() {
-  return n.useContext(a);
+function a() {
+	return e.useContext(r);
 }
-export {
-  s as L,
-  f as u
-};
+//#endregion
+export { a as n, i as t };

package/dist/_chunks/link-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-context.js","names":[],"sources":["../../src/ui/lib/link-context.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\ntype LinkComponent = React.ForwardRefExoticComponent<\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string } & React.RefAttributes<HTMLAnchorElement>\n>\n\nconst DefaultLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }\n>// eslint-disable-next-line jsx-a11y/anchor-has-content -- content passed via children spread\n(({ href, ...props }, ref) => <a ref={ref} href={href} {...props} />)\nDefaultLink.displayName = 'DefaultLink'\n\nconst LinkContext = React.createContext<LinkComponent>(DefaultLink)\n\nexport interface LinkProviderProps {\n  component: LinkComponent\n  children: React.ReactNode\n}\n\nexport function LinkProvider({\n  component,\n  children,\n}: LinkProviderProps) {\n  return <LinkContext.Provider value={component}>{children}</LinkContext.Provider>\n}\n\nexport function useLink() {\n  return React.useContext(LinkContext)\n}\n"],"mappings":";;;AAQA,IAAM,IAAc,EAAM,YAIxB,EAAE,SAAM,GAAG,KAAS,MAAQ,kBAAC,KAAD;CAAQ;CAAW;CAAM,GAAI;CAAS,CAAA,CAAC;AACrE,EAAY,cAAc;AAE1B,IAAM,IAAc,EAAM,cAA6B,EAAY;AAOnE,SAAgB,EAAa,EAC3B,cACA,eACoB;AACpB,QAAO,kBAAC,EAAY,UAAb;EAAsB,OAAO;EAAY;EAAgC,CAAA;;AAGlF,SAAgB,IAAU;AACxB,QAAO,EAAM,WAAW,EAAY"}