@orvui/vue 0.0.0-stage → 0.1.0

package/dist/blocks/wallet-card/src/use-wallet-panel.d.ts

@@ -0,0 +1,16 @@
+import { type Ref } from "vue";
+export declare function useWalletPanel(name: string, delay: number, focused?: () => void): {
+    open: Ref<boolean, boolean>;
+    armed: Ref<boolean, boolean>;
+    root: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    reduce: Ref<boolean, boolean>;
+    layoutId: string;
+    morph: import("vue").ComputedRef<{
+        readonly type: "spring";
+        readonly duration: 0.5;
+        readonly bounce: 0.22;
+    } | {
+        duration: number;
+    }>;
+};
+//# sourceMappingURL=use-wallet-panel.d.ts.map

package/dist/blocks/wallet-card/src/use-wallet-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-wallet-panel.d.ts","sourceRoot":"","sources":["../../../../src/blocks/wallet-card/src/use-wallet-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,GAAG,EACT,MAAM,KAAK,CAAC;AAIb,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,IAAI;;;;;;;;;;;;;EAsCrB"}

package/dist/blocks/wallet-card/src/use-wallet.d.ts

@@ -0,0 +1,33 @@
+import { type Content } from "../../shared";
+export interface Account {
+    id: string;
+    name: string;
+    address: string;
+    avatar?: Content;
+}
+export declare function useWallet(props: {
+    accounts: Account[];
+    accountId?: string;
+    defaultAccountId?: string;
+    balance: number;
+    balancePrefix: string;
+    defaultBalanceHidden: boolean;
+    defaultChange?: number;
+}, change: (id: string) => void): {
+    accountId: import("vue").WritableComputedRef<string, string>;
+    account: import("vue").ComputedRef<Account>;
+    hidden: import("vue").Ref<boolean, boolean>;
+    delta: import("vue").Ref<{
+        id: number;
+        amount: number;
+    } | null, {
+        id: number;
+        amount: number;
+    } | {
+        id: number;
+        amount: number;
+    } | null>;
+    shownBalance: import("vue").ComputedRef<string>;
+};
+export declare function money(value: number): string;
+//# sourceMappingURL=use-wallet.d.ts.map

package/dist/blocks/wallet-card/src/use-wallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-wallet.d.ts","sourceRoot":"","sources":["../../../../src/blocks/wallet-card/src/use-wallet.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAC7D,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,SAAS,CACvB,KAAK,EAAE;IACL,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,EACD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;EA4B7B;AACD,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,UAKlC"}

