@matta-trade/ui 0.0.0-stage → 0.2.2

package/dist/combobox/index.js

@@ -0,0 +1,262 @@
+import { t as e } from "../chunks/utils-CX-Pz5p6.js";
+import { createBlock as t, createCommentVNode as n, createTextVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { ComboboxAnchor as m, ComboboxCancel as h, ComboboxContent as g, ComboboxEmpty as _, ComboboxGroup as v, ComboboxInput as y, ComboboxItem as b, ComboboxItemIndicator as x, ComboboxLabel as S, ComboboxPortal as C, ComboboxRoot as w, ComboboxSeparator as T, ComboboxTrigger as E, ComboboxViewport as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
+import { reactiveOmit as A } from "@vueuse/core";
+//#endregion
+//#region src/combobox/Combobox.vue
+var j = /* @__PURE__ */ a({
+	__name: "Combobox",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		resetSearchTermOnBlur: { type: Boolean },
+		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		modelValue: {},
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		by: { type: [String, Function] },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"update:open"
+	],
+	setup(e, { emit: n }) {
+		let r = k(e, n);
+		return (e, n) => (l(), t(f(w), c(o(f(r))), {
+			default: p(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), M = /* @__PURE__ */ a({
+	__name: "ComboboxAnchor",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = A(r, "class"), a = O(i);
+		return (n, i) => (l(), t(f(m), s(f(a), { class: f(e)("w-[200px]", r.class) }), {
+			default: p(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), N = /* @__PURE__ */ a({
+	__name: "ComboboxEmpty",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = A(r, "class");
+		return (n, a) => (l(), t(f(_), s(f(i), { class: f(e)("py-6 text-center text-sm", r.class) }), {
+			default: p(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), P = /* @__PURE__ */ a({
+	__name: "ComboboxGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		heading: {}
+	},
+	setup(i) {
+		let a = i, o = A(a, "class");
+		return (c, m) => (l(), t(f(v), s(f(o), { class: f(e)("p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden [&_[cmdk-group-heading]]:text-xs", a.class) }), {
+			default: p(() => [i.heading ? (l(), t(f(S), {
+				key: 0,
+				class: "px-2 py-1.5 font-medium text-muted-foreground text-xs"
+			}, {
+				default: p(() => [r(d(i.heading), 1)]),
+				_: 1
+			})) : n("", !0), u(c.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), F = /* @__PURE__ */ a({
+	__name: "ComboboxInput",
+	props: {
+		displayValue: { type: Function },
+		modelValue: {},
+		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = A(i, "class"), c = k(o, a);
+		return (n, r) => (l(), t(f(y), s(f(c), { class: f(e)("h-9 px-3 py-1 file:font-medium flex w-full rounded-md border border-border-primary bg-primary text-sm text-primary shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm placeholder:text-placeholder focus-visible:border-border-brand focus-visible:ring-2 focus-visible:ring-brand-500/20 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", i.class) }), {
+			default: p(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), I = /* @__PURE__ */ a({
+	__name: "ComboboxItem",
+	props: {
+		textValue: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = A(i, "class"), c = k(o, a);
+		return (n, r) => (l(), t(f(b), s(f(c), { class: f(e)("gap-2 px-2 py-1.5 [&_svg]:size-4 relative flex cursor-default items-center justify-between rounded-sm text-sm text-primary outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-active [&_svg]:shrink-0", i.class) }), {
+			default: p(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), L = /* @__PURE__ */ a({
+	__name: "ComboboxList",
+	props: {
+		forceMount: { type: Boolean },
+		position: { default: "popper" },
+		bodyLock: { type: Boolean },
+		hideWhenEmpty: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		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: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(n, { emit: r }) {
+		let a = n, o = r, c = A(a, "class"), d = k(c, o);
+		return (n, r) => (l(), t(f(C), null, {
+			default: p(() => [i(f(g), s(f(d), { class: f(e)("z-50 w-[200px] rounded-md border border-border-secondary bg-primary text-primary shadow-lg outline-none 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 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", a.class) }), {
+				default: p(() => [i(f(D), null, {
+					default: p(() => [u(n.$slots, "default")]),
+					_: 3
+				})]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), R = /* @__PURE__ */ a({
+	__name: "ComboboxSeparator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = A(r, "class");
+		return (n, a) => (l(), t(f(T), s(f(i), { class: f(e)("-mx-1 bg-border h-px", r.class) }), {
+			default: p(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), z = /* @__PURE__ */ a({
+	__name: "ComboboxTrigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = A(r, "class"), a = O(i);
+		return (n, i) => (l(), t(f(E), s(f(a), {
+			class: f(e)("rounded-md focus-visible:ring-2 focus-visible:ring-brand-500/20 focus-visible:outline-none", r.class),
+			tabindex: "0"
+		}), {
+			default: p(() => [u(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { j as Combobox, M as ComboboxAnchor, h as ComboboxCancel, N as ComboboxEmpty, P as ComboboxGroup, F as ComboboxInput, I as ComboboxItem, x as ComboboxItemIndicator, L as ComboboxList, R as ComboboxSeparator, z as ComboboxTrigger };

package/dist/command/Command.vue.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes } from 'vue';
+import { ListboxRootProps } from 'reka-ui';
+type __VLS_Props = ListboxRootProps & {
+    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": (value: import('reka-ui').AcceptableValue) => any;
+    highlight: (payload: {
+        ref: HTMLElement;
+        value: import('reka-ui').AcceptableValue;
+    } | undefined) => any;
+    entryFocus: (event: CustomEvent<any>) => any;
+    leave: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
+    onHighlight?: ((payload: {
+        ref: HTMLElement;
+        value: import('reka-ui').AcceptableValue;
+    } | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+}>, {
+    modelValue: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[];
+}, {}, {}, {}, 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/command/CommandDialog.vue.d.ts

@@ -0,0 +1,18 @@
+import { DialogRootProps } from 'reka-ui';
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<DialogRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => 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/command/CommandEmpty.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { PrimitiveProps } from 'reka-ui';
+type __VLS_Props = PrimitiveProps & {
+    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/command/CommandGroup.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'vue';
+import { ListboxGroupProps } from 'reka-ui';
+type __VLS_Props = ListboxGroupProps & {
+    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/command/CommandInput.vue.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'vue';
+import { ListboxFilterProps } from 'reka-ui';
+type __VLS_Props = ListboxFilterProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/command/CommandItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+import { ListboxItemProps } from 'reka-ui';
+type __VLS_Props = ListboxItemProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => 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/command/CommandList.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { ListboxContentProps } from 'reka-ui';
+type __VLS_Props = ListboxContentProps & {
+    class?: HTMLAttributes["class"];
+};
+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/command/CommandSeparator.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { SeparatorProps } from 'reka-ui';
+type __VLS_Props = SeparatorProps & {
+    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/command/CommandShortcut.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/command/index.d.ts

@@ -0,0 +1,90 @@
+import { Ref } from 'vue';
+export { default as Command } from './Command.vue';
+export { default as CommandDialog } from './CommandDialog.vue';
+export { default as CommandEmpty } from './CommandEmpty.vue';
+export { default as CommandGroup } from './CommandGroup.vue';
+export { default as CommandInput } from './CommandInput.vue';
+export { default as CommandItem } from './CommandItem.vue';
+export { default as CommandList } from './CommandList.vue';
+export { default as CommandSeparator } from './CommandSeparator.vue';
+export { default as CommandShortcut } from './CommandShortcut.vue';
+export declare const useCommand: <T extends {
+    allItems: Ref<Map<string, string>>;
+    allGroups: Ref<Map<string, Set<string>>>;
+    filterState: {
+        search: string;
+        filtered: {
+            count: number;
+            items: Map<string, number>;
+            groups: Set<string>;
+        };
+    };
+} | null | undefined = {
+    allItems: Ref<Map<string, string>>;
+    allGroups: Ref<Map<string, Set<string>>>;
+    filterState: {
+        search: string;
+        filtered: {
+            count: number;
+            items: Map<string, number>;
+            groups: Set<string>;
+        };
+    };
+}>(fallback?: T | undefined) => T extends null ? {
+    allItems: Ref<Map<string, string>>;
+    allGroups: Ref<Map<string, Set<string>>>;
+    filterState: {
+        search: string;
+        filtered: {
+            count: number;
+            items: Map<string, number>;
+            groups: Set<string>;
+        };
+    };
+} | null : {
+    allItems: Ref<Map<string, string>>;
+    allGroups: Ref<Map<string, Set<string>>>;
+    filterState: {
+        search: string;
+        filtered: {
+            count: number;
+            items: Map<string, number>;
+            groups: Set<string>;
+        };
+    };
+}, provideCommandContext: (contextValue: {
+    allItems: Ref<Map<string, string>>;
+    allGroups: Ref<Map<string, Set<string>>>;
+    filterState: {
+        search: string;
+        filtered: {
+            count: number;
+            items: Map<string, number>;
+            groups: Set<string>;
+        };
+    };
+}) => {
+    allItems: Ref<Map<string, string>>;
+    allGroups: Ref<Map<string, Set<string>>>;
+    filterState: {
+        search: string;
+        filtered: {
+            count: number;
+            items: Map<string, number>;
+            groups: Set<string>;
+        };
+    };
+};
+export declare const useCommandGroup: <T extends {
+    id?: string;
+} | null | undefined = {
+    id?: string;
+}>(fallback?: T | undefined) => T extends null ? {
+    id?: string;
+} | null : {
+    id?: string;
+}, provideCommandGroupContext: (contextValue: {
+    id?: string;
+}) => {
+    id?: string;
+};