@7pmlabs/design-system 0.2.0 → 0.2.1

package/dist/design-system33.mjs

@@ -1,13 +1,13 @@
-import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system46.mjs";
-const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
-function c(e, f) {
-  return s(), d("div", l, [
-    t(e.$slots, "default")
+import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
+import r from "./design-system47.mjs";
+const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
+function c(e, l) {
+  return t(), s("div", n, [
+    o(e.$slots, "default")
   ]);
 }
-const i = /* @__PURE__ */ o(r, [["render", c]]);
+const _ = /* @__PURE__ */ r(d, [["render", c]]);
 export {
-  i as default
+  _ as default
 };
 //# sourceMappingURL=design-system33.mjs.map

package/dist/design-system34.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system69.js");const t=require("./design-system46.js"),n={},c={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(n,[["render",s],["__scopeId","data-v-2e65187a"]]);module.exports=o;
+"use strict";const e=require("vue"),r=require("./design-system47.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
 //# sourceMappingURL=design-system34.js.map

package/dist/design-system34.mjs

@@ -1,14 +1,13 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system69.mjs";
-import c from "./design-system46.mjs";
-const n = {}, s = { class: "tab" };
-function a(e, d) {
-  return t(), o("div", s, [
-    r(e.$slots, "default", {}, void 0, !0)
+import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
+import o from "./design-system47.mjs";
+const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
+function c(e, f) {
+  return s(), d("div", l, [
+    t(e.$slots, "default")
   ]);
 }
-const l = /* @__PURE__ */ c(n, [["render", a], ["__scopeId", "data-v-2e65187a"]]);
+const i = /* @__PURE__ */ o(r, [["render", c]]);
 export {
-  l as default
+  i as default
 };
 //# sourceMappingURL=design-system34.mjs.map

package/dist/design-system34.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system34.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"design-system34.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/design-system35.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system70.js");require("./design-system71.js");const r=require("./design-system46.js"),t=r(e,[["__scopeId","data-v-4604df52"]]);module.exports=t;
+"use strict";const e=require("vue");require("./design-system71.js");const t=require("./design-system47.js"),n={},c={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(n,[["render",s],["__scopeId","data-v-2e65187a"]]);module.exports=o;
 //# sourceMappingURL=design-system35.js.map

package/dist/design-system35.mjs

@@ -1,8 +1,14 @@
-import o from "./design-system70.mjs";
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
 import "./design-system71.mjs";
-import t from "./design-system46.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4604df52"]]);
+import c from "./design-system47.mjs";
+const n = {}, s = { class: "tab" };
+function a(e, d) {
+  return t(), o("div", s, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const l = /* @__PURE__ */ c(n, [["render", a], ["__scopeId", "data-v-2e65187a"]]);
 export {
-  m as default
+  l as default
 };
 //# sourceMappingURL=design-system35.mjs.map

package/dist/design-system35.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system35.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system35.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),_=require("./design-system3.js"),C=require("./design-system40.js"),V=require("./design-system26.js"),q=require("./design-system27.js"),E=require("./design-system83.js"),w={class:"ds-relative"},R={key:0,class:"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=["id"],D=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],F={key:1,class:"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"},K=["id"],M=e.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},keyPressFn:{default:void 0},inputmode:{default:"text"}},emits:["click:prepend","click:append","press:enter","focus","blur","update:modelValue"],setup(p,{expose:c,emit:l}){const o=p,{t:f}=C.useI18n(),n=e.ref(null),m={validateRule:s=>typeof s=="number"?!!s:!!(s&&(s!=null&&s.trim())),errorMessage:()=>o.requiredErrorMessage||f("ds.global.field_required")},d=e.computed(()=>o.inputId||`id-${E()}`),r=e.computed({get(){return o.modelValue},set(s){l("update:modelValue",s)}}),v=e.computed(()=>[{"ds-pl-9":o.prependIcon,"ds-pr-9":o.appendIcon,"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":o.disabled,"ds-text-black/[0.85]":!o.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!a.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":a.value.valid},o.inputCssClass]),y=e.computed(()=>{let s=[];return o.required&&s.push(m),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),{validate:i,validationResult:a}=_.useValidationField(d.value,r,y.value),b=()=>{l("click:prepend")},h=()=>{l("click:append")},k=()=>{l("press:enter")},g=()=>{l("focus")},B=()=>{l("blur")},I=()=>{i()};return c({validate:i,focus:()=>{var s;(s=n.value)==null||s.focus()},blur:()=>{var s;(s=n.value)==null||s.blur()}}),(s,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(q,{id:d.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",w,[s.prependIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",{id:`${d.value}prependIcon`,class:e.normalizeClass(s.prependIcon),onClick:b},null,10,N)],512)),[[e.vShow,!s.hidePrependIcon]]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:n,"onUpdate:modelValue":t[0]||(t[0]=u=>r.value=u),autocomplete:o.autocomplete?"on":"off",class:e.normalizeClass([v.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:o.disabled,inputmode:o.inputmode,placeholder:o.placeholder,readonly:o.readonly,type:o.type,onBlur:B,onFocus:g,onKeypress:t[1]||(t[1]=(...u)=>s.keyPressFn&&s.keyPressFn(...u)),onKeyup:[I,e.withKeys(k,["enter"])]},null,42,D),[[e.vModelDynamic,r.value]]),s.appendIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("span",{id:`${d.value}appendIcon`,class:e.normalizeClass(s.appendIcon),onClick:h},null,10,K)],512)),[[e.vShow,!s.hideAppendIcon]]):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,"error-message":e.unref(a).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=M;
+"use strict";const e=require("./design-system72.js");require("./design-system73.js");const r=require("./design-system47.js"),t=r(e,[["__scopeId","data-v-79ab6bcb"]]);module.exports=t;
 //# sourceMappingURL=design-system36.js.map

