@oneb/ui-vue 0.0.5

package/dist/form/index.js

@@ -0,0 +1,461 @@
+import { inject as I, computed as a, defineComponent as g, provide as O, openBlock as l, createElementBlock as n, withModifiers as A, renderSlot as B, unref as s, createTextVNode as P, toDisplayString as v, Fragment as F, renderList as $, createCommentVNode as b, createElementVNode as i, ref as C, onMounted as z, normalizeClass as h, createVNode as V, createBlock as k, resolveDynamicComponent as D } from "vue";
+const T = {
+  id: {
+    type: String,
+    required: !1
+  },
+  validation: {
+    type: Object,
+    required: !1
+  }
+}, G = {
+  id: {
+    type: String,
+    required: !1
+  },
+  label: {
+    type: String,
+    required: !1
+  },
+  name: {
+    type: String,
+    required: !1
+  },
+  hint: {
+    type: String,
+    required: !1,
+    default: ""
+  },
+  errors: {
+    type: Array,
+    required: !1
+  }
+}, H = {
+  name: {
+    type: String,
+    required: !1
+  },
+  errors: {
+    type: Array,
+    required: !1
+  }
+}, J = {
+  label: {
+    type: String,
+    required: !1
+  }
+}, K = {
+  id: {
+    type: String,
+    required: !1
+  },
+  name: {
+    type: String,
+    required: !1
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: [Function, Object]
+  },
+  type: {
+    type: String,
+    default: "text"
+  },
+  modelValue: {
+    required: !1,
+    type: [String, Number, Array, Boolean]
+  },
+  autofocus: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  readonly: {
+    type: Boolean,
+    default: !1
+  },
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  rounded: {
+    type: Boolean,
+    default: !1
+  },
+  large: {
+    type: Boolean,
+    default: !1
+  },
+  invalid: {
+    type: Boolean,
+    required: !1,
+    default: !1
+  },
+  options: {
+    type: Array,
+    required: !1,
+    default: []
+  }
+}, E = () => I(
+  "BaseForm",
+  () => ({
+    formId: a(() => {
+    }),
+    validation: a(() => {
+    })
+  }),
+  !0
+), _ = () => I(
+  "BaseFormField",
+  () => ({
+    inputId: a(() => {
+    }),
+    inputName: a(() => {
+    }),
+    hasError: a(() => !1)
+  }),
+  !0
+), Q = ["onSubmit", "id"], ge = /* @__PURE__ */ g({
+  __name: "OneForm",
+  props: T,
+  emits: ["submit"],
+  setup(u, { emit: r }) {
+    const o = u;
+    O("BaseForm", {
+      formId: a(() => o.id),
+      validation: a(() => o.validation)
+    });
+    const p = () => {
+      r("submit");
+    };
+    return (d, t) => (l(), n("form", {
+      onSubmit: A(p, ["prevent"]),
+      id: d.id,
+      class: "space-y-3"
+    }, [
+      B(d.$slots, "default")
+    ], 40, Q));
+  }
+}), R = ["for"], U = /* @__PURE__ */ g({
+  __name: "OneFormLabel",
+  props: J,
+  setup(u) {
+    const { inputId: r } = _();
+    return (o, p) => (l(), n("label", {
+      for: s(r),
+      class: "block text-sm font-medium text-primary-content select-none"
+    }, [
+      B(o.$slots, "default", {}, () => [
+        P(v(o.label), 1)
+      ])
+    ], 8, R));
+  }
+}), W = {
+  key: 0,
+  class: "text-danger-content text-xs space-y-1"
+}, X = /* @__PURE__ */ g({
+  __name: "OneFormFeedback",
+  props: H,
+  setup(u) {
+    const r = u, { validation: o } = E(), { inputName: p } = _(), d = a(() => p.value == null && r.name == null ? r.errors ?? [] : o.value == null ? r.errors ?? [] : (o.value ?? {})[r.name || p.value] ?? r.errors ?? []);
+    return (t, c) => d.value.length > 0 ? (l(), n("div", W, [
+      (l(!0), n(F, null, $(d.value, (f) => (l(), n("div", { key: f }, v(f), 1))), 128))
+    ])) : b("", !0);
+  }
+});
+function Y(u, r) {
+  return l(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    i("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
+    }),
+    i("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+    })
+  ]);
+}
+function Z(u, r) {
+  return l(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    i("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
+    })
+  ]);
+}
+function x(u, r) {
+  return l(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    i("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18L18 6M6 6l12 12"
+    })
+  ]);
+}
+function ee(u, r) {
+  return l(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    i("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+    })
+  ]);
+}
+const re = {
+  key: 0,
+  class: "w-full onebselect relative group"
+}, le = ["id", "disabled"], ne = ["selected"], oe = ["selected"], te = { class: "absolute p-2 px-3 rounded-md h-full flex items-center right-1 top-0 select-none pointer-events-none" }, ae = ["name", "id", "value", "placeholder", "disabled", "readonly"], se = {
+  key: 2,
+  class: "flex w-full space-x-3 items-center"
+}, de = ["type", "name", "id", "disabled", "readonly", "checked"], ie = ["for"], ue = {
+  key: 3,
+  class: "w-full space-y-1"
+}, pe = ["name", "id", "value", "disabled", "readonly", "checked"], ce = ["for"], me = {
+  key: 4,
+  class: "relative"
+}, fe = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, ye = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ve = /* @__PURE__ */ g({
+  __name: "OneFormInput",
+  props: K,
+  emits: ["update:modelValue"],
+  setup(u, { emit: r }) {
+    const o = u, { inputId: p, inputName: d, hasError: t } = _(), c = C(null), f = C(!1);
+    z(() => {
+      o.autofocus && c.value && c.value.focus();
+    });
+    const N = a(() => ["range", "number"].includes(o.type)), j = a(() => o.modelValue != null && o.modelValue !== ""), M = a(() => typeof o.modelValue == "string" ? o.modelValue : ""), y = a(() => o.id ? o.id : o.name ? `${p.value}-${o.name}` : p.value), L = () => {
+      r("update:modelValue", "");
+    }, w = (e) => {
+      o.type === "checkbox" ? r("update:modelValue", e.target.checked) : N.value ? r("update:modelValue", Number(e.target.value)) : r("update:modelValue", e.target.value);
+    };
+    return (e, S) => e.type === "select" ? (l(), n("div", re, [
+      i("select", {
+        id: y.value,
+        ref_key: "inputElement",
+        ref: c,
+        class: h(["border border-primary-stroke px-3 w-full", {
+          "border-danger-base": s(t) || e.invalid,
+          "text-secondary-content": e.modelValue === "" || e.modelValue == null,
+          "rounded-full": e.rounded,
+          "rounded-md": !e.rounded,
+          "text-lg": e.large,
+          "py-2.5": e.large,
+          "py-2": !e.large
+        }]),
+        disabled: e.disabled
+      }, [
+        e.placeholder ? (l(), n("option", {
+          key: 0,
+          selected: e.modelValue === "" || e.modelValue == null,
+          disabled: "",
+          hidden: ""
+        }, v(e.placeholder), 9, ne)) : b("", !0),
+        (l(!0), n(F, null, $(e.options, (m) => (l(), n("option", {
+          selected: m.key === e.modelValue,
+          key: m.key
+        }, v(m.value), 9, oe))), 128))
+      ], 10, le),
+      i("div", te, [
+        V(s(ee), {
+          class: h(["w-4 h-4 text-secondary-content", {
+            "group-hover:text-primary-base": !e.disabled,
+            "opacity-50": e.disabled
+          }])
+        }, null, 8, ["class"])
+      ])
+    ])) : e.type === "textarea" ? (l(), n("textarea", {
+      key: 1,
+      name: e.name || s(d),
+      id: y.value,
+      value: M.value,
+      onInput: w,
+      rows: "3",
+      class: h(["border border-primary-stroke px-3 w-full", {
+        "border-danger-base": s(t),
+        "rounded-3xl": e.rounded,
+        "rounded-md": !e.rounded,
+        "text-lg": e.large,
+        "py-2.5": e.large,
+        "py-2": !e.large
+      }]),
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      ref_key: "inputElement",
+      ref: c
+    }, null, 42, ae)) : e.type === "checkbox" ? (l(), n("div", se, [
+      i("input", {
+        type: e.type,
+        name: e.name || s(d),
+        id: y.value,
+        value: !0,
+        onInput: w,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        class: h(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
+          "border-danger-base": s(t) || e.invalid
+        }]),
+        checked: e.modelValue === !0,
+        ref_key: "inputElement",
+        ref: c
+      }, null, 42, de),
+      i("label", {
+        for: y.value,
+        class: "text-primary-content select-none"
+      }, v(e.placeholder), 9, ie)
+    ])) : e.type === "radio" ? (l(), n("div", ue, [
+      (l(!0), n(F, null, $(e.options, (m, q) => (l(), n("div", {
+        key: m.key,
+        class: "flex w-full space-x-3 items-center"
+      }, [
+        i("input", {
+          type: "radio",
+          name: e.name || s(d),
+          id: `${y.value}-${q}`,
+          value: m.key,
+          onInput: w,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          class: h(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
+            "border-danger-base": s(t) || e.invalid
+          }]),
+          checked: m.key === e.modelValue,
+          ref_for: !0,
+          ref_key: "inputElement",
+          ref: c
+        }, null, 42, pe),
+        i("label", {
+          for: `${y.value}-${q}`,
+          class: "text-primary-content select-none"
+        }, v(m.value), 9, ce)
+      ]))), 128))
+    ])) : (l(), n("div", me, [
+      i("div", fe, [
+        e.icon ? (l(), k(D(e.icon), {
+          key: 0,
+          class: "w-5 h-5 text-primary-content"
+        })) : b("", !0)
+      ]),
+      i("input", {
+        type: f.value ? "text" : e.type,
+        name: e.name || s(d),
+        id: y.value,
+        value: e.modelValue,
+        onInput: w,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        class: h(["border border-primary-stroke w-full px-3", {
+          "shadow-sm": e.type !== "range",
+          "border-danger-base": s(t) || e.invalid,
+          "pl-10": e.icon != null,
+          "pr-10": e.type === "password",
+          "rounded-full": e.rounded,
+          "rounded-md": !e.rounded,
+          "text-lg": e.large,
+          "py-2.5": e.large,
+          "py-2": !e.large
+        }]),
+        ref_key: "inputElement",
+        ref: c
+      }, null, 42, ye),
+      e.clearable && j.value ? (l(), n("div", {
+        key: 0,
+        onClick: L,
+        class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
+      }, [
+        V(s(x), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+      ])) : e.type === "password" ? (l(), n("div", {
+        key: 1,
+        onClick: S[0] || (S[0] = (m) => f.value = !f.value),
+        class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
+      }, [
+        f.value ? (l(), k(s(Z), {
+          key: 0,
+          class: "w-5 h-5 text-primary-content hover:text-primary-base"
+        })) : (l(), k(s(Y), {
+          key: 1,
+          class: "w-5 h-5 text-secondary-content hover:text-primary-base"
+        }))
+      ])) : b("", !0)
+    ]));
+  }
+});
+const he = { class: "space-y-1" }, be = {
+  key: 2,
+  class: "text-xs text-secondary-content select-none"
+}, we = /* @__PURE__ */ g({
+  __name: "OneFormField",
+  props: G,
+  setup(u) {
+    const r = u, { formId: o, validation: p } = E(), d = a(
+      () => r.errors != null && r.errors.length > 0 ? !0 : r.name == null ? !1 : (p.value ?? {})[r.name] != null
+    );
+    return O("BaseFormField", {
+      inputId: a(() => {
+        const t = o.value || "form";
+        if (r.id != null)
+          return `${t}-${r.id}`;
+        if (r.name != null)
+          return `${t}-field-${r.name}`;
+      }),
+      inputName: a(() => r.name),
+      hasError: d
+    }), (t, c) => (l(), n("div", he, [
+      t.label ? (l(), k(U, {
+        key: 0,
+        label: t.label
+      }, null, 8, ["label"])) : b("", !0),
+      B(t.$slots, "default", {}, () => [
+        V(ve)
+      ]),
+      d.value ? (l(), k(X, {
+        key: 1,
+        errors: t.errors
+      }, null, 8, ["errors"])) : t.hint.length > 0 ? (l(), n("p", be, v(t.hint), 1)) : b("", !0)
+    ]));
+  }
+});
+export {
+  ge as OneForm,
+  X as OneFormFeedback,
+  we as OneFormField,
+  ve as OneFormInput,
+  U as OneFormLabel
+};

