@septkit/ui 0.0.15 → 0.0.16

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useSize.js

@@ -0,0 +1,33 @@
+import { unrefElement as e } from "../../../../../@vueuse_core@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import { computed as t, onMounted as n, ref as r } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useSize.js
+function i(i) {
+	let a = r(), o = t(() => a.value?.width ?? 0), s = t(() => a.value?.height ?? 0);
+	return n(() => {
+		let t = e(i);
+		if (t) {
+			a.value = {
+				width: t.offsetWidth,
+				height: t.offsetHeight
+			};
+			let e = new ResizeObserver((e) => {
+				if (!Array.isArray(e) || !e.length) return;
+				let n = e[0], r, i;
+				if ("borderBoxSize" in n) {
+					let e = n.borderBoxSize, t = Array.isArray(e) ? e[0] : e;
+					r = t.inlineSize, i = t.blockSize;
+				} else r = t.offsetWidth, i = t.offsetHeight;
+				a.value = {
+					width: r,
+					height: i
+				};
+			});
+			return e.observe(t, { box: "border-box" }), () => e.unobserve(t);
+		} else a.value = void 0;
+	}), {
+		width: o,
+		height: s
+	};
+}
+//#endregion
+export { i as useSize };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useStateMachine.js

@@ -0,0 +1,16 @@
+import { ref as e } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useStateMachine.js
+function t(t, n) {
+	let r = e(t);
+	function i(e) {
+		return n[r.value][e] ?? r.value;
+	}
+	return {
+		state: r,
+		dispatch: (e) => {
+			r.value = i(e);
+		}
+	};
+}
+//#endregion
+export { t as useStateMachine };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useTypeahead.js

@@ -0,0 +1,33 @@
+import { getActiveElement as e } from "./getActiveElement.js";
+import { refAutoReset as t } from "../../../../../@vueuse_shared@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/shared/dist/index.js";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
+function n(n) {
+	let r = t("", 1e3);
+	return {
+		search: r,
+		handleTypeaheadSearch: (t, a) => {
+			if (r.value += t, n) n(t);
+			else {
+				let t = e(), n = a.map((e) => ({
+					...e,
+					textValue: e.value?.textValue ?? e.ref.textContent?.trim() ?? ""
+				})), o = n.find((e) => e.ref === t), s = i(n.map((e) => e.textValue), r.value, o?.textValue), c = n.find((e) => e.textValue === s);
+				return c && c.ref.focus(), c?.ref;
+			}
+		},
+		resetTypeahead: () => {
+			r.value = "";
+		}
+	};
+}
+function r(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+function i(e, t, n) {
+	let i = t.length > 1 && Array.from(t).every((e) => e === t[0]) ? t[0] : t, a = n ? e.indexOf(n) : -1, o = r(e, Math.max(a, 0));
+	i.length === 1 && (o = o.filter((e) => e !== n));
+	let s = o.find((e) => e.toLowerCase().startsWith(i.toLowerCase()));
+	return s === n ? void 0 : s;
+}
+//#endregion
+export { n as useTypeahead };

package/dist/external/.pnpm/vue-demi@0.14.10_vue@3.5.32_typescript@5.8.3_/node_modules/vue-demi/lib/index.js

@@ -0,0 +1,28 @@
+import { __exportAll as e, __reExport as t } from "../../../../../../_virtual/_rolldown/runtime.js";
+import * as n from "vue";
+export * from "vue";
+//#region node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.32_typescript@5.8.3_/node_modules/vue-demi/lib/index.mjs
+var r = /* @__PURE__ */ e({
+	Vue: () => n,
+	Vue2: () => void 0,
+	del: () => s,
+	install: () => a,
+	isVue2: () => !1,
+	isVue3: () => !0,
+	set: () => o
+});
+import * as i from "vue";
+t(r, i);
+function a() {}
+function o(e, t, n) {
+	return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
+}
+function s(e, t) {
+	if (Array.isArray(e)) {
+		e.splice(t, 1);
+		return;
+	}
+	delete e[t];
+}
+//#endregion
+export { r as lib_exports };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { AcceptableValue } from 'reka-ui';
 import { Component } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -19,10 +20,24 @@ close: (...args: any[]) => void;
 }, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
 onOpen?: ((...args: any[]) => any) | undefined;
 onClose?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+}>, {
+color: "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
+variant: "outline" | "dash" | "soft" | "ghost" | "link";
+size: "xs" | "sm" | "md" | "lg" | "xl";
+modifier: "wide" | "block" | "square" | "circle";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
 'details-ref': HTMLDetailsElement;
 }, HTMLDetailsElement>;
 
+declare const __VLS_component_3: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: AcceptableValue) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
+}>, {
+color: "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
+size: "xs" | "sm" | "md" | "lg" | "xl";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare type __VLS_Props = {
     color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
     variant?: 'outline' | 'dash' | 'soft' | 'ghost' | 'link';
@@ -50,6 +65,21 @@ declare type __VLS_Props_2 = {
     id?: string;
 };
 
+declare type __VLS_Props_3 = {
+    options: AcceptableValue[];
+    displayValue: (item: AcceptableValue) => string;
+    placeholder?: string;
+    emptyText?: string;
+    color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    variant?: 'ghost' | 'bordered' | 'soft' | 'dash';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+};
+
+declare type __VLS_PublicProps = {
+    modelValue?: AcceptableValue;
+} & __VLS_Props_3;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -71,10 +101,23 @@ declare function __VLS_template_2(): {
     rootEl: HTMLDetailsElement;
 };
 
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: AcceptableValue;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -87,6 +130,12 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 /** Flat element list per category key. */
@@ -94,6 +143,8 @@ export declare const CATEGORY_ELEMENTS: Record<string, string[]>;
 
 declare function closeDropdown(): void;
 
+export declare const Combobox: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
 export declare const Dropdown: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare const ELEMENT_TO_COLOR: Record<string, ElementColor>;

package/dist/index.js

@@ -1,5 +1,7 @@
 import e from "./button/button.js";
 import t from "./dropdown/dropdown.js";
-import { CATEGORY_ELEMENTS as n, ELEMENT_TO_COLOR as r, ELEMENT_TO_ICON as i } from "./icons/element-icon-mapper.js";
+import n from "./dropdown/combobox.js";
+import "./dropdown/index.js";
+import { CATEGORY_ELEMENTS as r, ELEMENT_TO_COLOR as i, ELEMENT_TO_ICON as a } from "./icons/element-icon-mapper.js";
 import "./icons/index.js";
-export { e as Button, n as CATEGORY_ELEMENTS, t as Dropdown, r as ELEMENT_TO_COLOR, i as ELEMENT_TO_ICON };
+export { e as Button, r as CATEGORY_ELEMENTS, n as Combobox, t as Dropdown, i as ELEMENT_TO_COLOR, a as ELEMENT_TO_ICON };

package/dist/ui.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-.size-max[data-v-0a93d691]{width:max-content;height:max-content}
+.size-max[data-v-aa959afa]{width:max-content;height:max-content}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@septkit/ui",
-	"version": "0.0.15",
+	"version": "0.0.16",
 	"type": "module",
 	"source": "lib/index.ts",
 	"scripts": {
@@ -39,6 +39,7 @@
 		"@vueuse/core": "^14.2.1",
 		"lucide-vue-next": "^1.0.0",
 		"pinia": "^3.0.4",
+		"reka-ui": "^2.9.6",
 		"tailwindcss": "4.2.2",
 		"vue": "^3.5.32"
 	},