@robuust-digital/vue-components 2.1.0 → 2.2.0-rc.0

package/dist/core.d.ts

@@ -0,0 +1,27 @@
+import { default as Accordion } from './components/Accordion.vue';
+import { default as Alert } from './components/Alert.vue';
+import { default as Badge } from './components/Badge.vue';
+import { default as ButtonBase } from './components/ButtonBase.vue';
+import { default as Checkbox } from './components/Checkbox.vue';
+import { default as DataTable } from './components/DataTable.vue';
+import { default as EmptyState } from './components/EmptyState.vue';
+import { default as FormInput } from './components/FormInput.vue';
+import { default as FormSelect } from './components/FormSelect.vue';
+import { default as FormTextarea } from './components/FormTextarea.vue';
+import { default as Pagination } from './components/Pagination.vue';
+import { default as Radio } from './components/Radio.vue';
+import { default as Tabs } from './components/Tabs.vue';
+export type { AccordionProps, AccordionItem } from './components/Accordion.vue';
+export type { AlertProps, AlertType } from './components/Alert.vue';
+export type { BadgeProps, BadgeColor, BadgeSize } from './components/Badge.vue';
+export type { ButtonProps } from './components/ButtonBase.vue';
+export type { CheckboxProps, CheckboxModelValue } from './components/Checkbox.vue';
+export type { DataTableProps, DataTableHeader, DataTableItem, DataTableSortBy, DataTablePagination, } from './components/DataTable.vue';
+export type { EmptyStateProps } from './components/EmptyState.vue';
+export type { FormInputProps, FormInputModelValue, FormInputSize } from './components/FormInput.vue';
+export type { FormSelectProps, FormSelectModelValue, FormSelectSize, FormSelectOption, } from './components/FormSelect.vue';
+export type { FormTextareaProps, FormTextareaSize } from './components/FormTextarea.vue';
+export type { PaginationProps, PaginationData, PaginationLink } from './components/Pagination.vue';
+export type { RadioProps, RadioModelValue } from './components/Radio.vue';
+export type { TabsProps, TabItem, TabStyle } from './components/Tabs.vue';
+export { Accordion, Alert, Badge, ButtonBase, Checkbox, DataTable, EmptyState, FormInput, FormSelect, FormTextarea, Pagination, Radio, Tabs, };

package/dist/dialogs/index.js

