@orvui/vue 0.0.0-stage → 0.1.1

package/dist/card-folder-Gs7jcpki.js

@@ -0,0 +1,478 @@
+import { l as e, n as t, o as n, r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { n as a } from "./number-Dz4iLJiS.js";
+import { a as o, r as s, t as c } from "./shared-DAEawhBJ.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, getCurrentInstance as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
+import { AnimatePresence as O, animate as k, motion as A, useMotionValue as j, useTransform as M } from "motion-v";
+import { EllipsisVertical as N, Eye as P, EyeOff as F } from "lucide-vue-next";
+// src/blocks/card-folder/src/use-card-folder.ts
+function ee(e, n) {
+	let r = s(() => e.open, e.defaultOpen, n.open), i = s(() => e.detailsVisible, e.defaultDetailsVisible, n.details), a = o(), c = j(+!!r.value), u = M(c, (e) => {
+		let t = Math.sin(Math.PI * Math.max(0, Math.min(1, e)));
+		return `translateY(${-8 * t}%) scale(${1 + .01 * t})`;
+	}), d = M(c, [0, 1], ["translateY(0%) scaleY(1)", "translateY(18%) scaleY(.18)"]), f = M(c, [0, 1], ["translateY(0%) rotateX(0deg)", "translateY(18%) rotateX(-72deg)"]), p = M(c, [
+		0,
+		.76,
+		1
+	], [
+		1,
+		1,
+		0
+	]), m, h = !1;
+	function g() {
+		h && (m?.stop(), m = k(c, +!!r.value, a.value ? { duration: 0 } : {
+			duration: .28,
+			ease: t
+		}));
+	}
+	E([r, a], g), b(() => {
+		h = !0, g();
+	}), y(() => {
+		h = !1, m?.stop();
+	});
+	let _ = l(() => Array.from(e.cardNumber).filter((e) => e >= "0" && e <= "9").join("")), v = l(() => _.value.slice(-4).padStart(4, "•")), x = l(() => _.value ? Array.from({ length: Math.ceil(_.value.length / 4) }, (e, t) => _.value.slice(t * 4, t * 4 + 4)).join(" ") : v.value), S = l(() => e.ariaLabel ?? `${r.value ? "Close" : "Open"} ${e.title}, card ending in ${v.value}, expires ${e.expiry}`);
+	function C() {
+		e.disabled || (r.value = !r.value, n.click());
+	}
+	return {
+		open: r,
+		details: i,
+		reduce: a,
+		cardTransform: u,
+		backTransform: d,
+		frontTransform: f,
+		purseOpacity: p,
+		lastFour: v,
+		revealed: x,
+		ariaLabel: S,
+		toggle: C
+	};
+}
+// src/blocks/card-folder/src/purse-shape.ts
+var I = [
+	[
+		"M",
+		0,
+		17
+	],
+	[
+		"C",
+		15,
+		7,
+		31,
+		4,
+		49,
+		4
+	],
+	["H", 87],
+	[
+		"C",
+		110,
+		4,
+		126,
+		17,
+		144,
+		32
+	],
+	[
+		"L",
+		158,
+		44
+	],
+	[
+		"C",
+		176,
+		59,
+		206,
+		59,
+		225,
+		43
+	],
+	[
+		"L",
+		240,
+		30
+	],
+	[
+		"C",
+		257,
+		16,
+		271,
+		4,
+		295,
+		4
+	],
+	["H", 335],
+	[
+		"C",
+		354,
+		4,
+		370,
+		8,
+		384,
+		18
+	],
+	["V", 94],
+	[
+		"C",
+		384,
+		103,
+		377,
+		110,
+		368,
+		110
+	],
+	["H", 16],
+	[
+		"C",
+		7,
+		110,
+		0,
+		103,
+		0,
+		94
+	],
+	["Z"]
+], L = [
+	[
+		"M",
+		10,
+		21
+	],
+	[
+		"C",
+		22,
+		13,
+		35,
+		11,
+		51,
+		11
+	],
+	["H", 85],
+	[
+		"C",
+		105,
+		11,
+		120,
+		23,
+		137,
+		37
+	],
+	[
+		"L",
+		153,
+		50
+	],
+	[
+		"C",
+		175,
+		68,
+		208,
+		68,
+		231,
+		49
+	],
+	[
+		"L",
+		246,
+		36
+	],
+	[
+		"C",
+		262,
+		23,
+		275,
+		11,
+		297,
+		11
+	],
+	["H", 333],
+	[
+		"C",
+		350,
+		11,
+		363,
+		14,
+		374,
+		22
+	],
+	["V", 89],
+	[
+		"C",
+		374,
+		97,
+		369,
+		101,
+		360,
+		101
+	],
+	["H", 24],
+	[
+		"C",
+		15,
+		101,
+		10,
+		96,
+		10,
+		89
+	],
+	["Z"]
+], R = (e) => e.map(([e, ...t]) => e + t.join(" ")).join(" "), z = R(I), B = R(L), V = ["data-open", "data-details-visible"], H = {
+	"aria-hidden": "true",
+	viewBox: "0 0 384 110",
+	preserveAspectRatio: "none",
+	class: "absolute inset-0 size-full overflow-visible"
+}, U = ["d"], W = ["d"], G = { class: "absolute inset-x-[5%] inset-y-0 z-10 flex min-w-0 flex-col justify-between py-4" }, K = { class: "flex items-start justify-between pr-2" }, q = { class: "flex shrink-0 items-end gap-3.5 pt-2" }, J = { class: "flex flex-col gap-0.5" }, Y = { class: "text-xs font-medium tabular-nums" }, X = { class: "flex flex-col gap-0.5" }, Z = { class: "flex min-w-0 items-baseline justify-between gap-4" }, Q = { class: "truncate text-lg font-medium leading-tight" }, $ = /* @__PURE__ */ h({
+	__name: "CardFolder",
+	props: {
+		title: {},
+		cardNumber: {},
+		expiry: {},
+		cvv: {},
+		card: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		detailsVisible: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultDetailsVisible: {
+			type: Boolean,
+			default: !1
+		},
+		actionLabel: {},
+		ariaLabel: {},
+		disabled: { type: Boolean },
+		cardClassName: {}
+	},
+	emits: [
+		"update:open",
+		"openChange",
+		"update:detailsVisible",
+		"detailsVisibleChange",
+		"click",
+		"action"
+	],
+	setup(t, { emit: o }) {
+		let s = t, l = o, h = g(), y = () => !!h?.vnode.props?.onAction, { open: b, details: E, reduce: k, cardTransform: j, backTransform: M, frontTransform: I, purseOpacity: L, lastFour: R, revealed: $, ariaLabel: te, toggle: ne } = ee(s, {
+			open(e) {
+				l("update:open", e), l("openChange", e);
+			},
+			details(e) {
+				l("update:detailsVisible", e), l("detailsVisibleChange", e);
+			},
+			click() {
+				l("click");
+			}
+		});
+		return (o, s) => (x(), f("div", {
+			"data-open": T(b),
+			"data-details-visible": T(E),
+			class: "relative aspect-[1029/592] w-96 max-w-full select-none [perspective:1200px]"
+		}, [
+			m(T(A).button, {
+				type: "button",
+				disabled: t.disabled,
+				"aria-label": T(te),
+				"aria-expanded": T(b),
+				class: "absolute inset-0 block rounded-2xl text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+				"while-press": T(k) || t.disabled ? void 0 : { scale: .96 },
+				transition: T(k) ? { duration: 0 } : T(e),
+				onClick: T(ne)
+			}, {
+				default: D(() => [m(T(A).span, {
+					"data-slot": "card-folder-back",
+					"aria-hidden": "true",
+					initial: !1,
+					animate: T(k) ? { opacity: +!T(b) } : void 0,
+					transition: {
+						duration: .16,
+						ease: T(r)
+					},
+					style: v(T(k) ? void 0 : {
+						opacity: T(L),
+						transform: T(M)
+					}),
+					class: "absolute inset-x-0 bottom-0 top-[10%] rounded-2xl border border-foreground/10 bg-background [transform-origin:center_bottom]"
+				}, null, 8, [
+					"animate",
+					"transition",
+					"style"
+				]), m(T(A).span, {
+					"aria-hidden": "true",
+					initial: !1,
+					animate: T(k) ? { transform: "translateY(0%) scale(1)" } : void 0,
+					style: v(T(k) ? void 0 : { transform: T(j) }),
+					class: _(T(i)("absolute left-[4.7%] right-[4.7%] top-0 z-10 aspect-[1.586/1] overflow-hidden rounded-xl border border-foreground/10 bg-background [transform-origin:center_bottom] will-change-transform", t.cardClassName))
+				}, {
+					default: D(() => [S(o.$slots, "card", {}, () => [m(T(c), { node: t.card }, null, 8, ["node"])])]),
+					_: 3
+				}, 8, [
+					"animate",
+					"style",
+					"class"
+				])]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"aria-label",
+				"aria-expanded",
+				"while-press",
+				"transition",
+				"onClick"
+			]),
+			m(T(A).span, {
+				"aria-hidden": T(b),
+				inert: T(b) || void 0,
+				initial: !1,
+				animate: T(k) ? { opacity: +!T(b) } : void 0,
+				transition: {
+					duration: .16,
+					ease: T(r)
+				},
+				style: v(T(k) ? void 0 : {
+					opacity: T(L),
+					transform: T(I)
+				}),
+				class: "pointer-events-none absolute inset-x-0 bottom-0 top-1/2 z-20 [backface-visibility:hidden] [transform-origin:center_bottom]"
+			}, {
+				default: D(() => [(x(), f("svg", H, [p("path", {
+					d: T(z),
+					fill: "var(--background)",
+					stroke: "var(--foreground)",
+					"stroke-opacity": ".12",
+					"vector-effect": "non-scaling-stroke"
+				}, null, 8, U), p("path", {
+					d: T(B),
+					fill: "none",
+					stroke: "var(--foreground)",
+					"stroke-dasharray": "5 5",
+					"stroke-linecap": "round",
+					"stroke-opacity": ".22",
+					"vector-effect": "non-scaling-stroke"
+				}, null, 8, W)])), p("span", G, [p("span", K, [m(T(A).button, {
+					type: "button",
+					disabled: t.disabled,
+					tabindex: T(b) ? -1 : void 0,
+					"aria-label": T(E) ? "Hide card details" : "Show card details",
+					"aria-pressed": T(E),
+					class: _(T(i)("z-30 flex size-10 shrink-0 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:opacity-50", T(b) ? "pointer-events-none" : "pointer-events-auto")),
+					"while-press": T(k) || t.disabled ? void 0 : { scale: .96 },
+					transition: T(e),
+					onClick: s[0] ||= (e) => !t.disabled && (E.value = !T(E))
+				}, {
+					default: D(() => [m(T(O), {
+						initial: !1,
+						mode: "popLayout"
+					}, {
+						default: D(() => [(x(), u(T(A).span, {
+							key: T(E) ? "hide" : "show",
+							initial: T(k) ? { opacity: 0 } : {
+								opacity: 0,
+								scale: .25,
+								filter: "blur(4px)"
+							},
+							animate: {
+								opacity: 1,
+								scale: 1,
+								filter: "blur(0px)"
+							},
+							exit: T(k) ? { opacity: 0 } : {
+								opacity: 0,
+								scale: .25,
+								filter: "blur(4px)"
+							},
+							transition: T(k) ? { duration: .12 } : {
+								type: "spring",
+								duration: .3,
+								bounce: 0
+							}
+						}, {
+							default: D(() => [(x(), u(C(T(E) ? T(F) : T(P)), { class: "size-4" }))]),
+							_: 1
+						}, 8, [
+							"initial",
+							"exit",
+							"transition"
+						]))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"tabindex",
+					"aria-label",
+					"aria-pressed",
+					"class",
+					"while-press",
+					"transition"
+				]), p("span", q, [p("span", J, [s[2] ||= p("span", { class: "text-[9px] font-medium uppercase tracking-[.12em] text-muted-foreground/75" }, "Expiry", -1), p("span", Y, w(t.expiry), 1)]), p("span", X, [s[3] ||= p("span", { class: "text-[9px] font-medium uppercase tracking-[.12em] text-muted-foreground/75" }, "CVV", -1), m(T(a), {
+					value: T(E) ? t.cvv : "•".repeat(Math.max(3, t.cvv.length)),
+					"animation-key": T(E) ? "revealed" : "masked",
+					direction: T(E) ? "up" : "down",
+					class: "text-xs font-medium tabular-nums"
+				}, null, 8, [
+					"value",
+					"animation-key",
+					"direction"
+				])])])]), p("span", Z, [p("span", Q, w(t.title), 1), m(T(a), {
+					value: T(E) ? T($) : "•••• •••• •••• " + T(R),
+					"animation-key": T(E) ? "revealed" : "masked",
+					direction: T(E) ? "up" : "down",
+					"suffix-length": 4,
+					"glyph-class-name": T(E) ? "text-foreground" : "text-muted-foreground",
+					"suffix-class-name": "text-foreground",
+					class: "truncate font-mono text-xs tracking-[.08em] tabular-nums"
+				}, null, 8, [
+					"value",
+					"animation-key",
+					"direction",
+					"glyph-class-name"
+				])])])]),
+				_: 1
+			}, 8, [
+				"aria-hidden",
+				"inert",
+				"animate",
+				"transition",
+				"style"
+			]),
+			y() ? (x(), u(T(A).button, {
+				key: 0,
+				type: "button",
+				disabled: t.disabled,
+				"aria-label": t.actionLabel || "Open actions for " + t.title,
+				animate: { y: T(b) && !T(k) ? -14 : 0 },
+				"while-press": T(k) || t.disabled ? void 0 : { scale: .96 },
+				transition: T(k) ? { duration: 0 } : T(n),
+				class: "absolute right-[2.6%] top-[10%] z-10 flex size-10 -translate-y-1/2 items-center justify-center rounded-full text-white/65 outline-none transition-colors hover:bg-white/10 hover:text-white focus-visible:ring-2 focus-visible:ring-white disabled:opacity-50",
+				onClick: s[1] ||= (e) => l("action")
+			}, {
+				default: D(() => [m(T(N), { class: "size-4" })]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"aria-label",
+				"animate",
+				"while-press",
+				"transition"
+			])) : d("", !0)
+		], 8, V));
+	}
+});
+export { $ as t };
+
+//# sourceMappingURL=card-folder-Gs7jcpki.js.map

package/dist/card-folder-Gs7jcpki.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-folder-Gs7jcpki.js","names":["_openBlock","_createElementBlock","_unref","_createVNode","_withCtx","_normalizeStyle","_normalizeClass","_renderSlot","_createElementVNode","_createBlock","_resolveDynamicComponent","_toDisplayString","DigitSwap","_createCommentVNode","_sfc_main","SPRING_PRESS","EASE_IN_OUT","SPRING_LAYOUT","cn","DigitSwap_default","useReduced","useControllable","RenderNode","useCardFolder","open","props","events","details","reduce","progress","useMotionValue","cardTransform","useTransform","lift","value","backTransform","frontTransform","purseOpacity","control","ready","sync","animate","watch","onMounted","onBeforeUnmount","digits","computed","char","lastFour","revealed","index","ariaLabel","toggle","outline","seam","path","segments","command","coordinates","purseOutline","purseSeam","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","CardFolder_default","defineComponent","__emit","__props","emit","instance","getCurrentInstance","hasAction","openBlock","createElementBlock","unref","createVNode","motion","withCtx","EASE_OUT","normalizeStyle","normalizeClass","renderSlot","_ctx","createElementVNode","_cache","AnimatePresence","createBlock","resolveDynamicComponent","EyeOff","Eye","toDisplayString","EllipsisVertical","createCommentVNode"],"sources":["../src/blocks/card-folder/src/use-card-folder.ts","../src/blocks/card-folder/src/purse-shape.ts","../src/blocks/card-folder/src/CardFolder.vue","../src/blocks/card-folder/src/CardFolder.vue"],"sourcesContent":["import { computed, onBeforeUnmount, onMounted, watch } from \"vue\";\nimport { animate, useMotionValue, useTransform } from \"motion-v\";\nimport { useControllable, useReduced } from \"../../shared\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nexport function useCardFolder(\n  props: {\n    open?: boolean;\n    defaultOpen: boolean;\n    detailsVisible?: boolean;\n    defaultDetailsVisible: boolean;\n    cardNumber: string;\n    ariaLabel?: string;\n    title: string;\n    expiry: string;\n    disabled?: boolean;\n  },\n  events: {\n    open: (show: boolean) => void;\n    details: (show: boolean) => void;\n    click: () => void;\n  },\n) {\n  const open = useControllable(\n      () => props.open,\n      props.defaultOpen,\n      events.open,\n    ),\n    details = useControllable(\n      () => props.detailsVisible,\n      props.defaultDetailsVisible,\n      events.details,\n    ),\n    reduce = useReduced();\n  const progress = useMotionValue(open.value ? 1 : 0);\n  const cardTransform = useTransform(progress, (value) => {\n    const lift = Math.sin(Math.PI * Math.max(0, Math.min(1, value)));\n    return `translateY(${-8 * lift}%) scale(${1 + 0.01 * lift})`;\n  });\n  const backTransform = useTransform(\n    progress,\n    [0, 1],\n    [\"translateY(0%) scaleY(1)\", \"translateY(18%) scaleY(.18)\"],\n  );\n  const frontTransform = useTransform(\n    progress,\n    [0, 1],\n    [\"translateY(0%) rotateX(0deg)\", \"translateY(18%) rotateX(-72deg)\"],\n  );\n  const purseOpacity = useTransform(progress, [0, 0.76, 1], [1, 1, 0]);\n  let control: ReturnType<typeof animate> | undefined,\n    ready = false;\n  function sync() {\n    if (!ready) return;\n    control?.stop();\n    control = animate(\n      progress,\n      open.value ? 1 : 0,\n      reduce.value ? { duration: 0 } : { duration: 0.28, ease: EASE_IN_OUT },\n    );\n  }\n  watch([open, reduce], sync);\n  onMounted(() => {\n    ready = true;\n    sync();\n  });\n  onBeforeUnmount(() => {\n    ready = false;\n    control?.stop();\n  });\n  const digits = computed(() =>\n    Array.from(props.cardNumber)\n      .filter((char) => char >= \"0\" && char <= \"9\")\n      .join(\"\"),\n  );\n  const lastFour = computed(() => digits.value.slice(-4).padStart(4, \"•\"));\n  const revealed = computed(() =>\n    digits.value\n      ? Array.from({ length: Math.ceil(digits.value.length / 4) }, (_, index) =>\n          digits.value.slice(index * 4, index * 4 + 4),\n        ).join(\" \")\n      : lastFour.value,\n  );\n  const ariaLabel = computed(\n    () =>\n      props.ariaLabel ??\n      `${open.value ? \"Close\" : \"Open\"} ${props.title}, card ending in ${lastFour.value}, expires ${props.expiry}`,\n  );\n  function toggle() {\n    if (props.disabled) return;\n    open.value = !open.value;\n    events.click();\n  }\n  return {\n    open,\n    details,\n    reduce,\n    cardTransform,\n    backTransform,\n    frontTransform,\n    purseOpacity,\n    lastFour,\n    revealed,\n    ariaLabel,\n    toggle,\n  };\n}\n","type Segment = readonly [string, ...number[]];\nconst outline: Segment[] = [\n  [\"M\", 0, 17],\n  [\"C\", 15, 7, 31, 4, 49, 4],\n  [\"H\", 87],\n  [\"C\", 110, 4, 126, 17, 144, 32],\n  [\"L\", 158, 44],\n  [\"C\", 176, 59, 206, 59, 225, 43],\n  [\"L\", 240, 30],\n  [\"C\", 257, 16, 271, 4, 295, 4],\n  [\"H\", 335],\n  [\"C\", 354, 4, 370, 8, 384, 18],\n  [\"V\", 94],\n  [\"C\", 384, 103, 377, 110, 368, 110],\n  [\"H\", 16],\n  [\"C\", 7, 110, 0, 103, 0, 94],\n  [\"Z\"],\n];\nconst seam: Segment[] = [\n  [\"M\", 10, 21],\n  [\"C\", 22, 13, 35, 11, 51, 11],\n  [\"H\", 85],\n  [\"C\", 105, 11, 120, 23, 137, 37],\n  [\"L\", 153, 50],\n  [\"C\", 175, 68, 208, 68, 231, 49],\n  [\"L\", 246, 36],\n  [\"C\", 262, 23, 275, 11, 297, 11],\n  [\"H\", 333],\n  [\"C\", 350, 11, 363, 14, 374, 22],\n  [\"V\", 89],\n  [\"C\", 374, 97, 369, 101, 360, 101],\n  [\"H\", 24],\n  [\"C\", 15, 101, 10, 96, 10, 89],\n  [\"Z\"],\n];\nconst path = (segments: Segment[]) =>\n  segments\n    .map(([command, ...coordinates]) => command + coordinates.join(\" \"))\n    .join(\" \");\nexport const purseOutline = path(outline),\n  purseSeam = path(seam);\n","<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { Eye, EyeOff, EllipsisVertical } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { DigitSwap } from \"../../../motion/number\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { SPRING_LAYOUT, SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport { useCardFolder } from \"./use-card-folder\";\nimport { purseOutline, purseSeam } from \"./purse-shape\";\nconst props = withDefaults(\n  defineProps<{\n    title: string;\n    cardNumber: string;\n    expiry: string;\n    cvv: string;\n    card?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    detailsVisible?: boolean;\n    defaultDetailsVisible?: boolean;\n    actionLabel?: string;\n    ariaLabel?: string;\n    disabled?: boolean;\n    cardClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    detailsVisible: undefined,\n    defaultOpen: false,\n    defaultDetailsVisible: false,\n  },\n);\nconst emit = defineEmits<{\n    \"update:open\": [open: boolean];\n    openChange: [open: boolean];\n    \"update:detailsVisible\": [visible: boolean];\n    detailsVisibleChange: [visible: boolean];\n    click: [];\n    action: [];\n  }>(),\n  instance = getCurrentInstance(),\n  hasAction = () => !!instance?.vnode.props?.onAction;\nconst {\n  open,\n  details,\n  reduce,\n  cardTransform,\n  backTransform,\n  frontTransform,\n  purseOpacity,\n  lastFour,\n  revealed,\n  ariaLabel,\n  toggle,\n} = useCardFolder(props, {\n  open(value) {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n  details(value) {\n    emit(\"update:detailsVisible\", value);\n    emit(\"detailsVisibleChange\", value);\n  },\n  click() {\n    emit(\"click\");\n  },\n});\n</script>\n<template>\n  <div\n    :data-open=\"open\"\n    :data-details-visible=\"details\"\n    class=\"relative aspect-[1029/592] w-96 max-w-full select-none [perspective:1200px]\"\n  >\n    <motion.button\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :aria-expanded=\"open\"\n      class=\"absolute inset-0 block rounded-2xl text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50\"\n      :while-press=\"reduce || disabled ? undefined : { scale: 0.96 }\"\n      :transition=\"reduce ? { duration: 0 } : SPRING_PRESS\"\n      @click=\"toggle\"\n      ><motion.span\n        data-slot=\"card-folder-back\"\n        aria-hidden=\"true\"\n        :initial=\"false\"\n        :animate=\"reduce ? { opacity: open ? 0 : 1 } : undefined\"\n        :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n        :style=\"\n          reduce\n            ? undefined\n            : { opacity: purseOpacity, transform: backTransform }\n        \"\n        class=\"absolute inset-x-0 bottom-0 top-[10%] rounded-2xl border border-foreground/10 bg-background [transform-origin:center_bottom]\" /><motion.span\n        aria-hidden=\"true\"\n        :initial=\"false\"\n        :animate=\"reduce ? { transform: 'translateY(0%) scale(1)' } : undefined\"\n        :style=\"reduce ? undefined : { transform: cardTransform }\"\n        :class=\"\n          cn(\n            'absolute left-[4.7%] right-[4.7%] top-0 z-10 aspect-[1.586/1] overflow-hidden rounded-xl border border-foreground/10 bg-background [transform-origin:center_bottom] will-change-transform',\n            cardClassName,\n          )\n        \"\n        ><slot name=\"card\"><RenderNode :node=\"card\" /></slot></motion.span\n    ></motion.button>\n    <motion.span\n      :aria-hidden=\"open\"\n      :inert=\"open || undefined\"\n      :initial=\"false\"\n      :animate=\"reduce ? { opacity: open ? 0 : 1 } : undefined\"\n      :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n      :style=\"\n        reduce\n          ? undefined\n          : { opacity: purseOpacity, transform: frontTransform }\n      \"\n      class=\"pointer-events-none absolute inset-x-0 bottom-0 top-1/2 z-20 [backface-visibility:hidden] [transform-origin:center_bottom]\"\n      ><svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 384 110\"\n        preserveAspectRatio=\"none\"\n        class=\"absolute inset-0 size-full overflow-visible\"\n      >\n        <path\n          :d=\"purseOutline\"\n          fill=\"var(--background)\"\n          stroke=\"var(--foreground)\"\n          stroke-opacity=\".12\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n        <path\n          :d=\"purseSeam\"\n          fill=\"none\"\n          stroke=\"var(--foreground)\"\n          stroke-dasharray=\"5 5\"\n          stroke-linecap=\"round\"\n          stroke-opacity=\".22\"\n          vector-effect=\"non-scaling-stroke\"\n        /></svg\n      ><span\n        class=\"absolute inset-x-[5%] inset-y-0 z-10 flex min-w-0 flex-col justify-between py-4\"\n        ><span class=\"flex items-start justify-between pr-2\"\n          ><motion.button\n            type=\"button\"\n            :disabled=\"disabled\"\n            :tabindex=\"open ? -1 : undefined\"\n            :aria-label=\"details ? 'Hide card details' : 'Show card details'\"\n            :aria-pressed=\"details\"\n            :class=\"\n              cn(\n                'z-30 flex size-10 shrink-0 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:opacity-50',\n                open ? 'pointer-events-none' : 'pointer-events-auto',\n              )\n            \"\n            :while-press=\"reduce || disabled ? undefined : { scale: 0.96 }\"\n            :transition=\"SPRING_PRESS\"\n            @click=\"!disabled && (details = !details)\"\n            ><AnimatePresence :initial=\"false\" mode=\"popLayout\"\n              ><motion.span\n                :key=\"details ? 'hide' : 'show'\"\n                :initial=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, scale: 0.25, filter: 'blur(4px)' }\n                \"\n                :animate=\"{ opacity: 1, scale: 1, filter: 'blur(0px)' }\"\n                :exit=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, scale: 0.25, filter: 'blur(4px)' }\n                \"\n                :transition=\"\n                  reduce\n                    ? { duration: 0.12 }\n                    : { type: 'spring', duration: 0.3, bounce: 0 }\n                \"\n                ><component\n                  :is=\"details ? EyeOff : Eye\"\n                  class=\"size-4\" /></motion.span></AnimatePresence></motion.button\n          ><span class=\"flex shrink-0 items-end gap-3.5 pt-2\"\n            ><span class=\"flex flex-col gap-0.5\"\n              ><span\n                class=\"text-[9px] font-medium uppercase tracking-[.12em] text-muted-foreground/75\"\n                >Expiry</span\n              ><span class=\"text-xs font-medium tabular-nums\">{{\n                expiry\n              }}</span></span\n            ><span class=\"flex flex-col gap-0.5\"\n              ><span\n                class=\"text-[9px] font-medium uppercase tracking-[.12em] text-muted-foreground/75\"\n                >CVV</span\n              ><DigitSwap\n                :value=\"details ? cvv : '•'.repeat(Math.max(3, cvv.length))\"\n                :animation-key=\"details ? 'revealed' : 'masked'\"\n                :direction=\"details ? 'up' : 'down'\"\n                class=\"text-xs font-medium tabular-nums\" /></span></span></span\n        ><span class=\"flex min-w-0 items-baseline justify-between gap-4\"\n          ><span class=\"truncate text-lg font-medium leading-tight\">{{\n            title\n          }}</span\n          ><DigitSwap\n            :value=\"details ? revealed : '•••• •••• •••• ' + lastFour\"\n            :animation-key=\"details ? 'revealed' : 'masked'\"\n            :direction=\"details ? 'up' : 'down'\"\n            :suffix-length=\"4\"\n            :glyph-class-name=\"\n              details ? 'text-foreground' : 'text-muted-foreground'\n            \"\n            suffix-class-name=\"text-foreground\"\n            class=\"truncate font-mono text-xs tracking-[.08em] tabular-nums\" /></span></span\n    ></motion.span>\n    <motion.button\n      v-if=\"hasAction()\"\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"actionLabel || 'Open actions for ' + title\"\n      :animate=\"{ y: open && !reduce ? -14 : 0 }\"\n      :while-press=\"reduce || disabled ? undefined : { scale: 0.96 }\"\n      :transition=\"reduce ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute right-[2.6%] top-[10%] z-10 flex size-10 -translate-y-1/2 items-center justify-center rounded-full text-white/65 outline-none transition-colors hover:bg-white/10 hover:text-white focus-visible:ring-2 focus-visible:ring-white disabled:opacity-50\"\n      @click=\"emit('action')\"\n      ><EllipsisVertical class=\"size-4\"\n    /></motion.button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { Eye, EyeOff, EllipsisVertical } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { DigitSwap } from \"../../../motion/number\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { SPRING_LAYOUT, SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport { useCardFolder } from \"./use-card-folder\";\nimport { purseOutline, purseSeam } from \"./purse-shape\";\nconst props = withDefaults(\n  defineProps<{\n    title: string;\n    cardNumber: string;\n    expiry: string;\n    cvv: string;\n    card?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    detailsVisible?: boolean;\n    defaultDetailsVisible?: boolean;\n    actionLabel?: string;\n    ariaLabel?: string;\n    disabled?: boolean;\n    cardClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    detailsVisible: undefined,\n    defaultOpen: false,\n    defaultDetailsVisible: false,\n  },\n);\nconst emit = defineEmits<{\n    \"update:open\": [open: boolean];\n    openChange: [open: boolean];\n    \"update:detailsVisible\": [visible: boolean];\n    detailsVisibleChange: [visible: boolean];\n    click: [];\n    action: [];\n  }>(),\n  instance = getCurrentInstance(),\n  hasAction = () => !!instance?.vnode.props?.onAction;\nconst {\n  open,\n  details,\n  reduce,\n  cardTransform,\n  backTransform,\n  frontTransform,\n  purseOpacity,\n  lastFour,\n  revealed,\n  ariaLabel,\n  toggle,\n} = useCardFolder(props, {\n  open(value) {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n  details(value) {\n    emit(\"update:detailsVisible\", value);\n    emit(\"detailsVisibleChange\", value);\n  },\n  click() {\n    emit(\"click\");\n  },\n});\n</script>\n<template>\n  <div\n    :data-open=\"open\"\n    :data-details-visible=\"details\"\n    class=\"relative aspect-[1029/592] w-96 max-w-full select-none [perspective:1200px]\"\n  >\n    <motion.button\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :aria-expanded=\"open\"\n      class=\"absolute inset-0 block rounded-2xl text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50\"\n      :while-press=\"reduce || disabled ? undefined : { scale: 0.96 }\"\n      :transition=\"reduce ? { duration: 0 } : SPRING_PRESS\"\n      @click=\"toggle\"\n      ><motion.span\n        data-slot=\"card-folder-back\"\n        aria-hidden=\"true\"\n        :initial=\"false\"\n        :animate=\"reduce ? { opacity: open ? 0 : 1 } : undefined\"\n        :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n        :style=\"\n          reduce\n            ? undefined\n            : { opacity: purseOpacity, transform: backTransform }\n        \"\n        class=\"absolute inset-x-0 bottom-0 top-[10%] rounded-2xl border border-foreground/10 bg-background [transform-origin:center_bottom]\" /><motion.span\n        aria-hidden=\"true\"\n        :initial=\"false\"\n        :animate=\"reduce ? { transform: 'translateY(0%) scale(1)' } : undefined\"\n        :style=\"reduce ? undefined : { transform: cardTransform }\"\n        :class=\"\n          cn(\n            'absolute left-[4.7%] right-[4.7%] top-0 z-10 aspect-[1.586/1] overflow-hidden rounded-xl border border-foreground/10 bg-background [transform-origin:center_bottom] will-change-transform',\n            cardClassName,\n          )\n        \"\n        ><slot name=\"card\"><RenderNode :node=\"card\" /></slot></motion.span\n    ></motion.button>\n    <motion.span\n      :aria-hidden=\"open\"\n      :inert=\"open || undefined\"\n      :initial=\"false\"\n      :animate=\"reduce ? { opacity: open ? 0 : 1 } : undefined\"\n      :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n      :style=\"\n        reduce\n          ? undefined\n          : { opacity: purseOpacity, transform: frontTransform }\n      \"\n      class=\"pointer-events-none absolute inset-x-0 bottom-0 top-1/2 z-20 [backface-visibility:hidden] [transform-origin:center_bottom]\"\n      ><svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 384 110\"\n        preserveAspectRatio=\"none\"\n        class=\"absolute inset-0 size-full overflow-visible\"\n      >\n        <path\n          :d=\"purseOutline\"\n          fill=\"var(--background)\"\n          stroke=\"var(--foreground)\"\n          stroke-opacity=\".12\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n        <path\n          :d=\"purseSeam\"\n          fill=\"none\"\n          stroke=\"var(--foreground)\"\n          stroke-dasharray=\"5 5\"\n          stroke-linecap=\"round\"\n          stroke-opacity=\".22\"\n          vector-effect=\"non-scaling-stroke\"\n        /></svg\n      ><span\n        class=\"absolute inset-x-[5%] inset-y-0 z-10 flex min-w-0 flex-col justify-between py-4\"\n        ><span class=\"flex items-start justify-between pr-2\"\n          ><motion.button\n            type=\"button\"\n            :disabled=\"disabled\"\n            :tabindex=\"open ? -1 : undefined\"\n            :aria-label=\"details ? 'Hide card details' : 'Show card details'\"\n            :aria-pressed=\"details\"\n            :class=\"\n              cn(\n                'z-30 flex size-10 shrink-0 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:opacity-50',\n                open ? 'pointer-events-none' : 'pointer-events-auto',\n              )\n            \"\n            :while-press=\"reduce || disabled ? undefined : { scale: 0.96 }\"\n            :transition=\"SPRING_PRESS\"\n            @click=\"!disabled && (details = !details)\"\n            ><AnimatePresence :initial=\"false\" mode=\"popLayout\"\n              ><motion.span\n                :key=\"details ? 'hide' : 'show'\"\n                :initial=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, scale: 0.25, filter: 'blur(4px)' }\n                \"\n                :animate=\"{ opacity: 1, scale: 1, filter: 'blur(0px)' }\"\n                :exit=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, scale: 0.25, filter: 'blur(4px)' }\n                \"\n                :transition=\"\n                  reduce\n                    ? { duration: 0.12 }\n                    : { type: 'spring', duration: 0.3, bounce: 0 }\n                \"\n                ><component\n                  :is=\"details ? EyeOff : Eye\"\n                  class=\"size-4\" /></motion.span></AnimatePresence></motion.button\n          ><span class=\"flex shrink-0 items-end gap-3.5 pt-2\"\n            ><span class=\"flex flex-col gap-0.5\"\n              ><span\n                class=\"text-[9px] font-medium uppercase tracking-[.12em] text-muted-foreground/75\"\n                >Expiry</span\n              ><span class=\"text-xs font-medium tabular-nums\">{{\n                expiry\n              }}</span></span\n            ><span class=\"flex flex-col gap-0.5\"\n              ><span\n                class=\"text-[9px] font-medium uppercase tracking-[.12em] text-muted-foreground/75\"\n                >CVV</span\n              ><DigitSwap\n                :value=\"details ? cvv : '•'.repeat(Math.max(3, cvv.length))\"\n                :animation-key=\"details ? 'revealed' : 'masked'\"\n                :direction=\"details ? 'up' : 'down'\"\n                class=\"text-xs font-medium tabular-nums\" /></span></span></span\n        ><span class=\"flex min-w-0 items-baseline justify-between gap-4\"\n          ><span class=\"truncate text-lg font-medium leading-tight\">{{\n            title\n          }}</span\n          ><DigitSwap\n            :value=\"details ? revealed : '•••• •••• •••• ' + lastFour\"\n            :animation-key=\"details ? 'revealed' : 'masked'\"\n            :direction=\"details ? 'up' : 'down'\"\n            :suffix-length=\"4\"\n            :glyph-class-name=\"\n              details ? 'text-foreground' : 'text-muted-foreground'\n            \"\n            suffix-class-name=\"text-foreground\"\n            class=\"truncate font-mono text-xs tracking-[.08em] tabular-nums\" /></span></span\n    ></motion.span>\n    <motion.button\n      v-if=\"hasAction()\"\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"actionLabel || 'Open actions for ' + title\"\n      :animate=\"{ y: open && !reduce ? -14 : 0 }\"\n      :while-press=\"reduce || disabled ? undefined : { scale: 0.96 }\"\n      :transition=\"reduce ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute right-[2.6%] top-[10%] z-10 flex size-10 -translate-y-1/2 items-center justify-center rounded-full text-white/65 outline-none transition-colors hover:bg-white/10 hover:text-white focus-visible:ring-2 focus-visible:ring-white disabled:opacity-50\"\n      @click=\"emit('action')\"\n      ><EllipsisVertical class=\"size-4\"\n    /></motion.button>\n  </div>\n</template>\n"],"mappings":"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"}