@devalok/shilp-sutra 0.57.0 → 0.59.0

package/dist/motion/motion-preference.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+type MotionPreferenceProps = {
+    children: React.ReactNode;
+};
+/**
+ * Makes the OS `prefers-reduced-motion` setting the DEFAULT for a component's
+ * animations, instead of something the consumer has to opt into.
+ *
+ * Framer Motion's `MotionConfigContext` defaults to `reducedMotion: "never"` —
+ * meaning every `motion.*` element ignores the OS setting until some ancestor
+ * says otherwise. Our only ancestor that says otherwise is `<MotionProvider>`,
+ * which consumers are not required to mount, so out of the box the whole
+ * library animated straight through a reduced-motion preference.
+ *
+ * Wrapping a component's root in this fixes that for the subtree. Under
+ * `"user"`, Framer suppresses exactly the positional keys — width, height,
+ * top/left/right/bottom and every transform — and leaves opacity, colour and
+ * filter animating normally. That is the behaviour WCAG 2.3.3 asks for: kill
+ * the movement, keep the fade.
+ *
+ * It renders no DOM, and defers to anything that has already made the call:
+ *
+ * - a mounted `<MotionProvider>` owns the decision, including the deliberate
+ *   `reducedMotion={false}` "animate regardless" override;
+ * - a bare `<MotionConfig>` that has moved off the default was set on purpose;
+ * - nesting is self-cancelling — the outermost wrapper configures the context,
+ *   and every one below it sees a non-default value and passes straight through.
+ *
+ * The one case it cannot read is a consumer who mounts `<MotionConfig
+ * reducedMotion="never">` by hand to force animation on. That is
+ * indistinguishable from the framework default, so this wrapper overrides it.
+ * `<MotionProvider reducedMotion={false}>` is the supported way to express it.
+ */
+declare function MotionPreference({ children }: MotionPreferenceProps): React.JSX.Element;
+export { MotionPreference, type MotionPreferenceProps };
+//# sourceMappingURL=motion-preference.d.ts.map

package/dist/motion/motion-preference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-preference.d.ts","sourceRoot":"","sources":["../../src/motion/motion-preference.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAQ5D;AAED,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAA"}

package/dist/motion/motion-provider.d.ts

@@ -6,6 +6,7 @@ type MotionContextValue = {
     tweens: typeof tweens;
     reducedMotion: boolean;
 };
+declare const MotionContext: React.Context<MotionContextValue | null>;
 type MotionProviderProps = {
     children: React.ReactNode;
     /** 'user' = detect OS preference, true = force off, false = force on */
@@ -13,5 +14,5 @@ type MotionProviderProps = {
 };
 declare function MotionProvider({ children, reducedMotion }: MotionProviderProps): React.JSX.Element;
 declare function useMotion(): MotionContextValue;
-export { MotionProvider, type MotionProviderProps, useMotion };
+export { MotionContext, MotionProvider, type MotionProviderProps, useMotion };
 //# sourceMappingURL=motion-provider.d.ts.map

package/dist/motion/motion-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/motion-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAOD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAsB,EAAE,EAAE,mBAAmB,qBAgBhF;AAED,iBAAS,SAAS,IAAI,kBAAkB,CAMvC;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,CAAA"}
+{"version":3,"file":"motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/motion-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAKD,QAAA,MAAM,aAAa,0CAAuD,CAAA;AAE1E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAsB,EAAE,EAAE,mBAAmB,qBAgBhF;AAED,iBAAS,SAAS,IAAI,kBAAkB,CAMvC;AAED,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,CAAA"}

package/dist/motion/primitives-index.js

@@ -1,45 +1,46 @@
 "use client";
 import { springs as e, tweens as t } from "../ui/lib/motion.js";
-import { cn as n } from "../ui/lib/utils.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { AnimatePresence as a, motion as o } from "framer-motion";
+import { MotionPreference as n } from "../_chunks/motion-preference.js";
+import { cn as r } from "../ui/lib/utils.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { AnimatePresence as o, motion as s } from "framer-motion";
 //#region src/motion/primitives.tsx
-var s = r.forwardRef(({ show: e, children: r, className: s, layout: c, layoutId: l, whileInView: u, viewportOnce: d = !0, viewportMargin: f = "-50px", ...p }, m) => {
-	let h = u ? {
+var c = i.forwardRef(({ show: e, children: i, className: c, layout: l, layoutId: u, whileInView: d, viewportOnce: f = !0, viewportMargin: p = "-50px", ...m }, h) => {
+	let g = d ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: d,
-			margin: f
+			once: f,
+			margin: p
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: e && /* @__PURE__ */ i(o.div, {
-		ref: m,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: e && /* @__PURE__ */ a(s.div, {
+		ref: h,
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: t.fade,
-		className: n(s),
-		layout: c,
-		layoutId: l,
-		...h,
-		...p,
-		children: r
-	}) });
+		className: r(c),
+		layout: l,
+		layoutId: u,
+		...g,
+		...m,
+		children: i
+	}) }) });
 });
-s.displayName = "MotionFade";
-var c = r.forwardRef(({ show: r, children: s, className: c, preset: l = "snappy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
-	let _ = e[l], v = f ? {
+c.displayName = "MotionFade";
+var l = i.forwardRef(({ show: i, children: c, className: l, preset: u = "snappy", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
+	let v = e[u], y = p ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: p,
-			margin: m
+			once: m,
+			margin: h
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
-		ref: g,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: i && /* @__PURE__ */ a(s.div, {
+		ref: _,
 		initial: {
 			opacity: 0,
 			scale: .96
@@ -53,29 +54,29 @@ var c = r.forwardRef(({ show: r, children: s, className: c, preset: l = "snappy"
 			scale: .96
 		},
 		transition: {
-			..._,
+			...v,
 			opacity: t.fade
 		},
-		className: n(c),
-		layout: u,
-		layoutId: d,
-		...v,
-		...h,
-		children: s
-	}) });
+		className: r(l),
+		layout: d,
+		layoutId: f,
+		...y,
+		...g,
+		children: c
+	}) }) });
 });
-c.displayName = "MotionScale";
-var l = r.forwardRef(({ show: r, children: s, className: c, preset: l = "bouncy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
-	let _ = e[l], v = f ? {
+l.displayName = "MotionScale";
+var u = i.forwardRef(({ show: i, children: c, className: l, preset: u = "bouncy", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
+	let v = e[u], y = p ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: p,
-			margin: m
+			once: m,
+			margin: h
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
-		ref: g,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: i && /* @__PURE__ */ a(s.div, {
+		ref: _,
 		initial: {
 			opacity: 0,
 			scale: .5
@@ -89,37 +90,37 @@ var l = r.forwardRef(({ show: r, children: s, className: c, preset: l = "bouncy"
 			scale: .5
 		},
 		transition: {
-			..._,
+			...v,
 			opacity: t.fade
 		},
-		className: n(c),
-		layout: u,
-		layoutId: d,
-		...v,
-		...h,
-		children: s
-	}) });
+		className: r(l),
+		layout: d,
+		layoutId: f,
+		...y,
+		...g,
+		children: c
+	}) }) });
 });
