@7pmlabs/design-system 0.4.14 → 0.4.15

package/dist/design-system90.mjs

@@ -1,145 +1,5 @@
-import { defineComponent as R, ref as I, computed as l, watch as f, onMounted as $, openBlock as t, createElementBlock as u, createVNode as M, createElementVNode as m, renderSlot as b, createCommentVNode as n, normalizeClass as N, withKeys as S, createBlock as w, unref as E } from "vue";
-import K from "./design-system30.mjs";
-import { useValidationField as x } from "./design-system3.mjs";
-import z from "./design-system29.mjs";
-import { useI18n as D } from "./design-system50.mjs";
-import U from "./design-system100.mjs";
-import { SupportedLocale as F } from "./design-system5.mjs";
-import A from "./design-system99.mjs";
-const L = { class: "b-currency-field" }, O = { class: "ds-relative" }, j = {
-  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"
-}, G = ["id", "autocomplete", "disabled", "placeholder", "readonly", "onKeyup"], H = {
-  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"
-}, se = /* @__PURE__ */ R({
-  __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: F["vi-VN"] }
-  },
-  emits: ["press:enter", "update:modelValue"],
-  setup(v, { emit: i }) {
-    const s = v;
-    let o;
-    const { t: k } = D(), c = I(null), y = {
-      validateRule: (e) => !!(e && (e != null && e.trim())),
-      errorMessage: () => s.requiredErrorMessage || k("ds.global.field_required")
-    }, a = l(() => s.inputId || `id-${A()}`), d = l({
-      get() {
-        return s.modelValue;
-      },
-      set(e) {
-        i("update:modelValue", e);
-      }
-    }), h = 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
-    ]), g = l(() => {
-      let e = [];
-      return s.required && e.push(y), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), _ = l(
-      () => s.locale === "en-US" ? {
-        mask: "$num",
-        blocks: {
-          num: {
-            mask: Number,
-            thousandsSeparator: " "
-          }
-        }
-      } : [
-        { mask: "" },
-        {
-          mask: "num VND",
-          lazy: !1,
-          blocks: {
-            num: {
-              mask: Number,
-              thousandsSeparator: " "
-            }
-          }
-        }
-      ]
-    ), { validate: V, validationResult: r } = x(
-      a.value,
-      d,
-      g.value
-    );
-    f(
-      () => s.locale,
-      () => {
-        p();
-      }
-    ), f(
-      () => s.modelValue,
-      (e) => {
-        e != o.unmaskedValue && (o.unmaskedValue = e.toString());
-      }
-    );
-    const C = () => {
-      V();
-    }, q = () => {
-      i("press:enter");
-    }, B = () => {
-      d.value = typeof d.value == "number" ? +o.unmaskedValue : o.unmaskedValue;
-    }, p = () => {
-      o && o.destroy(), o = U(c.value, _.value), o.on("accept", B);
-    };
-    return $(() => {
-      p(), o.unmaskedValue = d.value.toString();
-    }), (e, J) => (t(), u("div", L, [
-      M(K, {
-        id: a.value,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["id", "label", "required"]),
-      m("div", O, [
-        e.$slots.prependIcon ? (t(), u("div", j, [
-          b(e.$slots, "prependIcon", {}, void 0, !0)
-        ])) : n("", !0),
-        m("input", {
-          id: a.value,
-          ref_key: "inputRef",
-          ref: c,
-          autocomplete: s.autocomplete ? "on" : "off",
-          class: N([h.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: [
-            C,
-            S(q, ["enter"])
-          ]
-        }, null, 42, G),
-        e.$slots.appendIcon ? (t(), u("div", H, [
-          b(e.$slots, "appendIcon", {}, void 0, !0)
-        ])) : n("", !0)
-      ]),
-      e.hideDetails ? n("", !0) : (t(), w(z, {
-        key: 0,
-        "error-message": E(r).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ]));
-  }
-});
+import f from "./design-system47.mjs";
 export {
-  se as default
+  f as default
 };
 //# sourceMappingURL=design-system90.mjs.map

package/dist/design-system90.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system90.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\", \"onKeyup\"]\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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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-system90.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system91.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("vue"),h=require("./design-system31.js"),g=require("./design-system3.js"),V=require("./design-system30.js"),q=require("./design-system51.js"),B=require("./design-system102.js"),C=require("./design-system5.js"),E=require("./design-system100.js"),N={class:"b-currency-field"},R={class:"ds-relative"},I={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"},S=["id","autocomplete","disabled","placeholder","readonly","onKeyup"],M={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"},w=e.defineComponent({__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:C.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:a}){const t=i;let o;const{t:c}=q.useI18n(),u=e.ref(null),p={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||c("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${E()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),m=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),f=e.computed(()=>{let s=[];return t.required&&s.push(p),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),v=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:k,validationResult:d}=g.useValidationField(r.value,l,f.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{k()},b=()=>{a("press:enter")},y=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=B(u.value,v.value),o.on("accept",y)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,$)=>(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(h,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",R,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([m.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:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(b,["enter"])]},null,42,S),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
 //# sourceMappingURL=design-system91.js.map

package/dist/design-system91.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system91.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system91.js","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\", \"onKeyup\"]\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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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-system91.mjs

@@ -1,5 +1,145 @@
-const e = "";
+import { defineComponent as R, ref as I, computed as l, watch as f, onMounted as $, openBlock as t, createElementBlock as u, createVNode as M, createElementVNode as m, renderSlot as b, createCommentVNode as n, normalizeClass as N, withKeys as S, createBlock as w, unref as E } from "vue";
+import K from "./design-system31.mjs";
+import { useValidationField as x } from "./design-system3.mjs";
+import z from "./design-system30.mjs";
+import { useI18n as D } from "./design-system51.mjs";
+import U from "./design-system102.mjs";
+import { SupportedLocale as F } from "./design-system5.mjs";
+import A from "./design-system100.mjs";
+const L = { class: "b-currency-field" }, O = { class: "ds-relative" }, j = {
+  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"
+}, G = ["id", "autocomplete", "disabled", "placeholder", "readonly", "onKeyup"], H = {
+  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"
+}, se = /* @__PURE__ */ R({
+  __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: F["vi-VN"] }
+  },
+  emits: ["press:enter", "update:modelValue"],
+  setup(v, { emit: i }) {
+    const s = v;
+    let o;
+    const { t: k } = D(), c = I(null), y = {
+      validateRule: (e) => !!(e && (e != null && e.trim())),
+      errorMessage: () => s.requiredErrorMessage || k("ds.global.field_required")
+    }, a = l(() => s.inputId || `id-${A()}`), d = l({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        i("update:modelValue", e);
+      }
+    }), h = 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
+    ]), g = l(() => {
+      let e = [];
+      return s.required && e.push(y), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
+    }), _ = l(
+      () => s.locale === "en-US" ? {
+        mask: "$num",
+        blocks: {
+          num: {
+            mask: Number,
+            thousandsSeparator: " "
+          }
+        }
+      } : [
+        { mask: "" },
+        {
+          mask: "num VND",
+          lazy: !1,
+          blocks: {
+            num: {
+              mask: Number,
+              thousandsSeparator: " "
+            }
+          }
+        }
+      ]
+    ), { validate: V, validationResult: r } = x(
+      a.value,
+      d,
+      g.value
+    );
+    f(
+      () => s.locale,
+      () => {
+        p();
+      }
+    ), f(
+      () => s.modelValue,
+      (e) => {
+        e != o.unmaskedValue && (o.unmaskedValue = e.toString());
+      }
+    );
+    const C = () => {
+      V();
+    }, q = () => {
+      i("press:enter");
+    }, B = () => {
+      d.value = typeof d.value == "number" ? +o.unmaskedValue : o.unmaskedValue;
+    }, p = () => {
+      o && o.destroy(), o = U(c.value, _.value), o.on("accept", B);
+    };
+    return $(() => {
+      p(), o.unmaskedValue = d.value.toString();
+    }), (e, J) => (t(), u("div", L, [
+      M(K, {
+        id: a.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      m("div", O, [
+        e.$slots.prependIcon ? (t(), u("div", j, [
+          b(e.$slots, "prependIcon", {}, void 0, !0)
+        ])) : n("", !0),
+        m("input", {
+          id: a.value,
+          ref_key: "inputRef",
+          ref: c,
+          autocomplete: s.autocomplete ? "on" : "off",
+          class: N([h.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: [
+            C,
+            S(q, ["enter"])
+          ]
+        }, null, 42, G),
+        e.$slots.appendIcon ? (t(), u("div", H, [
+          b(e.$slots, "appendIcon", {}, void 0, !0)
+        ])) : n("", !0)
+      ]),
+      e.hideDetails ? n("", !0) : (t(), w(z, {
+        key: 0,
+        "error-message": E(r).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ]));
+  }
+});
 export {
-  e as default
+  se as default
 };
 //# sourceMappingURL=design-system91.mjs.map

package/dist/design-system91.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system91.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system91.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\", \"onKeyup\"]\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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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-system92.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system99.js"),i={class:"b-switch ds-flex ds-items-center"},c=["id","disabled","value"],p=["for"],m=["for"],f=e.defineComponent({__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(d,{emit:u}){const t=d,a=e.computed(()=>t.inputId||`id-${r()}`),o=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",i,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=n=>o.value=n),id:a.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,c),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-switch__input-label"},null,8,p),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,m)):e.createCommentVNode("",!0)]))}});module.exports=f;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system92.js.map

