@gxp-dev/mod-ui 2.0.10 → 2.0.14

package/dist/chunks/select-DZcdBLiy.js

@@ -0,0 +1,262 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { createBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeClass as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { reactiveOmit as p } from "@vueuse/core";
+import { SelectContent as m, SelectGroup as h, SelectIcon as g, SelectItem as _, SelectItemIndicator as v, SelectItemText as y, SelectLabel as b, SelectPortal as x, SelectRoot as S, SelectScrollDownButton as C, SelectScrollUpButton as w, SelectSeparator as T, SelectTrigger as E, SelectValue as D, SelectViewport as O, useForwardProps as k, useForwardPropsEmits as A } from "reka-ui";
+import { Check as j, ChevronDown as M, ChevronUp as N } from "@lucide/vue";
+//#endregion
+//#region src/components/ui/select/Select.vue
+var P = /* @__PURE__ */ i({
+	__name: "Select",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		modelValue: {},
+		by: { type: [String, Function] },
+		dir: {},
+		multiple: { type: Boolean },
+		autocomplete: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e, { emit: n }) {
+		let r = A(e, n);
+		return (e, n) => (l(), t(d(S), c(a(d(r))), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), F = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "SelectContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		position: { default: "popper" },
+		bodyLock: { type: Boolean },
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean }
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(n, { emit: i }) {
+		let a = n, c = i, h = A(p(a, "class"), c);
+		return (i, c) => (l(), t(d(x), null, {
+			default: f(() => [r(d(m), o({
+				...d(h),
+				...i.$attrs
+			}, { class: d(e)("relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", n.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", a.class) }), {
+				default: f(() => [
+					r(d(V)),
+					r(d(O), { class: s(d(e)("p-1", n.position === "popper" && "h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]")) }, {
+						default: f(() => [u(i.$slots, "default")]),
+						_: 3
+					}, 8, ["class"]),
+					r(d(B))
+				]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), I = /* @__PURE__ */ i({
+	__name: "SelectGroup",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = p(r, "class");
+		return (n, a) => (l(), t(d(h), o(d(i), { class: d(e)("p-1 w-full", r.class) }), {
+			default: f(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), L = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, R = /* @__PURE__ */ i({
+	__name: "SelectItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(i) {
+		let a = i, s = k(p(a, "class"));
+		return (i, c) => (l(), t(d(_), o(d(s), { class: d(e)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", a.class) }), {
+			default: f(() => [n("span", L, [r(d(v), null, {
+				default: f(() => [r(d(j), { class: "h-4 w-4" })]),
+				_: 1
+			})]), r(d(y), null, {
+				default: f(() => [u(i.$slots, "default")]),
+				_: 3
+			})]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), z = /* @__PURE__ */ i({
+	__name: "SelectLabel",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		for: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = p(r, "class");
+		return (n, a) => (l(), t(d(b), o(d(i), { class: d(e)("py-1.5 pl-8 pr-2 text-sm font-semibold", r.class) }), {
+			default: f(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), B = /* @__PURE__ */ i({
+	__name: "SelectScrollDownButton",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let i = n, a = k(p(i, "class"));
+		return (n, s) => (l(), t(d(C), o(d(a), { class: d(e)("flex cursor-default items-center justify-center py-1", i.class) }), {
+			default: f(() => [u(n.$slots, "default", {}, () => [r(d(M), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), V = /* @__PURE__ */ i({
+	__name: "SelectScrollUpButton",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let i = n, a = k(p(i, "class"));
+		return (n, s) => (l(), t(d(w), o(d(a), { class: d(e)("flex cursor-default items-center justify-center py-1", i.class) }), {
+			default: f(() => [u(n.$slots, "default", {}, () => [r(d(N), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), H = /* @__PURE__ */ i({
+	__name: "SelectSeparator",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = p(r, "class");
+		return (n, a) => (l(), t(d(T), o(d(i), { class: d(e)("-mx-1 my-1 h-px bg-muted", r.class) }), null, 16, ["class"]));
+	}
+}), U = /* @__PURE__ */ i({
+	__name: "SelectTrigger",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disabled: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let i = n, a = k(p(i, "class"));
+		return (n, s) => (l(), t(d(E), o(d(a), { class: d(e)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate text-start", i.class) }), {
+			default: f(() => [u(n.$slots, "default"), r(d(g), { "as-child": "" }, {
+				default: f(() => [r(d(M), { class: "w-4 h-4 opacity-50 shrink-0" })]),
+				_: 1
+			})]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), W = /* @__PURE__ */ i({
+	__name: "SelectValue",
+	props: {
+		placeholder: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (l(), t(d(D), c(a(n)), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { B as a, I as c, V as i, F as l, U as n, z as o, H as r, R as s, W as t, P as u };
+
+//# sourceMappingURL=select-DZcdBLiy.js.map

package/dist/chunks/select-DZcdBLiy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DZcdBLiy.js","names":["$attrs"],"sources":["../../src/components/ui/select/Select.vue","../../src/components/ui/select/Select.vue","../../src/components/ui/select/SelectContent.vue","../../src/components/ui/select/SelectContent.vue","../../src/components/ui/select/SelectGroup.vue","../../src/components/ui/select/SelectGroup.vue","../../src/components/ui/select/SelectItem.vue","../../src/components/ui/select/SelectItem.vue","../../src/components/ui/select/SelectLabel.vue","../../src/components/ui/select/SelectLabel.vue","../../src/components/ui/select/SelectScrollDownButton.vue","../../src/components/ui/select/SelectScrollDownButton.vue","../../src/components/ui/select/SelectScrollUpButton.vue","../../src/components/ui/select/SelectScrollUpButton.vue","../../src/components/ui/select/SelectSeparator.vue","../../src/components/ui/select/SelectSeparator.vue","../../src/components/ui/select/SelectTrigger.vue","../../src/components/ui/select/SelectTrigger.vue","../../src/components/ui/select/SelectValue.vue","../../src/components/ui/select/SelectValue.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectRootEmits, SelectRootProps } from \"reka-ui\"\nimport { SelectRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport interface SelectProps extends SelectRootProps {}\n\nconst props = defineProps<SelectProps>()\nconst emits = defineEmits<SelectRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <SelectRoot v-bind=\"forwarded\">\n    <slot />\n  </SelectRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectRootEmits, SelectRootProps } from \"reka-ui\"\nimport { SelectRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport interface SelectProps extends SelectRootProps {}\n\nconst props = defineProps<SelectProps>()\nconst emits = defineEmits<SelectRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <SelectRoot v-bind=\"forwarded\">\n    <slot />\n  </SelectRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectContentEmits, SelectContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport {\n  SelectContent,\n  SelectPortal,\n  SelectViewport,\n  useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport { SelectScrollDownButton, SelectScrollUpButton } from \".\"\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport interface SelectContentPrimitiveProps extends SelectContentProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<SelectContentPrimitiveProps>(), {\n  position: \"popper\",\n})\nconst emits = defineEmits<SelectContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SelectPortal>\n    <SelectContent\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"cn(\n        'relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        position === 'popper'\n          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n        props.class,\n      )\"\n    >\n      <SelectScrollUpButton />\n      <SelectViewport\n        :class=\"cn(\n          'p-1',\n          position === 'popper' && 'h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]',\n        )\"\n      >\n        <slot />\n      </SelectViewport>\n      <SelectScrollDownButton />\n    </SelectContent>\n  </SelectPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectContentEmits, SelectContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport {\n  SelectContent,\n  SelectPortal,\n  SelectViewport,\n  useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport { SelectScrollDownButton, SelectScrollUpButton } from \".\"\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport interface SelectContentPrimitiveProps extends SelectContentProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<SelectContentPrimitiveProps>(), {\n  position: \"popper\",\n})\nconst emits = defineEmits<SelectContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SelectPortal>\n    <SelectContent\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"cn(\n        'relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        position === 'popper'\n          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n        props.class,\n      )\"\n    >\n      <SelectScrollUpButton />\n      <SelectViewport\n        :class=\"cn(\n          'p-1',\n          position === 'popper' && 'h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]',\n        )\"\n      >\n        <slot />\n      </SelectViewport>\n      <SelectScrollDownButton />\n    </SelectContent>\n  </SelectPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectGroupProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { SelectGroup } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectGroupPrimitiveProps extends SelectGroupProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectGroupPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <SelectGroup\n    v-bind=\"delegatedProps\"\n    :class=\"cn('p-1 w-full', props.class)\"\n  >\n    <slot />\n  </SelectGroup>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectGroupProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { SelectGroup } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectGroupPrimitiveProps extends SelectGroupProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectGroupPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <SelectGroup\n    v-bind=\"delegatedProps\"\n    :class=\"cn('p-1 w-full', props.class)\"\n  >\n    <slot />\n  </SelectGroup>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Check } from \"@lucide/vue\"\nimport {\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  useForwardProps,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectItemPrimitiveProps extends SelectItemProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectItemPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectItem\n    v-bind=\"forwardedProps\"\n    :class=\"cn(\n      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      props.class,\n    )\"\n  >\n    <span class=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectItemIndicator>\n        <Check class=\"h-4 w-4\" />\n      </SelectItemIndicator>\n    </span>\n    <SelectItemText>\n      <slot />\n    </SelectItemText>\n  </SelectItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Check } from \"@lucide/vue\"\nimport {\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  useForwardProps,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectItemPrimitiveProps extends SelectItemProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectItemPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectItem\n    v-bind=\"forwardedProps\"\n    :class=\"cn(\n      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      props.class,\n    )\"\n  >\n    <span class=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectItemIndicator>\n        <Check class=\"h-4 w-4\" />\n      </SelectItemIndicator>\n    </span>\n    <SelectItemText>\n      <slot />\n    </SelectItemText>\n  </SelectItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectLabelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { SelectLabel } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectLabelPrimitiveProps extends SelectLabelProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectLabelPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <SelectLabel\n    v-bind=\"delegatedProps\"\n    :class=\"cn('py-1.5 pl-8 pr-2 text-sm font-semibold', props.class)\"\n  >\n    <slot />\n  </SelectLabel>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectLabelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { SelectLabel } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectLabelPrimitiveProps extends SelectLabelProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectLabelPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <SelectLabel\n    v-bind=\"delegatedProps\"\n    :class=\"cn('py-1.5 pl-8 pr-2 text-sm font-semibold', props.class)\"\n  >\n    <slot />\n  </SelectLabel>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectScrollDownButtonProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronDown } from \"@lucide/vue\"\nimport { SelectScrollDownButton, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectScrollDownButtonPrimitiveProps\n  extends SelectScrollDownButtonProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectScrollDownButtonPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectScrollDownButton\n    v-bind=\"forwardedProps\"\n    :class=\"cn('flex cursor-default items-center justify-center py-1', props.class)\"\n  >\n    <slot>\n      <ChevronDown class=\"h-4 w-4\" />\n    </slot>\n  </SelectScrollDownButton>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectScrollDownButtonProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronDown } from \"@lucide/vue\"\nimport { SelectScrollDownButton, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectScrollDownButtonPrimitiveProps\n  extends SelectScrollDownButtonProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectScrollDownButtonPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectScrollDownButton\n    v-bind=\"forwardedProps\"\n    :class=\"cn('flex cursor-default items-center justify-center py-1', props.class)\"\n  >\n    <slot>\n      <ChevronDown class=\"h-4 w-4\" />\n    </slot>\n  </SelectScrollDownButton>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectScrollUpButtonProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronUp } from \"@lucide/vue\"\nimport { SelectScrollUpButton, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectScrollUpButtonPrimitiveProps\n  extends SelectScrollUpButtonProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectScrollUpButtonPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectScrollUpButton\n    v-bind=\"forwardedProps\"\n    :class=\"cn('flex cursor-default items-center justify-center py-1', props.class)\"\n  >\n    <slot>\n      <ChevronUp class=\"h-4 w-4\" />\n    </slot>\n  </SelectScrollUpButton>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectScrollUpButtonProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronUp } from \"@lucide/vue\"\nimport { SelectScrollUpButton, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectScrollUpButtonPrimitiveProps\n  extends SelectScrollUpButtonProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectScrollUpButtonPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectScrollUpButton\n    v-bind=\"forwardedProps\"\n    :class=\"cn('flex cursor-default items-center justify-center py-1', props.class)\"\n  >\n    <slot>\n      <ChevronUp class=\"h-4 w-4\" />\n    </slot>\n  </SelectScrollUpButton>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { SelectSeparator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectSeparatorPrimitiveProps extends SelectSeparatorProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectSeparatorPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <SelectSeparator\n    v-bind=\"delegatedProps\"\n    :class=\"cn('-mx-1 my-1 h-px bg-muted', props.class)\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { SelectSeparator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectSeparatorPrimitiveProps extends SelectSeparatorProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectSeparatorPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <SelectSeparator\n    v-bind=\"delegatedProps\"\n    :class=\"cn('-mx-1 my-1 h-px bg-muted', props.class)\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronDown } from \"@lucide/vue\"\nimport { SelectIcon, SelectTrigger, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectTriggerPrimitiveProps extends SelectTriggerProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectTriggerPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectTrigger\n    v-bind=\"forwardedProps\"\n    :class=\"cn(\n      'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate text-start',\n      props.class,\n    )\"\n  >\n    <slot />\n    <SelectIcon as-child>\n      <ChevronDown class=\"w-4 h-4 opacity-50 shrink-0\" />\n    </SelectIcon>\n  </SelectTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronDown } from \"@lucide/vue\"\nimport { SelectIcon, SelectTrigger, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SelectTriggerPrimitiveProps extends SelectTriggerProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SelectTriggerPrimitiveProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <SelectTrigger\n    v-bind=\"forwardedProps\"\n    :class=\"cn(\n      'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate text-start',\n      props.class,\n    )\"\n  >\n    <slot />\n    <SelectIcon as-child>\n      <ChevronDown class=\"w-4 h-4 opacity-50 shrink-0\" />\n    </SelectIcon>\n  </SelectTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectValueProps } from \"reka-ui\"\nimport { SelectValue } from \"reka-ui\"\n\nexport interface SelectValuePrimitiveProps extends SelectValueProps {}\n\nconst props = defineProps<SelectValuePrimitiveProps>()\n</script>\n\n<template>\n  <SelectValue v-bind=\"props\">\n    <slot />\n  </SelectValue>\n</template>\n","<script setup lang=\"ts\">\nimport type { SelectValueProps } from \"reka-ui\"\nimport { SelectValue } from \"reka-ui\"\n\nexport interface SelectValuePrimitiveProps extends SelectValueProps {}\n\nconst props = defineProps<SelectValuePrimitiveProps>()\n</script>\n\n<template>\n  <SelectValue v-bind=\"props\">\n    <slot />\n  </SelectValue>\n</template>\n"],"mappings":"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"}

package/dist/chunks/sheet-7uxecGyn.js

@@ -0,0 +1,202 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeClass as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { reactiveOmit as m } from "@vueuse/core";
+import { DialogClose as h, DialogContent as g, DialogDescription as _, DialogOverlay as v, DialogPortal as y, DialogRoot as b, DialogTitle as x, DialogTrigger as S, useForwardPropsEmits as C } from "reka-ui";
+import { X as w } from "@lucide/vue";
+import { cva as T } from "class-variance-authority";
+//#endregion
+//#region src/components/ui/sheet/Sheet.vue
+var E = /* @__PURE__ */ a({
+	__name: "Sheet",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: n }) {
+		let r = C(e, n);
+		return (e, n) => (u(), t(f(b), l(o(f(r))), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), D = /* @__PURE__ */ a({
+	__name: "SheetClose",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (u(), t(f(h), l(o(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), O = /* @__PURE__ */ a({
+	__name: "SheetOverlay",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = m(r, "class");
+		return (n, a) => (u(), t(f(v), s(f(i), { class: f(e)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", r.class) }), null, 16, ["class"]));
+	}
+}), k = /* @__PURE__ */ a({
+	__name: "SheetPortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (u(), t(f(y), l(o(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), A = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "SheetContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: {},
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(n, { emit: a }) {
+		let o = n, c = a, l = C(m(o, "class", "side"), c);
+		return (a, c) => (u(), t(k, null, {
+			default: p(() => [i(O), i(f(g), s({ class: f(e)(f(I)({ side: n.side }), o.class) }, {
+				...f(l),
+				...a.$attrs
+			}), {
+				default: p(() => [d(a.$slots, "default"), i(f(h), { class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, {
+					default: p(() => [i(f(w), { class: "h-4 w-4 text-muted-foreground" }), c[0] ||= r("span", { class: "sr-only" }, "Close", -1)]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), j = /* @__PURE__ */ a({
+	__name: "SheetDescription",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = m(r, "class");
+		return (n, a) => (u(), t(f(_), s({ class: f(e)("text-sm text-muted-foreground", r.class) }, f(i)), {
+			default: p(() => [d(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), M = /* @__PURE__ */ a({
+	__name: "SheetFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t;
+		return (t, i) => (u(), n("div", { class: c(f(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", r.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), N = /* @__PURE__ */ a({
+	__name: "SheetHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t;
+		return (t, i) => (u(), n("div", { class: c(f(e)("flex flex-col gap-y-2 text-center sm:text-left", r.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), P = /* @__PURE__ */ a({
+	__name: "SheetTitle",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = m(r, "class");
+		return (n, a) => (u(), t(f(x), s({ class: f(e)("text-lg font-semibold text-foreground", r.class) }, f(i)), {
+			default: p(() => [d(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), F = /* @__PURE__ */ a({
+	__name: "SheetTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (u(), t(f(S), l(o(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), I = T("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+});
+//#endregion
+export { M as a, k as c, E as d, N as i, O as l, F as n, j as o, P as r, A as s, I as t, D as u };
+
+//# sourceMappingURL=sheet-7uxecGyn.js.map

package/dist/chunks/sheet-7uxecGyn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-7uxecGyn.js","names":["$attrs"],"sources":["../../src/components/ui/sheet/Sheet.vue","../../src/components/ui/sheet/Sheet.vue","../../src/components/ui/sheet/SheetClose.vue","../../src/components/ui/sheet/SheetClose.vue","../../src/components/ui/sheet/SheetOverlay.vue","../../src/components/ui/sheet/SheetOverlay.vue","../../src/components/ui/sheet/SheetPortal.vue","../../src/components/ui/sheet/SheetPortal.vue","../../src/components/ui/sheet/SheetContent.vue","../../src/components/ui/sheet/SheetContent.vue","../../src/components/ui/sheet/SheetDescription.vue","../../src/components/ui/sheet/SheetDescription.vue","../../src/components/ui/sheet/SheetFooter.vue","../../src/components/ui/sheet/SheetFooter.vue","../../src/components/ui/sheet/SheetHeader.vue","../../src/components/ui/sheet/SheetHeader.vue","../../src/components/ui/sheet/SheetTitle.vue","../../src/components/ui/sheet/SheetTitle.vue","../../src/components/ui/sheet/SheetTrigger.vue","../../src/components/ui/sheet/SheetTrigger.vue","../../src/components/ui/sheet/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DialogRootEmits, DialogRootProps } from \"reka-ui\"\nimport { DialogRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport type SheetProps = DialogRootProps\n\nconst props = defineProps<SheetProps>()\nconst emits = defineEmits<DialogRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <DialogRoot v-bind=\"forwarded\">\n    <slot />\n  </DialogRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogRootEmits, DialogRootProps } from \"reka-ui\"\nimport { DialogRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport type SheetProps = DialogRootProps\n\nconst props = defineProps<SheetProps>()\nconst emits = defineEmits<DialogRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <DialogRoot v-bind=\"forwarded\">\n    <slot />\n  </DialogRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogCloseProps } from \"reka-ui\"\nimport { DialogClose } from \"reka-ui\"\n\nexport type SheetCloseProps = DialogCloseProps\n\nconst props = defineProps<SheetCloseProps>()\n</script>\n\n<template>\n  <DialogClose v-bind=\"props\">\n    <slot />\n  </DialogClose>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogCloseProps } from \"reka-ui\"\nimport { DialogClose } from \"reka-ui\"\n\nexport type SheetCloseProps = DialogCloseProps\n\nconst props = defineProps<SheetCloseProps>()\n</script>\n\n<template>\n  <DialogClose v-bind=\"props\">\n    <slot />\n  </DialogClose>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogOverlayProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DialogOverlay } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetOverlayProps extends DialogOverlayProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetOverlayProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <DialogOverlay\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        props.class,\n      )\n    \"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogOverlayProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DialogOverlay } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetOverlayProps extends DialogOverlayProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetOverlayProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <DialogOverlay\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        props.class,\n      )\n    \"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogPortalProps } from \"reka-ui\"\nimport { DialogPortal } from \"reka-ui\"\n\nexport type SheetPortalProps = DialogPortalProps\n\nconst props = defineProps<SheetPortalProps>()\n</script>\n\n<template>\n  <DialogPortal v-bind=\"props\">\n    <slot />\n  </DialogPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogPortalProps } from \"reka-ui\"\nimport { DialogPortal } from \"reka-ui\"\n\nexport type SheetPortalProps = DialogPortalProps\n\nconst props = defineProps<SheetPortalProps>()\n</script>\n\n<template>\n  <DialogPortal v-bind=\"props\">\n    <slot />\n  </DialogPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogContentEmits, DialogContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport type { SheetVariants } from \".\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { X } from \"@lucide/vue\"\nimport {\n  DialogClose,\n  DialogContent,\n  useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport { sheetVariants } from \".\"\nimport SheetOverlay from \"./SheetOverlay.vue\"\nimport SheetPortal from \"./SheetPortal.vue\"\n\nexport interface SheetContentProps extends DialogContentProps {\n  class?: HTMLAttributes[\"class\"]\n  side?: SheetVariants[\"side\"]\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps<SheetContentProps>()\n\nconst emits = defineEmits<DialogContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"side\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SheetPortal>\n    <SheetOverlay />\n    <DialogContent\n      :class=\"cn(sheetVariants({ side }), props.class)\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n    >\n      <slot />\n      <DialogClose\n        class=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\"\n      >\n        <X class=\"h-4 w-4 text-muted-foreground\" />\n        <span class=\"sr-only\">Close</span>\n      </DialogClose>\n    </DialogContent>\n  </SheetPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogContentEmits, DialogContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport type { SheetVariants } from \".\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { X } from \"@lucide/vue\"\nimport {\n  DialogClose,\n  DialogContent,\n  useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport { sheetVariants } from \".\"\nimport SheetOverlay from \"./SheetOverlay.vue\"\nimport SheetPortal from \"./SheetPortal.vue\"\n\nexport interface SheetContentProps extends DialogContentProps {\n  class?: HTMLAttributes[\"class\"]\n  side?: SheetVariants[\"side\"]\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps<SheetContentProps>()\n\nconst emits = defineEmits<DialogContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"side\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SheetPortal>\n    <SheetOverlay />\n    <DialogContent\n      :class=\"cn(sheetVariants({ side }), props.class)\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n    >\n      <slot />\n      <DialogClose\n        class=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\"\n      >\n        <X class=\"h-4 w-4 text-muted-foreground\" />\n        <span class=\"sr-only\">Close</span>\n      </DialogClose>\n    </DialogContent>\n  </SheetPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogDescriptionProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DialogDescription } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetDescriptionProps extends DialogDescriptionProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetDescriptionProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <DialogDescription\n    :class=\"cn('text-sm text-muted-foreground', props.class)\"\n    v-bind=\"delegatedProps\"\n  >\n    <slot />\n  </DialogDescription>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogDescriptionProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DialogDescription } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetDescriptionProps extends DialogDescriptionProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetDescriptionProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <DialogDescription\n    :class=\"cn('text-sm text-muted-foreground', props.class)\"\n    v-bind=\"delegatedProps\"\n  >\n    <slot />\n  </DialogDescription>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetFooterProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetFooterProps>()\n</script>\n\n<template>\n  <div\n    :class=\"\n      cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetFooterProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetFooterProps>()\n</script>\n\n<template>\n  <div\n    :class=\"\n      cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetHeaderProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetHeaderProps>()\n</script>\n\n<template>\n  <div\n    :class=\"cn('flex flex-col gap-y-2 text-center sm:text-left', props.class)\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetHeaderProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetHeaderProps>()\n</script>\n\n<template>\n  <div\n    :class=\"cn('flex flex-col gap-y-2 text-center sm:text-left', props.class)\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogTitleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DialogTitle } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetTitleProps extends DialogTitleProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetTitleProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <DialogTitle\n    :class=\"cn('text-lg font-semibold text-foreground', props.class)\"\n    v-bind=\"delegatedProps\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogTitleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DialogTitle } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SheetTitleProps extends DialogTitleProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SheetTitleProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <DialogTitle\n    :class=\"cn('text-lg font-semibold text-foreground', props.class)\"\n    v-bind=\"delegatedProps\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogTriggerProps } from \"reka-ui\"\nimport { DialogTrigger } from \"reka-ui\"\n\nexport type SheetTriggerProps = DialogTriggerProps\n\nconst props = defineProps<SheetTriggerProps>()\n</script>\n\n<template>\n  <DialogTrigger v-bind=\"props\">\n    <slot />\n  </DialogTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { DialogTriggerProps } from \"reka-ui\"\nimport { DialogTrigger } from \"reka-ui\"\n\nexport type SheetTriggerProps = DialogTriggerProps\n\nconst props = defineProps<SheetTriggerProps>()\n</script>\n\n<template>\n  <DialogTrigger v-bind=\"props\">\n    <slot />\n  </DialogTrigger>\n</template>\n","import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { default as Sheet } from \"./Sheet.vue\"\nexport { default as SheetClose } from \"./SheetClose.vue\"\nexport { default as SheetContent } from \"./SheetContent.vue\"\nexport { default as SheetDescription } from \"./SheetDescription.vue\"\nexport { default as SheetFooter } from \"./SheetFooter.vue\"\nexport { default as SheetHeader } from \"./SheetHeader.vue\"\nexport { default as SheetOverlay } from \"./SheetOverlay.vue\"\nexport { default as SheetPortal } from \"./SheetPortal.vue\"\nexport { default as SheetTitle } from \"./SheetTitle.vue\"\nexport { default as SheetTrigger } from \"./SheetTrigger.vue\"\n\nexport const sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  },\n)\n\nexport type SheetVariants = VariantProps<typeof sheetVariants>\n"],"mappings":"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"}

package/dist/chunks/skeleton-DG95C9ZP.js

@@ -0,0 +1,22 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, unref as a } from "vue";
+//#endregion
+//#region src/components/ui/skeleton/Skeleton.vue
+var o = /* @__PURE__ */ n({
+	__name: "Skeleton",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let o = n;
+		return (n, s) => (i(), t("div", { class: r(a(e)("animate-pulse rounded-md bg-muted", o.class)) }, null, 2));
+	}
+});
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=skeleton-DG95C9ZP.js.map

package/dist/chunks/skeleton-DG95C9ZP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DG95C9ZP.js","names":[],"sources":["../../src/components/ui/skeleton/Skeleton.vue","../../src/components/ui/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SkeletonProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SkeletonProps>()\n</script>\n\n<template>\n  <div :class=\"cn('animate-pulse rounded-md bg-muted', props.class)\" />\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SkeletonProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<SkeletonProps>()\n</script>\n\n<template>\n  <div :class=\"cn('animate-pulse rounded-md bg-muted', props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAQA,IAAM,IAAQ;yBAIZ,EAAqE,OAAA,EAA/D,OAAK,EAAE,EAAA,CAAA,EAAE,qCAAsC,EAAM,KAAK,CAAA,EAAA,GAAA,MAAA,CAAA"}