-l.displayName = "MotionPop";
-var u = r.forwardRef(({ show: r, children: s, className: c, preset: l = "smooth", direction: u = "up", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
-	let v = e[l], y = {
+u.displayName = "MotionPop";
+var d = i.forwardRef(({ show: i, children: c, className: l, preset: u = "smooth", direction: d = "up", layout: f, layoutId: p, whileInView: m, viewportOnce: h = !0, viewportMargin: g = "-50px", ..._ }, v) => {
+	let y = e[u], b = {
 		up: { y: 16 },
 		down: { y: -16 },
 		left: { x: 16 },
 		right: { x: -16 }
-	}[u], b = p ? {
+	}[d], x = m ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: m,
-			margin: h
+			once: h,
+			margin: g
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
-		ref: _,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: i && /* @__PURE__ */ a(s.div, {
+		ref: v,
 		initial: {
 			opacity: 0,
-			...y
+			...b
 		},
 		animate: {
 			opacity: 1,
@@ -128,27 +129,27 @@ var u = r.forwardRef(({ show: r, children: s, className: c, preset: l = "smooth"
 		},
 		exit: {
 			opacity: 0,
-			...y
+			...b
 		},
 		transition: {
-			...v,
+			...y,
 			opacity: t.fade
 		},
-		className: n(c),
-		layout: d,
-		layoutId: f,
-		...b,
-		...g,
-		children: s
-	}) });
+		className: r(l),
+		layout: f,
+		layoutId: p,
+		...x,
+		..._,
+		children: c
+	}) }) });
 });
