@comfyorg/design-system 1.1.0 → 1.2.0

package/dist/splitter/SplitterResizeHandle.vue.js

@@ -0,0 +1,37 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SplitterResizeHandle, useForwardPropsEmits } from "reka-ui";
+//#endregion
+//#region src/components/splitter/SplitterResizeHandle.vue
+var SplitterResizeHandle_default = /* @__PURE__ */ defineComponent({
+	__name: "SplitterResizeHandle",
+	props: {
+		id: {},
+		hitAreaMargins: {},
+		tabindex: {},
+		disabled: { type: Boolean },
+		nonce: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["dragging"],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SplitterResizeHandle), mergeProps(unref(forwarded), { class: unref(cn)("relative z-10 flex w-px shrink-0 items-center justify-center bg-border outline-none", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "hover:bg-primary data-[state=drag]:bg-primary", "focus-visible:ring-1 focus-visible:ring-ring", "data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full", "data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:top-1/2 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:translate-x-0 data-[orientation=vertical]:after:-translate-y-1/2", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { SplitterResizeHandle_default as default };

package/dist/switch/Switch.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    disabled?: boolean;
+    readonly?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/switch/Switch.vue.js

@@ -0,0 +1,2 @@
+import { t as Switch_default } from "../shared/Switch-DsCzHpDU.js";
+export { Switch_default as default };

package/dist/tab/Tab.vue.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'vue';
+declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+        value: T;
+        class?: HTMLAttributes["class"];
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/tab/Tab.vue.js

@@ -0,0 +1,76 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-BISOrxWu.js";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { cva } from "cva";
+//#region src/components/tab/tab.variants.ts
+var tabStateVariants = cva({
+	base: "cursor-pointer rounded-lg border-none text-sm outline-hidden transition-all duration-200 focus-visible:ring-1 focus-visible:ring-ring",
+	variants: { active: {
+		true: "bg-accent text-foreground",
+		false: "bg-transparent text-muted-foreground hover:bg-accent focus:bg-accent"
+	} },
+	defaultVariants: { active: false }
+});
+//#endregion
+//#region src/components/tab/Tab.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"data-state",
+	"tabindex"
+];
+//#endregion
+//#region src/components/tab/Tab.vue
+var Tab_default = /* @__PURE__ */ defineComponent({
+	__name: "Tab",
+	props: {
+		value: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const context = inject(TAB_LIST_INJECTION_KEY);
+		const isActive = computed(() => context?.modelValue.value === props.value);
+		function handleClick() {
+			context?.select(props.value);
+		}
+		function handleKeydown(event) {
+			const tablist = event.currentTarget.parentElement;
+			if (!tablist) return;
+			const tabs = Array.from(tablist.querySelectorAll("[role=\"tab\"]"));
+			const currentIndex = tabs.indexOf(event.currentTarget);
+			let targetIndex = -1;
+			if (event.key === "ArrowRight" || event.key === "ArrowDown") targetIndex = (currentIndex + 1) % tabs.length;
+			else if (event.key === "ArrowLeft" || event.key === "ArrowUp") targetIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+			else if (event.key === "Home") targetIndex = 0;
+			else if (event.key === "End") targetIndex = tabs.length - 1;
+			if (targetIndex !== -1) {
+				event.preventDefault();
+				tabs[targetIndex].focus();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				id: `tab-${props.value}`,
+				role: "tab",
+				type: "button",
+				"aria-selected": isActive.value,
+				"aria-controls": `tabpanel-${props.value}`,
+				"data-state": isActive.value ? "active" : "inactive",
+				tabindex: isActive.value ? 0 : -1,
+				class: normalizeClass(unref(cn)("flex h-8 shrink-0 items-center justify-center", "px-2.5", unref(tabStateVariants)({ active: isActive.value }), props.class)),
+				onClick: handleClick,
+				onKeydown: handleKeydown
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Tab_default as default };

package/dist/tab/TabList.vue.d.ts

@@ -0,0 +1,26 @@
+declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        class?: string;
+    } & {
+        modelValue: T;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: (event: "update:modelValue", value: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/tab/TabList.vue.js

@@ -0,0 +1,31 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-BISOrxWu.js";
+import { createElementBlock, defineComponent, mergeModels, normalizeClass, openBlock, provide, renderSlot, unref, useModel } from "vue";
+//#endregion
+//#region src/components/tab/TabList.vue
+var TabList_default = /* @__PURE__ */ defineComponent({
+	__name: "TabList",
+	props: /*@__PURE__*/ mergeModels({ class: { default: "" } }, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		function select(value) {
+			modelValue.value = value;
+		}
+		provide(TAB_LIST_INJECTION_KEY, {
+			modelValue,
+			select
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "tablist",
+				class: normalizeClass(unref(cn)("flex w-full items-center gap-2", __props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { TabList_default as default };

package/dist/tab/TabPanel.vue.d.ts

@@ -0,0 +1,23 @@
+declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+        value: T;
+        modelValue?: T;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/tab/TabPanel.vue.js

@@ -0,0 +1,28 @@
+import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-BISOrxWu.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, inject, openBlock, renderSlot } from "vue";
+//#region src/components/tab/TabPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "aria-labelledby"];
+//#endregion
+//#region src/components/tab/TabPanel.vue
+var TabPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "TabPanel",
+	props: {
+		value: {},
+		modelValue: {}
+	},
+	setup(__props) {
+		const context = inject(TAB_LIST_INJECTION_KEY, void 0);
+		const isActive = computed(() => __props.modelValue !== void 0 ? __props.modelValue === __props.value : context?.modelValue.value === __props.value);
+		return (_ctx, _cache) => {
+			return isActive.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: `tabpanel-${__props.value}`,
+				role: "tabpanel",
+				tabindex: "0",
+				"aria-labelledby": `tab-${__props.value}`
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { TabPanel_default as default };

package/dist/tab/tab.variants.d.ts

@@ -0,0 +1,9 @@
+export declare const tabStateVariants: (props?: ({
+    active?: boolean | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;

package/dist/tab/tabKeys.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey, Ref } from 'vue';
+interface TabListContext {
+    modelValue: Ref<string>;
+    select: (value: string) => void;
+}
+export declare const TAB_LIST_INJECTION_KEY: InjectionKey<TabListContext>;
+export {};

package/dist/table/Table.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/table/Table.vue.js

@@ -0,0 +1,23 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "w-full table-fixed caption-bottom border-separate border-spacing-0 text-sm" };
+//#endregion
+//#region src/components/table/Table.vue
+var Table_default = /* @__PURE__ */ defineComponent({
+	__name: "Table",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("relative w-full overflow-auto rounded-lg border", __props.class)) }, [createElementVNode("table", _hoisted_1, [renderSlot(_ctx.$slots, "default")])], 2);
+		};
+	}
+});
+//#endregion
+export { Table_default as default };

package/dist/table/TableBody.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/table/TableBody.vue.js

@@ -0,0 +1,21 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/table/TableBody.vue
+var TableBody_default = /* @__PURE__ */ defineComponent({
+	__name: "TableBody",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tbody", { class: normalizeClass(unref(cn)("[&_tr:last-child]:border-0", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { TableBody_default as default };

package/dist/table/TableCell.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/table/TableCell.vue.js

@@ -0,0 +1,21 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/table/TableCell.vue
+var TableCell_default = /* @__PURE__ */ defineComponent({
+	__name: "TableCell",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", { class: normalizeClass(unref(cn)("px-2 py-2.5 align-middle whitespace-nowrap", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { TableCell_default as default };

package/dist/table/TableHead.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/table/TableHead.vue.js

@@ -0,0 +1,2 @@
+import { t as TableHead_default } from "../shared/TableHead-OxGist4m.js";
+export { TableHead_default as default };

package/dist/table/TableHeader.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/table/TableHeader.vue.js

@@ -0,0 +1,21 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/table/TableHeader.vue
+var TableHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "TableHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("thead", { class: normalizeClass(unref(cn)("[&_tr]:border-b [&_tr]:border-border/30", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { TableHeader_default as default };

package/dist/table/TableRow.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/table/TableRow.vue.js

@@ -0,0 +1,21 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/table/TableRow.vue
+var TableRow_default = /* @__PURE__ */ defineComponent({
+	__name: "TableRow",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", { class: normalizeClass(unref(cn)("border-b border-border/30 transition-colors hover:bg-secondary/50 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring data-[state=selected]:bg-secondary/50", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { TableRow_default as default };

package/dist/table/TableSortHead.vue.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'vue';
+import { TableSortDirection } from './tableUtils';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+type __VLS_ModelProps = {
+    'direction'?: TableSortDirection | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:direction": (value: TableSortDirection | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:direction"?: ((value: TableSortDirection | null) => 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/table/TableSortHead.vue.js

@@ -0,0 +1,47 @@
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+import { t as TableHead_default } from "../shared/TableHead-OxGist4m.js";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+//#endregion
+//#region src/components/table/TableSortHead.vue
+var TableSortHead_default = /* @__PURE__ */ defineComponent({
+	__name: "TableSortHead",
+	props: /*@__PURE__*/ mergeModels({ class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } }, {
+		"direction": { default: null },
+		"directionModifiers": {}
+	}),
+	emits: ["update:direction"],
+	setup(__props) {
+		const direction = useModel(__props, "direction");
+		function toggle() {
+			direction.value = direction.value === "ascending" ? "descending" : "ascending";
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TableHead_default, {
+				class: normalizeClass(__props.class),
+				"aria-sort": direction.value ?? "none"
+			}, {
+				default: withCtx(() => [createVNode(unref(Button_default), {
+					variant: "link",
+					size: "link",
+					onClick: toggle
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default"), direction.value ? (openBlock(), createElementBlock("i", {
+						key: 0,
+						class: normalizeClass(direction.value === "ascending" ? "icon-[lucide--arrow-up]" : "icon-[lucide--arrow-down]"),
+						"aria-hidden": "true"
+					}, null, 2)) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["class", "aria-sort"]);
+		};
+	}
+});
+//#endregion
+export { TableSortHead_default as default };

package/dist/table/tableUtils.d.ts

@@ -0,0 +1,3 @@
+export type TableSortDirection = 'ascending' | 'descending';
+export declare function filterByQuery<T>(items: readonly T[], query: string, getSearchFields: (item: T) => string[]): T[];
+export declare function sortByText<T>(items: readonly T[], direction: TableSortDirection | null, getText: (item: T) => string): T[];

package/dist/table/tableUtils.js

@@ -0,0 +1,19 @@
+import { deburr } from "es-toolkit";
+//#region src/components/table/tableUtils.ts
+var collator = new Intl.Collator(void 0, { numeric: true });
+function normalizeSearchText(text) {
+	return deburr(text).toLocaleLowerCase();
+}
+function filterByQuery(items, query, getSearchFields) {
+	const normalizedQuery = normalizeSearchText(query.trim());
+	return items.filter((item) => getSearchFields(item).some((field) => normalizeSearchText(field).includes(normalizedQuery)));
+}
+function sortByText(items, direction, getText) {
+	if (!direction) return [...items];
+	return [...items].sort((a, b) => {
+		const result = collator.compare(getText(a), getText(b));
+		return direction === "ascending" ? result : -result;
+	});
+}
+//#endregion
+export { filterByQuery, sortByText };

package/dist/tabs/Tabs.vue.d.ts

@@ -0,0 +1,22 @@
+import { TabsRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsRootProps & {
+    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": (payload: import('reka-ui').StringOrNumber) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: import('reka-ui').StringOrNumber) => 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;
+    };
+};