@ulu/frontend-vue 0.5.16 → 0.6.0

package/dist/components/forms/UluFormLabel.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    id: string;
+    required: boolean;
+    labelHidden: boolean;
+    $props: {
+        readonly id?: string | undefined;
+        readonly required?: boolean | undefined;
+        readonly labelHidden?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+//# sourceMappingURL=UluFormLabel.vue.d.ts.map

package/dist/components/forms/UluFormLabel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluFormLabel.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormLabel.vue"],"names":[],"mappings":"AAQA;wBAgHqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;wPAQG"}

package/dist/components/forms/UluFormLabel.vue.js

@@ -0,0 +1,34 @@
+import { createElementBlock as o, openBlock as r, normalizeClass as t, renderSlot as a, createBlock as n, createCommentVNode as d } from "vue";
+import i from "./UluFormRequiredChar.vue.js";
+const c = ["for"], f = {
+  __name: "UluFormLabel",
+  props: {
+    /**
+     * The ID of the input this label is associated with.
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * If true, the label will be visually hidden.
+     */
+    labelHidden: Boolean,
+    /**
+     * If true, appends the required character.
+     */
+    required: Boolean
+  },
+  setup(e) {
+    return (l, s) => (r(), o("label", {
+      for: e.id,
+      class: t({ "hidden-visually": e.labelHidden })
+    }, [
+      a(l.$slots, "default"),
+      e.required ? (r(), n(i, { key: 0 })) : d("", !0)
+    ], 10, c));
+  }
+};
+export {
+  f as default
+};

package/dist/components/forms/UluFormRadio.vue.d.ts

@@ -1,29 +1,11 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import('vue').DefineComponent<{}, {
+declare const _default: import('vue').DefineComponent<{}, {
     $emit: (event: "update:modelValue", ...args: any[]) => void;
-    required: boolean;
-    modelValue?: string | number | undefined;
-    value?: string | number | undefined;
-    label?: string | undefined;
-    name?: string | undefined;
+    modelValue?: string | number | boolean | undefined;
+    value?: string | number | boolean | undefined;
     $props: {
-        readonly required?: boolean | undefined;
-        readonly modelValue?: string | number | undefined;
-        readonly value?: string | number | undefined;
-        readonly label?: string | undefined;
-        readonly name?: string | undefined;
-    };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-type __VLS_TemplateResult = {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+        readonly modelValue?: string | number | boolean | undefined;
+        readonly value?: string | number | boolean | undefined;
     };
-    refs: {};
-    rootEl: any;
-};
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
+export default _default;
 //# sourceMappingURL=UluFormRadio.vue.d.ts.map

package/dist/components/forms/UluFormRadio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluFormRadio.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormRadio.vue"],"names":[],"mappings":"AAgBA;wBAwJqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;2OAQG"}
+{"version":3,"file":"UluFormRadio.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormRadio.vue"],"names":[],"mappings":"AASA;"}

package/dist/components/forms/UluFormRadio.vue.js

@@ -1,52 +1,26 @@
-import { createElementBlock as u, openBlock as a, Fragment as d, createElementVNode as n, unref as o, renderSlot as m, createTextVNode as i, createBlock as c, createCommentVNode as f, toDisplayString as s } from "vue";
-import { newId as g } from "../../utils/dom.js";
-import v from "./UluFormRequiredChar.vue.js";
-const V = ["id", "name", "value", "checked", "required"], k = ["for"], h = {
+import { inject as a, computed as n, createElementBlock as r, openBlock as m, mergeProps as d } from "vue";
+const i = ["value", "checked"], v = {
   __name: "UluFormRadio",
   props: {
-    /**
-     * The label for the radio button.
-     */
-    label: String,
     /**
      * The value of the selected radio button in the group (for v-model).
      */
-    modelValue: [String, Number],
+    modelValue: [String, Number, Boolean],
     /**
      * The value of this radio button.
      */
-    value: [String, Number],
-    /**
-     * The name of the radio button group.
-     */
-    name: String,
-    /**
-     * If true, the field will be required.
-     */
-    required: Boolean
+    value: [String, Number, Boolean]
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = g();
-    return (l, r) => (a(), u(d, null, [
-      n("input", {
-        type: "radio",
-        id: o(t),
-        name: e.name,
-        value: e.value,
-        checked: e.modelValue === e.value,
-        onChange: r[0] || (r[0] = (S) => l.$emit("update:modelValue", e.value)),
-        required: e.required
-      }, null, 40, V),
-      n("label", { for: o(t) }, [
-        m(l.$slots, "default", {}, () => [
-          i(s(e.label), 1),
-          e.required ? (a(), c(v, { key: 0 })) : f("", !0)
-        ])
-      ], 8, k)
-    ], 64));
+    const t = a("uluFormFieldAttrs", null), u = n(() => t ? t.value : {});
+    return (o, l) => (m(), r("input", d({ type: "radio" }, u.value, {
+      value: e.value,
+      checked: e.modelValue === e.value,
+      onChange: l[0] || (l[0] = (c) => o.$emit("update:modelValue", e.value))
+    }), null, 16, i));
   }
 };
 export {
-  h as default
+  v as default
 };

package/dist/components/forms/UluFormSelect.vue.d.ts

@@ -1,29 +1,13 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import('vue').DefineComponent<{}, {
+declare const _default: import('vue').DefineComponent<{}, {
     $emit: (event: "update:modelValue", ...args: any[]) => void;
-    required: boolean;
-    labelHidden: boolean;
-    modelValue?: string | undefined;
-    label?: string | undefined;
+    placeholder: string | boolean;
+    modelValue?: string | number | unknown[] | undefined;
     options?: unknown[] | undefined;
     $props: {
-        readonly required?: boolean | undefined;
-        readonly labelHidden?: boolean | undefined;
-        readonly modelValue?: string | undefined;
-        readonly label?: string | undefined;
+        readonly placeholder?: string | boolean | undefined;
+        readonly modelValue?: string | number | unknown[] | undefined;
         readonly options?: unknown[] | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-type __VLS_TemplateResult = {
-    attrs: Partial<{}>;
-    slots: {
-        label?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSelectElement>;
+export default _default;
 //# sourceMappingURL=UluFormSelect.vue.d.ts.map

package/dist/components/forms/UluFormSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormSelect.vue"],"names":[],"mappings":"AAkBA;wBAoKqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;2OAQG"}
+{"version":3,"file":"UluFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormSelect.vue"],"names":[],"mappings":"AAkBA;"}

package/dist/components/forms/UluFormSelect.vue.js

@@ -1,61 +1,42 @@
-import { createElementBlock as r, openBlock as o, Fragment as i, createElementVNode as a, unref as u, normalizeClass as c, renderSlot as f, createTextVNode as v, createBlock as b, createCommentVNode as V, toDisplayString as s, renderList as g } from "vue";
-import { newId as k } from "../../utils/dom.js";
-import p from "./UluFormRequiredChar.vue.js";
-const q = ["for"], y = ["id", "value", "required"], B = ["value"], x = {
+import { inject as i, computed as c, createElementBlock as l, openBlock as o, mergeProps as m, createCommentVNode as p, toDisplayString as n, Fragment as v, renderList as f } from "vue";
+const g = ["value"], y = {
+  key: 0,
+  disabled: "",
+  value: ""
+}, h = ["value"], V = {
   __name: "UluFormSelect",
   props: {
-    /**
-     * The label for the select input.
-     */
-    label: String,
     /**
      * The value of the select input (for v-model).
      */
-    modelValue: String,
+    modelValue: [String, Number, Array],
     /**
      * An array of options for the select input. Each option should be an object with `value` and `text` properties.
      */
     options: Array,
     /**
-     * If true, the label will be visually hidden.
-     */
-    labelHidden: Boolean,
-    /**
-     * If true, the field will be required.
+     * The text for the default disabled option. Pass false to hide it.
      */
-    required: Boolean
+    placeholder: {
+      type: [String, Boolean],
+      default: "Please select one"
+    }
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = k();
-    return (d, l) => (o(), r(i, null, [
-      a("label", {
-        class: c({ "hidden-visually": e.labelHidden }),
-        for: u(n)
-      }, [
-        f(d.$slots, "label", {}, () => [
-          v(s(e.label), 1),
-          e.required ? (o(), b(p, { key: 0 })) : V("", !0)
-        ])
-      ], 10, q),
-      a("select", {
-        id: u(n),
-        value: e.modelValue,
-        onInput: l[0] || (l[0] = (t) => d.$emit("update:modelValue", t.target.value)),
-        required: e.required
-      }, [
-        l[1] || (l[1] = a("option", {
-          disabled: "",
-          value: ""
-        }, "Please select one", -1)),
-        (o(!0), r(i, null, g(e.options, (t, m) => (o(), r("option", {
-          key: m,
-          value: t.value
-        }, s(t.text), 9, B))), 128))
-      ], 40, y)
-    ], 64));
+    const a = i("uluFormFieldAttrs", null), u = c(() => a ? a.value : {});
+    return (s, r) => (o(), l("select", m(u.value, {
+      value: e.modelValue,
+      onInput: r[0] || (r[0] = (t) => s.$emit("update:modelValue", t.target.value))
+    }), [
+      e.placeholder !== !1 ? (o(), l("option", y, n(e.placeholder || "Please select one"), 1)) : p("", !0),
+      (o(!0), l(v, null, f(e.options, (t, d) => (o(), l("option", {
+        key: d,
+        value: t.value
+      }, n(t.text), 9, h))), 128))
+    ], 16, g));
   }
 };
 export {
-  x as default
+  V as default
 };

package/dist/components/forms/UluFormText.vue.d.ts

@@ -1,27 +1,9 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import('vue').DefineComponent<{}, {
+declare const _default: import('vue').DefineComponent<{}, {
     $emit: (event: "update:modelValue", ...args: any[]) => void;
-    required: boolean;
-    labelHidden: boolean;
-    modelValue?: string | undefined;
-    label?: string | undefined;
+    modelValue?: string | number | undefined;
     $props: {
-        readonly required?: boolean | undefined;
-        readonly labelHidden?: boolean | undefined;
-        readonly modelValue?: string | undefined;
-        readonly label?: string | undefined;
-    };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-type __VLS_TemplateResult = {
-    attrs: Partial<{}>;
-    slots: {
-        label?(_: {}): any;
+        readonly modelValue?: string | number | undefined;
     };
-    refs: {};
-    rootEl: any;
-};
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
+export default _default;
 //# sourceMappingURL=UluFormText.vue.d.ts.map

package/dist/components/forms/UluFormText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluFormText.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormText.vue"],"names":[],"mappings":"AAcA;wBA8IqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;2OAQG"}
+{"version":3,"file":"UluFormText.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormText.vue"],"names":[],"mappings":"AAQA;"}

package/dist/components/forms/UluFormText.vue.js

@@ -1,49 +1,21 @@
-import { createElementBlock as i, openBlock as o, Fragment as u, createElementVNode as a, unref as n, normalizeClass as m, renderSlot as s, createTextVNode as c, createBlock as f, createCommentVNode as V, toDisplayString as b } from "vue";
-import { newId as p } from "../../utils/dom.js";
-import g from "./UluFormRequiredChar.vue.js";
-const q = ["for"], B = ["value", "id", "required"], S = {
+import { inject as n, computed as a, createElementBlock as m, openBlock as s, mergeProps as p } from "vue";
+const d = ["value"], c = {
   __name: "UluFormText",
   props: {
-    /**
-     * The label for the text input.
-     */
-    label: String,
     /**
      * The value of the text input (for v-model).
      */
-    modelValue: String,
-    /**
-     * If true, the label will be visually hidden.
-     */
-    labelHidden: Boolean,
-    /**
-     * If true, the field will be required.
-     */
-    required: Boolean
+    modelValue: [String, Number]
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    const l = p();
-    return (t, r) => (o(), i(u, null, [
-      a("label", {
-        class: m({ "hidden-visually": e.labelHidden }),
-        for: n(l)
-      }, [
-        s(t.$slots, "label", {}, () => [
-          c(b(e.label), 1),
-          e.required ? (o(), f(g, { key: 0 })) : V("", !0)
-        ])
-      ], 10, q),
-      a("input", {
-        type: "text",
-        value: e.modelValue,
-        onInput: r[0] || (r[0] = (d) => t.$emit("update:modelValue", d.target.value)),
-        id: n(l),
-        required: e.required
-      }, null, 40, B)
-    ], 64));
+  setup(l) {
+    const e = n("uluFormFieldAttrs", null), u = a(() => e ? e.value : {});
+    return (o, t) => (s(), m("input", p({ type: "text" }, u.value, {
+      value: l.modelValue,
+      onInput: t[0] || (t[0] = (r) => o.$emit("update:modelValue", r.target.value))
+    }), null, 16, d));
   }
 };
 export {
-  S as default
+  c as default
 };

package/dist/components/forms/UluFormTextarea.vue.d.ts

@@ -1,27 +1,9 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import('vue').DefineComponent<{}, {
+declare const _default: import('vue').DefineComponent<{}, {
     $emit: (event: "update:modelValue", ...args: any[]) => void;
-    required: boolean;
-    labelHidden: boolean;
-    modelValue?: string | undefined;
-    label?: string | undefined;
+    modelValue?: string | number | undefined;
     $props: {
-        readonly required?: boolean | undefined;
-        readonly labelHidden?: boolean | undefined;
-        readonly modelValue?: string | undefined;
-        readonly label?: string | undefined;
-    };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-type __VLS_TemplateResult = {
-    attrs: Partial<{}>;
-    slots: {
-        label?(_: {}): any;
+        readonly modelValue?: string | number | undefined;
     };
-    refs: {};
-    rootEl: any;
-};
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLTextAreaElement>;
+export default _default;
 //# sourceMappingURL=UluFormTextarea.vue.d.ts.map

package/dist/components/forms/UluFormTextarea.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluFormTextarea.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormTextarea.vue"],"names":[],"mappings":"AAaA;wBA4IqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;2OAQG"}
+{"version":3,"file":"UluFormTextarea.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluFormTextarea.vue"],"names":[],"mappings":"AAOA;"}

package/dist/components/forms/UluFormTextarea.vue.js

@@ -1,48 +1,21 @@
-import { createElementBlock as i, openBlock as a, Fragment as u, createElementVNode as o, unref as n, normalizeClass as m, renderSlot as s, createTextVNode as c, createBlock as f, createCommentVNode as V, toDisplayString as b } from "vue";
-import { newId as g } from "../../utils/dom.js";
-import q from "./UluFormRequiredChar.vue.js";
-const B = ["for"], k = ["value", "id", "required"], x = {
+import { inject as a, computed as n, createElementBlock as m, openBlock as s, mergeProps as d } from "vue";
+const p = ["value"], c = {
   __name: "UluFormTextarea",
   props: {
-    /**
-     * The label for the textarea.
-     */
-    label: String,
     /**
      * The value of the textarea (for v-model).
      */
-    modelValue: String,
-    /**
-     * If true, the label will be visually hidden.
-     */
-    labelHidden: Boolean,
-    /**
-     * If true, the field will be required.
-     */
-    required: Boolean
+    modelValue: [String, Number]
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    const l = g();
-    return (t, r) => (a(), i(u, null, [
-      o("label", {
-        class: m({ "hidden-visually": e.labelHidden }),
-        for: n(l)
-      }, [
-        s(t.$slots, "label", {}, () => [
-          c(b(e.label), 1),
-          e.required ? (a(), f(q, { key: 0 })) : V("", !0)
-        ])
-      ], 10, B),
-      o("textarea", {
-        value: e.modelValue,
-        onInput: r[0] || (r[0] = (d) => t.$emit("update:modelValue", d.target.value)),
-        id: n(l),
-        required: e.required
-      }, null, 40, k)
-    ], 64));
+  setup(l) {
+    const e = a("uluFormFieldAttrs", null), u = n(() => e ? e.value : {});
+    return (o, t) => (s(), m("textarea", d(u.value, {
+      value: l.modelValue,
+      onInput: t[0] || (t[0] = (r) => o.$emit("update:modelValue", r.target.value))
+    }), null, 16, p));
   }
 };
 export {
-  x as default
+  c as default
 };

package/dist/components/forms/UluSearchForm.vue.d.ts

@@ -1,8 +1,29 @@
-declare const _default: import('vue').DefineComponent<{}, {
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue" | "submit", ...args: any[]) => void;
+    modelValue: string;
     placeholder: string;
+    label: string;
+    submitButtonProps: Record<string, any>;
+    id?: string | undefined;
     $props: {
+        readonly modelValue?: string | undefined;
         readonly placeholder?: string | undefined;
+        readonly label?: string | undefined;
+        readonly submitButtonProps?: Record<string, any> | undefined;
+        readonly id?: string | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFormElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        submit?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
+};
 //# sourceMappingURL=UluSearchForm.vue.d.ts.map

package/dist/components/forms/UluSearchForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluSearchForm.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluSearchForm.vue"],"names":[],"mappings":"AAmBA;"}
+{"version":3,"file":"UluSearchForm.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/forms/UluSearchForm.vue"],"names":[],"mappings":"AAyBA;wBAiOqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAZjC;;;;;;;;;;;;;;uPASG"}

package/dist/components/forms/UluSearchForm.vue.js

@@ -1,36 +1,81 @@
-import { createElementBlock as o, openBlock as a, createElementVNode as e, createVNode as l } from "vue";
-import s from "../elements/UluIcon.vue.js";
-const c = { class: "form-theme search-form type-small" }, i = { class: "search-form__field" }, n = ["placeholder"], m = {
-  class: "search-form__submit button button--primary",
-  "aria-label": "Submit Search"
-}, h = {
+import { computed as d, createElementBlock as p, openBlock as m, withModifiers as c, createElementVNode as t, toDisplayString as f, renderSlot as h, createVNode as _, mergeProps as b } from "vue";
+import { newId as g } from "../../utils/dom.js";
+import S from "../elements/UluButton.vue.js";
+const y = { class: "input-group input-group--joined" }, v = { class: "input-group__item input-group__item--field" }, V = ["for"], B = ["id", "placeholder", "value"], k = { class: "input-group__item" }, $ = {
   __name: "UluSearchForm",
   props: {
+    /**
+     * The search input value (for v-model).
+     */
+    modelValue: {
+      type: String,
+      default: ""
+    },
     /**
      * The placeholder text for the search input.
      */
     placeholder: {
       type: String,
       default: "Titles, keyword…"
-    }
+    },
+    /**
+     * The visually hidden label for the search input.
+     */
+    label: {
+      type: String,
+      default: "Search"
+    },
+    /**
+     * Props to pass to the default UluButton component (used for submit button)
+     * - Alternately use 'submit' slot
+     */
+    submitButtonProps: {
+      type: Object,
+      default: () => ({
+        type: "submit",
+        primary: !0,
+        icon: "type:search",
+        ariaLabel: "Submit Search"
+      })
+    },
+    /**
+     * Optional ID for the input element. If not provided, a unique ID is generated.
+     */
+    id: String
   },
-  setup(r) {
-    return (p, t) => (a(), o("div", c, [
-      e("div", i, [
-        t[0] || (t[0] = e("label", { class: "hidden-visually" }, "Search", -1)),
-        e("input", {
-          class: "search-form__input",
-          type: "text",
-          id: "example-input",
-          placeholder: r.placeholder
-        }, null, 8, n)
-      ]),
-      e("button", m, [
-        l(s, { icon: "type:search" })
+  emits: ["update:modelValue", "submit"],
+  setup(e, { emit: r }) {
+    const o = e, a = r, i = d(() => o.id || g()), s = () => {
+      a("submit", o.modelValue);
+    };
+    return (l, u) => (m(), p("form", {
+      class: "form-theme",
+      onSubmit: c(s, ["prevent"])
+    }, [
+      t("div", y, [
+        t("div", v, [
+          t("label", {
+            for: i.value,
+            class: "hidden-visually"
+          }, f(e.label), 9, V),
+          t("input", {
+            type: "search",
+            id: i.value,
+            class: "input-group__input",
+            placeholder: e.placeholder,
+            value: e.modelValue,
+            onInput: u[0] || (u[0] = (n) => l.$emit("update:modelValue", n.target.value))
+          }, null, 40, B)
+        ]),
+        t("div", k, [
+          h(l.$slots, "submit", {}, () => [
+            _(S, b({ class: "input-group__button" }, e.submitButtonProps), null, 16)
+          ])
+        ])
       ])
-    ]));
+    ], 32));
   }
 };
 export {
-  h as default
+  $ as default
 };