-u.displayName = "MotionSlide";
-var d = r.forwardRef(({ show: r, children: s, className: c, preset: l = "gentle", layout: u, layoutId: d, ...f }, p) => {
-	let m = e[l];
-	return /* @__PURE__ */ i(a, {
+d.displayName = "MotionSlide";
+var f = i.forwardRef(({ show: i, children: c, className: l, preset: u = "gentle", layout: d, layoutId: f, ...p }, m) => {
+	let h = e[u];
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, {
 		initial: !1,
-		children: r && /* @__PURE__ */ i(o.div, {
-			ref: p,
+		children: i && /* @__PURE__ */ a(s.div, {
+			ref: m,
 			initial: {
 				height: 0,
 				opacity: 0,
@@ -165,44 +166,44 @@ var d = r.forwardRef(({ show: r, children: s, className: c, preset: l = "gentle"
 				overflow: "hidden"
 			},
 			transition: {
-				...m,
+				...h,
 				opacity: t.fade
 			},
-			className: n(c),
-			layout: u,
-			layoutId: d,
-			...f,
-			children: s
+			className: r(l),
+			layout: d,
+			layoutId: f,
+			...p,
+			children: c
 		})
-	});
+	}) });
 });
-d.displayName = "MotionCollapse";
-var f = r.forwardRef(({ children: e, className: t, delay: r = .04, whileInView: a, viewportOnce: s = !0, viewportMargin: c = "-50px", ...l }, u) => {
-	let d = {
+f.displayName = "MotionCollapse";
+var p = i.forwardRef(({ children: e, className: t, delay: i = .04, whileInView: o, viewportOnce: c = !0, viewportMargin: l = "-50px", ...u }, d) => {
+	let f = {
 		hidden: {},
-		visible: { transition: { staggerChildren: r } }
-	}, f = a ? {
+		visible: { transition: { staggerChildren: i } }
+	}, p = o ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: s,
-			margin: c
+			once: c,
+			margin: l
 		}
 	} : {
 		initial: "hidden",
 		animate: "visible"
 	};
-	return /* @__PURE__ */ i(o.div, {
-		ref: u,
-		variants: d,
-		className: n(t),
-		...f,
-		...l,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(s.div, {
+		ref: d,
+		variants: f,
+		className: r(t),
+		...p,
+		...u,
 		children: e
-	});
+	}) });
 });
-f.displayName = "MotionStagger";
-var p = {
+p.displayName = "MotionStagger";
+var m = {
 	hidden: {
 		opacity: 0,
 		y: 8
@@ -215,13 +216,13 @@ var p = {
 			opacity: t.fade
 		}
 	}
-}, m = r.forwardRef(({ children: e, className: t, ...r }, a) => /* @__PURE__ */ i(o.div, {
-	ref: a,
-	variants: p,
-	className: n(t),
-	...r,
+}, h = i.forwardRef(({ children: e, className: t, ...i }, o) => /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(s.div, {
+	ref: o,
+	variants: m,
+	className: r(t),
+	...i,
 	children: e
-}));
-m.displayName = "MotionStaggerItem";
+}) }));
+h.displayName = "MotionStaggerItem";
 //#endregion
-export { d as MotionCollapse, s as MotionFade, l as MotionPop, c as MotionScale, u as MotionSlide, f as MotionStagger, m as MotionStaggerItem };
+export { f as MotionCollapse, c as MotionFade, u as MotionPop, l as MotionScale, d as MotionSlide, p as MotionStagger, h as MotionStaggerItem };

package/dist/motion/primitives-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitives-index.js","names":[],"sources":["../../src/motion/primitives.tsx"],"sourcesContent":["'use client'\n\nimport { AnimatePresence, type HTMLMotionProps,motion, type Transition, type Variants } from 'framer-motion'\nimport * as React from 'react'\n\nimport type { SpringPreset } from '../ui/lib/motion'\nimport { springs, tweens } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\n// ── Shared types ──\n\ntype MotionDivProps = Omit<HTMLMotionProps<'div'>, 'ref'>\n\ntype MotionPrimitiveProps = {\n  show: boolean\n  children: React.ReactNode\n  className?: string\n  preset?: SpringPreset\n  layout?: boolean | 'position' | 'size' | 'preserve-aspect'\n  layoutId?: string\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\n// ── MotionFade ──\n// Default: fade tween only (no spring needed for pure opacity)\n\nconst MotionFade = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={tweens.fade}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionFade.displayName = 'MotionFade'\n\n// ── MotionScale ──\n// Default: snappy spring for scale + fade tween for opacity\n\nconst MotionScale = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'snappy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.96 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.96 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionScale.displayName = 'MotionScale'\n\n// ── MotionPop ──\n// Default: bouncy spring with overshoot for scale + fade\n\nconst MotionPop = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'bouncy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.5 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.5 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionPop.displayName = 'MotionPop'\n\n// ── MotionSlide ──\n// Default: smooth spring for translate + fade\n\nconst MotionSlide = React.forwardRef<\n  HTMLDivElement,\n  MotionPrimitiveProps & { direction?: 'up' | 'down' | 'left' | 'right' } & MotionDivProps\n>(\n  ({ show, children, className, preset = 'smooth', direction = 'up', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const offsets = {\n      up: { y: 16 },\n      down: { y: -16 },\n      left: { x: 16 },\n      right: { x: -16 },\n    }\n    const offset = offsets[direction]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, ...offset }}\n            animate={{ opacity: 1, x: 0, y: 0 }}\n            exit={{ opacity: 0, ...offset }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionSlide.displayName = 'MotionSlide'\n\n// ── MotionCollapse ──\n// Default: gentle spring for height + fade\n// Uses height: \"auto\" — Framer Motion handles this natively\n\nconst MotionCollapse = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'gentle', layout, layoutId, ...rest }, ref) => {\n    const spring = springs[preset]\n\n    return (\n      <AnimatePresence initial={false}>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            animate={{ height: 'auto', opacity: 1, overflow: 'hidden' }}\n            exit={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionCollapse.displayName = 'MotionCollapse'\n\n// ── MotionStagger + MotionStaggerItem ──\n// Parent orchestrates children with staggerChildren\n\ntype MotionStaggerProps = {\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\nconst MotionStagger = React.forwardRef<HTMLDivElement, MotionStaggerProps & MotionDivProps>(\n  ({ children, className, delay = 0.04, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const variants: Variants = {\n      hidden: {},\n      visible: {\n        transition: { staggerChildren: delay },\n      },\n    }\n\n    const viewProps = whileInView\n      ? { initial: 'hidden' as const, whileInView: 'visible' as const, viewport: { once: viewportOnce, margin: viewportMargin } }\n      : { initial: 'hidden' as const, animate: 'visible' as const }\n\n    return (\n      <motion.div\n        ref={ref}\n        variants={variants}\n        className={cn(className)}\n        {...viewProps}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStagger.displayName = 'MotionStagger'\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 8 },\n  visible: {\n    opacity: 1,\n    y: 0,\n    transition: { ...springs.smooth, opacity: tweens.fade },\n  },\n}\n\nconst MotionStaggerItem = React.forwardRef<HTMLDivElement, { children: React.ReactNode; className?: string } & MotionDivProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <motion.div\n        ref={ref}\n        variants={itemVariants}\n        className={cn(className)}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStaggerItem.displayName = 'MotionStaggerItem'\n\nexport {\n  MotionCollapse,\n  MotionFade,\n  MotionPop,\n  type MotionPrimitiveProps,\n  MotionScale,\n  MotionSlide,\n  MotionStagger,\n  MotionStaggerItem,\n  type MotionStaggerProps,\n}\n"],"mappings":"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"}
+{"version":3,"file":"primitives-index.js","names":[],"sources":["../../src/motion/primitives.tsx"],"sourcesContent":["'use client'\n\nimport { AnimatePresence, type HTMLMotionProps,motion, type Transition, type Variants } from 'framer-motion'\nimport * as React from 'react'\n\nimport type { SpringPreset } from '../ui/lib/motion'\nimport { springs, tweens } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\nimport { MotionPreference } from './motion-preference'\n\n// ── Shared types ──\n\ntype MotionDivProps = Omit<HTMLMotionProps<'div'>, 'ref'>\n\ntype MotionPrimitiveProps = {\n  show: boolean\n  children: React.ReactNode\n  className?: string\n  preset?: SpringPreset\n  layout?: boolean | 'position' | 'size' | 'preserve-aspect'\n  layoutId?: string\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\n// ── MotionFade ──\n// Default: fade tween only (no spring needed for pure opacity)\n\nconst MotionFade = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={tweens.fade}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionFade.displayName = 'MotionFade'\n\n// ── MotionScale ──\n// Default: snappy spring for scale + fade tween for opacity\n\nconst MotionScale = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'snappy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0, scale: 0.96 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.96 }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionScale.displayName = 'MotionScale'\n\n// ── MotionPop ──\n// Default: bouncy spring with overshoot for scale + fade\n\nconst MotionPop = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'bouncy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0, scale: 0.5 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.5 }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionPop.displayName = 'MotionPop'\n\n// ── MotionSlide ──\n// Default: smooth spring for translate + fade\n\nconst MotionSlide = React.forwardRef<\n  HTMLDivElement,\n  MotionPrimitiveProps & { direction?: 'up' | 'down' | 'left' | 'right' } & MotionDivProps\n>(\n  ({ show, children, className, preset = 'smooth', direction = 'up', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const offsets = {\n      up: { y: 16 },\n      down: { y: -16 },\n      left: { x: 16 },\n      right: { x: -16 },\n    }\n    const offset = offsets[direction]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0, ...offset }}\n              animate={{ opacity: 1, x: 0, y: 0 }}\n              exit={{ opacity: 0, ...offset }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionSlide.displayName = 'MotionSlide'\n\n// ── MotionCollapse ──\n// Default: gentle spring for height + fade\n// Uses height: \"auto\" — Framer Motion handles this natively\n\nconst MotionCollapse = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'gentle', layout, layoutId, ...rest }, ref) => {\n    const spring = springs[preset]\n\n    return (\n      <MotionPreference>\n        <AnimatePresence initial={false}>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ height: 0, opacity: 0, overflow: 'hidden' }}\n              animate={{ height: 'auto', opacity: 1, overflow: 'hidden' }}\n              exit={{ height: 0, opacity: 0, overflow: 'hidden' }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionCollapse.displayName = 'MotionCollapse'\n\n// ── MotionStagger + MotionStaggerItem ──\n// Parent orchestrates children with staggerChildren\n\ntype MotionStaggerProps = {\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\nconst MotionStagger = React.forwardRef<HTMLDivElement, MotionStaggerProps & MotionDivProps>(\n  ({ children, className, delay = 0.04, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const variants: Variants = {\n      hidden: {},\n      visible: {\n        transition: { staggerChildren: delay },\n      },\n    }\n\n    const viewProps = whileInView\n      ? { initial: 'hidden' as const, whileInView: 'visible' as const, viewport: { once: viewportOnce, margin: viewportMargin } }\n      : { initial: 'hidden' as const, animate: 'visible' as const }\n\n    return (\n      <MotionPreference>\n        <motion.div\n          ref={ref}\n          variants={variants}\n          className={cn(className)}\n          {...viewProps}\n          {...rest}\n        >\n          {children}\n        </motion.div>\n      </MotionPreference>\n    )\n  },\n)\nMotionStagger.displayName = 'MotionStagger'\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 8 },\n  visible: {\n    opacity: 1,\n    y: 0,\n    transition: { ...springs.smooth, opacity: tweens.fade },\n  },\n}\n\nconst MotionStaggerItem = React.forwardRef<HTMLDivElement, { children: React.ReactNode; className?: string } & MotionDivProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <MotionPreference>\n        <motion.div\n          ref={ref}\n          variants={itemVariants}\n          className={cn(className)}\n          {...rest}\n        >\n          {children}\n        </motion.div>\n      </MotionPreference>\n    )\n  },\n)\nMotionStaggerItem.displayName = 'MotionStaggerItem'\n\nexport {\n  MotionCollapse,\n  MotionFade,\n  MotionPop,\n  type MotionPrimitiveProps,\n  MotionScale,\n  MotionSlide,\n  MotionStagger,\n  MotionStaggerItem,\n  type MotionStaggerProps,\n}\n"],"mappings":"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"}

package/dist/motion/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/motion/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,eAAe,EAAyC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA6Bf,CAAA;AAMD,QAAA,MAAM,WAAW,8GA8BhB,CAAA;AAMD,QAAA,MAAM,SAAS,8GA8Bd,CAAA;AAMD,QAAA,MAAM,WAAW;gBAEsB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;yDAsCtE,CAAA;AAOD,QAAA,MAAM,cAAc,8GAwBnB,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,aAAa,4GAyBlB,CAAA;AAYD,QAAA,MAAM,iBAAiB;cAAgD,KAAK,CAAC,SAAS;gBAAc,MAAM;yDAazG,CAAA;AAGD,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,KAAK,oBAAoB,EACzB,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,kBAAkB,GACxB,CAAA"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/motion/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,eAAe,EAAyC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAOpD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA+Bf,CAAA;AAMD,QAAA,MAAM,WAAW,8GAgChB,CAAA;AAMD,QAAA,MAAM,SAAS,8GAgCd,CAAA;AAMD,QAAA,MAAM,WAAW;gBAEsB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;yDAwCtE,CAAA;AAOD,QAAA,MAAM,cAAc,8GA0BnB,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,aAAa,4GA2BlB,CAAA;AAYD,QAAA,MAAM,iBAAiB;cAAgD,KAAK,CAAC,SAAS;gBAAc,MAAM;yDAezG,CAAA;AAGD,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,KAAK,oBAAoB,EACzB,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,kBAAkB,GACxB,CAAA"}

