@orvui/vue 0.0.0-stage → 0.1.0

package/dist/ChartTooltip-BY8iAlEo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip-BY8iAlEo.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_createCommentVNode","_sfc_main","useReducedMotion","SPRING_PANEL","ChartTooltip_default","defineComponent","__emit","props","__props","emit","popup","ref","position","ready","reduce","mounted","generation","pointer","disposeLayout","element","resolveElement","reference","anchor","box","x","y","place","tooltip","current","result","computePosition","offset","flip","shift","watch","cleanup","nextTick","autoUpdate","isMounted","move","event","leave","dismiss","escape","onMounted","onBeforeUnmount","openBlock","createBlock","unref","AnimatePresence","withCtx","motion","renderSlot","_ctx","createCommentVNode"],"sources":["../src/charts/ChartTooltip.vue","../src/charts/ChartTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  type VirtualElement,\n} from \"@floating-ui/dom\";\nimport { SPRING_PANEL } from \"../lib/ease\";\nimport { resolveElement, useReducedMotion } from \"../lib/composables\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    anchor: HTMLElement | null;\n    id: string;\n    point?: { x: number; y: number };\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n    followCursor?: boolean;\n  }>(),\n  { side: \"top\", point: () => ({ x: 0.5, y: 0.5 }), followCursor: false },\n);\nconst emit = defineEmits([\"update:open\"]);\nconst popup = ref<HTMLElement | null>(null);\nconst position = ref({ x: 0, y: 0 });\nconst ready = ref(false);\nconst reduce = useReducedMotion();\nconst mounted = ref(false);\nlet generation = 0;\nlet pointer: { x: number; y: number } | undefined;\nlet disposeLayout: (() => void) | undefined;\n\nfunction element() {\n  return resolveElement<HTMLElement>(popup.value);\n}\nfunction reference(anchor: HTMLElement): VirtualElement {\n  return {\n    contextElement: anchor,\n    getBoundingClientRect() {\n      const box = anchor.getBoundingClientRect();\n      const x =\n        props.followCursor && pointer\n          ? pointer.x\n          : box.left + box.width * props.point.x;\n      const y =\n        props.followCursor && pointer\n          ? pointer.y\n          : box.top + box.height * props.point.y;\n      return {\n        x,\n        y,\n        left: x,\n        right: x,\n        top: y,\n        bottom: y,\n        width: 0,\n        height: 0,\n        toJSON: () => ({}),\n      };\n    },\n  };\n}\nasync function place() {\n  const tooltip = element();\n  const anchor = props.anchor;\n  const current = generation;\n  if (!mounted.value || !props.open || !tooltip || !anchor) return;\n  const result = await computePosition(reference(anchor), tooltip, {\n    placement: props.side,\n    strategy: \"fixed\",\n    middleware: [offset(10), flip(), shift({ padding: 8 })],\n  });\n  if (\n    current !== generation ||\n    !mounted.value ||\n    !props.open ||\n    element() !== tooltip\n  )\n    return;\n  position.value = { x: result.x, y: result.y };\n  ready.value = true;\n}\nwatch(\n  [mounted, () => props.open, () => props.anchor, popup],\n  async (_, __, cleanup) => {\n    const current = ++generation;\n    disposeLayout?.();\n    disposeLayout = undefined;\n    ready.value = false;\n    cleanup(() => {\n      generation++;\n      disposeLayout?.();\n      disposeLayout = undefined;\n    });\n    if (!mounted.value || !props.open || !props.anchor) return;\n    await nextTick();\n    const tooltip = element();\n    if (current !== generation || !tooltip || !props.anchor) return;\n    disposeLayout = autoUpdate(props.anchor, tooltip, () => {\n      void place();\n    });\n  },\n  { flush: \"post\" },\n);\nwatch(\n  () => [props.point.x, props.point.y, props.side, props.followCursor],\n  () => {\n    void place();\n  },\n);\nwatch(\n  [mounted, () => props.anchor],\n  ([isMounted, anchor], _, cleanup) => {\n    pointer = undefined;\n    if (!isMounted || !anchor) return;\n    const move = (event: PointerEvent) => {\n      if (event.pointerType === \"touch\") return;\n      pointer = { x: event.clientX, y: event.clientY };\n      if (props.open) void place();\n    };\n    const leave = () => {\n      pointer = undefined;\n    };\n    anchor.addEventListener(\"pointermove\", move);\n    anchor.addEventListener(\"pointerleave\", leave);\n    cleanup(() => {\n      anchor.removeEventListener(\"pointermove\", move);\n      anchor.removeEventListener(\"pointerleave\", leave);\n    });\n  },\n  { flush: \"post\" },\n);\nfunction dismiss(event: PointerEvent) {\n  if (!props.open || !(event.target instanceof Node)) return;\n  if (\n    !props.anchor?.contains(event.target) &&\n    !element()?.contains(event.target)\n  )\n    emit(\"update:open\", false);\n}\nfunction escape(event: KeyboardEvent) {\n  if (props.open && event.key === \"Escape\") emit(\"update:open\", false);\n}\nonMounted(() => {\n  mounted.value = true;\n  document.addEventListener(\"pointerdown\", dismiss);\n  document.addEventListener(\"keydown\", escape);\n});\nonBeforeUnmount(() => {\n  mounted.value = false;\n  generation++;\n  disposeLayout?.();\n  document.removeEventListener(\"pointerdown\", dismiss);\n  document.removeEventListener(\"keydown\", escape);\n});\n</script>\n\n<template>\n  <AnimatePresence>\n    <motion.div\n      v-if=\"open\"\n      :id=\"id\"\n      ref=\"popup\"\n      role=\"tooltip\"\n      class=\"pointer-events-none fixed top-0 left-0 z-50 max-w-64 rounded-xl border border-border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-lg\"\n      :initial=\"{ opacity: 0, scale: 0.96 }\"\n      :animate=\"{\n        opacity: ready ? 1 : 0,\n        scale: 1,\n        x: position.x,\n        y: position.y,\n      }\"\n      :exit=\"{ opacity: 0, scale: 0.96 }\"\n      :transition=\"\n        reduce\n          ? { duration: 0 }\n          : { ...SPRING_PANEL, opacity: { duration: 0.12 } }\n      \"\n      ><slot\n    /></motion.div>\n  </AnimatePresence>\n</template>\n","<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  type VirtualElement,\n} from \"@floating-ui/dom\";\nimport { SPRING_PANEL } from \"../lib/ease\";\nimport { resolveElement, useReducedMotion } from \"../lib/composables\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    anchor: HTMLElement | null;\n    id: string;\n    point?: { x: number; y: number };\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n    followCursor?: boolean;\n  }>(),\n  { side: \"top\", point: () => ({ x: 0.5, y: 0.5 }), followCursor: false },\n);\nconst emit = defineEmits([\"update:open\"]);\nconst popup = ref<HTMLElement | null>(null);\nconst position = ref({ x: 0, y: 0 });\nconst ready = ref(false);\nconst reduce = useReducedMotion();\nconst mounted = ref(false);\nlet generation = 0;\nlet pointer: { x: number; y: number } | undefined;\nlet disposeLayout: (() => void) | undefined;\n\nfunction element() {\n  return resolveElement<HTMLElement>(popup.value);\n}\nfunction reference(anchor: HTMLElement): VirtualElement {\n  return {\n    contextElement: anchor,\n    getBoundingClientRect() {\n      const box = anchor.getBoundingClientRect();\n      const x =\n        props.followCursor && pointer\n          ? pointer.x\n          : box.left + box.width * props.point.x;\n      const y =\n        props.followCursor && pointer\n          ? pointer.y\n          : box.top + box.height * props.point.y;\n      return {\n        x,\n        y,\n        left: x,\n        right: x,\n        top: y,\n        bottom: y,\n        width: 0,\n        height: 0,\n        toJSON: () => ({}),\n      };\n    },\n  };\n}\nasync function place() {\n  const tooltip = element();\n  const anchor = props.anchor;\n  const current = generation;\n  if (!mounted.value || !props.open || !tooltip || !anchor) return;\n  const result = await computePosition(reference(anchor), tooltip, {\n    placement: props.side,\n    strategy: \"fixed\",\n    middleware: [offset(10), flip(), shift({ padding: 8 })],\n  });\n  if (\n    current !== generation ||\n    !mounted.value ||\n    !props.open ||\n    element() !== tooltip\n  )\n    return;\n  position.value = { x: result.x, y: result.y };\n  ready.value = true;\n}\nwatch(\n  [mounted, () => props.open, () => props.anchor, popup],\n  async (_, __, cleanup) => {\n    const current = ++generation;\n    disposeLayout?.();\n    disposeLayout = undefined;\n    ready.value = false;\n    cleanup(() => {\n      generation++;\n      disposeLayout?.();\n      disposeLayout = undefined;\n    });\n    if (!mounted.value || !props.open || !props.anchor) return;\n    await nextTick();\n    const tooltip = element();\n    if (current !== generation || !tooltip || !props.anchor) return;\n    disposeLayout = autoUpdate(props.anchor, tooltip, () => {\n      void place();\n    });\n  },\n  { flush: \"post\" },\n);\nwatch(\n  () => [props.point.x, props.point.y, props.side, props.followCursor],\n  () => {\n    void place();\n  },\n);\nwatch(\n  [mounted, () => props.anchor],\n  ([isMounted, anchor], _, cleanup) => {\n    pointer = undefined;\n    if (!isMounted || !anchor) return;\n    const move = (event: PointerEvent) => {\n      if (event.pointerType === \"touch\") return;\n      pointer = { x: event.clientX, y: event.clientY };\n      if (props.open) void place();\n    };\n    const leave = () => {\n      pointer = undefined;\n    };\n    anchor.addEventListener(\"pointermove\", move);\n    anchor.addEventListener(\"pointerleave\", leave);\n    cleanup(() => {\n      anchor.removeEventListener(\"pointermove\", move);\n      anchor.removeEventListener(\"pointerleave\", leave);\n    });\n  },\n  { flush: \"post\" },\n);\nfunction dismiss(event: PointerEvent) {\n  if (!props.open || !(event.target instanceof Node)) return;\n  if (\n    !props.anchor?.contains(event.target) &&\n    !element()?.contains(event.target)\n  )\n    emit(\"update:open\", false);\n}\nfunction escape(event: KeyboardEvent) {\n  if (props.open && event.key === \"Escape\") emit(\"update:open\", false);\n}\nonMounted(() => {\n  mounted.value = true;\n  document.addEventListener(\"pointerdown\", dismiss);\n  document.addEventListener(\"keydown\", escape);\n});\nonBeforeUnmount(() => {\n  mounted.value = false;\n  generation++;\n  disposeLayout?.();\n  document.removeEventListener(\"pointerdown\", dismiss);\n  document.removeEventListener(\"keydown\", escape);\n});\n</script>\n\n<template>\n  <AnimatePresence>\n    <motion.div\n      v-if=\"open\"\n      :id=\"id\"\n      ref=\"popup\"\n      role=\"tooltip\"\n      class=\"pointer-events-none fixed top-0 left-0 z-50 max-w-64 rounded-xl border border-border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-lg\"\n      :initial=\"{ opacity: 0, scale: 0.96 }\"\n      :animate=\"{\n        opacity: ready ? 1 : 0,\n        scale: 1,\n        x: position.x,\n        y: position.y,\n      }\"\n      :exit=\"{ opacity: 0, scale: 0.96 }\"\n      :transition=\"\n        reduce\n          ? { duration: 0 }\n          : { ...SPRING_PANEL, opacity: { duration: 0.12 } }\n      \"\n      ><slot\n    /></motion.div>\n  </AnimatePresence>\n</template>\n"],"mappings":"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"}

