@ac-design/design-system 2.2.0 → 2.3.0

package/dist/lib/components/AcTextarea.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, nextTick as c, normalizeClass as l, onMounted as u, openBlock as d, ref as f, toDisplayString as p, unref as m, useAttrs as h, useId as g, useModel as _, vModelText as v, watch as y, withDirectives as b } from "vue";
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, nextTick as c, normalizeClass as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useId as _, useModel as v, useSlots as y, vModelText as b, watch as x, withDirectives as S } from "vue";
 //#region src/lib/components/AcTextarea.vue?vue&type=script&setup=true&lang.ts
-var x = ["for"], S = {
-	key: 0,
-	class: "text-muted"
-}, C = {
+var C = ["for"], w = { key: 0 }, T = {
 	key: 1,
+	class: "text-muted"
+}, E = {
+	key: 2,
 	class: "text-danger",
 	"aria-hidden": "true"
-}, w = ["id"], T = [
+}, D = ["id"], O = [
 	"id",
 	"name",
 	"rows",
@@ -15,19 +15,20 @@ var x = ["for"], S = {
 	"disabled",
 	"readonly",
 	"required",
+	"aria-label",
 	"aria-invalid",
 	"aria-describedby"
-], E = {
-	key: 1,
+], k = {
+	key: 2,
 	class: "mt-1 flex items-start gap-3"
-}, D = ["id"], O = {
+}, A = ["id"], j = {
 	key: 1,
 	class: "flex-1"
-}, k = ["id"], A = /*@__PURE__*/ a({
+}, M = ["id"], N = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "AcTextarea",
 	props: /*@__PURE__*/ o({
-		label: {},
+		label: { default: "" },
 		name: { default: "" },
 		rows: { default: void 0 },
 		autoResize: {
@@ -44,6 +45,10 @@ var x = ["for"], S = {
 			type: Boolean,
 			default: !1
 		},
+		requiredMark: {
+			type: Boolean,
+			default: !1
+		},
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -53,90 +58,116 @@ var x = ["for"], S = {
 			default: !1
 		},
 		errorMsg: { default: "" },
-		hint: { default: "" }
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		hint: { default: "" },
+		size: { default: "normal" },
+		inputClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
 	}, {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(a, { expose: o }) {
-		let A = a, j = _(a, "modelValue"), M = g(), N = h(), P = e(() => ({
-			class: N.class,
-			style: N.style
-		})), F = e(() => {
-			let { class: e, style: t, ...n } = N;
+		let N = a, P = v(a, "modelValue"), F = {
+			xsmall: "px-3 py-1.5",
+			small: "px-4 py-2",
+			normal: "px-5 py-2.5"
+		}, I = _(), L = g(), R = y(), z = e(() => ({
+			class: L.class,
+			style: L.style
+		})), B = e(() => {
+			let { class: e, style: t, ...n } = L;
 			return n;
-		}), I = f(null), L = f(!1), R = e(() => A.rows ?? 4), z = e(() => (j.value ?? "").length), B = e(() => A.maxlength !== void 0 && z.value >= A.maxlength), V = e(() => [
-			A.hint && `${M}-hint`,
-			A.errorMsg && `${M}-msg`,
-			A.maxlength !== void 0 && `${M}-count`
+		}), V = f(null), H = f(!1), U = e(() => !!N.label || !!R["label-icon"] || !!R["label-extra"]), W = e(() => U.value ? void 0 : L["aria-label"] ?? L.placeholder), G = e(() => !!N.errorMsg || N.invalid), K = e(() => N.rows ?? 4), q = e(() => (P.value ?? "").length), J = e(() => N.maxlength !== void 0 && q.value >= N.maxlength), Y = e(() => [
+			L["aria-describedby"],
+			N.hint && `${I}-hint`,
+			N.errorMsg && `${I}-msg`,
+			N.maxlength !== void 0 && `${I}-count`
 		].filter(Boolean).join(" ") || void 0);
-		function H() {
-			let e = I.value;
-			if (!e || !A.autoResize) return;
-			let t = getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, r = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom) + parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), i = R.value * n + r, a = A.maxRows > 0 ? A.maxRows * n + r : Infinity;
+		function X() {
+			let e = V.value;
+			if (!e || !N.autoResize) return;
+			let t = getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, r = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom) + parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), i = K.value * n + r, a = N.maxRows > 0 ? N.maxRows * n + r : Infinity;
 			e.style.height = "auto";
 			let o = e.scrollHeight + parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth);
-			e.style.height = `${Math.min(Math.max(o, i), a)}px`, L.value = o > a;
+			e.style.height = `${Math.min(Math.max(o, i), a)}px`, H.value = o > a;
 		}
-		return y(j, () => c(H)), y(() => [
-			A.autoResize,
-			A.rows,
-			A.maxRows
+		return x(P, () => c(X)), x(() => [
+			N.autoResize,
+			N.rows,
+			N.maxRows
 		], () => {
-			!A.autoResize && I.value && (I.value.style.height = ""), c(H);
-		}), u(H), o({ focus: () => I.value?.focus() }), (e, o) => (d(), n("div", s(P.value, {
+			!N.autoResize && V.value && (V.value.style.height = ""), c(X);
+		}), u(X), o({ focus: () => V.value?.focus() }), (e, o) => (d(), n("div", s(z.value, {
 			class: ["w-full", a.disabled && "opacity-50"],
 			"data-ac-ds": "",
 			"data-testid": "ac-textarea"
 		}), [
-			r("label", {
-				for: m(M),
+			U.value ? (d(), n("label", {
+				key: 0,
+				for: h(I),
 				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
 			}, [
-				r("span", null, p(a.label), 1),
-				a.readonly ? (d(), n("span", S, "(read only)")) : t("", !0),
-				a.required ? (d(), n("span", C, "*")) : t("", !0)
-			], 8, x),
+				p(e.$slots, "label-icon"),
+				a.label ? (d(), n("span", w, m(a.label), 1)) : t("", !0),
+				a.readonly ? (d(), n("span", T, "(read only)")) : t("", !0),
+				p(e.$slots, "label-extra"),
+				a.required || a.requiredMark ? (d(), n("span", E, "*")) : t("", !0)
+			], 8, C)) : t("", !0),
 			a.hint ? (d(), n("p", {
-				key: 0,
-				id: `${m(M)}-hint`,
+				key: 1,
+				id: `${h(I)}-hint`,
 				class: "mb-2 text-base text-muted"
-			}, p(a.hint), 9, w)) : t("", !0),
-			b(r("textarea", s({
-				id: m(M),
+			}, m(a.hint), 9, D)) : t("", !0),
+			S(r("textarea", s({
+				id: h(I),
 				ref_key: "field",
-				ref: I
-			}, F.value, {
-				"onUpdate:modelValue": o[0] ||= (e) => j.value = e,
+				ref: V
+			}, B.value, {
+				"onUpdate:modelValue": o[0] ||= (e) => P.value = e,
 				name: a.name,
-				rows: R.value,
+				rows: K.value,
 				maxlength: a.maxlength,
 				disabled: a.disabled,
 				readonly: a.readonly,
 				required: a.required,
-				"aria-invalid": !!a.errorMsg || void 0,
-				"aria-describedby": V.value,
-				class: ["block w-full rounded-10 border px-5 py-2.5 text-base text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none placeholder:text-muted/80 disabled:cursor-not-allowed", [
+				"aria-label": W.value,
+				"aria-invalid": G.value || void 0,
+				"aria-describedby": Y.value,
+				class: ["block w-full rounded-10 border text-base text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none placeholder:text-muted/80 disabled:cursor-not-allowed", [
+					F[a.size] ?? F.normal,
 					a.readonly ? "bg-surface-muted" : "bg-background",
-					a.rows === void 0 && "min-h-40",
+					a.rows === void 0 && !a.inputClass && "min-h-40",
 					a.mono ? "font-mono text-xs leading-5 font-normal" : "font-medium",
-					a.autoResize ? L.value ? "ac-scrollbar resize-none" : "resize-none overflow-hidden" : "ac-scrollbar resize-y",
-					a.errorMsg ? "border-danger/50 focus:border-danger focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]" : ["border-border focus:focus-ring", !a.disabled && "hover:border-accent-active"]
+					a.autoResize ? H.value ? "ac-scrollbar resize-none" : "resize-none overflow-hidden" : "ac-scrollbar resize-y",
+					G.value ? "border-danger/50 focus:border-danger focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]" : ["border-border focus:focus-ring", !a.disabled && "hover:border-accent-active"],
+					a.inputClass
 				]]
-			}), null, 16, T), [[v, j.value]]),
-			a.errorMsg || a.maxlength !== void 0 ? (d(), n("div", E, [a.errorMsg ? (d(), n("p", {
+			}), null, 16, O), [[b, P.value]]),
+			a.errorMsg || a.maxlength !== void 0 ? (d(), n("div", k, [a.errorMsg ? (d(), n("p", {
 				key: 0,
-				id: `${m(M)}-msg`,
+				id: `${h(I)}-msg`,
 				class: "min-w-0 flex-1 text-base text-danger-strong",
 				role: "alert"
-			}, p(a.errorMsg), 9, D)) : (d(), n("span", O)), a.maxlength === void 0 ? t("", !0) : (d(), n("p", {
+			}, m(a.errorMsg), 9, A)) : (d(), n("span", j)), a.maxlength === void 0 ? t("", !0) : (d(), n("p", {
 				key: 2,
-				id: `${m(M)}-count`,
-				class: l(["shrink-0 text-xs tabular-nums", B.value ? "font-medium text-danger-strong" : "text-muted"])
-			}, [o[1] ||= r("span", { class: "sr-only" }, "Characters used: ", -1), i(p(z.value) + " / " + p(a.maxlength), 1)], 10, k))])) : t("", !0)
+				id: `${h(I)}-count`,
+				class: l(["shrink-0 text-xs tabular-nums", J.value ? "font-medium text-danger-strong" : "text-muted"])
+			}, [o[1] ||= r("span", { class: "sr-only" }, "Characters used: ", -1), i(m(q.value) + " / " + m(a.maxlength), 1)], 10, M))])) : t("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { A as default };
+export { N as default };

package/dist/lib/components/AcThemeMode.vue.d.ts

@@ -5,10 +5,18 @@ export interface Props {
     /** `icons` is a compact 3-icon switch; `labels` adds the words, for menus and settings pages; `toggle` is cloud-ui's sun/moon switch for the navbar (64×32px), light or dark only. */
     display?: "icons" | "labels" | "toggle";
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    /** The theme as a boolean, for apps that keep it in their own store (e.g. cloud-ui's VueUse `useDark`). When bound, the switch only reads and writes this value and leaves the `dark` class and localStorage to the app. */
+    "dark"?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "set:theme": (theme: "light" | "dark") => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "update:dark": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onSet:theme"?: ((theme: "light" | "dark") => any) | undefined;
+    "onUpdate:dark"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     display: "icons" | "labels" | "toggle";
     defaultMode: ColorMode;

package/dist/lib/components/AcThemeMode.vue_vue_type_script_setup_true_lang.js

@@ -1,92 +1,103 @@
 import { useColorMode as e } from "../composables/useColorMode.js";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onBeforeUnmount as l, openBlock as u, ref as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, watch as g } from "vue";
-import { Monitor as _, Moon as v, Sun as y } from "@lucide/vue";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useModel as v, watch as y } from "vue";
+import { Monitor as b, Moon as x, Sun as S } from "@lucide/vue";
 //#region src/lib/components/AcThemeMode.vue?vue&type=script&setup=true&lang.ts
-var b = ["aria-checked", "title"], x = {
+var C = ["aria-checked", "title"], w = {
 	key: 1,
 	role: "radiogroup",
 	"aria-label": "Theme",
 	class: "inline-flex items-center gap-1 rounded-10 bg-surface-sunken p-1",
 	"data-ac-ds": "",
 	"data-testid": "ac-theme-mode"
-}, S = [
+}, T = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], C = { key: 0 }, w = /*@__PURE__*/ s({
+], E = { key: 0 }, D = /*@__PURE__*/ c({
 	__name: "AcThemeMode",
-	props: {
+	props: /*@__PURE__*/ l({
 		defaultMode: { default: "light" },
 		display: { default: "icons" }
-	},
-	emits: ["set:theme"],
-	setup(s, { emit: w }) {
-		let T = s, E = w, D = [
+	}, {
+		dark: {
+			type: Boolean,
+			default: void 0
+		},
+		darkModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l(["set:theme"], ["update:dark"]),
+	setup(c, { emit: l }) {
+		let D = c, O = v(c, "dark"), k = l, A = [
 			{
 				value: "light",
 				label: "Light",
-				icon: y
+				icon: S
 			},
 			{
 				value: "dark",
 				label: "Dark",
-				icon: v
+				icon: x
 			},
 			{
 				value: "system",
 				label: "System",
-				icon: _
+				icon: b
 			}
-		], { mode: O, isDark: k, setMode: A } = e({ defaultMode: T.defaultMode }), j = d(k.value), M;
-		function N(e) {
-			A(e), E("set:theme", k.value ? "dark" : "light");
+		], j = O.value === void 0 ? e({ defaultMode: D.defaultMode }) : null, M = n(() => j ? j.isDark.value : !!O.value), N = n(() => j ? j.mode.value : O.value ? "dark" : "light"), P = p(M.value), F;
+		function I(e) {
+			if (j) {
+				j.setMode(e), k("set:theme", M.value ? "dark" : "light");
+				return;
+			}
+			let t = e === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches : e === "dark";
+			O.value = t, k("set:theme", t ? "dark" : "light");
 		}
-		function P() {
-			j.value = !j.value, clearTimeout(M), M = setTimeout(() => {
-				M = void 0, N(j.value ? "dark" : "light");
+		function L() {
+			P.value = !P.value, clearTimeout(F), F = setTimeout(() => {
+				F = void 0, I(P.value ? "dark" : "light");
 			}, 200);
 		}
-		return g(k, (e) => {
-			M === void 0 && (j.value = e);
-		}), l(() => clearTimeout(M)), (e, l) => s.display === "toggle" ? (u(), i("button", {
+		return y(M, (e) => {
+			F === void 0 && (P.value = e);
+		}), d(() => clearTimeout(F)), (e, n) => c.display === "toggle" ? (f(), a("button", {
 			key: 0,
 			type: "button",
 			role: "switch",
-			"aria-checked": j.value,
+			"aria-checked": P.value,
 			"aria-label": "Dark mode",
-			title: j.value ? "Switch to light mode" : "Switch to dark mode",
+			title: P.value ? "Switch to light mode" : "Switch to dark mode",
 			class: "relative inline-flex h-8 w-16 shrink-0 cursor-pointer items-center justify-center rounded-full border border-border focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:outline-none",
 			"data-ac-ds": "",
 			"data-testid": "ac-theme-mode",
-			onClick: P
+			onClick: L
 		}, [
-			a("span", {
-				class: c(["inline-flex transition-[translate,rotate,opacity] duration-500 ease-[cubic-bezier(0.26,2,0.46,0.71)] motion-reduce:transition-none", j.value ? "translate-x-[10px] rotate-0 opacity-0" : "translate-x-[3px] rotate-[15deg] opacity-100"]),
+			o("span", {
+				class: u(["inline-flex transition-[translate,rotate,opacity] duration-500 ease-[cubic-bezier(0.26,2,0.46,0.71)] motion-reduce:transition-none", P.value ? "translate-x-[10px] rotate-0 opacity-0" : "translate-x-[3px] rotate-[15deg] opacity-100"]),
 				"aria-hidden": "true"
-			}, [o(h(y), { class: "size-[19px] text-theme-sun" })], 2),
-			a("span", {
-				class: c(["size-[21px] shrink-0 rounded-full inset-ring-2 transition-[translate,background-color] duration-500 ease-[cubic-bezier(0.26,2,0.46,0.71)] motion-reduce:transition-none", j.value ? "-translate-x-[14px] bg-theme-moon inset-ring-white" : "translate-x-4 bg-theme-sun-soft inset-ring-theme-sun"]),
+			}, [s(_(S), { class: "size-[19px] text-theme-sun" })], 2),
+			o("span", {
+				class: u(["size-[21px] shrink-0 rounded-full inset-ring-2 transition-[translate,background-color] duration-500 ease-[cubic-bezier(0.26,2,0.46,0.71)] motion-reduce:transition-none", P.value ? "-translate-x-[14px] bg-theme-moon inset-ring-white" : "translate-x-4 bg-theme-sun-soft inset-ring-theme-sun"]),
 				"aria-hidden": "true"
 			}, null, 2),
-			a("span", {
-				class: c(["inline-flex transition-[translate,rotate,opacity] duration-500 ease-[cubic-bezier(0.26,2.5,0.46,0.71)] motion-reduce:transition-none", j.value ? "-translate-x-[3px] -rotate-[15deg] opacity-100" : "-translate-x-2 rotate-0 opacity-0"]),
+			o("span", {
+				class: u(["inline-flex transition-[translate,rotate,opacity] duration-500 ease-[cubic-bezier(0.26,2.5,0.46,0.71)] motion-reduce:transition-none", P.value ? "-translate-x-[3px] -rotate-[15deg] opacity-100" : "-translate-x-2 rotate-0 opacity-0"]),
 				"aria-hidden": "true"
-			}, [o(h(v), { class: "size-[21px] text-heading" })], 2)
-		], 8, b)) : (u(), i("div", x, [(u(), i(t, null, f(D, (e) => a("button", {
+			}, [s(_(x), { class: "size-[21px] text-heading" })], 2)
+		], 8, C)) : (f(), a("div", w, [(f(), a(t, null, m(A, (e) => o("button", {
 			key: e.value,
 			type: "button",
 			role: "radio",
-			"aria-checked": h(O) === e.value,
-			"aria-label": s.display === "icons" ? `${e.label} theme` : void 0,
-			title: s.display === "icons" ? `${e.label} theme` : void 0,
-			class: c(["inline-flex h-7 cursor-pointer items-center justify-center gap-1.5 rounded-8 text-base font-medium transition-[background-color,color,box-shadow] duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset focus-visible:outline-none", [s.display === "icons" ? "w-7" : "px-3", h(O) === e.value ? "bg-surface text-heading shadow-sm" : "text-muted hover:text-heading"]]),
-			onClick: (t) => N(e.value)
-		}, [(u(), n(p(e.icon), {
+			"aria-checked": N.value === e.value,
+			"aria-label": c.display === "icons" ? `${e.label} theme` : void 0,
+			title: c.display === "icons" ? `${e.label} theme` : void 0,
+			class: u(["inline-flex h-7 cursor-pointer items-center justify-center gap-1.5 rounded-8 text-base font-medium transition-[background-color,color,box-shadow] duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset focus-visible:outline-none", [c.display === "icons" ? "w-7" : "px-3", N.value === e.value ? "bg-surface text-heading shadow-sm" : "text-muted hover:text-heading"]]),
+			onClick: (t) => I(e.value)
+		}, [(f(), r(h(e.icon), {
 			class: "size-4",
 			"aria-hidden": "true"
-		})), s.display === "labels" ? (u(), i("span", C, m(e.label), 1)) : r("", !0)], 10, S)), 64))]));
+		})), c.display === "labels" ? (f(), a("span", E, g(e.label), 1)) : i("", !0)], 10, T)), 64))]));
 	}
 });
 //#endregion
-export { w as default };
+export { D as default };

package/dist/lib/components/AcTimePicker.vue.d.ts

@@ -27,8 +27,17 @@ export interface Props {
     size?: "small" | "normal";
     /** Adds a hidden input with this name so plain form posts include the value. */
     name?: string;
+    /** Draws the hour and minute columns in place, with no field, popover or border. Each click updates `v-model` at once. */
+    inline?: boolean;
 }
 type __VLS_Props = Props;
+type __VLS_Slots = {
+    /** Content before the label text, such as a 14px icon. */
+    "label-icon"?: () => unknown;
+    /** Content after the label text, such as "(Optional)" or an info tooltip. */
+    "label-extra"?: () => unknown;
+};
+declare function scrollToSelected(): Promise<void>;
 type __VLS_ModelProps = {
     /** `"14:05"`, or `"14:05:30"` with `show-seconds`, always 24-hour. `null` when empty. */
     modelValue?: string | null;
@@ -36,9 +45,11 @@ type __VLS_ModelProps = {
     "open"?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    /** Moves focus to the field. */
-    focus: () => void | undefined;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    /** Moves focus to the field, or to the hours column when `inline`. */
+    focus: () => void;
+    /** Scrolls each column to its selected value. Call it when an `inline` picker becomes visible, e.g. on a tab switch. */
+    scrollToSelected: typeof scrollToSelected;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => any;
     "update:open": (value: boolean) => any;
@@ -54,6 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     size: "small" | "normal";
     hint: string;
+    inline: boolean;
     placeholder: string;
     clearable: boolean;
     errorMsg: string;
@@ -61,5 +73,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     hourCycle: 12 | 24;
     minuteStep: number;
 }, {}, {}, {}, 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;
+    };
+};