package/dist/shell/bottom-navbar.js

@@ -1,6 +1,6 @@
 "use client";
-import { IconProvider as e } from "../ui/icon-context.js";
-import { springs as t } from "../ui/lib/motion.js";
+import { springs as e } from "../ui/lib/motion.js";
+import { IconProvider as t } from "../ui/icon-context.js";
 import { cn as n } from "../ui/lib/utils.js";
 import { Icon as r } from "../ui/icon.js";
 import { normalizeIcon as i } from "../_chunks/normalize-icon.js";
@@ -29,24 +29,24 @@ function b({ count: e }) {
 		children: t
 	});
 }
-function x({ indicator: e, layoutId: n, reduced: r }) {
-	if (e === "none") return null;
+function x({ indicator: t, layoutId: n, reduced: r }) {
+	if (t === "none") return null;
 	let i = {
 		layoutId: n,
 		"aria-hidden": !0,
-		transition: r ? { duration: 0 } : t.snappy,
+		transition: r ? { duration: 0 } : e.snappy,
 		initial: !r && { opacity: 0 },
 		animate: { opacity: 1 }
 	};
-	return e === "underline" ? /* @__PURE__ */ m(_.span, {
+	return t === "underline" ? /* @__PURE__ */ m(_.span, {
 		...i,
 		className: "absolute top-0 h-[3px] w-full rounded-b-control-inner bg-accent-9"
-	}) : e === "tint" ? /* @__PURE__ */ m(_.span, {
+	}) : t === "tint" ? /* @__PURE__ */ m(_.span, {
 		...i,
-		className: "absolute inset-0 rounded-control bg-accent-3"
+		className: "absolute inset-0 rounded-control bg-accent-4"
 	}) : /* @__PURE__ */ m(_.span, {
 		...i,
-		className: "absolute inset-0 rounded-pill bg-accent-3"
+		className: "absolute inset-0 rounded-pill bg-accent-4"
 	});
 }
 var S = "relative flex h-16 w-full min-w-0 cursor-pointer flex-col items-center justify-center gap-ds-02 px-ds-01 pt-0 text-body-sm transition-colors duration-fast-02 ease-productive-standard";
@@ -54,7 +54,7 @@ function C({ item: r, isActive: a, indicator: o, indicatorId: s, showLabel: c, r
 	let u = d();
 	return /* @__PURE__ */ m(_.div, {
 		whileTap: l ? void 0 : { scale: .96 },
-		transition: l ? { duration: 0 } : t.snappy,
+		transition: l ? { duration: 0 } : e.snappy,
 		className: "flex min-w-0 flex-1 basis-0",
 		children: /* @__PURE__ */ h(u, {
 			href: r.href,
@@ -84,7 +84,7 @@ function C({ item: r, isActive: a, indicator: o, indicatorId: s, showLabel: c, r
 							/* @__PURE__ */ m("span", {
 								className: "relative [&>svg]:h-ico-md [&>svg]:w-ico-md",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(e, {
+								children: /* @__PURE__ */ m(t, {
 									size: "md",
 									children: i(a && r.activeIcon ? r.activeIcon : r.icon)
 								})
@@ -124,7 +124,7 @@ var w = f.forwardRef(({ currentPath: a = "/", user: b = null, primaryItems: w =
 					type: "button",
 					"aria-label": "More navigation options",
 					whileTap: M ? void 0 : { scale: .96 },
-					transition: M ? { duration: 0 } : t.snappy,
+					transition: M ? { duration: 0 } : e.snappy,
 					className: n(S, "min-w-0 flex-1 basis-0", B ? "font-semibold text-accent-11" : "text-surface-fg-subtle"),
 					children: [B && E === "tint" && /* @__PURE__ */ m(x, {
 						indicator: "tint",
@@ -158,25 +158,25 @@ var w = f.forwardRef(({ currentPath: a = "/", user: b = null, primaryItems: w =
 				className: "rounded-t-bubble",
 				children: [/* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(l, { children: "More" }) }), /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-[repeat(auto-fit,minmax(72px,1fr))] gap-ds-03 pt-ds-04",
-					children: R.map((t) => {
-						let r = I(t.href, t.exact);
+					children: R.map((e) => {
+						let r = I(e.href, e.exact);
 						return /* @__PURE__ */ h(j, {
-							href: t.href,
+							href: e.href,
 							onClick: () => P(!1),
 							"aria-current": r ? "page" : void 0,
 							className: n("flex min-w-0 flex-col items-center gap-ds-02b rounded-overlay-lg p-ds-04 text-body-sm transition-colors ease-productive-standard", r ? "bg-surface-panel-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-panel-hover"),
 							children: [/* @__PURE__ */ m("span", {
 								className: "[&>svg]:h-ico-md [&>svg]:w-ico-md",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ m(e, {
+								children: /* @__PURE__ */ m(t, {
 									size: "md",
-									children: i(t.icon)
+									children: i(e.icon)
 								})
 							}), /* @__PURE__ */ m("span", {
 								className: "max-w-full truncate text-center",
-								children: t.title
+								children: e.title
 							})]
-						}, t.href);
+						}, e.href);
 					})
 				})]
 			})]

package/dist/shell/bottom-navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-navbar.js","names":[],"sources":["../../src/shell/bottom-navbar.tsx"],"sourcesContent":["'use client'\n\n/**\n * BottomNavbar -- Mobile bottom navigation bar.\n *\n * Props-driven (currentPath / user / items) and router-agnostic via `useLink`.\n * The \"More\" overflow uses the DS `Sheet` primitive, so it inherits focus trap,\n * scroll lock, return-focus, `aria-modal`, and trigger↔panel ARIA wiring.\n */\nimport { IconDots } from '@tabler/icons-react'\nimport { motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\nimport { useState } from 'react'\n\nimport { Badge } from '../ui/badge'\nimport { Icon } from '../ui/icon'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { springs } from '../ui/lib/motion'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '../ui/sheet'\nimport { useLink } from './link-context'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface BottomNavbarUser {\n  name: string\n  role?: string\n}\n\nexport interface BottomNavItem {\n  title: string\n  href: string\n  /** Icon for this nav item. Accepts any `IconInput`. */\n  icon: IconInput\n  /** Icon shown when the item is active — e.g. a filled variant. Falls back to `icon`. */\n  activeIcon?: IconInput\n  /** When true, the route matches only when the path is exactly equal */\n  exact?: boolean\n  /** Notification badge count. 0 or undefined = hidden, 1–99 = shown, >99 = \"99+\" */\n  badge?: number\n  /**\n   * Roles allowed to see this item, matched against `user.role`. Omit to show\n   * it to everyone. For arbitrary logic, use `canView` instead.\n   */\n  roles?: string[]\n  /**\n   * Visibility predicate — full control over whether this item renders.\n   * Receives the current `user` (or `null`). Takes precedence over `roles`.\n   */\n  canView?: (user: BottomNavbarUser | null) => boolean\n}\n\n/**\n * Active-item indicator, animated between items on selection:\n * - `pill` (default) — Material-3 tonal pill behind the icon\n * - `underline` — top accent bar (Material-2 tab style)\n * - `tint` — subtle background tint on the whole active cell\n * - `none` — no shape; rely on the filled `activeIcon` + accent color (iOS)\n */\nexport type BottomNavIndicator = 'pill' | 'underline' | 'tint' | 'none'\n/** Show labels always (default) or only for the selected item (narrow viewports). */\nexport type BottomNavLabelVisibility = 'always' | 'selected'\n\nexport interface BottomNavbarProps extends React.HTMLAttributes<HTMLElement> {\n  /** Currently active pathname */\n  currentPath?: string\n  /** Current user. Drives per-item role gating via `item.roles` / `item.canView`. */\n  user?: BottomNavbarUser | null\n  /** Primary nav items shown directly in the bottom bar (max 4 recommended) */\n  primaryItems?: BottomNavItem[]\n  /** Additional items shown in the \"More\" overflow sheet */\n  moreItems?: BottomNavItem[]\n  /** Active-indicator style. @default 'pill' */\n  indicator?: BottomNavIndicator\n  /** Label visibility. @default 'always' */\n  labelVisibility?: BottomNavLabelVisibility\n  /** Additional className for the nav element */\n  className?: string\n}\n\n// -----------------------------------------------------------------------\n// Helpers\n// -----------------------------------------------------------------------\n\n/** Per-item role/visibility gate. `canView` wins; else `roles` matched against user.role; else visible. */\nfunction itemVisible(item: BottomNavItem, user: BottomNavbarUser | null): boolean {\n  if (item.canView) return item.canView(user)\n  if (item.roles && item.roles.length > 0) {\n    return !!user?.role && item.roles.includes(user.role)\n  }\n  return true\n}\n\n// -----------------------------------------------------------------------\n// NavBadge (composes Badge)\n// -----------------------------------------------------------------------\n\nfunction NavBadge({ count }: { count: number }) {\n  if (!count || count <= 0) return null\n  const display = count > 99 ? '99+' : String(count)\n  return (\n    <Badge\n      color=\"error\"\n      variant=\"solid\"\n      size=\"xs\"\n      aria-label={`${count} notifications`}\n      className=\"pointer-events-none absolute -end-1 -top-1 justify-center px-ds-01 tabular-nums motion-safe:animate-in motion-safe:zoom-in-75\"\n    >\n      {display}\n    </Badge>\n  )\n}\n\n// -----------------------------------------------------------------------\n// Active indicator (shared-element)\n// -----------------------------------------------------------------------\n\n/**\n * The active-item indicator. A single shared-element (`layoutId`) that SLIDES\n * to the selected item and fades in on first appearance. `none` renders\n * nothing (the filled `activeIcon` + accent color carry the state).\n */\nfunction ActiveIndicator({\n  indicator,\n  layoutId,\n  reduced,\n}: {\n  indicator: BottomNavIndicator\n  layoutId: string\n  reduced: boolean\n}) {\n  if (indicator === 'none') return null\n  const common = {\n    layoutId,\n    'aria-hidden': true as const,\n    transition: reduced ? { duration: 0 } : springs.snappy,\n    initial: reduced ? false : { opacity: 0 },\n    animate: { opacity: 1 },\n  }\n  if (indicator === 'underline') {\n    return <motion.span {...common} className=\"absolute top-0 h-[3px] w-full rounded-b-control-inner bg-accent-9\" />\n  }\n  if (indicator === 'tint') {\n    return <motion.span {...common} className=\"absolute inset-0 rounded-control bg-accent-3\" />\n  }\n  // pill (default) — Material-3 tonal pill behind the icon\n  return <motion.span {...common} className=\"absolute inset-0 rounded-pill bg-accent-3\" />\n}\n\n// -----------------------------------------------------------------------\n// BottomNavLink (internal)\n// -----------------------------------------------------------------------\n\nconst itemClass =\n  'relative flex h-16 w-full min-w-0 cursor-pointer flex-col items-center justify-center gap-ds-02 px-ds-01 pt-0 text-body-sm transition-colors duration-fast-02 ease-productive-standard'\n\nfunction BottomNavLink({\n  item,\n  isActive,\n  indicator,\n  indicatorId,\n  showLabel,\n  reduced,\n}: {\n  item: BottomNavItem\n  isActive: boolean\n  indicator: BottomNavIndicator\n  indicatorId: string\n  showLabel: boolean\n  reduced: boolean\n}) {\n  const Link = useLink()\n  return (\n    <motion.div\n      whileTap={reduced ? undefined : { scale: 0.96 }}\n      transition={reduced ? { duration: 0 } : springs.snappy}\n      className=\"flex min-w-0 flex-1 basis-0\"\n    >\n      <Link\n        href={item.href}\n        aria-label={item.title}\n        aria-current={isActive ? 'page' : undefined}\n        className={cn(itemClass, isActive ? 'font-semibold text-accent-11' : 'text-surface-fg-subtle')}\n      >\n        {/* tint covers the whole cell — sits behind the content */}\n        {isActive && indicator === 'tint' && (\n          <ActiveIndicator indicator=\"tint\" layoutId={indicatorId} reduced={reduced} />\n        )}\n        <div className=\"relative flex w-full min-w-0 flex-col items-center gap-ds-02\">\n          {isActive && indicator === 'underline' && (\n            <ActiveIndicator indicator=\"underline\" layoutId={indicatorId} reduced={reduced} />\n          )}\n          <div className=\"relative px-ds-04 py-ds-01\">\n            {isActive && indicator === 'pill' && (\n              <ActiveIndicator indicator=\"pill\" layoutId={indicatorId} reduced={reduced} />\n            )}\n            <span className=\"relative [&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">\n              <IconProvider size=\"md\">\n                {normalizeIcon(isActive && item.activeIcon ? item.activeIcon : item.icon)}\n              </IconProvider>\n            </span>\n            {item.badge != null && <NavBadge count={item.badge} />}\n          </div>\n          {showLabel && <span className=\"max-w-full truncate text-center\">{item.title}</span>}\n        </div>\n      </Link>\n    </motion.div>\n  )\n}\n\n// -----------------------------------------------------------------------\n// BottomNavbar\n// -----------------------------------------------------------------------\n\nconst BottomNavbar = React.forwardRef<HTMLElement, BottomNavbarProps>(\n  (\n    {\n      currentPath = '/',\n      user = null,\n      primaryItems = [],\n      moreItems = [],\n      indicator = 'pill',\n      labelVisibility = 'always',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Link = useLink()\n    const reduced = useReducedMotion() ?? false\n    const [showMore, setShowMore] = useState(false)\n    // Scope the shared-element layoutId per instance so two navbars don't animate into each other.\n    const instanceId = React.useId()\n    const indicatorId = `${instanceId}-nav-indicator`\n\n    const isActive = (path: string, exact = false) => {\n      if (exact || path === '/') return currentPath === path\n      return currentPath.startsWith(path)\n    }\n\n    // Role/visibility gating\n    const visiblePrimary = primaryItems.filter((item) => itemVisible(item, user))\n    const visibleMore = moreItems.filter((item) => itemVisible(item, user))\n\n    const isMoreActive = visibleMore.some((item) => isActive(item.href, item.exact))\n    const moreSelected = showMore || isMoreActive\n    const showMoreLabel = labelVisibility === 'always' || moreSelected\n\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        aria-label=\"Mobile navigation\"\n        className={cn(\n          'fixed bottom-0 start-0 end-0 z-sticky flex w-full flex-row items-stretch justify-between border-t border-surface-border-strong bg-surface-base px-ds-05 pb-safe pt-0 md:hidden',\n          className,\n        )}\n      >\n        {visiblePrimary.map((item) => (\n          <BottomNavLink\n            key={item.href}\n            item={item}\n            isActive={isActive(item.href, item.exact)}\n            indicator={indicator}\n            indicatorId={indicatorId}\n            showLabel={labelVisibility === 'always' || isActive(item.href, item.exact)}\n            reduced={reduced}\n          />\n        ))}\n\n        {visibleMore.length > 0 && (\n          <Sheet open={showMore} onOpenChange={setShowMore}>\n            <SheetTrigger asChild>\n              <motion.button\n                type=\"button\"\n                aria-label=\"More navigation options\"\n                whileTap={reduced ? undefined : { scale: 0.96 }}\n                transition={reduced ? { duration: 0 } : springs.snappy}\n                className={cn(\n                  itemClass,\n                  'min-w-0 flex-1 basis-0',\n                  moreSelected ? 'font-semibold text-accent-11' : 'text-surface-fg-subtle',\n                )}\n              >\n                {moreSelected && indicator === 'tint' && (\n                  <ActiveIndicator indicator=\"tint\" layoutId={indicatorId} reduced={reduced} />\n                )}\n                <div className=\"relative flex w-full min-w-0 flex-col items-center gap-ds-02\">\n                  {moreSelected && indicator === 'underline' && (\n                    <ActiveIndicator indicator=\"underline\" layoutId={indicatorId} reduced={reduced} />\n                  )}\n                  <div className=\"relative px-ds-04 py-ds-01\">\n                    {moreSelected && indicator === 'pill' && (\n                      <ActiveIndicator indicator=\"pill\" layoutId={indicatorId} reduced={reduced} />\n                    )}\n                    <Icon icon={IconDots} />\n                  </div>\n                  {showMoreLabel && <span className=\"max-w-full truncate text-center\">More</span>}\n                </div>\n              </motion.button>\n            </SheetTrigger>\n\n            <SheetContent side=\"bottom\" className=\"rounded-t-bubble\">\n              <SheetHeader>\n                <SheetTitle>More</SheetTitle>\n              </SheetHeader>\n              <div className=\"grid grid-cols-[repeat(auto-fit,minmax(72px,1fr))] gap-ds-03 pt-ds-04\">\n                {visibleMore.map((item) => {\n                  const active = isActive(item.href, item.exact)\n                  return (\n                    <Link\n                      key={item.href}\n                      href={item.href}\n                      onClick={() => setShowMore(false)}\n                      aria-current={active ? 'page' : undefined}\n                      className={cn(\n                        'flex min-w-0 flex-col items-center gap-ds-02b rounded-overlay-lg p-ds-04 text-body-sm transition-colors ease-productive-standard',\n                        active\n                          ? 'bg-surface-panel-hover text-accent-11'\n                          : 'text-surface-fg-subtle hover:bg-surface-panel-hover',\n                      )}\n                    >\n                      <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">\n                        <IconProvider size=\"md\">{normalizeIcon(item.icon)}</IconProvider>\n                      </span>\n                      <span className=\"max-w-full truncate text-center\">{item.title}</span>\n                    </Link>\n                  )\n                })}\n              </div>\n            </SheetContent>\n          </Sheet>\n        )}\n      </nav>\n    )\n  },\n)\nBottomNavbar.displayName = 'BottomNavbar'\n\nexport { BottomNavbar }\n"],"mappings":"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"}
+{"version":3,"file":"bottom-navbar.js","names":[],"sources":["../../src/shell/bottom-navbar.tsx"],"sourcesContent":["'use client'\n\n/**\n * BottomNavbar -- Mobile bottom navigation bar.\n *\n * Props-driven (currentPath / user / items) and router-agnostic via `useLink`.\n * The \"More\" overflow uses the DS `Sheet` primitive, so it inherits focus trap,\n * scroll lock, return-focus, `aria-modal`, and trigger↔panel ARIA wiring.\n */\nimport { IconDots } from '@tabler/icons-react'\nimport { motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\nimport { useState } from 'react'\n\nimport { Badge } from '../ui/badge'\nimport { Icon } from '../ui/icon'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { springs } from '../ui/lib/motion'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '../ui/sheet'\nimport { useLink } from './link-context'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface BottomNavbarUser {\n  name: string\n  role?: string\n}\n\nexport interface BottomNavItem {\n  title: string\n  href: string\n  /** Icon for this nav item. Accepts any `IconInput`. */\n  icon: IconInput\n  /** Icon shown when the item is active — e.g. a filled variant. Falls back to `icon`. */\n  activeIcon?: IconInput\n  /** When true, the route matches only when the path is exactly equal */\n  exact?: boolean\n  /** Notification badge count. 0 or undefined = hidden, 1–99 = shown, >99 = \"99+\" */\n  badge?: number\n  /**\n   * Roles allowed to see this item, matched against `user.role`. Omit to show\n   * it to everyone. For arbitrary logic, use `canView` instead.\n   */\n  roles?: string[]\n  /**\n   * Visibility predicate — full control over whether this item renders.\n   * Receives the current `user` (or `null`). Takes precedence over `roles`.\n   */\n  canView?: (user: BottomNavbarUser | null) => boolean\n}\n\n/**\n * Active-item indicator, animated between items on selection:\n * - `pill` (default) — Material-3 tonal pill behind the icon\n * - `underline` — top accent bar (Material-2 tab style)\n * - `tint` — subtle background tint on the whole active cell\n * - `none` — no shape; rely on the filled `activeIcon` + accent color (iOS)\n */\nexport type BottomNavIndicator = 'pill' | 'underline' | 'tint' | 'none'\n/** Show labels always (default) or only for the selected item (narrow viewports). */\nexport type BottomNavLabelVisibility = 'always' | 'selected'\n\nexport interface BottomNavbarProps extends React.HTMLAttributes<HTMLElement> {\n  /** Currently active pathname */\n  currentPath?: string\n  /** Current user. Drives per-item role gating via `item.roles` / `item.canView`. */\n  user?: BottomNavbarUser | null\n  /** Primary nav items shown directly in the bottom bar (max 4 recommended) */\n  primaryItems?: BottomNavItem[]\n  /** Additional items shown in the \"More\" overflow sheet */\n  moreItems?: BottomNavItem[]\n  /** Active-indicator style. @default 'pill' */\n  indicator?: BottomNavIndicator\n  /** Label visibility. @default 'always' */\n  labelVisibility?: BottomNavLabelVisibility\n  /** Additional className for the nav element */\n  className?: string\n}\n\n// -----------------------------------------------------------------------\n// Helpers\n// -----------------------------------------------------------------------\n\n/** Per-item role/visibility gate. `canView` wins; else `roles` matched against user.role; else visible. */\nfunction itemVisible(item: BottomNavItem, user: BottomNavbarUser | null): boolean {\n  if (item.canView) return item.canView(user)\n  if (item.roles && item.roles.length > 0) {\n    return !!user?.role && item.roles.includes(user.role)\n  }\n  return true\n}\n\n// -----------------------------------------------------------------------\n// NavBadge (composes Badge)\n// -----------------------------------------------------------------------\n\nfunction NavBadge({ count }: { count: number }) {\n  if (!count || count <= 0) return null\n  const display = count > 99 ? '99+' : String(count)\n  return (\n    <Badge\n      color=\"error\"\n      variant=\"solid\"\n      size=\"xs\"\n      aria-label={`${count} notifications`}\n      className=\"pointer-events-none absolute -end-1 -top-1 justify-center px-ds-01 tabular-nums motion-safe:animate-in motion-safe:zoom-in-75\"\n    >\n      {display}\n    </Badge>\n  )\n}\n\n// -----------------------------------------------------------------------\n// Active indicator (shared-element)\n// -----------------------------------------------------------------------\n\n/**\n * The active-item indicator. A single shared-element (`layoutId`) that SLIDES\n * to the selected item and fades in on first appearance. `none` renders\n * nothing (the filled `activeIcon` + accent color carry the state).\n */\nfunction ActiveIndicator({\n  indicator,\n  layoutId,\n  reduced,\n}: {\n  indicator: BottomNavIndicator\n  layoutId: string\n  reduced: boolean\n}) {\n  if (indicator === 'none') return null\n  const common = {\n    layoutId,\n    'aria-hidden': true as const,\n    transition: reduced ? { duration: 0 } : springs.snappy,\n    initial: reduced ? false : { opacity: 0 },\n    animate: { opacity: 1 },\n  }\n  if (indicator === 'underline') {\n    return <motion.span {...common} className=\"absolute top-0 h-[3px] w-full rounded-b-control-inner bg-accent-9\" />\n  }\n  if (indicator === 'tint') {\n    return <motion.span {...common} className=\"absolute inset-0 rounded-control bg-accent-4\" />\n  }\n  // pill (default) — Material-3 tonal pill behind the icon\n  return <motion.span {...common} className=\"absolute inset-0 rounded-pill bg-accent-4\" />\n}\n\n// -----------------------------------------------------------------------\n// BottomNavLink (internal)\n// -----------------------------------------------------------------------\n\nconst itemClass =\n  'relative flex h-16 w-full min-w-0 cursor-pointer flex-col items-center justify-center gap-ds-02 px-ds-01 pt-0 text-body-sm transition-colors duration-fast-02 ease-productive-standard'\n\nfunction BottomNavLink({\n  item,\n  isActive,\n  indicator,\n  indicatorId,\n  showLabel,\n  reduced,\n}: {\n  item: BottomNavItem\n  isActive: boolean\n  indicator: BottomNavIndicator\n  indicatorId: string\n  showLabel: boolean\n  reduced: boolean\n}) {\n  const Link = useLink()\n  return (\n    <motion.div\n      whileTap={reduced ? undefined : { scale: 0.96 }}\n      transition={reduced ? { duration: 0 } : springs.snappy}\n      className=\"flex min-w-0 flex-1 basis-0\"\n    >\n      <Link\n        href={item.href}\n        aria-label={item.title}\n        aria-current={isActive ? 'page' : undefined}\n        className={cn(itemClass, isActive ? 'font-semibold text-accent-11' : 'text-surface-fg-subtle')}\n      >\n        {/* tint covers the whole cell — sits behind the content */}\n        {isActive && indicator === 'tint' && (\n          <ActiveIndicator indicator=\"tint\" layoutId={indicatorId} reduced={reduced} />\n        )}\n        <div className=\"relative flex w-full min-w-0 flex-col items-center gap-ds-02\">\n          {isActive && indicator === 'underline' && (\n            <ActiveIndicator indicator=\"underline\" layoutId={indicatorId} reduced={reduced} />\n          )}\n          <div className=\"relative px-ds-04 py-ds-01\">\n            {isActive && indicator === 'pill' && (\n              <ActiveIndicator indicator=\"pill\" layoutId={indicatorId} reduced={reduced} />\n            )}\n            <span className=\"relative [&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">\n              <IconProvider size=\"md\">\n                {normalizeIcon(isActive && item.activeIcon ? item.activeIcon : item.icon)}\n              </IconProvider>\n            </span>\n            {item.badge != null && <NavBadge count={item.badge} />}\n          </div>\n          {showLabel && <span className=\"max-w-full truncate text-center\">{item.title}</span>}\n        </div>\n      </Link>\n    </motion.div>\n  )\n}\n\n// -----------------------------------------------------------------------\n// BottomNavbar\n// -----------------------------------------------------------------------\n\nconst BottomNavbar = React.forwardRef<HTMLElement, BottomNavbarProps>(\n  (\n    {\n      currentPath = '/',\n      user = null,\n      primaryItems = [],\n      moreItems = [],\n      indicator = 'pill',\n      labelVisibility = 'always',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Link = useLink()\n    const reduced = useReducedMotion() ?? false\n    const [showMore, setShowMore] = useState(false)\n    // Scope the shared-element layoutId per instance so two navbars don't animate into each other.\n    const instanceId = React.useId()\n    const indicatorId = `${instanceId}-nav-indicator`\n\n    const isActive = (path: string, exact = false) => {\n      if (exact || path === '/') return currentPath === path\n      return currentPath.startsWith(path)\n    }\n\n    // Role/visibility gating\n    const visiblePrimary = primaryItems.filter((item) => itemVisible(item, user))\n    const visibleMore = moreItems.filter((item) => itemVisible(item, user))\n\n    const isMoreActive = visibleMore.some((item) => isActive(item.href, item.exact))\n    const moreSelected = showMore || isMoreActive\n    const showMoreLabel = labelVisibility === 'always' || moreSelected\n\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        aria-label=\"Mobile navigation\"\n        className={cn(\n          'fixed bottom-0 start-0 end-0 z-sticky flex w-full flex-row items-stretch justify-between border-t border-surface-border-strong bg-surface-base px-ds-05 pb-safe pt-0 md:hidden',\n          className,\n        )}\n      >\n        {visiblePrimary.map((item) => (\n          <BottomNavLink\n            key={item.href}\n            item={item}\n            isActive={isActive(item.href, item.exact)}\n            indicator={indicator}\n            indicatorId={indicatorId}\n            showLabel={labelVisibility === 'always' || isActive(item.href, item.exact)}\n            reduced={reduced}\n          />\n        ))}\n\n        {visibleMore.length > 0 && (\n          <Sheet open={showMore} onOpenChange={setShowMore}>\n            <SheetTrigger asChild>\n              <motion.button\n                type=\"button\"\n                aria-label=\"More navigation options\"\n                whileTap={reduced ? undefined : { scale: 0.96 }}\n                transition={reduced ? { duration: 0 } : springs.snappy}\n                className={cn(\n                  itemClass,\n                  'min-w-0 flex-1 basis-0',\n                  moreSelected ? 'font-semibold text-accent-11' : 'text-surface-fg-subtle',\n                )}\n              >\n                {moreSelected && indicator === 'tint' && (\n                  <ActiveIndicator indicator=\"tint\" layoutId={indicatorId} reduced={reduced} />\n                )}\n                <div className=\"relative flex w-full min-w-0 flex-col items-center gap-ds-02\">\n                  {moreSelected && indicator === 'underline' && (\n                    <ActiveIndicator indicator=\"underline\" layoutId={indicatorId} reduced={reduced} />\n                  )}\n                  <div className=\"relative px-ds-04 py-ds-01\">\n                    {moreSelected && indicator === 'pill' && (\n                      <ActiveIndicator indicator=\"pill\" layoutId={indicatorId} reduced={reduced} />\n                    )}\n                    <Icon icon={IconDots} />\n                  </div>\n                  {showMoreLabel && <span className=\"max-w-full truncate text-center\">More</span>}\n                </div>\n              </motion.button>\n            </SheetTrigger>\n\n            <SheetContent side=\"bottom\" className=\"rounded-t-bubble\">\n              <SheetHeader>\n                <SheetTitle>More</SheetTitle>\n              </SheetHeader>\n              <div className=\"grid grid-cols-[repeat(auto-fit,minmax(72px,1fr))] gap-ds-03 pt-ds-04\">\n                {visibleMore.map((item) => {\n                  const active = isActive(item.href, item.exact)\n                  return (\n                    <Link\n                      key={item.href}\n                      href={item.href}\n                      onClick={() => setShowMore(false)}\n                      aria-current={active ? 'page' : undefined}\n                      className={cn(\n                        'flex min-w-0 flex-col items-center gap-ds-02b rounded-overlay-lg p-ds-04 text-body-sm transition-colors ease-productive-standard',\n                        active\n                          ? 'bg-surface-panel-hover text-accent-11'\n                          : 'text-surface-fg-subtle hover:bg-surface-panel-hover',\n                      )}\n                    >\n                      <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">\n                        <IconProvider size=\"md\">{normalizeIcon(item.icon)}</IconProvider>\n                      </span>\n                      <span className=\"max-w-full truncate text-center\">{item.title}</span>\n                    </Link>\n                  )\n                })}\n              </div>\n            </SheetContent>\n          </Sheet>\n        )}\n      </nav>\n    )\n  },\n)\nBottomNavbar.displayName = 'BottomNavbar'\n\nexport { BottomNavbar }\n"],"mappings":"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"}