@@ -1,218 +1,6 @@
-import { createBlock as u, openBlock as c, unref as t, withCtx as d, createVNode as i, withModifiers as E, createElementVNode as a, normalizeClass as f, createElementBlock as b, renderSlot as s, createCommentVNode as y, createTextVNode as L, toDisplayString as T } from "vue";
-import { TransitionRoot as F, Dialog as N, TransitionChild as p, DialogPanel as V, DialogTitle as g } from "@headlessui/vue";
-import { _ as k } from "../_shared/ButtonBase-DfkwHIhN.js";
-import { u as R } from "../_shared/Modal-Bw2sID1x.js";
-import { _ as Y } from "../_shared/Modal-Bw2sID1x.js";
-import { r as C } from "../_shared/XMarkIcon-90mcPzBs.js";
-const q = {
-  class: "rvc-drawer-presentation",
-  role: "presentation"
-}, A = { class: "rvc-drawer-container" }, H = { class: "rvc-drawer-inner" }, I = { class: "rvc-drawer-panel-inner" }, M = { class: "rvc-drawer-header-inner" }, z = { class: "rvc-drawer-close-wrapper" }, P = ["id"], j = {
-  key: 2,
-  class: "rvc-drawer-footer"
-}, U = {
-  __name: "Drawer",
-  props: {
-    as: {
-      type: String,
-      default: "form"
-    },
-    id: {
-      type: String,
-      required: !0
-    },
-    title: {
-      type: String,
-      required: !0
-    },
-    showClose: {
-      type: Boolean
-    },
-    scrolledDown: {
-      type: Boolean
-    },
-    headerSticky: {
-      type: Boolean
-    },
-    spinning: {
-      type: Boolean
-    },
-    submitLabel: {
-      type: String,
-      default: "Save"
-    },
-    cancelLabel: {
-      type: String,
-      default: "Cancel"
-    },
-    panelClass: {
-      type: String,
-      default: "rvc-drawer-panel-max-width"
-    },
-    resetHeader: {
-      type: Boolean
-    },
-    resetFooter: {
-      type: Boolean
-    }
-  },
-  emits: ["drawer:open", "drawer:opened", "drawer:close", "drawer:save", "drawer:closed"],
-  setup(e, { emit: $ }) {
-    const l = $, S = e, {
-      contentRef: B,
-      ready: v,
-      isForm: h,
-      titleId: w,
-      descriptionId: m,
-      initialFocusElement: D
-    } = R(S);
-    return (o, r) => (c(), u(t(F), { as: "template" }, {
-      default: d(() => [
-        i(t(N), {
-          as: e.as,
-          class: "rvc-drawer",
-          static: "",
-          "aria-modal": "true",
-          role: "dialog",
-          "initial-focus": t(D),
-          "aria-labelledby": t(w),
-          onClose: r[6] || (r[6] = (n) => o.$emit("drawer:close")),
-          onSubmit: r[7] || (r[7] = E((n) => l("drawer:save", n), ["prevent"]))
-        }, {
-          default: d(() => [
-            i(t(p), {
-              as: "template",
-              enter: "rvc-drawer-backdrop-transition-enter",
-              "enter-from": "rvc-drawer-backdrop-transition-enter-from",
-              "enter-to": "rvc-drawer-backdrop-transition-enter-to",
-              leave: "rvc-drawer-backdrop-transition-leave",
-              "leave-from": "rvc-drawer-backdrop-transition-leave-from",
-              "leave-to": "rvc-drawer-backdrop-transition-leave-to",
-              onBeforeEnter: r[0] || (r[0] = (n) => l("drawer:open")),
-              onAfterEnter: r[1] || (r[1] = (n) => l("drawer:opened"))
-            }, {
-              default: d(() => r[8] || (r[8] = [
-                a("div", {
-                  class: "rvc-drawer-backdrop",
-                  "aria-hidden": "true"
-                }, null, -1)
-              ])),
-              _: 1,
-              __: [8]
-            }),
-            a("div", q, [
-              a("div", A, [
-                a("div", H, [
-                  i(t(p), {
-                    as: "template",
-                    enter: "rvc-drawer-transition-enter",
-                    "enter-from": "rvc-drawer-transition-enter-from",
-                    "enter-to": "rvc-drawer-transition-enter-to",
-                    leave: "rvc-drawer-transition-leave",
-                    "leave-from": "rvc-drawer-transition-leave-from",
-                    "leave-to": "rvc-drawer-transition-leave-to",
-                    onBeforeEnter: r[4] || (r[4] = (n) => v.value = !0),
-                    onAfterLeave: r[5] || (r[5] = (n) => (v.value = !1, l("drawer:closed")))
-                  }, {
-                    default: d(() => [
-                      i(t(V), {
-                        class: f(["rvc-drawer-panel", e.panelClass]),
-                        "aria-busy": e.spinning,
-                        "aria-describedby": t(m)
-                      }, {
-                        default: d(() => [
-                          a("div", I, [
-                            e.resetHeader ? s(o.$slots, "header", { key: 1 }) : (c(), b("header", {
-                              key: 0,
-                              class: f([{ "rvc-drawer-header-sticky": e.headerSticky }, "rvc-drawer-header"])
-                            }, [
-                              s(o.$slots, "header", {
-                                title: e.title,
-                                showClose: e.showClose
-                              }, () => [
-                                a("div", M, [
-                                  s(o.$slots, "title", {
-                                    id: t(w),
-                                    dialogTitle: t(g),
-                                    title: e.title
-                                  }, () => [
-                                    i(t(g), {
-                                      id: t(w),
-                                      class: "rvc-drawer-title"
-                                    }, {
-                                      default: d(() => [
-                                        L(T(e.title), 1)
-                                      ]),
-                                      _: 1
-                                    }, 8, ["id"])
-                                  ]),
-                                  e.showClose ? s(o.$slots, "close", {
-                                    key: 0,
-                                    icon: t(C),
-                                    emitClose: () => l("drawer:close")
-                                  }, () => [
-                                    a("div", z, [
-                                      a("button", {
-                                        type: "button",
-                                        class: "rvc-drawer-close",
-                                        "aria-label": "Close panel",
-                                        onClick: r[2] || (r[2] = (n) => l("drawer:close"))
-                                      }, [
-                                        i(t(C), { "aria-hidden": "true" })
-                                      ])
-                                    ])
-                                  ]) : y("", !0)
-                                ])
-                              ])
-                            ], 2)),
-                            a("div", {
-                              class: f([{ "rvc-drawer-scroll-reverse": e.scrolledDown }, "rvc-drawer-scroll"])
-                            }, [
-                              a("div", {
-                                id: t(m),
-                                ref_key: "contentRef",
-                                ref: B,
-                                class: "rvc-drawer-content"
-                              }, [
-                                s(o.$slots, "default", { ready: t(v) })
-                              ], 8, P)
-                            ], 2),
-                            e.resetFooter ? s(o.$slots, "footer", { key: 3 }) : (c(), b("footer", j, [
-                              s(o.$slots, "footer", { loading: e.spinning }, () => [
-                                i(k, {
-                                  type: "button",
-                                  label: e.cancelLabel,
-                                  color: "light",
-                                  onClick: r[3] || (r[3] = (n) => l("drawer:close"))
-                                }, null, 8, ["label"]),
-                                t(h) ? (c(), u(k, {
-                                  key: 0,
-                                  type: "submit",
-                                  label: e.submitLabel,
-                                  spinning: e.spinning,
-                                  disabled: e.spinning
-                                }, null, 8, ["label", "spinning", "disabled"])) : y("", !0)
-                              ])
-                            ]))
-                          ])
-                        ]),
-                        _: 3
-                      }, 8, ["class", "aria-busy", "aria-describedby"])
-                    ]),
-                    _: 3
-                  })
-                ])
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["as", "initial-focus", "aria-labelledby"])
-      ]),
-      _: 3
-    }));
-  }
-};
+import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DT6tBBZ7.js";
+import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js";
 export {
-  U as Drawer,
-  Y as Modal
+  a as Drawer,
+  f as Modal
 };

package/dist/dialogs.d.ts

@@ -0,0 +1,5 @@
+import { default as Drawer } from './components/Drawer.vue';
+import { default as Modal } from './components/Modal.vue';
+export type { DrawerProps } from './components/Drawer.vue';
+export type { ModalProps } from './components/Modal.vue';
+export { Drawer, Modal };

package/dist/dropdown/index.js

@@ -1,133 +1,5 @@
-import { createElementBlock as w, openBlock as r, createElementVNode as C, createBlock as l, unref as n, normalizeClass as u, withCtx as a, renderSlot as s, createVNode as i, mergeProps as f, Transition as B, Fragment as M, renderList as $, resolveDynamicComponent as m, createCommentVNode as A, createTextVNode as D, toDisplayString as L } from "vue";
-import { Menu as N, MenuButton as v, MenuItems as S, MenuItem as p } from "@headlessui/vue";
-import { _ as V } from "../_shared/ButtonBase-DfkwHIhN.js";
-function x(t, c) {
-  return r(), w("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    C("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
-  ]);
-}
-const T = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Dropdown",
-  props: {
-    items: {
-      type: Array,
-      required: !0,
-      default: () => []
-    },
-    alignLeft: {
-      type: Boolean,
-      default: !1
-    },
-    fullWidth: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: "Options"
-    },
-    rootClass: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["dropdown:click"],
-  setup(t, { emit: c }) {
-    const b = c, g = (o) => {
-      const {
-        as: h,
-        bindAs: e,
-        event: d,
-        icon: y,
-        name: I,
-        ...k
-      } = o;
-      return k;
-    };
-    return (o, h) => (r(), l(n(N), {
-      as: "div",
-      class: u(["rvc-dropdown", t.rootClass])
-    }, {
-      default: a(() => [
-        s(o.$slots, "button", {
-          label: t.label,
-          button: n(v)
-        }, () => [
-          i(n(v), f({
-            as: V,
-            label: t.label,
-            color: "light",
-            icon: n(x),
-            "icon-left": t.alignLeft
-          }, o.$attrs), null, 16, ["label", "icon", "icon-left"])
-        ]),
-        i(B, {
-          "enter-active-class": "rvc-dropdown-transition-enter",
-          "enter-from-class": "rvc-dropdown-transition-enter-from",
-          "enter-to-class": "rvc-dropdown-transition-enter-to",
-          "leave-active-class": "rvc-dropdown-transition-leave",
-          "leave-from-class": "rvc-dropdown-transition-leave-from",
-          "leave-to-class": "rvc-dropdown-transition-leave-to"
-        }, {
-          default: a(() => [
-            i(n(S), {
-              class: u([
-                "rvc-dropdown-items",
-                {
-                  "rvc-dropdown-items-left": t.alignLeft,
-                  "rvc-dropdown-items-full": t.fullWidth
-                }
-              ])
-            }, {
-              default: a(() => [
-                s(o.$slots, "items", {
-                  items: t.items,
-                  menuItem: n(p)
-                }, () => [
-                  (r(!0), w(M, null, $(t.items, (e, d) => (r(), l(n(p), {
-                    key: `${d}-dropdown-item`,
-                    as: "template"
-                  }, {
-                    default: a(() => [
-                      s(o.$slots, "item", { item: e }, () => [
-                        (r(), l(m(e.as ? e.as : "button"), f({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(e), {
-                          as: e.bindAs ? e.bindAs : void 0,
-                          onClick: (y) => (b("dropdown:click", e), e.event ? e.event() : null)
-                        }), {
-                          default: a(() => [
-                            e.icon ? (r(), l(m(e.icon), {
-                              key: 0,
-                              class: "rvc-dropdown-item-icon"
-                            })) : A("", !0),
-                            D(" " + L(e.name), 1)
-                          ]),
-                          _: 2
-                        }, 1040, ["as", "onClick"]))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024))), 128))
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"])
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
+import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-D5vTFLkq.js";
 export {
-  T as Dropdown,
-  T as default
+  o as Dropdown,
+  o as default
 };

package/dist/dropdown.d.ts

@@ -0,0 +1,4 @@
+import { default as Dropdown } from './components/Dropdown.vue';
+export type { DropdownProps, DropdownItem } from './components/Dropdown.vue';
+export { Dropdown };
+export default Dropdown;

package/dist/index/index.js

@@ -0,0 +1,35 @@
+import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-CsGx6wBK.js";
+import { _ as d } from "../_shared/ChevronDownIcon-DaaXfD3C.js";
+import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
+import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-D1vKMJok.js";
+import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DT6tBBZ7.js";
+import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js";
+import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-D5vTFLkq.js";
+import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-CvN-2WJt.js";
+import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Bs4WdJhA.js";
+import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-FEeRXoIx.js";
+import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js";
+export {
+  r as Accordion,
+  t as Alert,
+  d as Badge,
+  n as ButtonBase,
+  e as Checkbox,
+  g as Combobox,
+  s as DataTable,
+  B as Drawer,
+  A as Dropdown,
+  m as EmptyState,
+  h as FormInput,
+  p as FormSelect,
+  x as FormTextarea,
+  E as Lightswitch,
+  F as Modal,
+  f as Pagination,
+  _ as Radio,
+  S as RichTextEditor,
+  i as Tabs,
+  y as Toast,
+  L as Tooltip
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './core';
+export * from './combobox';
+export * from './dialogs';
+export * from './dropdown';
+export * from './lightswitch';
+export * from './rich-text-editor';
+export * from './toast';
+export * from './tooltip';

package/dist/lightswitch/index.js

@@ -1,49 +1,5 @@
-import { computed as n, createBlock as o, openBlock as r, unref as a, withCtx as s, createVNode as p, createCommentVNode as h, mergeProps as f, createElementVNode as g, renderSlot as w } from "vue";
-import { SwitchGroup as V, Switch as v, SwitchLabel as b } from "@headlessui/vue";
-const k = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "Lightswitch",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(u, { emit: i }) {
-    const d = u, c = i, l = n({
-      get: () => d.modelValue,
-      set: (e) => c("update:modelValue", e)
-    });
-    return (e, t) => (r(), o(a(V), {
-      as: "div",
-      class: "rvc-lightswitch-group"
-    }, {
-      default: s(() => [
-        p(a(v), f({
-          modelValue: l.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (m) => l.value = m),
-          class: [{ "rvc-lightswitch-enabled": l.value }, "rvc-lightswitch"]
-        }, e.$attrs), {
-          default: s(() => t[1] || (t[1] = [
-            g("span", { class: "rvc-lightswitch-toggle" }, null, -1)
-          ])),
-          _: 1,
-          __: [1]
-        }, 16, ["modelValue", "class"]),
-        e.$slots.default ? (r(), o(a(b), { key: 0 }, {
-          default: s(() => [
-            w(e.$slots, "default")
-          ]),
-          _: 3
-        })) : h("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
+import { _ as s } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-CvN-2WJt.js";
 export {
-  k as Lightswitch,
-  k as default
+  s as Lightswitch,
+  s as default
 };

package/dist/lightswitch.d.ts

@@ -0,0 +1,4 @@
+import { default as Lightswitch } from './components/Lightswitch.vue';
+export type { LightswitchProps } from './components/Lightswitch.vue';
+export { Lightswitch };
+export default Lightswitch;