package/dist/Checkbox-yoCQLa6d.js

@@ -0,0 +1,138 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { l as n, r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, unref as _, useAttrs as v, useId as y, withCtx as b } from "vue";
+import { AnimatePresence as x, motion as S } from "motion-v";
+// src/motion/checkbox/src/Checkbox.vue?vue&type=script&setup=true&lang.ts
+var C = ["for"], w = ["id"], T = ["id"], E = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Checkbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: { type: Boolean },
+		indeterminate: { type: Boolean },
+		label: {},
+		description: {},
+		id: {},
+		ariaLabel: {},
+		ariaDescribedBy: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(d, { emit: E }) {
+		let D = d, O = t(D, E, "modelValue", D.defaultValue), k = y(), A = v(), j = e(), M = a(() => D.id ?? k), N = a(() => D.ariaLabel ?? A["aria-label"]), P = a(() => D.description && D.label && !N.value ? `${M.value}-label` : void 0), F = a(() => [D.ariaDescribedBy ?? A["aria-describedby"], D.description ? `${M.value}-description` : void 0].filter(Boolean).join(" ") || void 0), I = a(() => O.value || D.indeterminate), L = a(() => O.value ? "checked" : D.indeterminate ? "indeterminate" : "unchecked"), R = a(() => D.indeterminate ? "M6 12h12" : "M5 13l4 4L19 7");
+		function z(e) {
+			!D.disabled && !e.defaultPrevented && (O.value = !O.value);
+		}
+		return (e, t) => (h(), c("label", {
+			for: M.value,
+			style: m(e.$attrs.style),
+			class: p(_(i)("inline-flex gap-3", d.description ? "items-start" : "items-center", d.disabled ? "cursor-not-allowed" : "cursor-pointer", e.$attrs.class))
+		}, [u(_(S).button, f({
+			...e.$attrs,
+			class: void 0,
+			style: void 0
+		}, {
+			id: M.value,
+			type: "button",
+			role: "checkbox",
+			"aria-checked": d.indeterminate ? "mixed" : _(O),
+			"aria-label": N.value,
+			"aria-labelledby": P.value,
+			"aria-describedby": F.value,
+			disabled: d.disabled,
+			"data-state": L.value,
+			onClick: z,
+			"while-press": _(j) || d.disabled ? void 0 : { scale: .92 },
+			transition: _(n),
+			class: _(i)("inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60", I.value ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/65 bg-background hover:border-muted-foreground")
+		}), {
+			default: b(() => [u(_(x), { initial: !1 }, {
+				default: b(() => [I.value ? (h(), o(_(S).svg, {
+					key: d.indeterminate ? "indeterminate" : "checked",
+					width: "12",
+					height: "12",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": 3,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					initial: _(j) ? { opacity: 1 } : {
+						opacity: 0,
+						scale: .5
+					},
+					animate: _(j) ? { opacity: 1 } : {
+						opacity: 1,
+						scale: 1
+					},
+					exit: _(j) ? { opacity: 0 } : {
+						opacity: 0,
+						scale: .5,
+						filter: "blur(4px)"
+					},
+					transition: _(j) ? { duration: 0 } : {
+						duration: .16,
+						ease: _(r)
+					}
+				}, {
+					default: b(() => [l("title", null, g(d.indeterminate ? "Partially selected" : "Selected"), 1), u(_(S).path, {
+						d: R.value,
+						initial: { pathLength: +!!_(j) },
+						animate: { pathLength: 1 },
+						transition: _(j) ? { duration: 0 } : {
+							duration: d.indeterminate ? .2 : .3,
+							ease: _(r),
+							delay: .04
+						}
+					}, null, 8, [
+						"d",
+						"initial",
+						"transition"
+					])]),
+					_: 1
+				}, 8, [
+					"initial",
+					"animate",
+					"exit",
+					"transition"
+				])) : s("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, [
+			"id",
+			"aria-checked",
+			"aria-label",
+			"aria-labelledby",
+			"aria-describedby",
+			"disabled",
+			"data-state",
+			"while-press",
+			"transition",
+			"class"
+		]), d.label || d.description ? (h(), c("span", {
+			key: 0,
+			class: p(_(i)("flex min-w-0 flex-col gap-0.5 select-none", d.disabled && "opacity-60"))
+		}, [d.label ? (h(), c("span", {
+			key: 0,
+			id: P.value,
+			class: p(_(i)("text-sm text-foreground", d.description && "leading-4"))
+		}, g(d.label), 11, w)) : s("", !0), d.description ? (h(), c("span", {
+			key: 1,
+			id: M.value + "-description",
+			class: "text-xs text-muted-foreground"
+		}, g(d.description), 9, T)) : s("", !0)], 2)) : s("", !0)], 14, C));
+	}
+});
+export { E as t };
+
+//# sourceMappingURL=Checkbox-yoCQLa6d.js.map

package/dist/Checkbox-yoCQLa6d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-yoCQLa6d.js","names":["$attrs","emit","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_unref","_createVNode","_mergeProps","_withCtx","_createBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_sfc_main","useReducedMotion","useMotionState","SPRING_PRESS","cn","_hoisted_1","_hoisted_2","_hoisted_3","Checkbox_default","defineComponent","__emit","props","__props","checked","generatedId","useId","attrs","useAttrs","reduced","controlId","computed","accessibleName","labelId","descriptionIds","hasMark","state","mark","toggle","event","openBlock","createElementBlock","normalizeStyle","_ctx","normalizeClass","unref","createVNode","motion","mergeProps","withCtx","AnimatePresence","createBlock","EASE_OUT","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../src/motion/checkbox/src/Checkbox.vue","../src/motion/checkbox/src/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useAttrs, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: boolean; defaultValue?: boolean; disabled?: boolean; indeterminate?: boolean;\n  label?: string; description?: string; id?: string; ariaLabel?: string; ariaDescribedBy?: string;\n}>(), { modelValue: undefined, defaultValue: false });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst checked = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst generatedId = useId(), attrs = useAttrs(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst accessibleName = computed(() => props.ariaLabel ?? attrs[\"aria-label\"] as string | undefined);\nconst labelId = computed(() => props.description && props.label && !accessibleName.value ? `${controlId.value}-label` : undefined);\nconst descriptionIds = computed(() => [props.ariaDescribedBy ?? attrs[\"aria-describedby\"], props.description ? `${controlId.value}-description` : undefined].filter(Boolean).join(\" \") || undefined);\nconst hasMark = computed(() => checked.value || props.indeterminate);\nconst state = computed(() => checked.value ? \"checked\" : props.indeterminate ? \"indeterminate\" : \"unchecked\");\nconst mark = computed(() => props.indeterminate ? \"M6 12h12\" : \"M5 13l4 4L19 7\");\nfunction toggle(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) checked.value = !checked.value; }\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"checkbox\" :aria-checked=\"indeterminate ? 'mixed' : checked\"\n      :aria-label=\"accessibleName\" :aria-labelledby=\"labelId\" :aria-describedby=\"descriptionIds\"\n      :disabled=\"disabled\" :data-state=\"state\" @click=\"toggle\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', hasMark ? 'border-primary bg-primary text-primary-foreground' : 'border-muted-foreground/65 bg-background hover:border-muted-foreground')\">\n      <AnimatePresence :initial=\"false\">\n        <motion.svg v-if=\"hasMark\" :key=\"indeterminate ? 'indeterminate' : 'checked'\"\n          width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" :stroke-width=\"3\"\n          stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\n          :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.5 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, scale: 1 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.5, filter: 'blur(4px)' }\"\n          :transition=\"reduced ? { duration: 0 } : { duration: 0.16, ease: EASE_OUT }\">\n          <title>{{ indeterminate ? 'Partially selected' : 'Selected' }}</title>\n          <motion.path :d=\"mark\" :initial=\"{ pathLength: reduced ? 1 : 0 }\" :animate=\"{ pathLength: 1 }\"\n            :transition=\"reduced ? { duration: 0 } : { duration: indeterminate ? 0.2 : 0.3, ease: EASE_OUT, delay: 0.04 }\" />\n        </motion.svg>\n      </AnimatePresence>\n    </motion.button>\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useAttrs, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: boolean; defaultValue?: boolean; disabled?: boolean; indeterminate?: boolean;\n  label?: string; description?: string; id?: string; ariaLabel?: string; ariaDescribedBy?: string;\n}>(), { modelValue: undefined, defaultValue: false });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst checked = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst generatedId = useId(), attrs = useAttrs(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst accessibleName = computed(() => props.ariaLabel ?? attrs[\"aria-label\"] as string | undefined);\nconst labelId = computed(() => props.description && props.label && !accessibleName.value ? `${controlId.value}-label` : undefined);\nconst descriptionIds = computed(() => [props.ariaDescribedBy ?? attrs[\"aria-describedby\"], props.description ? `${controlId.value}-description` : undefined].filter(Boolean).join(\" \") || undefined);\nconst hasMark = computed(() => checked.value || props.indeterminate);\nconst state = computed(() => checked.value ? \"checked\" : props.indeterminate ? \"indeterminate\" : \"unchecked\");\nconst mark = computed(() => props.indeterminate ? \"M6 12h12\" : \"M5 13l4 4L19 7\");\nfunction toggle(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) checked.value = !checked.value; }\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"checkbox\" :aria-checked=\"indeterminate ? 'mixed' : checked\"\n      :aria-label=\"accessibleName\" :aria-labelledby=\"labelId\" :aria-describedby=\"descriptionIds\"\n      :disabled=\"disabled\" :data-state=\"state\" @click=\"toggle\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', hasMark ? 'border-primary bg-primary text-primary-foreground' : 'border-muted-foreground/65 bg-background hover:border-muted-foreground')\">\n      <AnimatePresence :initial=\"false\">\n        <motion.svg v-if=\"hasMark\" :key=\"indeterminate ? 'indeterminate' : 'checked'\"\n          width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" :stroke-width=\"3\"\n          stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\n          :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.5 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, scale: 1 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.5, filter: 'blur(4px)' }\"\n          :transition=\"reduced ? { duration: 0 } : { duration: 0.16, ease: EASE_OUT }\">\n          <title>{{ indeterminate ? 'Partially selected' : 'Selected' }}</title>\n          <motion.path :d=\"mark\" :initial=\"{ pathLength: reduced ? 1 : 0 }\" :animate=\"{ pathLength: 1 }\"\n            :transition=\"reduced ? { duration: 0 } : { duration: indeterminate ? 0.2 : 0.3, ease: EASE_OUT, delay: 0.04 }\" />\n        </motion.svg>\n      </AnimatePresence>\n    </motion.button>\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n"],"mappings":"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"}

package/dist/Magnetic-DM3g9bY1.js

@@ -0,0 +1,43 @@
+import { a as e, s as t, t as n } from "./composables-BJ1sih_H.js";
+import { s as r } from "./ease-rIvCM4O3.js";
+import { computed as i, createBlock as a, defineComponent as o, normalizeStyle as s, onBeforeUnmount as c, openBlock as l, ref as u, renderSlot as d, unref as f, watch as p, withCtx as m } from "vue";
+import { motion as h, useMotionValue as g, useSpring as _ } from "motion-v";
+// src/motion/button/src/Magnetic.vue
+var v = /* @__PURE__ */ o({
+	__name: "Magnetic",
+	props: { strength: { default: .35 } },
+	setup(o, { expose: v }) {
+		let y = o, b = u(null), x = t(), S = e("(hover: hover) and (pointer: fine)"), C = i(() => S.value && !x.value), w = g(0), T = g(0), E = _(w, r), D = _(T, r);
+		function O() {
+			w.set(0), T.set(0);
+		}
+		function k(e) {
+			if (!C.value || !b.value) return;
+			let t = b.value.getBoundingClientRect();
+			w.set(y.strength * (e.clientX - t.left - t.width / 2)), T.set(y.strength * (e.clientY - t.top - t.height / 2));
+		}
+		return p(C, (e) => {
+			e || (O(), E.jump(0), D.jump(0));
+		}), c(() => {
+			w.destroy(), T.destroy();
+		}), v({
+			x: w,
+			y: T
+		}), (e, t) => (l(), a(f(h).div, {
+			ref: (e) => b.value = f(n)(e),
+			onMousemove: k,
+			onMouseleave: O,
+			style: s({
+				x: f(E),
+				y: f(D)
+			}),
+			class: "inline-block"
+		}, {
+			default: m(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 8, ["style"]));
+	}
+});
+export { v as t };
+
+//# sourceMappingURL=Magnetic-DM3g9bY1.js.map

package/dist/Magnetic-DM3g9bY1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Magnetic-DM3g9bY1.js","names":["_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_renderSlot","_sfc_main","useMediaQuery","useReducedMotion","resolveElement","SPRING_MOUSE","Magnetic_default","defineComponent","__expose","props","__props","element","ref","reduced","hover","enabled","computed","x","useMotionValue","y","springX","useSpring","springY","reset","track","bounds","event","watch","active","onBeforeUnmount","openBlock","createBlock","unref","motion","node","normalizeStyle","withCtx","renderSlot","_ctx"],"sources":["../src/motion/button/src/Magnetic.vue","../src/motion/button/src/Magnetic.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { motion, useMotionValue, useSpring } from \"motion-v\";\nimport { SPRING_MOUSE } from \"../../../lib/ease\";\nimport { resolveElement, useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ strength?: number }>(), { strength: 0.35 });\nconst element = ref<HTMLElement | null>(null), reduced = useReducedMotion();\nconst hover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\nconst enabled = computed(() => hover.value && !reduced.value);\nconst x = useMotionValue(0), y = useMotionValue(0);\nconst springX = useSpring(x, SPRING_MOUSE), springY = useSpring(y, SPRING_MOUSE);\nfunction reset() { x.set(0); y.set(0); }\nfunction track(event: MouseEvent) {\n  if (!enabled.value || !element.value) return;\n  const bounds = element.value.getBoundingClientRect();\n  x.set(props.strength * (event.clientX - bounds.left - bounds.width / 2));\n  y.set(props.strength * (event.clientY - bounds.top - bounds.height / 2));\n}\nwatch(enabled, active => { if (!active) { reset(); springX.jump(0); springY.jump(0); } });\nonBeforeUnmount(() => { x.destroy(); y.destroy(); });\ndefineExpose({ x, y });\n</script>\n<template><motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\" @mousemove=\"track\" @mouseleave=\"reset\"\n  :style=\"{ x: springX, y: springY }\" class=\"inline-block\"><slot /></motion.div></template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { motion, useMotionValue, useSpring } from \"motion-v\";\nimport { SPRING_MOUSE } from \"../../../lib/ease\";\nimport { resolveElement, useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ strength?: number }>(), { strength: 0.35 });\nconst element = ref<HTMLElement | null>(null), reduced = useReducedMotion();\nconst hover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\nconst enabled = computed(() => hover.value && !reduced.value);\nconst x = useMotionValue(0), y = useMotionValue(0);\nconst springX = useSpring(x, SPRING_MOUSE), springY = useSpring(y, SPRING_MOUSE);\nfunction reset() { x.set(0); y.set(0); }\nfunction track(event: MouseEvent) {\n  if (!enabled.value || !element.value) return;\n  const bounds = element.value.getBoundingClientRect();\n  x.set(props.strength * (event.clientX - bounds.left - bounds.width / 2));\n  y.set(props.strength * (event.clientY - bounds.top - bounds.height / 2));\n}\nwatch(enabled, active => { if (!active) { reset(); springX.jump(0); springY.jump(0); } });\nonBeforeUnmount(() => { x.destroy(); y.destroy(); });\ndefineExpose({ x, y });\n</script>\n<template><motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\" @mousemove=\"track\" @mouseleave=\"reset\"\n  :style=\"{ x: springX, y: springY }\" class=\"inline-block\"><slot /></motion.div></template>\n"],"mappings":";;;;;;;;;EAKA,IAAMc,IAAQC,GACRC,IAAUC,EAAwB,IAAI,GAAGC,IAAUV,EAAiB,GACpEW,IAAQZ,EAAc,oCAAoC,GAC1Da,IAAUC,QAAeF,EAAM,SAAS,CAACD,EAAQ,KAAK,GACtDI,IAAIC,EAAe,CAAC,GAAGC,IAAID,EAAe,CAAC,GAC3CE,IAAUC,EAAUJ,GAAGZ,CAAY,GAAGiB,IAAUD,EAAUF,GAAGd,CAAY;EAC/E,SAASkB,IAAQ;GAAY,AAAVN,EAAE,IAAI,CAAC,GAAGE,EAAE,IAAI,CAAC;EAAG;EACvC,SAASK,EAAM,GAAmB;GAChC,IAAI,CAACT,EAAQ,SAAS,CAACJ,EAAQ,OAAO;GACtC,IAAMc,IAASd,EAAQ,MAAM,sBAAsB;GAEnD,AADAM,EAAE,IAAIR,EAAM,YAAYiB,EAAM,UAAUD,EAAO,OAAOA,EAAO,QAAQ,EAAE,GACvEN,EAAE,IAAIV,EAAM,YAAYiB,EAAM,UAAUD,EAAO,MAAMA,EAAO,SAAS,EAAE;EACzE;E,OACAE,EAAMZ,IAAS,MAAU;GAAE,AAAKa,MAAUL,EAAM,GAAGH,EAAQ,KAAK,CAAC,GAAGE,EAAQ,KAAK,CAAC;EAAK,CAAC,GACxFO,QAAsB;GAAe,AAAbZ,EAAE,QAAQ,GAAGE,EAAE,QAAQ;EAAG,CAAC,GACnDX,EAAa;GAAE;GAAG;EAAE,CAAC,I,UAEXb,EAAA,GAAAC,EACsEC,EAAAoC,CAAA,CAAA,CAAA,KAAA;GADzD,MAAK,MAAQ,EAAA,QAAUpC,EAAAO,CAAA,CAAc,CAAc8B,CAAI;GAAI,aAAWV;GAAQ,cAAYD;GAC9G,OAAKzB,EAAA;IAAA,GAAOD,EAAAuB,CAAA;IAAO,GAAKvB,EAAAyB,CAAA;GAAO,CAAA;GAAI,OAAM;;GAAe,SAAAvB,QAAQ,CAARC,EAAQsC,EAAA,QAAA,SAAA,C"}

package/dist/RenderContent-CwtJ7hLl.js

@@ -0,0 +1,14 @@
+import { defineComponent as e, h as t, isVNode as n } from "vue";
+// src/lib/RenderContent.ts
+var r = e({
+	props: ["node"],
+	setup(e) {
+		return () => {
+			let r = e.node;
+			return typeof r == "function" ? t(r) : typeof r != "object" || !r || Array.isArray(r) || n(r) ? r : t(r);
+		};
+	}
+});
+export { r as t };
+
+//# sourceMappingURL=RenderContent-CwtJ7hLl.js.map

package/dist/RenderContent-CwtJ7hLl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderContent-CwtJ7hLl.js","names":["RenderContent_default","defineComponent","content","props","h","isVNode"],"sources":["../src/lib/RenderContent.ts"],"sourcesContent":["import { defineComponent, h, isVNode } from \"vue\";\n\nexport default defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const content = props.node;\n      if (typeof content === \"function\") return h(content);\n      if (content === null || typeof content !== \"object\" || Array.isArray(content) || isVNode(content)) return content;\n      return h(content);\n    };\n  },\n});\n"],"mappings":";;AAEA,IAAAA,IAAeC,EAAgB;CAC7B,OAAO,CAAC,MAAM;CACd,MAAM,GAAO;EACX,aAAa;GACX,IAAMC,IAAUC,EAAM;GAGtB,OAFI,OAAOD,KAAY,aAAmBE,EAAEF,CAAO,IAC3B,OAAOA,KAAY,aAAvCA,KAAmD,MAAM,QAAQA,CAAO,KAAKG,EAAQH,CAAO,IAAUA,IACnGE,EAAEF,CAAO;EAClB;CACF;AACF,CAAC"}