package/dist/design-system36.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system36.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"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_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"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}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport type { BTextFieldProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    keyPressFn: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\n  'click:prepend',\n  'click:append',\n  'press:enter',\n  'focus',\n  'blur',\n  'update:modelValue',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\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-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\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_1, [\n      (_ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\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        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onKeypress: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.keyPressFn && _ctx.keyPressFn(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\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","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system36.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system36.mjs

@@ -1,151 +1,8 @@
-import { defineComponent as K, ref as P, computed as t, openBlock as r, createElementBlock as c, createVNode as E, createElementVNode as n, withDirectives as f, normalizeClass as m, vShow as b, createCommentVNode as y, withKeys as M, vModelDynamic as $, createBlock as x, unref as D } from "vue";
-import { useValidationField as z } from "./design-system3.mjs";
-import { useI18n as A } from "./design-system40.mjs";
-import N from "./design-system26.mjs";
-import U from "./design-system27.mjs";
-import S from "./design-system83.mjs";
-const T = { class: "ds-relative" }, j = {
-  key: 0,
-  class: "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"], H = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], J = {
-  key: 1,
-  class: "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"
-}, L = ["id"], oe = /* @__PURE__ */ K({
-  __name: "BTextField",
-  props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    validationRules: { default: void 0 },
-    modelValue: {},
-    label: { default: "" },
-    prependIcon: { default: "" },
-    hidePrependIcon: { type: Boolean, default: !1 },
-    appendIcon: { default: "" },
-    hideAppendIcon: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    autocomplete: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    hideDetails: { type: Boolean, default: !1 },
-    keyPressFn: { default: void 0 },
-    inputmode: { default: "text" }
-  },
-  emits: [
-    "click:prepend",
-    "click:append",
-    "press:enter",
-    "focus",
-    "blur",
-    "update:modelValue"
-  ],
-  setup(h, { expose: k, emit: o }) {
-    const s = h, { t: I } = A(), a = P(null), g = {
-      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
-      errorMessage: () => s.requiredErrorMessage || I("ds.global.field_required")
-    }, d = t(() => s.inputId || `id-${S()}`), u = t({
-      get() {
-        return s.modelValue;
-      },
-      set(e) {
-        o("update:modelValue", e);
-      }
-    }), C = t(() => [
-      {
-        "ds-pl-9": s.prependIcon,
-        "ds-pr-9": s.appendIcon,
-        "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": !i.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": i.value.valid
-      },
-      s.inputCssClass
-    ]), B = t(() => {
-      let e = [];
-      return s.required && e.push(g), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), { validate: v, validationResult: i } = z(
-      d.value,
-      u,
-      B.value
-    ), V = () => {
-      o("click:prepend");
-    }, q = () => {
-      o("click:append");
-    }, R = () => {
-      o("press:enter");
-    }, _ = () => {
-      o("focus");
-    }, w = () => {
-      o("blur");
-    }, F = () => {
-      v();
-    };
-    return k({ validate: v, focus: () => {
-      var e;
-      (e = a.value) == null || e.focus();
-    }, blur: () => {
-      var e;
-      (e = a.value) == null || e.blur();
-    } }), (e, l) => (r(), c("div", null, [
-      E(U, {
-        id: d.value,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["id", "label", "required"]),
-      n("div", T, [
-        e.prependIcon ? f((r(), c("div", j, [
-          n("span", {
-            id: `${d.value}prependIcon`,
-            class: m(e.prependIcon),
-            onClick: V
-          }, null, 10, G)
-        ], 512)), [
-          [b, !e.hidePrependIcon]
-        ]) : y("", !0),
-        f(n("input", {
-          id: d.value,
-          ref_key: "inputRef",
-          ref: a,
-          "onUpdate:modelValue": l[0] || (l[0] = (p) => u.value = p),
-          autocomplete: s.autocomplete ? "on" : "off",
-          class: m([C.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,
-          inputmode: s.inputmode,
-          placeholder: s.placeholder,
-          readonly: s.readonly,
-          type: s.type,
-          onBlur: w,
-          onFocus: _,
-          onKeypress: l[1] || (l[1] = //@ts-ignore
-          (...p) => e.keyPressFn && e.keyPressFn(...p)),
-          onKeyup: [
-            F,
-            M(R, ["enter"])
-          ]
-        }, null, 42, H), [
-          [$, u.value]
-        ]),
-        e.appendIcon ? f((r(), c("div", J, [
-          n("span", {
-            id: `${d.value}appendIcon`,
-            class: m(e.appendIcon),
-            onClick: q
-          }, null, 10, L)
-        ], 512)), [
-          [b, !e.hideAppendIcon]
-        ]) : y("", !0)
-      ]),
-      e.hideDetails ? y("", !0) : (r(), x(N, {
-        key: 0,
-        "error-message": D(i).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ]));
-  }
-});
+import o from "./design-system72.mjs";
+import "./design-system73.mjs";
+import t from "./design-system47.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79ab6bcb"]]);
 export {
-  oe as default
+  p as default
 };
 //# sourceMappingURL=design-system36.mjs.map

package/dist/design-system36.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system36.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"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_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"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}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport type { BTextFieldProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    keyPressFn: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\n  'click:prepend',\n  'click:append',\n  'press:enter',\n  'focus',\n  'blur',\n  'update:modelValue',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\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-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\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_1, [\n      (_ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\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        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onKeypress: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.keyPressFn && _ctx.keyPressFn(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\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","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system36.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system37.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),l=require("./design-system5.js"),r={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},i=["innerHTML"],u=e.createElementVNode("i",{class:"fa-solid fa-xmark ds-text-lg"},null,-1),m=[u],f=e.defineComponent({__name:"BToastItem",props:{text:{default:""},icon:{default:""},type:{default:l.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(c,{emit:d}){const t=c,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(t.type){case l.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case l.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case l.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s}),o=e.ref({success:"fa-solid fa-circle-check",error:"fa-solid fa-circle-exclamation",default:""});return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[t.icon||o.value[t.type]?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("i",{class:e.normalizeClass([t.icon||o.value[t.type],"ds-text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"ds-flex-auto ds-text-sm ds-font-normal",innerHTML:s.text},null,8,i),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:a[0]||(a[0]=p=>d("close"))},m))],2))}});module.exports=f;
+"use strict";const e=require("vue"),_=require("./design-system3.js"),C=require("./design-system41.js"),V=require("./design-system27.js"),q=require("./design-system28.js"),E=require("./design-system86.js"),w={class:"ds-relative"},R={key:0,class:"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=["id"],D=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],F={key:1,class:"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"},K=["id"],M=e.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},keyPressFn:{default:void 0},inputmode:{default:"text"}},emits:["click:prepend","click:append","press:enter","focus","blur","update:modelValue"],setup(p,{expose:c,emit:l}){const o=p,{t:f}=C.useI18n(),n=e.ref(null),m={validateRule:s=>typeof s=="number"?!!s:!!(s&&(s!=null&&s.trim())),errorMessage:()=>o.requiredErrorMessage||f("ds.global.field_required")},d=e.computed(()=>o.inputId||`id-${E()}`),r=e.computed({get(){return o.modelValue},set(s){l("update:modelValue",s)}}),v=e.computed(()=>[{"ds-pl-9":o.prependIcon,"ds-pr-9":o.appendIcon,"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":o.disabled,"ds-text-black/[0.85]":!o.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!a.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":a.value.valid},o.inputCssClass]),y=e.computed(()=>{let s=[];return o.required&&s.push(m),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),{validate:i,validationResult:a}=_.useValidationField(d.value,r,y.value),b=()=>{l("click:prepend")},h=()=>{l("click:append")},k=()=>{l("press:enter")},g=()=>{l("focus")},B=()=>{l("blur")},I=()=>{i()};return c({validate:i,focus:()=>{var s;(s=n.value)==null||s.focus()},blur:()=>{var s;(s=n.value)==null||s.blur()}}),(s,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(q,{id:d.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",w,[s.prependIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",{id:`${d.value}prependIcon`,class:e.normalizeClass(s.prependIcon),onClick:b},null,10,N)],512)),[[e.vShow,!s.hidePrependIcon]]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:n,"onUpdate:modelValue":t[0]||(t[0]=u=>r.value=u),autocomplete:o.autocomplete?"on":"off",class:e.normalizeClass([v.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:o.disabled,inputmode:o.inputmode,placeholder:o.placeholder,readonly:o.readonly,type:o.type,onBlur:B,onFocus:g,onKeypress:t[1]||(t[1]=(...u)=>s.keyPressFn&&s.keyPressFn(...u)),onKeyup:[I,e.withKeys(k,["enter"])]},null,42,D),[[e.vModelDynamic,r.value]]),s.appendIcon?e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("span",{id:`${d.value}appendIcon`,class:e.normalizeClass(s.appendIcon),onClick:h},null,10,K)],512)),[[e.vShow,!s.hideAppendIcon]]):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,"error-message":e.unref(a).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=M;
 //# sourceMappingURL=design-system37.js.map

package/dist/design-system37.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system37.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = [\"innerHTML\"]\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-xmark ds-text-lg\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_3\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed, ref } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  icon?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    icon: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: ['close'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\nconst defaultIcon = ref<Record<BToastItemType, string>>({\n  success: 'fa-solid fa-circle-check',\n  error: 'fa-solid fa-circle-exclamation',\n  default: '',\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (props.icon || defaultIcon.value[props.type])\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n          _createElementVNode(\"i\", {\n            class: _normalizeClass([props.icon || defaultIcon.value[props.type], \"ds-text-lg\"])\n          }, null, 2)\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", {\n      class: \"ds-flex-auto ds-text-sm ds-font-normal\",\n      innerHTML: _ctx.text\n    }, null, 8, _hoisted_2),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","defaultIcon","ref","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,IAAK,CAAE,MAAO,gCAAkC,KAAM,EAAE,EACtGC,EAAa,CACjBD,CACF,EAe4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EACKC,EAAcC,EAAAA,IAAoC,CACtD,QAAS,2BACT,MAAO,iCACP,QAAS,EAAA,CACV,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBT,EAAS,KAAK,CAAA,EACpC,CACAD,EAAM,MAAQI,EAAY,MAAMJ,EAAM,IAAI,GACtCQ,YAAW,EAAGC,qBAAoB,MAAOlB,EAAY,CACpDoB,EAAAA,mBAAoB,IAAK,CACvB,MAAOD,EAAgB,eAAA,CAACV,EAAM,MAAQI,EAAY,MAAMJ,EAAM,IAAI,EAAG,YAAY,CAAC,CAAA,EACjF,KAAM,CAAC,CAAA,CACX,GACDY,EAAAA,mBAAoB,GAAI,EAAI,EAChCD,EAAAA,mBAAoB,MAAO,CACzB,MAAO,yCACP,UAAWL,EAAK,IAAA,EACf,KAAM,EAAGd,CAAU,EACpBQ,EAAM,UAMJY,qBAAoB,GAAI,EAAI,GAL3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAiBd,EAAK,OAAO,EAChE,EAAAL,CAAU,IAEhB,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system37.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"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_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"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}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport type { BTextFieldProps } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    keyPressFn: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\n  'click:prepend',\n  'click:append',\n  'press:enter',\n  'focus',\n  'blur',\n  'update:modelValue',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\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-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\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_1, [\n      (_ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\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        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onKeypress: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.keyPressFn && _ctx.keyPressFn(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\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","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system37.mjs

@@ -1,60 +1,151 @@
-import { defineComponent as m, computed as p, ref as x, openBlock as l, createElementBlock as d, normalizeClass as r, createElementVNode as o, createCommentVNode as i } from "vue";
-import { BToastItemType as t } from "./design-system5.mjs";
-const h = {
+import { defineComponent as K, ref as P, computed as t, openBlock as r, createElementBlock as c, createVNode as E, createElementVNode as n, withDirectives as f, normalizeClass as m, vShow as b, createCommentVNode as y, withKeys as M, vModelDynamic as $, createBlock as x, unref as D } from "vue";
+import { useValidationField as z } from "./design-system3.mjs";
+import { useI18n as A } from "./design-system41.mjs";
+import N from "./design-system27.mjs";
+import U from "./design-system28.mjs";
+import S from "./design-system86.mjs";
+const T = { class: "ds-relative" }, j = {
   key: 0,
-  class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
-}, _ = ["innerHTML"], y = /* @__PURE__ */ o("i", { class: "fa-solid fa-xmark ds-text-lg" }, null, -1), k = [
-  y
-], g = /* @__PURE__ */ m({
-  __name: "BToastItem",
+  class: "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"], H = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], J = {
+  key: 1,
+  class: "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"
+}, L = ["id"], oe = /* @__PURE__ */ K({
+  __name: "BTextField",
   props: {
-    text: { default: "" },
-    icon: { default: "" },
-    type: { default: t.Default },
-    hideClose: { type: Boolean, default: !1 }
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    validationRules: { default: void 0 },
+    modelValue: {},
+    label: { default: "" },
+    prependIcon: { default: "" },
+    hidePrependIcon: { type: Boolean, default: !1 },
+    appendIcon: { default: "" },
+    hideAppendIcon: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    autocomplete: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" },
+    hideDetails: { type: Boolean, default: !1 },
+    keyPressFn: { default: void 0 },
+    inputmode: { default: "text" }
   },
-  emits: ["close"],
-  setup(n, { emit: f }) {
-    const e = n, u = p(() => {
-      let s = "ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";
-      switch (e.type) {
-        case t.Success:
-          s += "ds-bg-[#00a86b] ds-text-white ";
-          break;
-        case t.Error:
-          s += "ds-bg-red-600 ds-text-white ";
-          break;
-        case t.Default:
-        default:
-          s += "ds-bg-white ds-text-primary-t ";
+  emits: [
+    "click:prepend",
+    "click:append",
+    "press:enter",
+    "focus",
+    "blur",
+    "update:modelValue"
+  ],
+  setup(h, { expose: k, emit: o }) {
+    const s = h, { t: I } = A(), a = P(null), g = {
+      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
+      errorMessage: () => s.requiredErrorMessage || I("ds.global.field_required")
+    }, d = t(() => s.inputId || `id-${S()}`), u = t({
+      get() {
+        return s.modelValue;
+      },
+      set(e) {
+        o("update:modelValue", e);
       }
-      return s;
-    }), a = x({
-      success: "fa-solid fa-circle-check",
-      error: "fa-solid fa-circle-exclamation",
-      default: ""
-    });
-    return (s, c) => (l(), d("div", {
-      class: r(u.value)
-    }, [
-      e.icon || a.value[e.type] ? (l(), d("div", h, [
-        o("i", {
-          class: r([e.icon || a.value[e.type], "ds-text-lg"])
-        }, null, 2)
-      ])) : i("", !0),
-      o("div", {
-        class: "ds-flex-auto ds-text-sm ds-font-normal",
-        innerHTML: s.text
-      }, null, 8, _),
-      e.hideClose ? i("", !0) : (l(), d("div", {
-        key: 1,
-        class: "ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",
-        onClick: c[0] || (c[0] = (v) => f("close"))
-      }, k))
-    ], 2));
+    }), C = t(() => [
+      {
+        "ds-pl-9": s.prependIcon,
+        "ds-pr-9": s.appendIcon,
+        "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": !i.value.valid,
+        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": i.value.valid
+      },
+      s.inputCssClass
+    ]), B = t(() => {
+      let e = [];
+      return s.required && e.push(g), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
+    }), { validate: v, validationResult: i } = z(
+      d.value,
+      u,
+      B.value
+    ), V = () => {
+      o("click:prepend");
+    }, q = () => {
+      o("click:append");
+    }, R = () => {
+      o("press:enter");
+    }, _ = () => {
+      o("focus");
+    }, w = () => {
+      o("blur");
+    }, F = () => {
+      v();
+    };
+    return k({ validate: v, focus: () => {
+      var e;
+      (e = a.value) == null || e.focus();
+    }, blur: () => {
+      var e;
+      (e = a.value) == null || e.blur();
+    } }), (e, l) => (r(), c("div", null, [
+      E(U, {
+        id: d.value,
+        label: e.label,
+        required: e.required
+      }, null, 8, ["id", "label", "required"]),
+      n("div", T, [
+        e.prependIcon ? f((r(), c("div", j, [
+          n("span", {
+            id: `${d.value}prependIcon`,
+            class: m(e.prependIcon),
+            onClick: V
+          }, null, 10, G)
+        ], 512)), [
+          [b, !e.hidePrependIcon]
+        ]) : y("", !0),
+        f(n("input", {
+          id: d.value,
+          ref_key: "inputRef",
+          ref: a,
+          "onUpdate:modelValue": l[0] || (l[0] = (p) => u.value = p),
+          autocomplete: s.autocomplete ? "on" : "off",
+          class: m([C.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,
+          inputmode: s.inputmode,
+          placeholder: s.placeholder,
+          readonly: s.readonly,
+          type: s.type,
+          onBlur: w,
+          onFocus: _,
+          onKeypress: l[1] || (l[1] = //@ts-ignore
+          (...p) => e.keyPressFn && e.keyPressFn(...p)),
+          onKeyup: [
+            F,
+            M(R, ["enter"])
+          ]
+        }, null, 42, H), [
+          [$, u.value]
+        ]),
+        e.appendIcon ? f((r(), c("div", J, [
+          n("span", {
+            id: `${d.value}appendIcon`,
+            class: m(e.appendIcon),
+            onClick: q
+          }, null, 10, L)
+        ], 512)), [
+          [b, !e.hideAppendIcon]
+        ]) : y("", !0)
+      ]),
+      e.hideDetails ? y("", !0) : (r(), x(N, {
+        key: 0,
+        "error-message": D(i).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ]));
   }
 });
 export {
-  g as default
+  oe as default
 };
 //# sourceMappingURL=design-system37.mjs.map