package/dist/icons/outline/AcademicCapIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const AcademicCapIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default AcademicCapIcon;

package/dist/icons/outline/AcademicCapIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.697 50.697 0 0112 13.489a50.702 50.702 0 017.74-3.342M6.75 15a.75.75 0 100-1.5.75.75 0 000 1.5zm0 0v-3.675A55.378 55.378 0 0112 8.443m-7.007 11.55A5.981 5.981 0 006.75 15.75v-1.5"
+    })
+  ]))
+}

package/dist/icons/outline/AdjustmentsHorizontalIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const AdjustmentsHorizontalIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default AdjustmentsHorizontalIcon;

package/dist/icons/outline/AdjustmentsHorizontalIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"
+    })
+  ]))
+}

package/dist/icons/outline/AdjustmentsVerticalIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const AdjustmentsVerticalIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default AdjustmentsVerticalIcon;

package/dist/icons/outline/AdjustmentsVerticalIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 9.75V10.5"
+    })
+  ]))
+}

package/dist/icons/outline/ArchiveBoxArrowDownIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ArchiveBoxArrowDownIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ArchiveBoxArrowDownIcon;

package/dist/icons/outline/ArchiveBoxArrowDownIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0l-3-3m3 3l3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"
+    })
+  ]))
+}

package/dist/icons/outline/ArchiveBoxIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ArchiveBoxIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ArchiveBoxIcon;

package/dist/icons/outline/ArchiveBoxIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"
+    })
+  ]))
+}

package/dist/icons/outline/ArchiveBoxXMarkIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ArchiveBoxXMarkIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ArchiveBoxXMarkIcon;

package/dist/icons/outline/ArchiveBoxXMarkIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"
+    })
+  ]))
+}

package/dist/icons/outline/ArrowDownCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ArrowDownCircleIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ArrowDownCircleIcon;

package/dist/icons/outline/ArrowDownCircleIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9 12.75l3 3m0 0l3-3m-3 3v-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    })
+  ]))
+}

package/dist/icons/outline/ArrowDownIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ArrowDownIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ArrowDownIcon;

package/dist/icons/outline/ArrowDownIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3"
+    })
+  ]))
+}

package/dist/icons/outline/ArrowDownLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ArrowDownLeftIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ArrowDownLeftIcon;

package/dist/icons/outline/ArrowDownLeftIcon.js

@@ -0,0 +1,18 @@
+const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
+
+module.exports = function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    _createElementVNode("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M19.5 4.5l-15 15m0 0h11.25m-11.25 0V8.25"
+    })
+  ]))
+}