@indielayer/ui 1.5.2 → 1.6.0

package/lib/components/datepicker/Datepicker.vue.js

@@ -0,0 +1,328 @@
+import { defineComponent as C, ref as i, openBlock as I, createElementBlock as P, normalizeStyle as T, unref as l, normalizeClass as R, createVNode as s, withCtx as d, withKeys as u, withModifiers as j, createSlots as F, renderList as A, renderSlot as z, normalizeProps as L, guardReactiveProps as q } from "vue";
+import { useMutationObserver as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useCommon as V } from "../../composables/useCommon.js";
+import { useInputtable as m } from "../../composables/useInputtable.js";
+import { useInteractive as G } from "../../composables/useInteractive.js";
+import { useTheme as Y } from "../../composables/useTheme.js";
+import W from "../input/Input.vue.js";
+import E from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.0.0_vue@3.3.9/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
+import "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.0.0_vue@3.3.9/node_modules/@vuepic/vue-datepicker/dist/main.css.js";
+const K = {
+  multiCalendars: { type: [Boolean, Number, String, Object], default: void 0 },
+  modelValue: { type: [String, Date, Array, Object, Number], default: null },
+  modelType: { type: String, default: null },
+  position: { type: String, default: "center" },
+  dark: { type: Boolean, default: !1 },
+  format: {
+    type: [String, Function],
+    default: () => null
+  },
+  autoPosition: { type: Boolean, default: !0 },
+  altPosition: { type: Function, default: null },
+  transitions: { type: [Boolean, Object], default: !0 },
+  formatLocale: { type: Object, default: null },
+  utc: { type: [Boolean, String], default: !1 },
+  ariaLabels: { type: Object, default: () => ({}) },
+  offset: { type: [Number, String], default: 10 },
+  hideNavigation: { type: Array, default: () => [] },
+  timezone: { type: [String, Object], default: null },
+  emitTimezone: { type: String, default: null },
+  vertical: { type: Boolean, default: !1 },
+  disableMonthYearSelect: { type: Boolean, default: !1 },
+  disableYearSelect: { type: Boolean, default: !1 },
+  menuClassName: { type: String, default: null },
+  dayClass: { type: Function, default: null },
+  yearRange: { type: Array, default: () => [1900, 2100] },
+  calendarCellClassName: { type: String, default: null },
+  enableTimePicker: { type: Boolean, default: !0 },
+  autoApply: { type: Boolean, default: !1 },
+  disabledDates: { type: [Array, Function], default: () => [] },
+  monthNameFormat: { type: String, default: "short" },
+  startDate: { type: [Date, String], default: null },
+  startTime: { type: [Object, Array], default: null },
+  hideOffsetDates: { type: Boolean, default: !1 },
+  autoRange: { type: [Number, String], default: null },
+  noToday: { type: Boolean, default: !1 },
+  disabledWeekDays: { type: Array, default: () => [] },
+  allowedDates: { type: Array, default: null },
+  nowButtonLabel: { type: String, default: "Now" },
+  markers: { type: Array, default: () => [] },
+  escClose: { type: Boolean, default: !0 },
+  spaceConfirm: { type: Boolean, default: !0 },
+  monthChangeOnArrows: { type: Boolean, default: !0 },
+  presetDates: { type: Array, default: () => [] },
+  flow: { type: Array, default: () => [] },
+  partialFlow: { type: Boolean, default: !1 },
+  preventMinMaxNavigation: { type: Boolean, default: !1 },
+  minRange: { type: [Number, String], default: null },
+  maxRange: { type: [Number, String], default: null },
+  multiDatesLimit: { type: [Number, String], default: null },
+  reverseYears: { type: Boolean, default: !1 },
+  weekPicker: { type: Boolean, default: !1 },
+  filters: { type: Object, default: () => ({}) },
+  arrowNavigation: { type: Boolean, default: !1 },
+  disableTimeRangeValidation: { type: Boolean, default: !1 },
+  highlight: {
+    type: [Function, Object],
+    default: null
+  },
+  teleport: { type: [String, Boolean, Object], default: null },
+  teleportCenter: { type: Boolean, default: !1 },
+  locale: { type: String, default: "en-Us" },
+  weekNumName: { type: String, default: "W" },
+  weekStart: { type: [Number, String], default: 1 },
+  weekNumbers: {
+    type: [String, Function, Object],
+    default: null
+  },
+  calendarClassName: { type: String, default: null },
+  monthChangeOnScroll: { type: [Boolean, String], default: !0 },
+  dayNames: {
+    type: [Function, Array],
+    default: null
+  },
+  monthPicker: { type: Boolean, default: !1 },
+  customProps: { type: Object, default: null },
+  yearPicker: { type: Boolean, default: !1 },
+  modelAuto: { type: Boolean, default: !1 },
+  selectText: { type: String, default: "Select" },
+  cancelText: { type: String, default: "Cancel" },
+  previewFormat: {
+    type: [String, Function],
+    default: () => ""
+  },
+  multiDates: { type: Boolean, default: !1 },
+  partialRange: { type: Boolean, default: !0 },
+  ignoreTimeValidation: { type: Boolean, default: !1 },
+  minDate: { type: [Date, String], default: null },
+  maxDate: { type: [Date, String], default: null },
+  minTime: { type: Object, default: null },
+  maxTime: { type: Object, default: null },
+  placeholder: { type: String, default: "" },
+  hideInputIcon: { type: Boolean, default: !1 },
+  clearable: { type: Boolean, default: !0 },
+  state: { type: Boolean, default: null },
+  required: { type: Boolean, default: !1 },
+  autocomplete: { type: String, default: "off" },
+  inputClassName: { type: String, default: null },
+  fixedStart: { type: Boolean, default: !1 },
+  fixedEnd: { type: Boolean, default: !1 },
+  timePicker: { type: Boolean, default: !1 },
+  enableSeconds: { type: Boolean, default: !1 },
+  is24: { type: Boolean, default: !0 },
+  noHoursOverlay: { type: Boolean, default: !1 },
+  noMinutesOverlay: { type: Boolean, default: !1 },
+  noSecondsOverlay: { type: Boolean, default: !1 },
+  hoursGridIncrement: { type: [String, Number], default: 1 },
+  minutesGridIncrement: { type: [String, Number], default: 5 },
+  secondsGridIncrement: { type: [String, Number], default: 5 },
+  hoursIncrement: { type: [Number, String], default: 1 },
+  minutesIncrement: { type: [Number, String], default: 1 },
+  secondsIncrement: { type: [Number, String], default: 1 },
+  range: { type: [Boolean, Object], default: !1 },
+  uid: { type: String, default: null },
+  inline: { type: [Boolean, Object], default: !1 },
+  textInput: { type: [Boolean, Object], default: !1 },
+  noDisabledRange: { type: Boolean, default: !1 },
+  sixWeeks: { type: [Boolean, String], default: !1 },
+  actionRow: { type: Object, default: () => ({}) },
+  focusStartDate: { type: Boolean, default: !1 },
+  disabledTimes: { type: [Function, Array], default: void 0 },
+  showLastInRange: { type: Boolean, default: !0 },
+  timePickerInline: { type: Boolean, default: !1 },
+  calendar: { type: Function, default: null },
+  config: { type: Object, default: void 0 },
+  quarterPicker: { type: Boolean, default: !1 },
+  yearFirst: { type: Boolean, default: !1 }
+}, $ = {
+  ...V.props(),
+  ...G.props(),
+  ...m.props(),
+  ...K
+}, H = {
+  name: "XDatepicker"
+}, ne = /* @__PURE__ */ C({
+  ...H,
+  props: $,
+  emits: m.emits(),
+  setup(p, { expose: f, emit: y }) {
+    const c = p, g = y, t = i(null);
+    function b(e) {
+      g("update:modelValue", e), setTimeout(n);
+    }
+    function h() {
+      var e;
+      (e = t.value) == null || e.blur();
+    }
+    function k() {
+      var e;
+      (e = t.value) == null || e.focus();
+    }
+    function n() {
+      var e;
+      (e = t.value) == null || e.validate();
+    }
+    const a = document == null ? void 0 : document.querySelector("html"), o = i((a == null ? void 0 : a.classList.contains("dark")) ?? !1);
+    M(a, (e) => {
+      e[0] && e[0].attributeName === "class" && (o.value = (a == null ? void 0 : a.classList.contains("dark")) ?? !1);
+    }, {
+      attributes: !0
+    }), f({ focus: k, blur: h, validate: n });
+    const { styles: v, classes: w, className: S } = Y("Datepicker", {}, c);
+    return (e, U) => (I(), P("div", {
+      style: T(l(v)),
+      class: R([
+        l(S),
+        l(w).wrapper
+      ])
+    }, [
+      s(l(E), {
+        "model-value": e.modelValue,
+        "multi-calendars": e.multiCalendars,
+        "model-type": e.modelType,
+        position: e.position,
+        dark: o.value,
+        format: e.format,
+        "auto-position": e.autoPosition,
+        "alt-position": e.altPosition,
+        transitions: e.transitions,
+        "format-locale": e.formatLocale,
+        utc: e.utc,
+        "aria-labels": e.ariaLabels,
+        offset: e.offset,
+        "hide-navigation": e.hideNavigation,
+        timezone: e.timezone,
+        "emit-timezone": e.emitTimezone,
+        vertical: e.vertical,
+        "disable-month-year-select": e.disableMonthYearSelect,
+        "disable-year-select": e.disableYearSelect,
+        "menu-class-name": e.menuClassName,
+        "day-class": e.dayClass,
+        "year-range": e.yearRange,
+        "calendar-cell-class-name": e.calendarCellClassName,
+        "enable-time-picker": e.enableTimePicker,
+        "auto-apply": e.autoApply,
+        "disabled-dates": e.disabledDates,
+        "month-name-format": e.monthNameFormat,
+        "start-date": e.startDate,
+        "start-time": e.startTime,
+        "hide-offset-dates": e.hideOffsetDates,
+        "auto-range": e.autoRange,
+        "no-today": e.noToday,
+        "disabled-week-days": e.disabledWeekDays,
+        "allowed-dates": e.allowedDates,
+        "now-button-label": e.nowButtonLabel,
+        markers: e.markers,
+        "esc-close": e.escClose,
+        "space-confirm": e.spaceConfirm,
+        "month-change-on-arrows": e.monthChangeOnArrows,
+        "preset-dates": e.presetDates,
+        flow: e.flow,
+        "partial-flow": e.partialFlow,
+        "prevent-min-max-navigation": e.preventMinMaxNavigation,
+        "min-range": e.minRange,
+        "max-range": e.maxRange,
+        "multi-dates-limit": e.multiDatesLimit,
+        "reverse-years": e.reverseYears,
+        "week-picker": e.weekPicker,
+        filters: e.filters,
+        "arrow-navigation": e.arrowNavigation,
+        "disable-time-range-validation": e.disableTimeRangeValidation,
+        highlight: e.highlight,
+        teleport: e.teleport,
+        "teleport-center": e.teleportCenter,
+        locale: e.locale,
+        "week-num-name": e.weekNumName,
+        "week-start": e.weekStart,
+        "week-numbers": e.weekNumbers,
+        "calendar-class-name": e.calendarClassName,
+        "month-change-on-scroll": e.monthChangeOnScroll,
+        "day-names": e.dayNames,
+        "month-picker": e.monthPicker,
+        "custom-props": e.customProps,
+        "year-picker": e.yearPicker,
+        "model-auto": e.modelAuto,
+        "select-text": e.selectText,
+        "cancel-text": e.cancelText,
+        "preview-format": e.previewFormat,
+        "multi-dates": e.multiDates,
+        "partial-range": e.partialRange,
+        "ignore-time-validation": e.ignoreTimeValidation,
+        "min-date": e.minDate,
+        "max-date": e.maxDate,
+        placeholder: e.placeholder,
+        "hide-input-icon": e.hideInputIcon,
+        clearable: e.clearable,
+        state: e.state,
+        required: e.required,
+        autocomplete: e.autocomplete,
+        "input-class-name": e.inputClassName,
+        "fixed-start": e.fixedStart,
+        "fixed-end": e.fixedEnd,
+        "time-picker": e.timePicker,
+        "enable-seconds": e.enableSeconds,
+        "no-hours-overlay": e.noHoursOverlay,
+        "no-minutes-overlay": e.noMinutesOverlay,
+        "no-seconds-overlay": e.noSecondsOverlay,
+        "hours-grid-increment": e.hoursGridIncrement,
+        "minutes-grid-increment": e.minutesGridIncrement,
+        "seconds-grid-increment": e.secondsGridIncrement,
+        "hours-increment": e.hoursIncrement,
+        "minutes-increment": e.minutesIncrement,
+        "seconds-increment": e.secondsIncrement,
+        range: e.range,
+        uid: e.uid,
+        inline: e.inline,
+        "text-input": e.textInput,
+        "no-disabled-range": e.noDisabledRange,
+        "six-weeks": e.sixWeeks,
+        "action-row": e.actionRow,
+        "focus-start-date": e.focusStartDate,
+        "disabled-times": e.disabledTimes,
+        "show-last-in-range": e.showLastInRange,
+        "time-picker-inline": e.timePickerInline,
+        calendar: e.calendar,
+        config: e.config,
+        "quarter-picker": e.quarterPicker,
+        "year-first": e.yearFirst,
+        "onUpdate:modelValue": b
+      }, {
+        "dp-input": d(({ value: B, onEnter: N, onTab: O }) => [
+          s(W, {
+            ref_key: "inputRef",
+            ref: t,
+            readonly: "",
+            "model-value": B,
+            label: e.label,
+            size: e.size,
+            disabled: e.disabled,
+            helper: e.helper,
+            "icon-right": "calendar",
+            loading: e.loading,
+            name: e.name,
+            rules: e.rules,
+            tooltip: e.tooltip,
+            placeholder: e.placeholder,
+            required: e.required,
+            "hide-footer": e.hideFooter,
+            onKeydown: [
+              u(j(N, ["prevent"]), ["enter"]),
+              u(O, ["tab"])
+            ]
+          }, F({ _: 2 }, [
+            A(e.$slots, (X, r) => ({
+              name: r,
+              fn: d((D = {}) => [
+                z(e.$slots, r, L(q(D)))
+              ])
+            }))
+          ]), 1032, ["model-value", "label", "size", "disabled", "helper", "loading", "name", "rules", "tooltip", "placeholder", "required", "hide-footer", "onKeydown"])
+        ]),
+        _: 3
+      }, 8, ["model-value", "multi-calendars", "model-type", "position", "dark", "format", "auto-position", "alt-position", "transitions", "format-locale", "utc", "aria-labels", "offset", "hide-navigation", "timezone", "emit-timezone", "vertical", "disable-month-year-select", "disable-year-select", "menu-class-name", "day-class", "year-range", "calendar-cell-class-name", "enable-time-picker", "auto-apply", "disabled-dates", "month-name-format", "start-date", "start-time", "hide-offset-dates", "auto-range", "no-today", "disabled-week-days", "allowed-dates", "now-button-label", "markers", "esc-close", "space-confirm", "month-change-on-arrows", "preset-dates", "flow", "partial-flow", "prevent-min-max-navigation", "min-range", "max-range", "multi-dates-limit", "reverse-years", "week-picker", "filters", "arrow-navigation", "disable-time-range-validation", "highlight", "teleport", "teleport-center", "locale", "week-num-name", "week-start", "week-numbers", "calendar-class-name", "month-change-on-scroll", "day-names", "month-picker", "custom-props", "year-picker", "model-auto", "select-text", "cancel-text", "preview-format", "multi-dates", "partial-range", "ignore-time-validation", "min-date", "max-date", "placeholder", "hide-input-icon", "clearable", "state", "required", "autocomplete", "input-class-name", "fixed-start", "fixed-end", "time-picker", "enable-seconds", "no-hours-overlay", "no-minutes-overlay", "no-seconds-overlay", "hours-grid-increment", "minutes-grid-increment", "seconds-grid-increment", "hours-increment", "minutes-increment", "seconds-increment", "range", "uid", "inline", "text-input", "no-disabled-range", "six-weeks", "action-row", "focus-start-date", "disabled-times", "show-last-in-range", "time-picker-inline", "calendar", "config", "quarter-picker", "year-first"])
+    ], 6));
+  }
+});
+export {
+  ne as default
+};