package/dist/blocks/wallet-card/src/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function diceBearGlassUrl(seed: string): string;
+export declare function truncateAddress(address: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/blocks/wallet-card/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/blocks/wallet-card/src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,UAI5C;AACD,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,UAK9C"}

package/dist/blocks/wallet-card.d.ts

@@ -0,0 +1 @@
+export * from './wallet-card/index';

package/dist/blocks/wallet-card.js

@@ -0,0 +1 @@
+export { t as WalletCard } from "../wallet-card-DOa9Q4pg.js";

package/dist/blocks.d.ts

@@ -0,0 +1 @@
+export * from './blocks/index';

package/dist/blocks.js

@@ -0,0 +1,25 @@
+import { r as e, t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./infinite-masonry-8d1lfqNh.js";
+import { t as r } from "./notification-stack-DsRk7N8m.js";
+import { t as i } from "./project-folder-BtSBMR2F.js";
+import { t as a } from "./card-folder-Gs7jcpki.js";
+import { a as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./knockout-bracket-Dj5UsAKA.js";
+import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, r as b, s as x, t as S, u as C } from "./availability-scheduler-C2JQ2FwY.js";
+import { n as w, r as T, t as E } from "./swap-BSeVL8dB.js";
+import { n as D, r as O, t as k } from "./dynamic-island-D_wBlujh.js";
+import { t as ee } from "./command-palette-BHNS6FfB.js";
+import { n as A, t as j } from "./morphing-search-DbDedimq.js";
+import { n as M, t as N } from "./expandable-action-bar-Cs8jgCn-.js";
+import { t as P } from "./overflow-actions-D4746kdz.js";
+import { t as F } from "./expandable-tabs-D9b-6Mxy.js";
+import { t as I } from "./morphing-tabs-YtGm3iRJ.js";
+import { t as L } from "./swipeable-list-AlQhrq07.js";
+import { n as R, r as z, t as B } from "./file-upload-BePH_y0O.js";
+import { n as V, t as H } from "./prediction-market-C9jhwhq3.js";
+import { t as U } from "./wallet-card-DOa9Q4pg.js";
+import { t as W } from "./otp-input-CHNtAMa9.js";
+import { n as G, r as K, t as q } from "./signup-form-CWYewGba.js";
+import { t as J } from "./bloom-menu-D6Sm51VK.js";
+import { t as Y } from "./feedback-widget-WnodYTUe.js";
+import { a as X, c as Z, i as Q, l as $, n as te, o as ne, r as re, s as ie, t as ae } from "./not-found-BA28FNf-.js";
+export { B as AttachmentUpload, S as AvailabilityScheduler, J as BloomMenu, w as CHAINS, a as CardFolder, ee as CommandPalette, D as DynamicIsland, k as DynamicIslandView, e as EASE, M as ExpandableActionBar, F as ExpandableTabs, Y as FeedbackWidget, R as FileUpload, n as InfiniteMasonry, d as KnockoutBracket, l as KnockoutWheel, A as MorphingSearch, j as MorphingSearchChips, I as MorphingTabs, E as MultiChainSwap, E as Swap, $ as NOT_FOUND_DEFAULTS, X as NotFound, ie as NotFoundActions, Q as NotFoundGlitch, re as NotFoundMagnetic, te as NotFoundSpotlight, ne as NotFoundStacked, Z as NotFoundStage, ae as NotFoundTerminal, r as NotificationStack, W as OTPInput, P as OverflowActions, V as PredictionMarket, H as PredictionMarketCard, i as ProjectFolder, u as ROUNDS, t as SWAP_DRAWER_EASE, q as SignUpForm, L as SwipeableList, s as TEAMS, o as THIRD_PLACE, T as TOKENS, v as WEEKDAYS, f as WHEEL_ROUNDS, c as WHEEL_TEAMS, U as WalletCard, b as buildOptions, g as clampRange, z as createFileUploadItem, G as defaultValidate, p as defaultWeek, y as endOptions, O as islandKey, x as label12, m as panelKey, K as passwordStrength, _ as startOptions, C as toMinutes, h as toValue, N as useExpandableActionBar };

package/dist/bloom-menu-D6Sm51VK.js

@@ -0,0 +1,251 @@
+import { i as e, s as t, t as n } from "./composables-BJ1sih_H.js";
+import { r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { t as a } from "./shared-DAEawhBJ.js";
+import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useId as C, watch as w, withCtx as T } from "vue";
+import { AnimatePresence as E, motion as D } from "motion-v";
+import { Bell as O, FileText as k, FolderClosed as A, LayoutGrid as j, Link as M, Plus as N, Table as P, X as F } from "lucide-vue-next";
+// src/blocks/bloom-menu/src/use-bloom.ts
+function I(r) {
+	let i = y(!1), a = y(), o = y(0), c = t(), l = C(), u = /* @__PURE__ */ new Map(), d = e(i, a), f = !1, p = !1, h = s(() => c.value ? { duration: .15 } : {
+		type: "spring",
+		stiffness: 300,
+		damping: 32,
+		mass: .9
+	}), v = () => u.get(r()[o.value])?.focus({ preventScroll: !0 });
+	function b(e) {
+		f = e && !!a.value?.contains(document.activeElement), i.value = !1;
+	}
+	function x(e) {
+		f && e && (f = !1, m(() => {
+			p || n(e)?.focus();
+		}));
+	}
+	function S() {
+		o.value = 0, i.value = !0;
+	}
+	function T(e) {
+		let t = [
+			"ArrowRight",
+			"ArrowLeft",
+			"ArrowDown",
+			"ArrowUp"
+		], n = [
+			1,
+			-1,
+			3,
+			-3
+		], i = t.indexOf(e.key), a = i >= 0 ? o.value + n[i] : e.key === "Home" ? 0 : e.key === "End" ? r().length - 1 : void 0;
+		a !== void 0 && (e.preventDefault(), o.value = a < 0 || a >= r().length ? o.value : a, v());
+	}
+	function E(e) {
+		e.relatedTarget instanceof Node && !a.value?.contains(e.relatedTarget) && b(!1);
+	}
+	function D(e) {
+		i.value && d.claimEscape(e) && b(!0);
+	}
+	function O(e) {
+		i.value && !a.value?.contains(e.target) && !d.containsHigher(e.target) && b(!1);
+	}
+	return w([i, o], () => void m(() => {
+		!p && i.value && v();
+	})), _(() => {
+		document.addEventListener("keydown", D, !0), document.addEventListener("pointerdown", O);
+	}), g(() => {
+		p = !0, u.clear(), document.removeEventListener("keydown", D, !0), document.removeEventListener("pointerdown", O);
+	}), {
+		open: i,
+		root: a,
+		active: o,
+		reduce: c,
+		id: l,
+		buttons: u,
+		morph: h,
+		close: b,
+		setTrigger: x,
+		show: S,
+		gridKey: T,
+		blur: E,
+		delay: (e) => .1 + Math.hypot(e % 3 - 1, Math.floor(e / 3) - (Math.ceil(r().length / 3) - 1) / 2) * .07
+	};
+}
+// src/blocks/bloom-menu/src/BloomMenu.vue?vue&type=script&setup=true&lang.ts
+var L = { class: "pointer-events-none absolute left-1/2 top-1/2 z-30 grid h-[300px] w-[min(86vw,420px)] -translate-x-1/2 -translate-y-1/2 place-items-center [&>*]:pointer-events-auto" }, R = { class: "flex items-center justify-between border-b border-border px-4 py-3" }, z = ["id"], B = [
+	"tabindex",
+	"onFocus",
+	"onClick"
+], V = { class: "[&_svg]:h-5 [&_svg]:w-5" }, H = { class: "text-sm font-medium" }, U = /* @__PURE__ */ p({
+	__name: "BloomMenu",
+	props: {
+		items: { default: () => [
+			{
+				label: "Doc",
+				icon: k
+			},
+			{
+				label: "Board",
+				icon: j
+			},
+			{
+				label: "Table",
+				icon: P
+			},
+			{
+				label: "Folder",
+				icon: A
+			},
+			{
+				label: "Reminder",
+				icon: O
+			},
+			{
+				label: "Link",
+				icon: M
+			}
+		] },
+		className: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, s = t, { open: p, root: m, active: g, reduce: _, id: y, buttons: C, morph: w, close: O, setTrigger: k, show: A, gridKey: j, blur: M, delay: P } = I(() => n.items.map((e) => e.label));
+		return (t, n) => (v(), l("div", {
+			ref_key: "root",
+			ref: m,
+			class: h(S(i)("relative inline-flex", e.className))
+		}, [n[3] ||= u("div", {
+			class: "h-11 w-36",
+			"aria-hidden": "true"
+		}, null, -1), u("div", L, [f(S(E), {
+			initial: !1,
+			mode: "popLayout"
+		}, {
+			default: T(() => [S(p) ? (v(), c(S(D).div, {
+				key: "panel",
+				"layout-id": S(y) + "-surface",
+				transition: S(w),
+				style: { borderRadius: "16px" },
+				class: "w-[min(86vw,420px)] overflow-hidden border border-border bg-card",
+				onFocusout: S(M)
+			}, {
+				default: T(() => [f(S(D).div, {
+					layout: "",
+					initial: { opacity: 0 },
+					animate: { opacity: 1 },
+					transition: {
+						delay: S(_) ? 0 : .12,
+						duration: .2
+					}
+				}, {
+					default: T(() => [u("div", R, [u("span", {
+						id: S(y) + "-label",
+						class: "text-sm font-medium text-muted-foreground"
+					}, "Create", 8, z), u("button", {
+						type: "button",
+						"aria-label": "Close menu",
+						class: "rounded-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+						onClick: n[0] ||= (e) => S(O)(!0)
+					}, [f(S(F), { class: "h-4 w-4" })])]), f(S(D).div, {
+						id: S(y),
+						initial: !S(_) && { clipPath: "inset(45% 34% 45% 34%)" },
+						animate: { clipPath: "inset(0% 0% 0% 0%)" },
+						transition: {
+							delay: S(_) ? 0 : .08,
+							duration: .45,
+							ease: S(r)
+						},
+						role: "menu",
+						"aria-labelledby": S(y) + "-label",
+						class: "grid grid-cols-3",
+						onKeydown: S(j)
+					}, {
+						default: T(() => [(v(!0), l(o, null, b(e.items, (e, t) => (v(), l("button", {
+							key: e.label,
+							ref_for: !0,
+							ref: (t) => {
+								t ? S(C).set(e.label, t) : S(C).delete(e.label);
+							},
+							type: "button",
+							role: "menuitem",
+							tabindex: t === S(g) ? 0 : -1,
+							class: h(S(i)("flex items-center justify-center px-3 py-6 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:bg-muted/60 focus-visible:text-foreground", t % 3 != 2 && "border-r border-border", t < 3 && "border-b border-border")),
+							onFocus: (e) => g.value = t,
+							onClick: (t) => {
+								s("select", e.label), S(O)(!0);
+							}
+						}, [f(S(D).span, {
+							initial: S(_) ? { opacity: 0 } : {
+								opacity: 0,
+								scale: .85,
+								filter: "blur(6px)"
+							},
+							animate: {
+								opacity: 1,
+								scale: 1,
+								filter: "blur(0px)"
+							},
+							transition: {
+								delay: S(_) ? 0 : S(P)(t),
+								type: "spring",
+								stiffness: 440,
+								damping: 34
+							},
+							class: "flex flex-col items-center gap-2"
+						}, {
+							default: T(() => [u("span", V, [f(S(a), { node: e.icon }, null, 8, ["node"])]), u("span", H, x(e.label), 1)]),
+							_: 2
+						}, 1032, ["initial", "transition"])], 42, B))), 128))]),
+						_: 1
+					}, 8, [
+						"id",
+						"initial",
+						"transition",
+						"aria-labelledby",
+						"onKeydown"
+					])]),
+					_: 1
+				}, 8, ["transition"])]),
+				_: 1
+			}, 8, [
+				"layout-id",
+				"transition",
+				"onFocusout"
+			])) : (v(), c(S(D).button, {
+				key: "trigger",
+				ref: S(k),
+				type: "button",
+				"layout-id": S(y) + "-surface",
+				transition: S(w),
+				style: { borderRadius: "16px" },
+				"aria-haspopup": "menu",
+				"aria-expanded": S(p),
+				"aria-controls": S(y),
+				"while-press": S(_) ? void 0 : { scale: .97 },
+				class: "inline-flex h-11 w-36 items-center justify-center border border-border bg-card text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				onClick: S(A),
+				onKeydown: n[1] ||= (e) => {
+					["ArrowDown", "ArrowUp"].includes(e.key) && (e.preventDefault(), S(A)());
+				}
+			}, {
+				default: T(() => [f(S(D).span, {
+					layout: "",
+					class: "inline-flex items-center gap-2 whitespace-nowrap"
+				}, {
+					default: T(() => [n[2] ||= d("Create", -1), f(S(N), { class: "h-4 w-4" })]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, [
+				"layout-id",
+				"transition",
+				"aria-expanded",
+				"aria-controls",
+				"while-press",
+				"onClick"
+			]))]),
+			_: 1
+		})])], 2));
+	}
+});
+export { U as t };
+
+//# sourceMappingURL=bloom-menu-D6Sm51VK.js.map

package/dist/bloom-menu-D6Sm51VK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bloom-menu-D6Sm51VK.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_withCtx","_createBlock","_Fragment","_renderList","_toDisplayString","_createTextVNode","_sfc_main","useFloatingLayer","useReducedMotion","resolveElement","cn","RenderNode","useBloom","open","ref","root","active","reduce","id","useId","buttons","layer","restore","disposed","morph","computed","focus","labels","close","returnFocus","setTrigger","value","nextTick","show","gridKey","keys","steps","at","event","next","blur","shortcut","outside","watch","onMounted","onBeforeUnmount","index","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","BloomMenu_default","defineComponent","FileText","LayoutGrid","Table","FolderClosed","Bell","Link","__emit","props","__props","emit","item","openBlock","createElementBlock","normalizeClass","unref","_cache","createElementVNode","createVNode","AnimatePresence","withCtx","createBlock","motion","X","EASE_OUT","Fragment","renderList","node","delay","toDisplayString","$event","createTextVNode","Plus"],"sources":["../src/blocks/bloom-menu/src/use-bloom.ts","../src/blocks/bloom-menu/src/BloomMenu.vue","../src/blocks/bloom-menu/src/BloomMenu.vue"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  watch,\n} from \"vue\";\nimport {\n  resolveElement,\n  useFloatingLayer,\n  useReducedMotion,\n} from \"../../../lib/composables\";\nexport function useBloom(labels: () => string[]) {\n  const open = ref(false),\n    root = ref<HTMLElement>(),\n    active = ref(0),\n    reduce = useReducedMotion(),\n    id = useId(),\n    buttons = new Map<string, HTMLButtonElement>();\n  const layer = useFloatingLayer(open, root);\n  let restore = false,\n    disposed = false;\n  const morph = computed(() =>\n    reduce.value\n      ? { duration: 0.15 }\n      : { type: \"spring\" as const, stiffness: 300, damping: 32, mass: 0.9 },\n  );\n  const focus = () =>\n    buttons.get(labels()[active.value])?.focus({ preventScroll: true });\n  function close(returnFocus: boolean) {\n    restore = returnFocus && !!root.value?.contains(document.activeElement);\n    open.value = false;\n  }\n  function setTrigger(value: unknown) {\n    if (restore && value) {\n      restore = false;\n      void nextTick(() => {\n        if (!disposed) resolveElement<HTMLElement>(value)?.focus();\n      });\n    }\n  }\n  function show() {\n    active.value = 0;\n    open.value = true;\n  }\n  function gridKey(event: KeyboardEvent) {\n    const keys = [\"ArrowRight\", \"ArrowLeft\", \"ArrowDown\", \"ArrowUp\"],\n      steps = [1, -1, 3, -3],\n      at = keys.indexOf(event.key);\n    let next =\n      at >= 0\n        ? active.value + steps[at]\n        : event.key === \"Home\"\n          ? 0\n          : event.key === \"End\"\n            ? labels().length - 1\n            : undefined;\n    if (next === undefined) return;\n    event.preventDefault();\n    active.value = next < 0 || next >= labels().length ? active.value : next;\n    focus();\n  }\n  function blur(event: FocusEvent) {\n    if (\n      event.relatedTarget instanceof Node &&\n      !root.value?.contains(event.relatedTarget)\n    )\n      close(false);\n  }\n  function shortcut(event: KeyboardEvent) {\n    if (open.value && layer.claimEscape(event)) close(true);\n  }\n  function outside(event: PointerEvent) {\n    if (\n      open.value &&\n      !root.value?.contains(event.target as Node) &&\n      !layer.containsHigher(event.target)\n    )\n      close(false);\n  }\n  watch(\n    [open, active],\n    () =>\n      void nextTick(() => {\n        if (!disposed && open.value) focus();\n      }),\n  );\n  onMounted(() => {\n    document.addEventListener(\"keydown\", shortcut, true);\n    document.addEventListener(\"pointerdown\", outside);\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    buttons.clear();\n    document.removeEventListener(\"keydown\", shortcut, true);\n    document.removeEventListener(\"pointerdown\", outside);\n  });\n  const delay = (index: number) =>\n    0.1 +\n    Math.hypot(\n      (index % 3) - 1,\n      Math.floor(index / 3) - (Math.ceil(labels().length / 3) - 1) / 2,\n    ) *\n      0.07;\n  return {\n    open,\n    root,\n    active,\n    reduce,\n    id,\n    buttons,\n    morph,\n    close,\n    setTrigger,\n    show,\n    gridKey,\n    blur,\n    delay,\n  };\n}\n","<script setup lang=\"ts\">\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  Plus,\n  X,\n  FileText,\n  LayoutGrid,\n  Table,\n  FolderClosed,\n  Bell,\n  Link,\n} from \"lucide-vue-next\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useBloom } from \"./use-bloom\";\nexport interface BloomMenuItem {\n  label: string;\n  icon: Content;\n}\nconst props = withDefaults(\n  defineProps<{ items?: BloomMenuItem[]; className?: string }>(),\n  {\n    items: () => [\n      { label: \"Doc\", icon: FileText },\n      { label: \"Board\", icon: LayoutGrid },\n      { label: \"Table\", icon: Table },\n      { label: \"Folder\", icon: FolderClosed },\n      { label: \"Reminder\", icon: Bell },\n      { label: \"Link\", icon: Link },\n    ],\n  },\n);\nconst emit = defineEmits<{ select: [label: string] }>();\nconst {\n  open,\n  root,\n  active,\n  reduce,\n  id,\n  buttons,\n  morph,\n  close,\n  setTrigger,\n  show,\n  gridKey,\n  blur,\n  delay,\n} = useBloom(() => props.items.map((item) => item.label));\n</script>\n<template>\n  <div ref=\"root\" :class=\"cn('relative inline-flex', className)\">\n    <div class=\"h-11 w-36\" aria-hidden=\"true\" />\n    <div\n      class=\"pointer-events-none absolute left-1/2 top-1/2 z-30 grid h-[300px] w-[min(86vw,420px)] -translate-x-1/2 -translate-y-1/2 place-items-center [&>*]:pointer-events-auto\"\n    >\n      <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n        <motion.div\n          v-if=\"open\"\n          key=\"panel\"\n          :layout-id=\"id + '-surface'\"\n          :transition=\"morph\"\n          :style=\"{ borderRadius: '16px' }\"\n          class=\"w-[min(86vw,420px)] overflow-hidden border border-border bg-card\"\n          @focusout=\"blur\"\n          ><motion.div\n            layout\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :transition=\"{ delay: reduce ? 0 : 0.12, duration: 0.2 }\"\n            ><div\n              class=\"flex items-center justify-between border-b border-border px-4 py-3\"\n            >\n              <span\n                :id=\"id + '-label'\"\n                class=\"text-sm font-medium text-muted-foreground\"\n                >Create</span\n              ><button\n                type=\"button\"\n                aria-label=\"Close menu\"\n                class=\"rounded-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n                @click=\"close(true)\"\n              >\n                <X class=\"h-4 w-4\" />\n              </button>\n            </div>\n            <motion.div\n              :id=\"id\"\n              :initial=\"reduce ? false : { clipPath: 'inset(45% 34% 45% 34%)' }\"\n              :animate=\"{ clipPath: 'inset(0% 0% 0% 0%)' }\"\n              :transition=\"{\n                delay: reduce ? 0 : 0.08,\n                duration: 0.45,\n                ease: EASE_OUT,\n              }\"\n              role=\"menu\"\n              :aria-labelledby=\"id + '-label'\"\n              class=\"grid grid-cols-3\"\n              @keydown=\"gridKey\"\n              ><button\n                v-for=\"(item, index) in items\"\n                :key=\"item.label\"\n                :ref=\"\n                  (node) => {\n                    if (node)\n                      buttons.set(item.label, node as HTMLButtonElement);\n                    else buttons.delete(item.label);\n                  }\n                \"\n                type=\"button\"\n                role=\"menuitem\"\n                :tabindex=\"index === active ? 0 : -1\"\n                :class=\"\n                  cn(\n                    'flex items-center justify-center px-3 py-6 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:bg-muted/60 focus-visible:text-foreground',\n                    index % 3 !== 2 && 'border-r border-border',\n                    index < 3 && 'border-b border-border',\n                  )\n                \"\n                @focus=\"active = index\"\n                @click=\"\n                  emit('select', item.label);\n                  close(true);\n                \"\n              >\n                <motion.span\n                  :initial=\"\n                    reduce\n                      ? { opacity: 0 }\n                      : { opacity: 0, scale: 0.85, filter: 'blur(6px)' }\n                  \"\n                  :animate=\"{ opacity: 1, scale: 1, filter: 'blur(0px)' }\"\n                  :transition=\"{\n                    delay: reduce ? 0 : delay(index),\n                    type: 'spring',\n                    stiffness: 440,\n                    damping: 34,\n                  }\"\n                  class=\"flex flex-col items-center gap-2\"\n                  ><span class=\"[&_svg]:h-5 [&_svg]:w-5\"\n                    ><RenderNode :node=\"item.icon\" /></span\n                  ><span class=\"text-sm font-medium\">{{\n                    item.label\n                  }}</span></motion.span\n                >\n              </button></motion.div\n            ></motion.div\n          ></motion.div\n        >\n        <motion.button\n          v-else\n          key=\"trigger\"\n          :ref=\"setTrigger\"\n          type=\"button\"\n          :layout-id=\"id + '-surface'\"\n          :transition=\"morph\"\n          :style=\"{ borderRadius: '16px' }\"\n          aria-haspopup=\"menu\"\n          :aria-expanded=\"open\"\n          :aria-controls=\"id\"\n          :while-press=\"reduce ? undefined : { scale: 0.97 }\"\n          class=\"inline-flex h-11 w-36 items-center justify-center border border-border bg-card text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          @click=\"show\"\n          @keydown=\"\n            if (['ArrowDown', 'ArrowUp'].includes($event.key)) {\n              $event.preventDefault();\n              show();\n            }\n          \"\n          ><motion.span\n            layout\n            class=\"inline-flex items-center gap-2 whitespace-nowrap\"\n            >Create<Plus class=\"h-4 w-4\" /></motion.span\n        ></motion.button>\n      </AnimatePresence>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  Plus,\n  X,\n  FileText,\n  LayoutGrid,\n  Table,\n  FolderClosed,\n  Bell,\n  Link,\n} from \"lucide-vue-next\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useBloom } from \"./use-bloom\";\nexport interface BloomMenuItem {\n  label: string;\n  icon: Content;\n}\nconst props = withDefaults(\n  defineProps<{ items?: BloomMenuItem[]; className?: string }>(),\n  {\n    items: () => [\n      { label: \"Doc\", icon: FileText },\n      { label: \"Board\", icon: LayoutGrid },\n      { label: \"Table\", icon: Table },\n      { label: \"Folder\", icon: FolderClosed },\n      { label: \"Reminder\", icon: Bell },\n      { label: \"Link\", icon: Link },\n    ],\n  },\n);\nconst emit = defineEmits<{ select: [label: string] }>();\nconst {\n  open,\n  root,\n  active,\n  reduce,\n  id,\n  buttons,\n  morph,\n  close,\n  setTrigger,\n  show,\n  gridKey,\n  blur,\n  delay,\n} = useBloom(() => props.items.map((item) => item.label));\n</script>\n<template>\n  <div ref=\"root\" :class=\"cn('relative inline-flex', className)\">\n    <div class=\"h-11 w-36\" aria-hidden=\"true\" />\n    <div\n      class=\"pointer-events-none absolute left-1/2 top-1/2 z-30 grid h-[300px] w-[min(86vw,420px)] -translate-x-1/2 -translate-y-1/2 place-items-center [&>*]:pointer-events-auto\"\n    >\n      <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n        <motion.div\n          v-if=\"open\"\n          key=\"panel\"\n          :layout-id=\"id + '-surface'\"\n          :transition=\"morph\"\n          :style=\"{ borderRadius: '16px' }\"\n          class=\"w-[min(86vw,420px)] overflow-hidden border border-border bg-card\"\n          @focusout=\"blur\"\n          ><motion.div\n            layout\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :transition=\"{ delay: reduce ? 0 : 0.12, duration: 0.2 }\"\n            ><div\n              class=\"flex items-center justify-between border-b border-border px-4 py-3\"\n            >\n              <span\n                :id=\"id + '-label'\"\n                class=\"text-sm font-medium text-muted-foreground\"\n                >Create</span\n              ><button\n                type=\"button\"\n                aria-label=\"Close menu\"\n                class=\"rounded-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n                @click=\"close(true)\"\n              >\n                <X class=\"h-4 w-4\" />\n              </button>\n            </div>\n            <motion.div\n              :id=\"id\"\n              :initial=\"reduce ? false : { clipPath: 'inset(45% 34% 45% 34%)' }\"\n              :animate=\"{ clipPath: 'inset(0% 0% 0% 0%)' }\"\n              :transition=\"{\n                delay: reduce ? 0 : 0.08,\n                duration: 0.45,\n                ease: EASE_OUT,\n              }\"\n              role=\"menu\"\n              :aria-labelledby=\"id + '-label'\"\n              class=\"grid grid-cols-3\"\n              @keydown=\"gridKey\"\n              ><button\n                v-for=\"(item, index) in items\"\n                :key=\"item.label\"\n                :ref=\"\n                  (node) => {\n                    if (node)\n                      buttons.set(item.label, node as HTMLButtonElement);\n                    else buttons.delete(item.label);\n                  }\n                \"\n                type=\"button\"\n                role=\"menuitem\"\n                :tabindex=\"index === active ? 0 : -1\"\n                :class=\"\n                  cn(\n                    'flex items-center justify-center px-3 py-6 text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:bg-muted/60 focus-visible:text-foreground',\n                    index % 3 !== 2 && 'border-r border-border',\n                    index < 3 && 'border-b border-border',\n                  )\n                \"\n                @focus=\"active = index\"\n                @click=\"\n                  emit('select', item.label);\n                  close(true);\n                \"\n              >\n                <motion.span\n                  :initial=\"\n                    reduce\n                      ? { opacity: 0 }\n                      : { opacity: 0, scale: 0.85, filter: 'blur(6px)' }\n                  \"\n                  :animate=\"{ opacity: 1, scale: 1, filter: 'blur(0px)' }\"\n                  :transition=\"{\n                    delay: reduce ? 0 : delay(index),\n                    type: 'spring',\n                    stiffness: 440,\n                    damping: 34,\n                  }\"\n                  class=\"flex flex-col items-center gap-2\"\n                  ><span class=\"[&_svg]:h-5 [&_svg]:w-5\"\n                    ><RenderNode :node=\"item.icon\" /></span\n                  ><span class=\"text-sm font-medium\">{{\n                    item.label\n                  }}</span></motion.span\n                >\n              </button></motion.div\n            ></motion.div\n          ></motion.div\n        >\n        <motion.button\n          v-else\n          key=\"trigger\"\n          :ref=\"setTrigger\"\n          type=\"button\"\n          :layout-id=\"id + '-surface'\"\n          :transition=\"morph\"\n          :style=\"{ borderRadius: '16px' }\"\n          aria-haspopup=\"menu\"\n          :aria-expanded=\"open\"\n          :aria-controls=\"id\"\n          :while-press=\"reduce ? undefined : { scale: 0.97 }\"\n          class=\"inline-flex h-11 w-36 items-center justify-center border border-border bg-card text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          @click=\"show\"\n          @keydown=\"\n            if (['ArrowDown', 'ArrowUp'].includes($event.key)) {\n              $event.preventDefault();\n              show();\n            }\n          \"\n          ><motion.span\n            layout\n            class=\"inline-flex items-center gap-2 whitespace-nowrap\"\n            >Create<Plus class=\"h-4 w-4\" /></motion.span\n        ></motion.button>\n      </AnimatePresence>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/bottom-sheet-B5n2HmzT.js

@@ -0,0 +1,138 @@
+import { o as e, s as t, t as n } from "./composables-BJ1sih_H.js";
+import { t as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { t as a } from "./interactivity-fV41y350.js";
+import { Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useId as x, watch as S, withCtx as C } from "vue";
+import { AnimatePresence as w, motion as T, useDragControls as E } from "motion-v";
+// src/motion/bottom-sheet/src/snap.ts
+function D(e, t, n, r, i = 120) {
+	return r > 600 || n > i ? e > 0 && r < 800 && n < i * 1.6 ? e - 1 : null : r < -500 ? Math.min(e + 1, t - 1) : e + (n > 80 && e > 0 ? -1 : +(n < -80 && e + 1 < t));
+}
+// src/motion/bottom-sheet/src/BottomSheet.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "flex flex-col items-center px-4 pb-2 pt-3" }, k = {
+	key: 0,
+	class: "mt-2 w-full"
+}, A = ["id"], j = ["id"], M = { class: "flex-1 overflow-y-auto overscroll-contain px-4 pb-6" }, N = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "BottomSheet",
+	props: {
+		open: { type: Boolean },
+		snapPoints: { default: () => [.5, .92] },
+		defaultSnap: { default: 0 },
+		title: {},
+		description: {},
+		dismissThreshold: { default: 120 }
+	},
+	emits: ["update:open"],
+	setup(p, { expose: N, emit: P }) {
+		let F = p, I = P, L = _(F.defaultSnap), R = _(!1), z = t(), B = _(null), V = _(null), H = E(), U = x(), W = s(() => F.open), G = s(() => {
+			let e = F.snapPoints[L.value] ?? "auto";
+			return e === "auto" ? { maxHeight: "92vh" } : { height: `${e * 100}vh` };
+		});
+		function K(e, t) {
+			let n = D(L.value, F.snapPoints.length, t.offset.y, t.velocity.y, F.dismissThreshold);
+			n === null ? I("update:open", !1) : L.value = n;
+		}
+		function q() {
+			I("update:open", !1);
+		}
+		return S([() => F.open, () => F.defaultSnap], () => {
+			F.open && (L.value = F.defaultSnap);
+		}), e(W, B, q), a(W, [B, V], [B]), h(() => {
+			R.value = !0;
+		}), N({
+			snap: L,
+			onDragEnd: K
+		}), (e, t) => R.value ? (g(), c(o, {
+			key: 0,
+			to: "body"
+		}, [f(b(w), null, {
+			default: C(() => [p.open ? (g(), c(b(T).button, {
+				ref: (e) => V.value = b(n)(e),
+				key: "backdrop",
+				type: "button",
+				"aria-label": "Close bottom sheet",
+				tabindex: -1,
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: {
+					duration: .5,
+					ease: b(r)
+				},
+				onClick: q,
+				class: "pointer-events-auto fixed inset-0 z-50 bg-background/40 backdrop-blur-sm"
+			}, null, 8, ["transition"])) : l("", !0), p.open ? (g(), c(b(T).div, m({
+				ref: (e) => B.value = b(n)(e),
+				key: "sheet",
+				drag: "y",
+				"drag-controls": b(H),
+				"drag-listener": !1,
+				"drag-constraints": {
+					top: 0,
+					bottom: 0
+				},
+				"drag-elastic": {
+					top: .02,
+					bottom: .4
+				},
+				"drag-momentum": !1,
+				onDragEnd: K,
+				initial: b(z) ? {
+					y: 0,
+					opacity: 0
+				} : { y: "100%" },
+				animate: b(z) ? {
+					y: 0,
+					opacity: 1
+				} : { y: 0 },
+				exit: b(z) ? {
+					y: 0,
+					opacity: 0
+				} : { y: "100%" },
+				transition: {
+					duration: b(z) ? .18 : .5,
+					ease: b(r)
+				},
+				style: G.value
+			}, e.$attrs, {
+				class: b(i)("pointer-events-auto fixed bottom-0 left-0 right-0 z-50 mx-auto flex max-w-2xl flex-col overflow-hidden rounded-t-3xl outline-none will-change-transform border border-border bg-background shadow-xl", e.$attrs.class),
+				role: "dialog",
+				"aria-modal": "true",
+				tabindex: -1,
+				"aria-labelledby": p.title ? `${b(U)}-title` : void 0,
+				"aria-describedby": p.description ? `${b(U)}-description` : void 0,
+				"aria-label": p.title ? void 0 : "Bottom sheet"
+			}), {
+				default: C(() => [d("div", O, [d("div", {
+					onPointerdown: t[0] ||= (e) => b(H).start(e),
+					class: "flex cursor-grab touch-none items-center justify-center py-1 active:cursor-grabbing [-webkit-touch-callout:none]"
+				}, [...t[1] ||= [d("div", { class: "h-1.5 w-10 rounded-full bg-muted-foreground/60" }, null, -1)]], 32), p.title || p.description ? (g(), u("div", k, [p.title ? (g(), u("h2", {
+					key: 0,
+					id: `${b(U)}-title`,
+					class: "text-base font-semibold text-foreground"
+				}, y(p.title), 9, A)) : l("", !0), p.description ? (g(), u("p", {
+					key: 1,
+					id: `${b(U)}-description`,
+					class: "mt-0.5 text-sm text-muted-foreground"
+				}, y(p.description), 9, j)) : l("", !0)])) : l("", !0)]), d("div", M, [v(e.$slots, "default")])]),
+				_: 3
+			}, 16, [
+				"drag-controls",
+				"initial",
+				"animate",
+				"exit",
+				"transition",
+				"style",
+				"class",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-label"
+			])) : l("", !0)]),
+			_: 3
+		})])) : l("", !0);
+	}
+});
+export { N as t };
+
+//# sourceMappingURL=bottom-sheet-B5n2HmzT.js.map

package/dist/bottom-sheet-B5n2HmzT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet-B5n2HmzT.js","names":["$attrs","_openBlock","_createBlock","_Teleport","_createVNode","_unref","_withCtx","_createCommentVNode","_mergeProps","_createElementVNode","_createElementBlock","_toDisplayString","_renderSlot","_sfc_main","useOverlay","useReducedMotion","resolveElement","EASE_DRAWER","cn","useExitInteractivity","resolveBottomSheetSnap","velocity","offset","dismissThreshold","current","count","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","BottomSheet_default","defineComponent","__expose","__emit","props","__props","emit","snap","ref","mounted","reduced","panel","backdrop","dragControls","useDragControls","id","useId","active","computed","size","point","onDragEnd","next","info","dismiss","watch","onMounted","openBlock","createBlock","Teleport","createVNode","unref","AnimatePresence","withCtx","motion","node","createCommentVNode","mergeProps","_ctx","createElementVNode","_cache","$event","createElementBlock","toDisplayString","renderSlot"],"sources":["../src/motion/bottom-sheet/src/snap.ts","../src/motion/bottom-sheet/src/BottomSheet.vue","../src/motion/bottom-sheet/src/BottomSheet.vue"],"sourcesContent":["/** Resolve a detent step from vertical drag distance and release velocity. */\nexport function resolveBottomSheetSnap(current: number, count: number, offset: number, velocity: number, dismissThreshold = 120): number | null {\n  const descending = velocity > 600 || offset > dismissThreshold;\n  if (descending) {\n    const canStepDown = current > 0 && velocity < 800 && offset < dismissThreshold * 1.6;\n    return canStepDown ? current - 1 : null;\n  }\n  if (velocity < -500) return Math.min(current + 1, count - 1);\n  const adjustment = offset > 80 && current > 0 ? -1 : offset < -80 && current + 1 < count ? 1 : 0;\n  return current + adjustment;\n}\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onMounted, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion, useDragControls } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { resolveElement, useOverlay, useReducedMotion } from \"../../../lib/composables\";\nimport { useExitInteractivity } from \"../../_overlay/interactivity\";\nimport { resolveBottomSheetSnap } from \"./snap\";\nconst props = withDefaults(defineProps<{\n  open: boolean; snapPoints?: (number | \"auto\")[]; defaultSnap?: number; title?: string; description?: string; dismissThreshold?: number;\n}>(), { snapPoints: () => [0.5, 0.92], defaultSnap: 0, dismissThreshold: 120 });\nconst emit = defineEmits<{ \"update:open\": [open: boolean] }>();\nconst snap = ref(props.defaultSnap), mounted = ref(false), reduced = useReducedMotion();\nconst panel = ref<HTMLElement | null>(null), backdrop = ref<HTMLElement | null>(null);\nconst dragControls = useDragControls(), id = useId(), active = computed(() => props.open);\nconst size = computed(() => { const point = props.snapPoints[snap.value] ?? \"auto\"; return point === \"auto\" ? { maxHeight: \"92vh\" } : { height: `${point * 100}vh` }; });\nfunction onDragEnd(_event: unknown, info: { velocity: { y: number }; offset: { y: number } }) {\n  const next = resolveBottomSheetSnap(snap.value, props.snapPoints.length, info.offset.y, info.velocity.y, props.dismissThreshold);\n  if (next === null) emit(\"update:open\", false); else snap.value = next;\n}\nfunction dismiss() { emit(\"update:open\", false); }\nwatch([() => props.open, () => props.defaultSnap], () => { if (props.open) snap.value = props.defaultSnap; });\nuseOverlay(active, panel, dismiss);\nuseExitInteractivity(active, [panel, backdrop], [panel]);\nonMounted(() => { mounted.value = true; });\ndefineExpose({ snap, onDragEnd });\n</script>\n<template><Teleport v-if=\"mounted\" to=\"body\"><AnimatePresence>\n  <motion.button v-if=\"open\" :ref=\"node => backdrop = resolveElement<HTMLElement>(node)\" key=\"backdrop\" type=\"button\" aria-label=\"Close bottom sheet\" :tabindex=\"-1\"\n    :initial=\"{ opacity: 0 }\" :animate=\"{ opacity: 1 }\" :exit=\"{ opacity: 0 }\" :transition=\"{ duration: 0.5, ease: EASE_DRAWER }\" @click=\"dismiss\" class=\"pointer-events-auto fixed inset-0 z-50 bg-background/40 backdrop-blur-sm\" />\n  <motion.div v-if=\"open\" :ref=\"node => panel = resolveElement<HTMLElement>(node)\" key=\"sheet\" drag=\"y\" :drag-controls=\"dragControls\" :drag-listener=\"false\" :drag-constraints=\"{ top: 0, bottom: 0 }\" :drag-elastic=\"{ top: 0.02, bottom: 0.4 }\" :drag-momentum=\"false\" @drag-end=\"onDragEnd\"\n    :initial=\"reduced ? { y: 0, opacity: 0 } : { y: '100%' }\" :animate=\"reduced ? { y: 0, opacity: 1 } : { y: 0 }\" :exit=\"reduced ? { y: 0, opacity: 0 } : { y: '100%' }\"\n    :transition=\"{ duration: reduced ? 0.18 : 0.5, ease: EASE_DRAWER }\" :style=\"size\" v-bind=\"$attrs\"\n    :class=\"cn('pointer-events-auto fixed bottom-0 left-0 right-0 z-50 mx-auto flex max-w-2xl flex-col overflow-hidden rounded-t-3xl outline-none will-change-transform border border-border bg-background shadow-xl', $attrs.class as string)\"\n    role=\"dialog\" aria-modal=\"true\" :tabindex=\"-1\" :aria-labelledby=\"title ? `${id}-title` : undefined\" :aria-describedby=\"description ? `${id}-description` : undefined\" :aria-label=\"title ? undefined : 'Bottom sheet'\">\n    <div class=\"flex flex-col items-center px-4 pb-2 pt-3\"><div @pointerdown=\"dragControls.start($event)\" class=\"flex cursor-grab touch-none items-center justify-center py-1 active:cursor-grabbing [-webkit-touch-callout:none]\"><div class=\"h-1.5 w-10 rounded-full bg-muted-foreground/60\" /></div>\n      <div v-if=\"title || description\" class=\"mt-2 w-full\"><h2 v-if=\"title\" :id=\"`${id}-title`\" class=\"text-base font-semibold text-foreground\">{{ title }}</h2><p v-if=\"description\" :id=\"`${id}-description`\" class=\"mt-0.5 text-sm text-muted-foreground\">{{ description }}</p></div>\n    </div><div class=\"flex-1 overflow-y-auto overscroll-contain px-4 pb-6\"><slot /></div>\n  </motion.div>\n</AnimatePresence></Teleport></template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onMounted, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion, useDragControls } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { resolveElement, useOverlay, useReducedMotion } from \"../../../lib/composables\";\nimport { useExitInteractivity } from \"../../_overlay/interactivity\";\nimport { resolveBottomSheetSnap } from \"./snap\";\nconst props = withDefaults(defineProps<{\n  open: boolean; snapPoints?: (number | \"auto\")[]; defaultSnap?: number; title?: string; description?: string; dismissThreshold?: number;\n}>(), { snapPoints: () => [0.5, 0.92], defaultSnap: 0, dismissThreshold: 120 });\nconst emit = defineEmits<{ \"update:open\": [open: boolean] }>();\nconst snap = ref(props.defaultSnap), mounted = ref(false), reduced = useReducedMotion();\nconst panel = ref<HTMLElement | null>(null), backdrop = ref<HTMLElement | null>(null);\nconst dragControls = useDragControls(), id = useId(), active = computed(() => props.open);\nconst size = computed(() => { const point = props.snapPoints[snap.value] ?? \"auto\"; return point === \"auto\" ? { maxHeight: \"92vh\" } : { height: `${point * 100}vh` }; });\nfunction onDragEnd(_event: unknown, info: { velocity: { y: number }; offset: { y: number } }) {\n  const next = resolveBottomSheetSnap(snap.value, props.snapPoints.length, info.offset.y, info.velocity.y, props.dismissThreshold);\n  if (next === null) emit(\"update:open\", false); else snap.value = next;\n}\nfunction dismiss() { emit(\"update:open\", false); }\nwatch([() => props.open, () => props.defaultSnap], () => { if (props.open) snap.value = props.defaultSnap; });\nuseOverlay(active, panel, dismiss);\nuseExitInteractivity(active, [panel, backdrop], [panel]);\nonMounted(() => { mounted.value = true; });\ndefineExpose({ snap, onDragEnd });\n</script>\n<template><Teleport v-if=\"mounted\" to=\"body\"><AnimatePresence>\n  <motion.button v-if=\"open\" :ref=\"node => backdrop = resolveElement<HTMLElement>(node)\" key=\"backdrop\" type=\"button\" aria-label=\"Close bottom sheet\" :tabindex=\"-1\"\n    :initial=\"{ opacity: 0 }\" :animate=\"{ opacity: 1 }\" :exit=\"{ opacity: 0 }\" :transition=\"{ duration: 0.5, ease: EASE_DRAWER }\" @click=\"dismiss\" class=\"pointer-events-auto fixed inset-0 z-50 bg-background/40 backdrop-blur-sm\" />\n  <motion.div v-if=\"open\" :ref=\"node => panel = resolveElement<HTMLElement>(node)\" key=\"sheet\" drag=\"y\" :drag-controls=\"dragControls\" :drag-listener=\"false\" :drag-constraints=\"{ top: 0, bottom: 0 }\" :drag-elastic=\"{ top: 0.02, bottom: 0.4 }\" :drag-momentum=\"false\" @drag-end=\"onDragEnd\"\n    :initial=\"reduced ? { y: 0, opacity: 0 } : { y: '100%' }\" :animate=\"reduced ? { y: 0, opacity: 1 } : { y: 0 }\" :exit=\"reduced ? { y: 0, opacity: 0 } : { y: '100%' }\"\n    :transition=\"{ duration: reduced ? 0.18 : 0.5, ease: EASE_DRAWER }\" :style=\"size\" v-bind=\"$attrs\"\n    :class=\"cn('pointer-events-auto fixed bottom-0 left-0 right-0 z-50 mx-auto flex max-w-2xl flex-col overflow-hidden rounded-t-3xl outline-none will-change-transform border border-border bg-background shadow-xl', $attrs.class as string)\"\n    role=\"dialog\" aria-modal=\"true\" :tabindex=\"-1\" :aria-labelledby=\"title ? `${id}-title` : undefined\" :aria-describedby=\"description ? `${id}-description` : undefined\" :aria-label=\"title ? undefined : 'Bottom sheet'\">\n    <div class=\"flex flex-col items-center px-4 pb-2 pt-3\"><div @pointerdown=\"dragControls.start($event)\" class=\"flex cursor-grab touch-none items-center justify-center py-1 active:cursor-grabbing [-webkit-touch-callout:none]\"><div class=\"h-1.5 w-10 rounded-full bg-muted-foreground/60\" /></div>\n      <div v-if=\"title || description\" class=\"mt-2 w-full\"><h2 v-if=\"title\" :id=\"`${id}-title`\" class=\"text-base font-semibold text-foreground\">{{ title }}</h2><p v-if=\"description\" :id=\"`${id}-description`\" class=\"mt-0.5 text-sm text-muted-foreground\">{{ description }}</p></div>\n    </div><div class=\"flex-1 overflow-y-auto overscroll-contain px-4 pb-6\"><slot /></div>\n  </motion.div>\n</AnimatePresence></Teleport></template>\n"],"mappings":"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"}