package/dist/design-system92.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system92.js","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-2162502a\"),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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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\"\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","id","computed","uuid","value","val","_ctx","_cache","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"sEAIMA,EAAa,CAAE,MAAO,oCACtBC,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAkBGC,EAAiBC,kBAAA,CAC3C,OAAQ,UACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EAGM,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOjB,EAAY,CAC3DkB,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,sBAAuBJ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKK,GAAkBR,EAAO,MAAQQ,GACnF,GAAIX,EAAG,MACP,SAAUD,EAAM,SAChB,MAAOM,EAAK,OAAO,MACnB,KAAM,WACN,MAAO,iBAAA,EACN,KAAM,EAAGb,CAAU,EAAG,CACvB,CAACoB,EAAiB,eAAAT,EAAM,KAAK,CAAA,CAC9B,EACDO,EAAAA,mBAAoB,QAAS,CAC3B,IAAKV,EAAG,MACR,MAAO,uBAAA,EACN,KAAM,EAAGP,CAAU,EACrBM,EAAM,OAASM,EAAK,OAAO,SACvBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKT,EAAM,YAAc,OAAYC,EAAG,MACxC,MAAO,oDAAA,EACN,CACDa,EAAAA,WAAYR,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CS,EAAAA,gBAAiBC,EAAAA,gBAAiBhB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGL,CAAU,GAChBsB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system92.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system92.mjs

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