package/lib/components/datepicker/Datepicker.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/lib/components/datepicker/Datepicker.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Datepicker.vue.js";
+import "./Datepicker.vue2.js";
+export {
+  o as default
+};

package/lib/components/datepicker/__tests__/Datepicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/datepicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XDatepicker } from './Datepicker.vue';
+export type { DatepickerProps, DatepickerTheme } from './Datepicker.vue';

package/lib/components/datepicker/theme/Datepicker.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { DatepickerTheme } from '../Datepicker.vue';
+declare const theme: DatepickerTheme;
+export default theme;

package/lib/components/datepicker/theme/Datepicker.base.theme.js

@@ -0,0 +1,65 @@
+const d = {
+  classes: {
+    wrapper: ""
+  },
+  styles({ props: p, colors: n, css: a, data: r }) {
+    const i = n.getPalette("primary"), e = n.getPalette("secondary"), t = [`
+    /*General*/
+    --dp-font-family: Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;
+    "Helvetica Neue", sans-serif;
+    --dp-border-radius: 8px; /*Configurable border-radius*/
+    --dp-cell-border-radius: 8px; /*Specific border radius for the calendar cell*/
+    --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/
+
+    /*Sizing*/
+    --dp-button-height: 35px; /*Size for buttons in overlays*/
+    --dp-month-year-row-height: 35px; /*Height of the month-year select row*/
+    --dp-month-year-row-button-size: 35px; /*Specific height for the next/previous buttons*/
+    --dp-button-icon-height: 20px; /*Icon sizing in buttons*/
+    --dp-cell-size: 35px; /*Width and height of calendar cell*/
+    --dp-cell-padding: 5px; /*Padding in the cell*/
+    --dp-common-padding: 10px; /*Common padding used*/
+    --dp-input-icon-padding: 35px; /*Padding on the left side of the input if icon is present*/
+    --dp-input-padding: 6px 30px 6px 12px; /*Padding in the input*/
+    --dp-menu-min-width: 260px; /*Adjust the min width of the menu*/
+    --dp-action-buttons-padding: 12px; /*Adjust padding for the action buttons in action row*/
+    --dp-row-margin:  5px 0; /*Adjust the spacing between rows in the calendar*/
+    --dp-calendar-header-cell-padding:  0.5rem; /*Adjust padding in calendar header cells*/
+    --dp-two-calendars-spacing:  10px; /*Space between multiple calendars*/
+    --dp-overlay-col-padding:  3px; /*Padding in the overlay column*/
+    --dp-time-inc-dec-button-size:  32px; /*Sizing for arrow buttons in the time picker*/
+    --dp-menu-padding: 6px 8px; /*Menu padding*/
+
+    /*Font sizes*/
+    --dp-font-size: 0.875rem; /*Default font-size*/
+    --dp-preview-font-size: 0.8rem; /*Font size of the date preview in the action row*/
+    --dp-time-font-size: 0.8rem; /*Font size in the time picker*/
+
+    /*Transitions*/
+    --dp-animation-duration: 0.1s; /*Transition duration*/
+    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); /*Timing on menu appear animation*/
+    --dp-transition-timing: ease-out; /*Timing on slide animations*/
+  `];
+    return t.push(a.variables({
+      bg: "#fff",
+      text: e[800],
+      disabled: e[800],
+      range: e[200],
+      icon: e[500],
+      primary: i[500],
+      border: e[100],
+      dark: {
+        bg: e[800],
+        text: e[100],
+        disabled: e[700],
+        range: e[600],
+        icon: e[200],
+        primary: i[500],
+        border: e[700]
+      }
+    })), t;
+  }
+}, o = d;
+export {
+  o as default
+};

