@poveste/controls 0.15.0 → 0.16.0

package/dist/VisuallyHiddenInput-0it-_FH2.es.js

@@ -0,0 +1,183 @@
+import { d as e, s as t } from "./HstWrapper-Bm5H3_to.es.js";
+import { o as n } from "./PopoverTrigger-BVAfE9fE.es.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, h as l, inject as u, markRaw as d, mergeProps as f, openBlock as p, provide as m, ref as h, renderList as g, toValue as _, watch as v, watchEffect as y } from "@poveste/vendors/vue";
+import { unrefElement as b } from "@poveste/vendors/vue-use";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFormControl.js
+function x(e) {
+	return i(() => !_(e) || !!b(e)?.closest("form"));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/Collection/Collection.js
+var S = "data-reka-collection-item";
+function C(t = {}) {
+	let { key: r = "", isProvider: a = !1 } = t, o = `${r}CollectionProvider`, s;
+	if (a) {
+		let e = h(/* @__PURE__ */ new Map());
+		s = {
+			collectionRef: h(),
+			itemMap: e
+		}, m(o, s);
+	} else s = u(o);
+	let f = (e, t = !1) => {
+		if (!s.collectionRef.value) return;
+		let n = s.itemMap.value.get(e);
+		return n && (t || n.ref.dataset.disabled !== "") ? n : void 0;
+	}, p = (e = !1) => {
+		let t = s.collectionRef.value;
+		if (!t) return [];
+		let n = Array.from(t.querySelectorAll(`[${S}]`)), r = new Map(n.map((e, t) => [e, t])), i = Array.from(s.itemMap.value.values()).sort((e, t) => (r.get(e.ref) ?? -1) - (r.get(t.ref) ?? -1));
+		return e ? i : i.filter((e) => e.ref.dataset.disabled !== "");
+	}, g = /*#__PURE__*/ c({
+		name: "CollectionSlot",
+		inheritAttrs: !1,
+		setup(t, { slots: r, attrs: i }) {
+			let { primitiveElement: a, currentElement: o } = n();
+			return v(o, () => {
+				s.collectionRef.value = o.value;
+			}), () => l(e, {
+				ref: a,
+				...i
+			}, r);
+		}
+	}), _ = /*#__PURE__*/ c({
+		name: "CollectionItem",
+		inheritAttrs: !1,
+		props: { value: { validator: () => !0 } },
+		setup(t, { slots: r, attrs: i }) {
+			let { primitiveElement: a, currentElement: o } = n();
+			return y((e) => {
+				if (o.value) {
+					let n = d(o.value);
+					s.itemMap.value.set(n, {
+						ref: o.value,
+						value: t.value
+					}), e(() => s.itemMap.value.delete(n));
+				}
+			}), () => l(e, {
+				...i,
+				[S]: "",
+				ref: a
+			}, r);
+		}
+	});
+	return {
+		getItems: p,
+		getItem: f,
+		reactiveItems: i(() => Array.from(s.itemMap.value.values())),
+		itemMapSize: i(() => s.itemMap.value.size),
+		CollectionSlot: g,
+		CollectionItem: _
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.43_typescript@6.0.3_/node_modules/reka-ui/dist/VisuallyHidden/VisuallyHiddenInputBubble.js
+var w = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "VisuallyHiddenInputBubble",
+	props: {
+		name: {
+			type: String,
+			required: !0
+		},
+		value: {
+			type: null,
+			required: !0
+		},
+		checked: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		feature: {
+			type: String,
+			required: !1,
+			default: "fully-hidden"
+		}
+	},
+	setup(e) {
+		let r = e, { primitiveElement: o, currentElement: s } = n(), c = i(() => r.checked ?? r.value);
+		return v(c, (e, t) => {
+			if (!s.value) return;
+			let n = s.value, r = window.HTMLInputElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value").set;
+			if (i && e !== t) {
+				let t = new Event("input", { bubbles: !0 }), r = new Event("change", { bubbles: !0 });
+				i.call(n, e), n.dispatchEvent(t), n.dispatchEvent(r);
+			}
+		}), (e, n) => (p(), a(t, f({
+			ref_key: "primitiveElement",
+			ref: o
+		}, {
+			...r,
+			...e.$attrs
+		}, { as: "input" }), null, 16));
+	}
+}), T = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "VisuallyHiddenInput",
+	props: {
+		name: {
+			type: String,
+			required: !0
+		},
+		value: {
+			type: null,
+			required: !0
+		},
+		checked: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		feature: {
+			type: String,
+			required: !1,
+			default: "fully-hidden"
+		}
+	},
+	setup(e) {
+		let t = e, n = i(() => typeof t.value == "object" && Array.isArray(t.value) && t.value.length === 0 && t.required), c = i(() => typeof t.value == "string" || typeof t.value == "number" || typeof t.value == "boolean" || t.value === null || t.value === void 0 ? [{
+			name: t.name,
+			value: t.value
+		}] : typeof t.value == "object" && Array.isArray(t.value) ? t.value.flatMap((e, n) => typeof e == "object" ? Object.entries(e).map(([e, r]) => ({
+			name: `${t.name}[${n}][${e}]`,
+			value: r
+		})) : {
+			name: `${t.name}[${n}]`,
+			value: e
+		}) : t.value !== null && typeof t.value == "object" && !Array.isArray(t.value) ? Object.entries(t.value).map(([e, n]) => ({
+			name: `${t.name}[${e}]`,
+			value: n
+		})) : []);
+		return (e, i) => (p(), s(r, null, [o(" We render single input if it's required "), n.value ? (p(), a(w, f({ key: e.name }, {
+			...t,
+			...e.$attrs
+		}, {
+			name: e.name,
+			value: e.value
+		}), null, 16, ["name", "value"])) : (p(!0), s(r, { key: 1 }, g(c.value, (n) => (p(), a(w, f({ key: n.name }, { ref_for: !0 }, {
+			...t,
+			...e.$attrs
+		}, {
+			name: n.name,
+			value: n.value
+		}), null, 16, ["name", "value"]))), 128))], 2112));
+	}
+});
+//#endregion
+export { C as n, x as r, T as t };

