@7pmlabs/design-system 0.6.2 → 0.6.4

package/dist/design-system88.mjs

@@ -1,5 +1,145 @@
-import f from "./design-system46.mjs";
+import { defineComponent as I, ref as $, computed as l, watch as m, onMounted as M, openBlock as d, createElementBlock as n, createVNode as N, createElementVNode as f, renderSlot as b, createCommentVNode as u, normalizeClass as S, withKeys as w, createBlock as E, unref as x } from "vue";
+import z from "./design-system15.mjs";
+import { useValidationField as K } from "./design-system3.mjs";
+import D from "./design-system14.mjs";
+import { useI18n as U } from "./design-system49.mjs";
+import F from "./design-system104.mjs";
+import { SupportedLocale as A } from "./design-system5.mjs";
+import L from "./design-system98.mjs";
+const O = { class: "b-currency-field" }, j = { class: "ds-relative" }, G = {
+  key: 0,
+  class: "b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
+}, H = ["id", "autocomplete", "disabled", "placeholder", "readonly"], J = {
+  key: 1,
+  class: "b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
+}, oe = /* @__PURE__ */ I({
+  __name: "BCurrencyField",
+  props: {
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    modelValue: {},
+    label: { default: "" },
+    validationRules: { default: void 0 },
+    placeholder: { default: "" },
+    autocomplete: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    hideDetails: { type: Boolean, default: !1 },
+    locale: { default: A["vi-VN"] }
+  },
+  emits: ["press:enter", "update:modelValue"],
+  setup(v, { emit: k }) {
+    const s = v, i = k;
+    let o;
+    const { t: h } = U(), c = $(null), y = {
+      validateRule: (e) => !!(e && (e != null && e.trim())),
+      errorMessage: () => s.requiredErrorMessage || h("ds.global.field_required")
+    }, a = l(() => s.inputId || `id-${L()}`), t = l({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        i("update:modelValue", e);
+      }
+    }), g = l(() => [
+      {
+        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": s.disabled,
+        "ds-text-black/[0.85]": !s.disabled,
+        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !r.value.valid,
+        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": r.value.valid
+      },
+      s.inputCssClass
+    ]), _ = l(() => {
+      let e = [];
+      return s.required && e.push(y), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
+    }), V = l(
+      () => s.locale === "en-US" ? {
+        mask: "$num",
+        blocks: {
+          num: {
+            mask: Number,
+            thousandsSeparator: " "
+          }
+        }
+      } : [
+        { mask: "" },
+        {
+          mask: "num VND",
+          lazy: !1,
+          blocks: {
+            num: {
+              mask: Number,
+              thousandsSeparator: " "
+            }
+          }
+        }
+      ]
+    ), { validate: C, validationResult: r } = K(
+      a.value,
+      t,
+      _.value
+    );
+    m(
+      () => s.locale,
+      () => {
+        p();
+      }
+    ), m(
+      () => s.modelValue,
+      (e) => {
+        e != o.unmaskedValue && (o.unmaskedValue = e.toString());
+      }
+    );
+    const q = () => {
+      C();
+    }, B = () => {
+      i("press:enter");
+    }, R = () => {
+      t.value = typeof t.value == "number" ? +o.unmaskedValue : o.unmaskedValue;
+    }, p = () => {
+      o && o.destroy(), o = F(c.value, V.value), o.on("accept", R);
+    };
+    return M(() => {
+      p(), o.unmaskedValue = t.value.toString();
+    }), (e, P) => (d(), n("div", O, [
+      N(z, {
+        id: a.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      f("div", j, [
+        e.$slots.prependIcon ? (d(), n("div", G, [
+          b(e.$slots, "prependIcon", {}, void 0, !0)
+        ])) : u("", !0),
+        f("input", {
+          id: a.value,
+          ref_key: "inputRef",
+          ref: c,
+          autocomplete: s.autocomplete ? "on" : "off",
+          class: S([g.value, "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
+          disabled: s.disabled,
+          placeholder: s.placeholder,
+          readonly: s.readonly,
+          onKeyup: [
+            q,
+            w(B, ["enter"])
+          ]
+        }, null, 42, H),
+        e.$slots.appendIcon ? (d(), n("div", J, [
+          b(e.$slots, "appendIcon", {}, void 0, !0)
+        ])) : u("", !0)
+      ]),
+      e.hideDetails ? u("", !0) : (d(), E(D, {
+        key: 0,
+        "error-message": x(r).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ]));
+  }
+});
 export {
-  f as default
+  oe as default
 };
 //# sourceMappingURL=design-system88.mjs.map

package/dist/design-system88.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system88.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system88.mjs","sources":["../src/components/BCurrencyField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-5cbc4bba\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-currency-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\n\nimport BLabel from '@/components/BLabel.vue';\nimport type { ValidationRule } from '@/composables/Validation';\nimport { useValidationField } from '@/composables/Validation';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport { useI18n } from 'vue-i18n';\nimport IMask from '@/vendor/imask-7.1.3.js';\nimport { SupportedLocale } from '@/constants/Enums';\n\n//#region Props\nexport interface BCurrencyFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Value can be number or string\n   */\n  modelValue: number | string;\n  label?: string;\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  autocomplete?: boolean;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Locale of the currency\n   */\n  locale?: `${SupportedLocale}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCurrencyField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    hideDetails: { type: Boolean, default: false },\n    locale: { default: SupportedLocale['vi-VN'] }\n  },\n  emits: [\"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nlet mask: any;\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val?.trim()),\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst maskOptions = computed(() =>\n  props.locale === 'en-US'\n    ? {\n        mask: '$num',\n        blocks: {\n          num: {\n            mask: Number,\n            thousandsSeparator: ' ',\n          },\n        },\n      }\n    : [\n        { mask: '' },\n        {\n          mask: 'num VND',\n          lazy: false,\n          blocks: {\n            num: {\n              mask: Number,\n              thousandsSeparator: ' ',\n            },\n          },\n        },\n      ],\n);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.locale,\n  () => {\n    initMask();\n  },\n);\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val != mask.unmaskedValue) {\n      mask.unmaskedValue = val.toString();\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst onKeyUp = () => {\n  validate();\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onAccept = () => {\n  value.value =\n    typeof value.value === 'number' ? +mask.unmaskedValue : mask.unmaskedValue;\n};\nconst initMask = () => {\n  if (mask) {\n    mask.destroy();\n  }\n  mask = IMask(inputRef.value!, maskOptions.value);\n  mask.on('accept', onAccept);\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initMask();\n  mask.unmaskedValue = value.value.toString();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","SupportedLocale","__props","__emit","props","emit","mask","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","maskOptions","validate","useValidationField","watch","initMask","onKeyUp","onKeyUpEnter","onAccept","IMask","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_normalizeClass","_withKeys","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system89.mjs

@@ -1,145 +1,5 @@
-import { defineComponent as I, ref as $, computed as l, watch as m, onMounted as M, openBlock as d, createElementBlock as n, createVNode as N, createElementVNode as f, renderSlot as b, createCommentVNode as u, normalizeClass as S, withKeys as w, createBlock as E, unref as x } from "vue";
-import z from "./design-system16.mjs";
-import { useValidationField as K } from "./design-system3.mjs";
-import D from "./design-system15.mjs";
-import { useI18n as U } from "./design-system50.mjs";
-import F from "./design-system106.mjs";
-import { SupportedLocale as A } from "./design-system5.mjs";
-import L from "./design-system100.mjs";
-const O = { class: "b-currency-field" }, j = { class: "ds-relative" }, G = {
-  key: 0,
-  class: "b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
-}, H = ["id", "autocomplete", "disabled", "placeholder", "readonly"], J = {
-  key: 1,
-  class: "b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
-}, oe = /* @__PURE__ */ I({
-  __name: "BCurrencyField",
-  props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    modelValue: {},
-    label: { default: "" },
-    validationRules: { default: void 0 },
-    placeholder: { default: "" },
-    autocomplete: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    hideDetails: { type: Boolean, default: !1 },
-    locale: { default: A["vi-VN"] }
-  },
-  emits: ["press:enter", "update:modelValue"],
-  setup(v, { emit: k }) {
-    const s = v, i = k;
-    let o;
-    const { t: h } = U(), c = $(null), y = {
-      validateRule: (e) => !!(e && (e != null && e.trim())),
-      errorMessage: () => s.requiredErrorMessage || h("ds.global.field_required")
-    }, a = l(() => s.inputId || `id-${L()}`), t = l({
-      get() {
-        return s.modelValue;
-      },
-      set(e) {
-        i("update:modelValue", e);
-      }
-    }), g = l(() => [
-      {
-        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": s.disabled,
-        "ds-text-black/[0.85]": !s.disabled,
-        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !r.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": r.value.valid
-      },
-      s.inputCssClass
-    ]), _ = l(() => {
-      let e = [];
-      return s.required && e.push(y), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), V = l(
-      () => s.locale === "en-US" ? {
-        mask: "$num",
-        blocks: {
-          num: {
-            mask: Number,
-            thousandsSeparator: " "
-          }
-        }
-      } : [
-        { mask: "" },
-        {
-          mask: "num VND",
-          lazy: !1,
-          blocks: {
-            num: {
-              mask: Number,
-              thousandsSeparator: " "
-            }
-          }
-        }
-      ]
-    ), { validate: C, validationResult: r } = K(
-      a.value,
-      t,
-      _.value
-    );
-    m(
-      () => s.locale,
-      () => {
-        p();
-      }
-    ), m(
-      () => s.modelValue,
-      (e) => {
-        e != o.unmaskedValue && (o.unmaskedValue = e.toString());
-      }
-    );
-    const q = () => {
-      C();
-    }, B = () => {
-      i("press:enter");
-    }, R = () => {
-      t.value = typeof t.value == "number" ? +o.unmaskedValue : o.unmaskedValue;
-    }, p = () => {
-      o && o.destroy(), o = F(c.value, V.value), o.on("accept", R);
-    };
-    return M(() => {
-      p(), o.unmaskedValue = t.value.toString();
-    }), (e, P) => (d(), n("div", O, [
-      N(z, {
-        id: a.value,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["id", "label", "required"]),
-      f("div", j, [
-        e.$slots.prependIcon ? (d(), n("div", G, [
-          b(e.$slots, "prependIcon", {}, void 0, !0)
-        ])) : u("", !0),
-        f("input", {
-          id: a.value,
-          ref_key: "inputRef",
-          ref: c,
-          autocomplete: s.autocomplete ? "on" : "off",
-          class: S([g.value, "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
-          disabled: s.disabled,
-          placeholder: s.placeholder,
-          readonly: s.readonly,
-          onKeyup: [
-            q,
-            w(B, ["enter"])
-          ]
-        }, null, 42, H),
-        e.$slots.appendIcon ? (d(), n("div", J, [
-          b(e.$slots, "appendIcon", {}, void 0, !0)
-        ])) : u("", !0)
-      ]),
-      e.hideDetails ? u("", !0) : (d(), E(D, {
-        key: 0,
-        "error-message": x(r).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ]));
-  }
-});
+const e = "";
 export {
-  oe as default
+  e as default
 };
 //# sourceMappingURL=design-system89.mjs.map

package/dist/design-system89.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system89.mjs","sources":["../src/components/BCurrencyField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-5cbc4bba\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-currency-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\n\nimport BLabel from '@/components/BLabel.vue';\nimport type { ValidationRule } from '@/composables/Validation';\nimport { useValidationField } from '@/composables/Validation';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport { useI18n } from 'vue-i18n';\nimport IMask from '@/vendor/imask-7.1.3.js';\nimport { SupportedLocale } from '@/constants/Enums';\n\n//#region Props\nexport interface BCurrencyFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Value can be number or string\n   */\n  modelValue: number | string;\n  label?: string;\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  autocomplete?: boolean;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Locale of the currency\n   */\n  locale?: `${SupportedLocale}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCurrencyField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    hideDetails: { type: Boolean, default: false },\n    locale: { default: SupportedLocale['vi-VN'] }\n  },\n  emits: [\"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nlet mask: any;\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val?.trim()),\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst maskOptions = computed(() =>\n  props.locale === 'en-US'\n    ? {\n        mask: '$num',\n        blocks: {\n          num: {\n            mask: Number,\n            thousandsSeparator: ' ',\n          },\n        },\n      }\n    : [\n        { mask: '' },\n        {\n          mask: 'num VND',\n          lazy: false,\n          blocks: {\n            num: {\n              mask: Number,\n              thousandsSeparator: ' ',\n            },\n          },\n        },\n      ],\n);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.locale,\n  () => {\n    initMask();\n  },\n);\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val != mask.unmaskedValue) {\n      mask.unmaskedValue = val.toString();\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst onKeyUp = () => {\n  validate();\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onAccept = () => {\n  value.value =\n    typeof value.value === 'number' ? +mask.unmaskedValue : mask.unmaskedValue;\n};\nconst initMask = () => {\n  if (mask) {\n    mask.destroy();\n  }\n  mask = IMask(inputRef.value!, maskOptions.value);\n  mask.on('accept', onAccept);\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initMask();\n  mask.unmaskedValue = value.value.toString();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","SupportedLocale","__props","__emit","props","emit","mask","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","maskOptions","validate","useValidationField","watch","initMask","onKeyUp","onKeyUpEnter","onAccept","IMask","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_normalizeClass","_withKeys","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system89.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system9.mjs

@@ -1,81 +1,81 @@
 const e = {
   global: {
-    field_required: "This field is required"
+    field_required: "Vui lòng nhập thông tin này"
   },
   components: {
     base: {
       text_editor: {
-        add_youtube: "Add Youtube video",
-        word_count: "{numberOfWords} word(s)"
+        add_youtube: "Thêm video Youtube",
+        word_count: "{numberOfWords} từ"
       },
       date_picker: {
         days: {
-          sunday: "Sunday",
-          monday: "Monday",
-          tuesday: "Tuesday",
-          wednesday: "Wednesday",
-          thursday: "Thursday",
-          friday: "Friday",
-          saturday: "Saturday"
+          sunday: "Chủ Nhật",
+          monday: "Thứ Hai",
+          tuesday: "Thứ Ba",
+          wednesday: "Thứ Tư",
+          thursday: "Thứ Năm",
+          friday: "Thứ Sáu",
+          saturday: "Thứ Bảy"
         },
         days_short: {
-          sunday: "Sun",
-          monday: "Mon",
-          tuesday: "Tue",
-          wednesday: "Wed",
-          thursday: "Thu",
-          friday: "Fri",
-          saturday: "Sat"
+          sunday: "CN",
+          monday: "Hai",
+          tuesday: "Ba",
+          wednesday: "Tư",
+          thursday: "Năm",
+          friday: "Sáu",
+          saturday: "Bảy"
         },
         days_min: {
-          sunday: "Su",
-          monday: "Mo",
-          tuesday: "Tu",
-          wednesday: "We",
-          thursday: "Th",
-          friday: "Fr",
-          saturday: "Sa"
+          sunday: "CN",
+          monday: "2",
+          tuesday: "3",
+          wednesday: "4",
+          thursday: "5",
+          friday: "6",
+          saturday: "7"
         },
         months: {
-          january: "January",
-          february: "February",
-          march: "March",
-          april: "April",
-          may: "May",
-          june: "June",
-          july: "July",
-          august: "August",
-          september: "September",
-          october: "October",
-          november: "November",
-          december: "December"
+          january: "Tháng Một",
+          february: "Tháng Hai",
+          march: "Tháng Ba",
+          april: "Tháng Tư",
+          may: "Tháng Năm",
+          june: "Tháng Sáu",
+          july: "Tháng Bảy",
+          august: "Tháng Tám",
+          september: "Tháng Chín",
+          october: "Tháng Mười",
+          november: "Tháng Mười Một",
+          december: "Tháng Mười Hai"
         },
         months_short: {
-          january: "Jan",
-          february: "Feb",
-          march: "Mar",
-          april: "Apr",
-          may: "May",
-          june: "Jun",
-          july: "Jul",
-          august: "Aug",
-          september: "Sep",
-          october: "Oct",
-          november: "Nov",
-          december: "Dec"
+          january: "Một",
+          february: "Hai",
+          march: "Ba",
+          april: "Tư",
+          may: "Năm",
+          june: "Sáu",
+          july: "Bảy",
+          august: "Tám",
+          september: "Chín",
+          october: "Mười",
+          november: "Mười Một",
+          december: "Mười Hai"
         },
         buttons: {
-          cancel: "Cancel",
-          confirm: "Confirm"
+          cancel: "Đóng",
+          confirm: "Xác nhận"
         }
       },
       multi_select: {
-        selected_item_count: "Selected {count}"
+        selected_item_count: "Đã chọn {count}"
       },
       image_picker: {
-        file_types_valid: "Format {types} allowed",
-        file_size_valid: "Maximum file size is {size}MB",
-        select_image: "Select image"
+        file_types_valid: "Cho phép định dạng {types}",
+        file_size_valid: "Kích thước file tối đa là {size}MB",
+        select_image: "Chọn ảnh"
       }
     }
   }

package/dist/design-system90.mjs

@@ -1,5 +1,52 @@
-const e = "";
+import { defineComponent as m, computed as d, openBlock as s, createElementBlock as r, withDirectives as f, createElementVNode as u, vModelCheckbox as b, renderSlot as h, createTextVNode as v, toDisplayString as _, createCommentVNode as y } from "vue";
+import V from "./design-system98.mjs";
+const k = { class: "b-switch ds-flex ds-items-center" }, w = ["id", "disabled", "value"], B = ["for"], x = ["for"], C = /* @__PURE__ */ m({
+  __name: "BSwitch",
+  props: {
+    inputId: { default: "" },
+    modelValue: { type: [Boolean, Array], default: !1 },
+    label: { default: "" },
+    labelOrphan: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: n }) {
+    const e = i, c = n, l = d(() => e.inputId || `id-${V()}`), a = d({
+      get() {
+        return e.modelValue;
+      },
+      set(t) {
+        c("update:modelValue", t);
+      }
+    });
+    return (t, o) => (s(), r("div", k, [
+      f(u("input", {
+        "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p),
+        id: l.value,
+        disabled: e.disabled,
+        value: t.$attrs.value,
+        type: "checkbox",
+        class: "b-switch__input"
+      }, null, 8, w), [
+        [b, a.value]
+      ]),
+      u("label", {
+        for: l.value,
+        class: "b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
+      }, null, 8, B),
+      e.label || t.$slots.default ? (s(), r("label", {
+        key: 0,
+        for: e.labelOrphan ? void 0 : l.value,
+        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
+      }, [
+        h(t.$slots, "default", {}, () => [
+          v(_(e.label), 1)
+        ], !0)
+      ], 8, x)) : y("", !0)
+    ]));
+  }
+});
 export {
-  e as default
+  C as default
 };
 //# sourceMappingURL=design-system90.mjs.map

package/dist/design-system90.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system90.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system90.mjs","sources":["../src/components/BSwitch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-94d47575\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-switch ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not turn on/off the switch.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSwitch',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _withDirectives(_createElementVNode(\"input\", {\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      id: id.value,\n      disabled: props.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-switch__input\"\n    }, null, 8, _hoisted_2), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_3),\n    (props.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: props.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","id","computed","uuid","value","val","_ctx","_cache","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;AAIA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAkBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAKC,EAAS,MAAMH,EAAM,WAAW,MAAMI,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAK;AACP,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOlB,GAAY;AAAA,MAC3DmB,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,uBAAuBJ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAkBR,EAAO,QAAQQ;AAAA,QACnF,IAAIX,EAAG;AAAA,QACP,UAAUF,EAAM;AAAA,QAChB,OAAOO,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGd,CAAU,GAAG;AAAA,QACvB,CAACqB,GAAiBT,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDO,EAAoB,SAAS;AAAA,QAC3B,KAAKV,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGR,CAAU;AAAA,MACrBM,EAAM,SAASO,EAAK,OAAO,WACvBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKV,EAAM,cAAc,SAAYE,EAAG;AAAA,QACxC,OAAO;AAAA,MAAA,GACN;AAAA,QACDa,EAAYR,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CS,EAAiBC,EAAiBjB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGL,CAAU,KAChBuB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system91.mjs

@@ -1,52 +1,5 @@
-import { defineComponent as m, computed as d, openBlock as s, createElementBlock as r, withDirectives as f, createElementVNode as u, vModelCheckbox as b, renderSlot as h, createTextVNode as v, toDisplayString as _, createCommentVNode as y } from "vue";
-import V from "./design-system100.mjs";
-const k = { class: "b-switch ds-flex ds-items-center" }, w = ["id", "disabled", "value"], B = ["for"], x = ["for"], C = /* @__PURE__ */ m({
-  __name: "BSwitch",
-  props: {
-    inputId: { default: "" },
-    modelValue: { type: [Boolean, Array], default: !1 },
-    label: { default: "" },
-    labelOrphan: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: n }) {
-    const e = i, c = n, l = d(() => e.inputId || `id-${V()}`), a = d({
-      get() {
-        return e.modelValue;
-      },
-      set(t) {
-        c("update:modelValue", t);
-      }
-    });
-    return (t, o) => (s(), r("div", k, [
-      f(u("input", {
-        "onUpdate:modelValue": o[0] || (o[0] = (p) => a.value = p),
-        id: l.value,
-        disabled: e.disabled,
-        value: t.$attrs.value,
-        type: "checkbox",
-        class: "b-switch__input"
-      }, null, 8, w), [
-        [b, a.value]
-      ]),
-      u("label", {
-        for: l.value,
-        class: "b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
-      }, null, 8, B),
-      e.label || t.$slots.default ? (s(), r("label", {
-        key: 0,
-        for: e.labelOrphan ? void 0 : l.value,
-        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
-      }, [
-        h(t.$slots, "default", {}, () => [
-          v(_(e.label), 1)
-        ], !0)
-      ], 8, x)) : y("", !0)
-    ]));
-  }
-});
+const _ = "";
 export {
-  C as default
+  _ as default
 };
 //# sourceMappingURL=design-system91.mjs.map

package/dist/design-system91.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system91.mjs","sources":["../src/components/BSwitch.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-94d47575\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-switch ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not turn on/off the switch.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSwitch',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _withDirectives(_createElementVNode(\"input\", {\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      id: id.value,\n      disabled: props.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-switch__input\"\n    }, null, 8, _hoisted_2), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n    }, null, 8, _hoisted_3),\n    (props.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: props.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","id","computed","uuid","value","val","_ctx","_cache","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;AAIA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAkBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAKC,EAAS,MAAMH,EAAM,WAAW,MAAMI,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAK;AACP,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOlB,GAAY;AAAA,MAC3DmB,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,uBAAuBJ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAkBR,EAAO,QAAQQ;AAAA,QACnF,IAAIX,EAAG;AAAA,QACP,UAAUF,EAAM;AAAA,QAChB,OAAOO,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGd,CAAU,GAAG;AAAA,QACvB,CAACqB,GAAiBT,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDO,EAAoB,SAAS;AAAA,QAC3B,KAAKV,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGR,CAAU;AAAA,MACrBM,EAAM,SAASO,EAAK,OAAO,WACvBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKV,EAAM,cAAc,SAAYE,EAAG;AAAA,QACxC,OAAO;AAAA,MAAA,GACN;AAAA,QACDa,EAAYR,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CS,EAAiBC,EAAiBjB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGL,CAAU,KAChBuB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system91.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system92.mjs

@@ -1,5 +1,5 @@
-const _ = "";
+import f from "./design-system23.mjs";
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system92.mjs.map