package/lib/components/datepicker/theme/Datepicker.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { DatepickerTheme } from '../Datepicker.vue';
+declare const theme: DatepickerTheme;
+export default theme;

package/lib/components/datepicker/theme/Datepicker.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Datepicker.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/drawer/Drawer.vue.js

@@ -18,7 +18,7 @@ const ee = {
   },
   width: {
     type: [String, Number],
-    default: 320
+    default: 220
   },
   height: {
     type: [String, Number],

package/lib/components/drawer/theme/Drawer.base.theme.js

@@ -1,6 +1,6 @@
 const e = {
   classes: {
-    wrapper: "flex flex-col max-h-full bg-white dark:bg-secondary-800",
+    wrapper: "flex flex-col max-h-full bg-white dark:bg-secondary-800 transition-all",
     backdrop: "duration-150 ease-in-out"
   }
 }, a = e;

package/lib/components/formGroup/FormGroup.vue.js

@@ -1,83 +1,89 @@
-import { defineComponent as C, computed as k, provide as q, openBlock as p, createBlock as m, mergeProps as B, unref as o, toHandlers as N, withCtx as $, createElementVNode as w, normalizeClass as A, renderSlot as E, createCommentVNode as P } from "vue";
+import { defineComponent as K, computed as k, provide as q, openBlock as m, createBlock as d, mergeProps as w, unref as o, toHandlers as B, withKeys as N, withCtx as $, createElementVNode as A, normalizeClass as E, renderSlot as O, createCommentVNode as P } from "vue";
 import { useTheme as j } from "../../composables/useTheme.js";
 import { useInteractive as z } from "../../composables/useInteractive.js";
-import { useInputtable as l } from "../../composables/useInputtable.js";
+import { useInputtable as a } from "../../composables/useInputtable.js";
 import { injectFormGroupKey as H } from "../../composables/keys.js";
-import K from "../label/Label.vue.js";
-import O from "../inputFooter/InputFooter.vue.js";
-const S = {
+import S from "../label/Label.vue.js";
+import T from "../inputFooter/InputFooter.vue.js";
+const X = {
   ...z.props(),
-  ...l.props(),
+  ...a.props(),
   vertical: {
     type: Boolean,
     default: !1
   }
-}, T = {
+}, D = {
   name: "XFormGroup"
-}, U = /* @__PURE__ */ C({
-  ...T,
-  props: S,
-  emits: l.emits(),
-  setup(d, { expose: f, emit: c }) {
-    const r = d, t = [], V = k(() => typeof r.modelValue == "string" || typeof r.modelValue == "number" || Array.isArray(r.modelValue) ? r.modelValue : "");
+}, Y = /* @__PURE__ */ K({
+  ...D,
+  props: X,
+  emits: a.emits(),
+  setup(f, { expose: c, emit: V }) {
+    const r = f, t = [], y = k(() => typeof r.modelValue == "string" || typeof r.modelValue == "number" || Array.isArray(r.modelValue) ? r.modelValue : "");
     q(H, {
       registerInputGroup: (e, s) => {
         t.push({ name: e, focus: s });
       },
       unregisterInputGroup: (e) => {
-        const s = t.findIndex((_) => _.name === e);
+        const s = t.findIndex((C) => C.name === e);
         t.splice(s, 1);
       },
       setValue: (e) => {
         n("update:modelValue", e);
       },
       isInsideFormGroup: !0,
-      value: V
+      value: y
     });
     function i() {
       var e;
       (e = t[0]) == null || e.focus();
     }
-    const n = c, {
-      errorInternal: a,
-      isInsideForm: y,
-      isFirstValidation: b,
+    const n = V, {
+      errorInternal: u,
+      isInsideForm: v,
+      isFirstValidation: p,
       reset: h,
-      validate: u,
-      setError: v
-    } = l(r, { focus: i, emit: n }), I = {
+      validate: l,
+      setError: I
+    } = a(r, { focus: i, emit: n }), b = {
       change: (e) => {
-        r.validateOnInput && !b.value && u(r.modelValue);
+        r.validateOnInput && !p.value && l(r.modelValue);
       }
-    }, { styles: F, classes: G, className: g } = j("FormGroup", {}, r, { errorInternal: a });
-    return f({ focus: i, blur, reset: h, validate: u, setError: v }), (e, s) => (p(), m(K, B({
+    };
+    function F() {
+      r.validateOnInput && !p.value && l(r.modelValue);
+    }
+    const { styles: G, classes: g, className: _ } = j("FormGroup", {}, r, { errorInternal: u });
+    return c({ focus: i, blur, reset: h, validate: l, setError: I }), (e, s) => (m(), d(S, w({
       tag: "fieldset",
-      style: o(F),
+      style: o(G),
       disabled: e.disabled,
       required: e.required,
-      "is-inside-form": o(y),
+      "is-inside-form": o(v),
       label: e.label,
       class: [
-        o(g)
+        o(_)
       ],
       tooltip: e.tooltip
-    }, N(I)), {
+    }, B(b), {
+      onKeyup: N(F, ["space"])
+    }), {
       default: $(() => [
-        w("div", {
-          class: A(o(G).wrapper)
+        A("div", {
+          class: E(o(g).wrapper)
         }, [
-          E(e.$slots, "default")
+          O(e.$slots, "default")
         ], 2),
-        e.hideFooter ? P("", !0) : (p(), m(O, {
+        e.hideFooter ? P("", !0) : (m(), d(T, {
           key: 0,
-          error: o(a),
+          error: o(u),
           helper: e.helper
         }, null, 8, ["error", "helper"]))
       ]),
       _: 3
-    }, 16, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
+    }, 16, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip", "onKeyup"]));
   }
 });
 export {
-  U as default
+  Y as default
 };

package/lib/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './card';
 export * from './carousel';
 export * from './checkbox';
 export * from './container';
+export * from './datepicker';
 export * from './divider';
 export * from './drawer';
 export * from './form';
@@ -25,6 +26,7 @@ export * from './notifications';
 export * from './pagination';
 export * from './popover';
 export * from './progress';
+export * from './qrCode';
 export * from './radio';
 export * from './scroll';
 export * from './select';