package/dist/components/HstTooltip.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * Nothing renders without one, which is how the truncation tooltips opt out.
+     * `null` counts as nothing, since that is what a `x ? 'Label' : null` reads as.
+     */
+    content?: string | null | undefined;
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap from the trigger — floating-vue's `distance`. */
+    offset?: number;
+    /** Held open by the caller, which is what `triggers: []` with `shown` did. */
+    open?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * Nothing renders without one, which is how the truncation tooltips opt out.
+     * `null` counts as nothing, since that is what a `x ? 'Label' : null` reads as.
+     */
+    content?: string | null | undefined;
+    side?: "top" | "right" | "bottom" | "left";
+    /** Gap from the trigger — floating-vue's `distance`. */
+    offset?: number;
+    /** Held open by the caller, which is what `triggers: []` with `shown` did. */
+    open?: boolean | undefined;
+}> & Readonly<{}>, {
+    content: string | null | undefined;
+    side: "top" | "right" | "bottom" | "left";
+    offset: number;
+    open: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    content?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/button/HstButton.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    color?: "flat" | "default" | "primary";
+    color?: "default" | "primary" | "flat";
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    color?: "flat" | "default" | "primary";
+    color?: "default" | "primary" | "flat";
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/components/checkbox/CheckboxVisual.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    modelValue?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    modelValue?: boolean | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color/HstColor.story.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/color/HstColor.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    title?: string | undefined;
+    /** A hex string — `#3366ff`. */
+    modelValue?: string | null | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    title?: string | undefined;
+    /** A hex string — `#3366ff`. */
+    modelValue?: string | null | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    title: string | undefined;
+    modelValue: string | null | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    actions?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/date/HstDate.story.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/date/HstDate.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    title?: string | undefined;
+    /** ISO — `2026-09-20`, or `2026-09-20T14:30` when `time` is set. */
+    modelValue?: string | null | undefined;
+    /** Adds the hour and minute segments, and puts them in the value. */
+    time?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    title?: string | undefined;
+    /** ISO — `2026-09-20`, or `2026-09-20T14:30` when `time` is set. */
+    modelValue?: string | null | undefined;
+    /** Adds the hour and minute segments, and puts them in the value. */
+    time?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    time: boolean;
+    title: string | undefined;
+    modelValue: string | null | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    actions?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/date/iso.d.ts

@@ -0,0 +1,5 @@
+import { CalendarDate, Time } from '@internationalized/date';
+export declare function dateOf(value: string | null | undefined): CalendarDate | undefined;
+export declare function timeOf(value: string | null | undefined): Time | undefined;
+/** Minutes, not seconds: the control has no segment finer than that. */
+export declare function isoOf(date: CalendarDate | undefined, time: Time | undefined, withTime: boolean): string;

package/dist/components/json/serialize.d.ts

@@ -1,9 +1,13 @@
 export declare function stringifyState(value: unknown, space?: number): string;
 /**
- * `stringifyState`, and whether the budget cut the document short. A truncated
- * document is not the value, so nothing may parse it back into the model.
+ * `stringifyState`, and whether the document *is* the value.
+ *
+ * `faithful` is false as soon as anything was named rather than written out —
+ * a marker, or the budget cutting the rest short. Such a document is a view of
+ * the value and not the value, so nothing may parse it back into the model:
+ * doing so replaces whatever each marker stands for with its label.
  */
 export declare function serializeState(value: unknown, space?: number): {
     doc: string;
-    truncated: boolean;
+    faithful: boolean;
 };