package/dist/design-system92.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system92.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-2162502a\"),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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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\"\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","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,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOjB,GAAY;AAAA,MAC3DkB,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,uBAAuBJ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAkBR,EAAO,QAAQQ;AAAA,QACnF,IAAIX,EAAG;AAAA,QACP,UAAUD,EAAM;AAAA,QAChB,OAAOM,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGb,CAAU,GAAG;AAAA,QACvB,CAACoB,GAAiBT,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDO,EAAoB,SAAS;AAAA,QAC3B,KAAKV,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGP,CAAU;AAAA,MACrBM,EAAM,SAASM,EAAK,OAAO,WACvBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKT,EAAM,cAAc,SAAYC,EAAG;AAAA,QACxC,OAAO;AAAA,MAAA,GACN;AAAA,QACDa,EAAYR,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CS,EAAiBC,EAAiBhB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGL,CAAU,KAChBsB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system92.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system93.js

@@ -1,2 +1,2 @@
-"use strict";const _="";module.exports=_;
+"use strict";const e=require("vue"),r=require("./design-system100.js"),i={class:"b-switch ds-flex ds-items-center"},c=["id","disabled","value"],p=["for"],m=["for"],f=e.defineComponent({__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(d,{emit:u}){const t=d,a=e.computed(()=>t.inputId||`id-${r()}`),o=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",i,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=n=>o.value=n),id:a.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,c),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-switch__input-label"},null,8,p),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,m)):e.createCommentVNode("",!0)]))}});module.exports=f;
 //# sourceMappingURL=design-system93.js.map

package/dist/design-system93.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system93.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system93.js","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-2162502a\"),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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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\"\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","id","computed","uuid","value","val","_ctx","_cache","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uEAIMA,EAAa,CAAE,MAAO,oCACtBC,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAkBGC,EAAiBC,kBAAA,CAC3C,OAAQ,UACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EAGM,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOjB,EAAY,CAC3DkB,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,sBAAuBJ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKK,GAAkBR,EAAO,MAAQQ,GACnF,GAAIX,EAAG,MACP,SAAUD,EAAM,SAChB,MAAOM,EAAK,OAAO,MACnB,KAAM,WACN,MAAO,iBAAA,EACN,KAAM,EAAGb,CAAU,EAAG,CACvB,CAACoB,EAAiB,eAAAT,EAAM,KAAK,CAAA,CAC9B,EACDO,EAAAA,mBAAoB,QAAS,CAC3B,IAAKV,EAAG,MACR,MAAO,uBAAA,EACN,KAAM,EAAGP,CAAU,EACrBM,EAAM,OAASM,EAAK,OAAO,SACvBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKT,EAAM,YAAc,OAAYC,EAAG,MACxC,MAAO,oDAAA,EACN,CACDa,EAAAA,WAAYR,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CS,EAAAA,gBAAiBC,EAAAA,gBAAiBhB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGL,CAAU,GAChBsB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}

package/dist/design-system93.mjs

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

