@matta-trade/ui 0.0.0-stage → 0.2.2

package/dist/chunks/separator-DAL7ppX1.js

@@ -0,0 +1,31 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, unref as a } from "vue";
+import { Separator as o } from "reka-ui";
+import { reactiveOmit as s } from "@vueuse/core";
+//#endregion
+//#region src/separator/Separator.vue
+var c = /* @__PURE__ */ n({
+	__name: "Separator",
+	props: {
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let c = n, l = s(c, "class");
+		return (n, s) => (i(), t(a(o), r(a(l), { class: a(e)("shrink-0 bg-border-secondary", c.orientation === "horizontal" ? "h-px w-full" : "h-full w-px", c.class) }), null, 16, ["class"]));
+	}
+});
+//#endregion
+export { c as t };

package/dist/chunks/sheet-tX6r4wAA.js

@@ -0,0 +1,150 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { cva as t } from "class-variance-authority";
+import { createBlock as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
+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-next";
+//#endregion
+//#region src/sheet/Sheet.vue
+var T = /* @__PURE__ */ o({
+	__name: "Sheet",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean },
+		unmountOnHide: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = C(e, t);
+		return (e, t) => (d(), n(p(b), u(s(p(r))), {
+			default: m(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ o({
+	__name: "SheetTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (d(), n(p(S), u(s(t)), {
+			default: m(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), D = /* @__PURE__ */ o({
+	__name: "SheetClose",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (d(), n(p(h), u(s(t)), {
+			default: m(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), O = /* @__PURE__ */ o({
+	__name: "SheetContent",
+	props: {
+		side: { default: "right" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(r, { emit: o }) {
+		let s = t("gap-4 p-6 fixed z-50 bg-primary shadow-2xl transition ease-in-out data-[state=closed]:duration-300 data-[state=closed]:animate-out data-[state=open]:duration-400 data-[state=open]:animate-in", {
+			variants: { side: {
+				top: "inset-x-0 top-0 border-b border-border-secondary data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+				bottom: "inset-x-0 bottom-0 border-t border-border-secondary data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+				left: "inset-y-0 left-0 sm:max-w-md h-full w-3/4 border-r border-border-secondary data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+				right: "inset-y-0 right-0 sm:max-w-xl h-full w-full border-l border-border-secondary data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
+			} },
+			defaultVariants: { side: "right" }
+		}), l = r, u = C(l, o);
+		return (t, r) => (d(), n(p(y), null, {
+			default: m(() => [a(p(v), { class: "inset-0 backdrop-blur-xs fixed z-50 bg-black/40 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0" }), a(p(g), c({ class: p(e)(p(s)({ side: l.side }), l.class) }, p(u)), {
+				default: m(() => [f(t.$slots, "default"), a(p(h), { class: "right-4 top-4 bg-gray-100 dark:bg-gray-800 p-1.5 hover:bg-gray-200 dark:hover:bg-gray-700 absolute rounded-lg text-tertiary transition-colors hover:text-primary focus:ring-2 focus:ring-brand-500/20 focus:outline-none" }, {
+					default: m(() => [a(p(w), { class: "size-4" }), r[0] ||= i("span", { class: "sr-only" }, "Close", -1)]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), k = /* @__PURE__ */ o({
+	__name: "SheetHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, i) => (d(), r("div", { class: l(p(e)("space-y-1.5 pb-4 flex flex-col border-b border-border-secondary text-left", n.class)) }, [f(t.$slots, "default")], 2));
+	}
+}), A = /* @__PURE__ */ o({
+	__name: "SheetTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t;
+		return (t, i) => (d(), n(p(x), c({ class: p(e)("font-semibold text-lg text-primary", r.class) }, r), {
+			default: m(() => [f(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), j = /* @__PURE__ */ o({
+	__name: "SheetDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let r = t;
+		return (t, i) => (d(), n(p(_), c({ class: p(e)("text-sm text-tertiary", r.class) }, r), {
+			default: m(() => [f(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { D as a, O as i, A as n, E as o, k as r, T as s, j as t };

package/dist/chunks/tooltip-C80qPEs9.js

@@ -0,0 +1,102 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { createBlock as t, createVNode as n, defineComponent as r, guardReactiveProps as i, mergeProps as a, normalizeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { TooltipContent as d, TooltipPortal as f, TooltipProvider as p, TooltipRoot as m, TooltipTrigger as h, useForwardPropsEmits as g } from "reka-ui";
+import { reactiveOmit as _ } from "@vueuse/core";
+//#endregion
+//#region src/tooltip/Tooltip.vue
+var v = /* @__PURE__ */ r({
+	__name: "Tooltip",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		delayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: n }) {
+		let r = g(e, n);
+		return (e, n) => (s(), t(l(m), o(i(l(r))), {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), y = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "TooltipContent",
+	props: {
+		forceMount: { type: Boolean },
+		ariaLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		side: {},
+		sideOffset: { default: 4 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(r, { emit: i }) {
+		let o = r, p = i, m = _(o, "class"), h = g(m, p);
+		return (r, i) => (s(), t(l(f), null, {
+			default: u(() => [n(l(d), a({
+				...l(h),
+				...r.$attrs
+			}, { class: l(e)("px-3 py-1.5 z-50 overflow-hidden rounded-md bg-primary-solid text-xs text-white shadow-md animate-in select-none fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", o.class) }), {
+				default: u(() => [c(r.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), b = /* @__PURE__ */ r({
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: {},
+		skipDelayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean },
+		content: {}
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (s(), t(l(p), o(i(n)), {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), x = /* @__PURE__ */ r({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (s(), t(l(h), o(i(n)), {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { v as i, b as n, y as r, x as t };

package/dist/chunks/utils-CX-Pz5p6.js

@@ -0,0 +1,8 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/lib/utils.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as t };

package/dist/combobox/Combobox.vue.d.ts

@@ -0,0 +1,29 @@
+import { ComboboxRootProps } from 'reka-ui';
+type __VLS_Props = ComboboxRootProps;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
+    highlight: (payload: {
+        ref: HTMLElement;
+        value: import('reka-ui').AcceptableValue;
+    } | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
+    onHighlight?: ((payload: {
+        ref: HTMLElement;
+        value: import('reka-ui').AcceptableValue;
+    } | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxAnchor.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxAnchorProps } from 'reka-ui';
+type __VLS_Props = ComboboxAnchorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxEmpty.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxEmptyProps } from 'reka-ui';
+type __VLS_Props = ComboboxEmptyProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxGroup.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxGroupProps } from 'reka-ui';
+type __VLS_Props = ComboboxGroupProps & {
+    class?: HTMLAttributes["class"];
+    heading?: string;
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxInput.vue.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxInputProps } from 'reka-ui';
+type __VLS_Props = ComboboxInputProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxItemProps } from 'reka-ui';
+type __VLS_Props = ComboboxItemProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (event: import('reka-ui').ListboxItemSelectEvent<import('reka-ui').AcceptableValue>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: import('reka-ui').ListboxItemSelectEvent<import('reka-ui').AcceptableValue>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxList.vue.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxContentProps } from 'reka-ui';
+type __VLS_Props = ComboboxContentProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+}>, {
+    position: "inline" | "popper";
+    sideOffset: number;
+    align: "end" | "center" | "start";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxSeparator.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxSeparatorProps } from 'reka-ui';
+type __VLS_Props = ComboboxSeparatorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/ComboboxTrigger.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { ComboboxTriggerProps } from 'reka-ui';
+type __VLS_Props = ComboboxTriggerProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/combobox/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Combobox } from './Combobox.vue';
+export { default as ComboboxAnchor } from './ComboboxAnchor.vue';
+export { default as ComboboxEmpty } from './ComboboxEmpty.vue';
+export { default as ComboboxGroup } from './ComboboxGroup.vue';
+export { default as ComboboxInput } from './ComboboxInput.vue';
+export { default as ComboboxItem } from './ComboboxItem.vue';
+export { default as ComboboxList } from './ComboboxList.vue';
+export { default as ComboboxSeparator } from './ComboboxSeparator.vue';
+export { default as ComboboxTrigger } from './ComboboxTrigger.vue';
+export { ComboboxCancel, ComboboxItemIndicator } from 'reka-ui';