package/dist/design-system93.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system93.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system93.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-2162502a\"),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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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\"\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","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,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOjB,GAAY;AAAA,MAC3DkB,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,uBAAuBJ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACK,MAAkBR,EAAO,QAAQQ;AAAA,QACnF,IAAIX,EAAG;AAAA,QACP,UAAUD,EAAM;AAAA,QAChB,OAAOM,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGb,CAAU,GAAG;AAAA,QACvB,CAACoB,GAAiBT,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDO,EAAoB,SAAS;AAAA,QAC3B,KAAKV,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGP,CAAU;AAAA,MACrBM,EAAM,SAASM,EAAK,OAAO,WACvBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKT,EAAM,cAAc,SAAYC,EAAG;AAAA,QACxC,OAAO;AAAA,MAAA,GACN;AAAA,QACDa,EAAYR,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CS,EAAiBC,EAAiBhB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGL,CAAU,KAChBsB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system94.js

@@ -1,7 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/*!
-  * shared v9.2.2
-  * (c) 2022 kazuya kawaguchi
-  * Released under the MIT License.
-  */const b=typeof window<"u";exports.mark=void 0;exports.measure=void 0;if(process.env.NODE_ENV!=="production"){const e=b&&window.performance;e&&e.mark&&e.measure&&e.clearMarks&&e.clearMeasures&&(exports.mark=t=>e.mark(t),exports.measure=(t,n,o)=>{e.measure(t,n,o),e.clearMarks(n),e.clearMarks(o)})}const w=/\{([0-9a-zA-Z]+)\}/g;function j(e,...t){return t.length===1&&S(t[0])&&(t=t[0]),(!t||!t.hasOwnProperty)&&(t={}),e.replace(w,(n,o)=>t.hasOwnProperty(o)?t[o]:"")}const k=typeof Symbol=="function"&&typeof Symbol.toStringTag=="symbol",E=e=>k?Symbol(e):e,M=(e,t,n)=>h({l:e,k:t,s:n}),h=e=>JSON.stringify(e).replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029").replace(/\u0027/g,"\\u0027"),N=e=>typeof e=="number"&&isFinite(e),T=e=>p(e)==="[object Date]",A=e=>p(e)==="[object RegExp]",F=e=>g(e)&&Object.keys(e).length===0;function P(e,t){typeof console<"u"&&(console.warn("[intlify] "+e),t&&console.warn(t.stack))}const x=Object.assign;let y;const D=()=>y||(y=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function R(e){return e.replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}const B=Object.prototype.hasOwnProperty;function C(e,t){return B.call(e,t)}const d=Array.isArray,G=e=>typeof e=="function",J=e=>typeof e=="string",_=e=>typeof e=="boolean",S=e=>e!==null&&typeof e=="object",f=Object.prototype.toString,p=e=>f.call(e),g=e=>p(e)==="[object Object]",$=e=>e==null?"":d(e)||g(e)&&e.toString===f?JSON.stringify(e,null,2):String(e),m=2;function H(e,t=0,n=e.length){const o=e.split(/\r?\n/);let i=0;const c=[];for(let r=0;r<o.length;r++)if(i+=o[r].length+1,i>=t){for(let s=r-m;s<=r+m||n>i;s++){if(s<0||s>=o.length)continue;const u=s+1;c.push(`${u}${" ".repeat(3-String(u).length)}|  ${o[s]}`);const a=o[s].length;if(s===r){const l=t-(i-a)+1,O=Math.max(1,n>i?a-l:n-t);c.push("   |  "+" ".repeat(l)+"^".repeat(O))}else if(s>r){if(n>i){const l=Math.max(Math.min(n-i,a),1);c.push("   |  "+"^".repeat(l))}i+=a+1}}break}return c.join(`
-`)}function K(){const e=new Map;return{events:e,on(n,o){const i=e.get(n);i&&i.push(o)||e.set(n,[o])},off(n,o){const i=e.get(n);i&&i.splice(i.indexOf(o)>>>0,1)},emit(n,o){(e.get(n)||[]).slice().map(i=>i(o)),(e.get("*")||[]).slice().map(i=>i(n,o))}}}exports.assign=x;exports.createEmitter=K;exports.escapeHtml=R;exports.format=j;exports.friendlyJSONstringify=h;exports.generateCodeFrame=H;exports.generateFormatCacheKey=M;exports.getGlobalThis=D;exports.hasOwn=C;exports.inBrowser=b;exports.isArray=d;exports.isBoolean=_;exports.isDate=T;exports.isEmptyObject=F;exports.isFunction=G;exports.isNumber=N;exports.isObject=S;exports.isPlainObject=g;exports.isRegExp=A;exports.isString=J;exports.makeSymbol=E;exports.objectToString=f;exports.toDisplayString=$;exports.toTypeString=p;exports.warn=P;
+"use strict";const _="";module.exports=_;
 //# sourceMappingURL=design-system94.js.map