@7pmlabs/design-system 0.1.7 → 0.2.0

package/dist/design-system5.mjs

@@ -1,16 +1,17 @@
-var a = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Secondary = "secondary", r.Additional = "additional", r.Clear = "clear", r.Icon = "icon", r))(a || {}), l = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(l || {}), u = /* @__PURE__ */ ((r) => (r.Success = "success", r.Error = "error", r.Default = "default", r))(u || {}), m = /* @__PURE__ */ ((r) => (r.ExtraSmall = "xs", r.Small = "sm", r.Medium = "md", r.Large = "lg", r))(m || {}), c = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r.Large = "lg", r))(c || {}), g = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(g || {}), d = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(d || {}), v = /* @__PURE__ */ ((r) => (r.Top = "top", r.Right = "right", r.Bottom = "bottom", r.Left = "left", r))(v || {}), h = /* @__PURE__ */ ((r) => (r.Click = "click", r.Focus = "focus", r.Hover = "hover", r))(h || {}), k = /* @__PURE__ */ ((r) => (r.Bold = "bold", r.Italic = "italic", r.Strike = "strike", r.Highlight = "highlight", r.Youtube = "youtube", r.Image = "image", r.Audio = "audio", r.FileDownload = "fileDownload", r.QuestionBlank = "questionBlank", r.Blockquote = "blockquote", r.Color = "color", r.BulletList = "bulletList", r.CharacterCount = "characterCount", r))(k || {}), f = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r.Large = "lg", r))(f || {}), b = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(b || {});
+var a = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Secondary = "secondary", r.Additional = "additional", r.Clear = "clear", r.Icon = "icon", r))(a || {}), l = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(l || {}), u = /* @__PURE__ */ ((r) => (r.Success = "success", r.Error = "error", r.Default = "default", r))(u || {}), m = /* @__PURE__ */ ((r) => (r.ExtraSmall = "xs", r.Small = "sm", r.Medium = "md", r.Large = "lg", r))(m || {}), c = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r.Large = "lg", r))(c || {}), s = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(s || {}), d = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(d || {}), v = /* @__PURE__ */ ((r) => (r.Top = "top", r.Bottom = "bottom", r))(v || {}), g = /* @__PURE__ */ ((r) => (r.Click = "click", r.Focus = "focus", r.Hover = "hover", r))(g || {}), h = /* @__PURE__ */ ((r) => (r.Bold = "bold", r.Italic = "italic", r.Strike = "strike", r.Highlight = "highlight", r.Youtube = "youtube", r.Image = "image", r.Audio = "audio", r.FileDownload = "fileDownload", r.QuestionBlank = "questionBlank", r.Blockquote = "blockquote", r.Color = "color", r.BulletList = "bulletList", r.CharacterCount = "characterCount", r))(h || {}), M = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r.Large = "lg", r))(M || {}), b = /* @__PURE__ */ ((r) => (r.Small = "sm", r.Medium = "md", r))(b || {}), k = /* @__PURE__ */ ((r) => (r.Days = "days", r.Months = "months", r.Years = "years", r))(k || {});
 export {
   l as BButtonSize,
   a as BButtonType,
-  g as BCheckboxSize,
-  f as BLoadingOverlaySpinnerSize,
+  s as BCheckboxSize,
+  k as BDatePickerView,
+  M as BLoadingOverlaySpinnerSize,
   c as BModalSize,
   b as BPaginationSize,
   d as BRadioSize,
   m as BSelectSize,
-  k as BTextEditorExtension,
+  h as BTextEditorExtension,
   u as BToastItemType,
-  h as BTooltipOpenEvent,
+  g as BTooltipOpenEvent,
   v as BTooltipPosition
 };
 //# sourceMappingURL=design-system5.mjs.map

package/dist/design-system5.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system5.mjs","sources":["../src/constants/Enums.ts"],"sourcesContent":["/**\n * BButton\n */\nexport enum BButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Additional = 'additional',\n  Clear = 'clear',\n  Icon = 'icon',\n}\nexport enum BButtonSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BToast\n */\nexport enum BToastItemType {\n  Success = 'success',\n  Error = 'error',\n  Default = 'default',\n}\n\n/**\n * BSelect\n */\nexport enum BSelectSize {\n  ExtraSmall = 'xs',\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BModal\n */\nexport enum BModalSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BCheckbox\n */\nexport enum BCheckboxSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BRadio\n */\nexport enum BRadioSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BTooltip\n */\nexport enum BTooltipPosition {\n  Top = 'top',\n  Right = 'right',\n  Bottom = 'bottom',\n  Left = 'left',\n}\nexport enum BTooltipOpenEvent {\n  Click = 'click',\n  Focus = 'focus',\n  Hover = 'hover',\n}\n\n/**\n * BTextEditor\n */\nexport enum BTextEditorExtension {\n  Bold = 'bold',\n  Italic = 'italic',\n  Strike = 'strike',\n  Highlight = 'highlight',\n  Youtube = 'youtube',\n  Image = 'image',\n  Audio = 'audio',\n  FileDownload = 'fileDownload',\n  QuestionBlank = 'questionBlank',\n  Blockquote = 'blockquote',\n  Color = 'color',\n  BulletList = 'bulletList',\n  CharacterCount = 'characterCount',\n}\n\n/**\n * BLoadingOverlay\n */\nexport enum BLoadingOverlaySpinnerSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BPagination\n */\nexport enum BPaginationSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n"],"names":["BButtonType","BButtonSize","BToastItemType","BSelectSize","BModalSize","BCheckboxSize","BRadioSize","BTooltipPosition","BTooltipOpenEvent","BTextEditorExtension","BLoadingOverlaySpinnerSize","BPaginationSize"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,OAAO,QALGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,aAAa,MACbA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QAJGA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,iBAChBA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,iBAAiB,kBAbPA,IAAAA,KAAA,CAAA,CAAA,GAmBAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"design-system5.mjs","sources":["../src/constants/Enums.ts"],"sourcesContent":["/**\n * BButton\n */\nexport enum BButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Additional = 'additional',\n  Clear = 'clear',\n  Icon = 'icon',\n}\nexport enum BButtonSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BToast\n */\nexport enum BToastItemType {\n  Success = 'success',\n  Error = 'error',\n  Default = 'default',\n}\n\n/**\n * BSelect\n */\nexport enum BSelectSize {\n  ExtraSmall = 'xs',\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BModal\n */\nexport enum BModalSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BCheckbox\n */\nexport enum BCheckboxSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BRadio\n */\nexport enum BRadioSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BTooltip\n */\nexport enum BTooltipPosition {\n  Top = 'top',\n  Bottom = 'bottom',\n}\nexport enum BTooltipOpenEvent {\n  Click = 'click',\n  Focus = 'focus',\n  Hover = 'hover',\n}\n\n/**\n * BTextEditor\n */\nexport enum BTextEditorExtension {\n  Bold = 'bold',\n  Italic = 'italic',\n  Strike = 'strike',\n  Highlight = 'highlight',\n  Youtube = 'youtube',\n  Image = 'image',\n  Audio = 'audio',\n  FileDownload = 'fileDownload',\n  QuestionBlank = 'questionBlank',\n  Blockquote = 'blockquote',\n  Color = 'color',\n  BulletList = 'bulletList',\n  CharacterCount = 'characterCount',\n}\n\n/**\n * BLoadingOverlay\n */\nexport enum BLoadingOverlaySpinnerSize {\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\n\n/**\n * BPagination\n */\nexport enum BPaginationSize {\n  Small = 'sm',\n  Medium = 'md',\n}\n\n/**\n * BDatePicker\n */\nexport enum BDatePickerView {\n  Days = 'days',\n  Months = 'months',\n  Years = 'years',\n}\n"],"names":["BButtonType","BButtonSize","BToastItemType","BSelectSize","BModalSize","BCheckboxSize","BRadioSize","BTooltipPosition","BTooltipOpenEvent","BTextEditorExtension","BLoadingOverlaySpinnerSize","BPaginationSize","BDatePickerView"],"mappings":"AAGY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,OAAO,QALGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,aAAa,MACbA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAIAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,gBAAgB,iBAChBA,EAAA,aAAa,cACbA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,iBAAiB,kBAbPA,IAAAA,KAAA,CAAA,CAAA,GAmBAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAHEA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MAFCA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/design-system50.js

@@ -1,5 +1,2 @@
-"use strict";const e=require("vue"),o=require("./design-system5.js"),p=require("./design-system83.js"),m=["id","value","disabled"],b=["for"],f=["for"],k=`
-  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
-  peer-checked:after:ds-opacity-100
-`,h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:o.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(r,{emit:u}){const l=r,t=e.computed(()=>l.inputId||`id-${p()}`),a=e.computed({get(){return l.modelValue},set(s){u("update:modelValue",s)}}),n=e.computed(()=>{let s="";switch(l.size){case o.BCheckboxSize.Small:s+="size-sm ";break;case o.BCheckboxSize.Medium:default:s+=" ";break}return s}),i=e.computed(()=>[l.inputCssClass,{"ds-cursor-not-allowed":l.disabled}]);return(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["b-checkbox ds-flex ds-items-center",n.value])},[e.withDirectives(e.createElementVNode("input",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=c=>a.value=c),type:"checkbox",class:e.normalizeClass(["ds-peer ds-invisible",i.value]),value:s.$attrs.value||a.value,disabled:s.disabled},null,10,m),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:t.value,class:e.normalizeClass(["input-label",k])},null,8,b),s.label||s.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:s.labelOrphan?void 0:t.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system50.js.map

package/dist/design-system50.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system50.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, 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-2c7946bd\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"value\", \"disabled\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue?: boolean | Array<string | number>;\n  label?: string;\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\nconst siblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\n/**\n * Computed\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\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 cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n\n/**\n * Customize checkbox styles, need to hide input tag and style an label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"b-checkbox ds-flex ds-items-center\", cssClassValue.value])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      type: \"checkbox\",\n      class: _normalizeClass([\"ds-peer ds-invisible\", inputCssClassValue.value]),\n      value: _ctx.$attrs.value || value.value,\n      disabled: _ctx.disabled\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: _normalizeClass([\"input-label\", siblingCssClass])\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.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_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","siblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uGAIMA,EAAa,CAAC,KAAM,QAAS,UAAU,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAkBnBC,EAAkB;AAAA;AAAA;AAAA,EASIC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,cAAe,CAAE,QAAS,EAAG,EAC7B,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,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EASRG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,KAAQ,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQP,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPU,GAAA,WACV,MACF,KAAKV,EAAAA,cAAc,OACnB,QACYU,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EACKC,EAAqBN,EAAAA,SAAS,IAAM,CACxCF,EAAM,cACN,CACE,wBAAyBA,EAAM,QACjC,CAAA,CACD,EAOM,MAAA,CAACS,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAAC,qCAAsCP,EAAc,KAAK,CAAC,CAAA,EACjF,CACDQ,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAId,EAAG,MACP,sBAAuBS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBZ,EAAO,MAAQY,GACnF,KAAM,WACN,MAAOH,EAAAA,eAAgB,CAAC,uBAAwBL,EAAmB,KAAK,CAAC,EACzE,MAAOC,EAAK,OAAO,OAASL,EAAM,MAClC,SAAUK,EAAK,QAAA,EACd,KAAM,GAAIlB,CAAU,EAAG,CACxB,CAAC0B,EAAiB,eAAAb,EAAM,KAAK,CAAA,CAC9B,EACDW,EAAAA,mBAAoB,QAAS,CAC3B,IAAKd,EAAG,MACR,MAAOY,EAAA,eAAgB,CAAC,cAAenB,CAAe,CAAC,CAAA,EACtD,KAAM,EAAGF,CAAU,EACrBiB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYR,EAAG,MACvC,MAAO,oDAAA,EACN,CACDiB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBpB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGP,CAAU,GAChB4B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system50.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system50.mjs

@@ -1,77 +1,5 @@
-import { defineComponent as v, computed as s, openBlock as u, createElementBlock as i, normalizeClass as d, withDirectives as h, createElementVNode as n, vModelCheckbox as k, renderSlot as C, createTextVNode as y, toDisplayString as V, createCommentVNode as B } from "vue";
-import { BCheckboxSize as o } from "./design-system5.mjs";
-import g from "./design-system83.mjs";
-const x = ["id", "value", "disabled"], z = ["for"], S = ["for"], _ = `
-  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
-  peer-checked:after:ds-opacity-100
-`, N = /* @__PURE__ */ v({
-  __name: "BCheckbox",
-  props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    modelValue: { type: [Boolean, Array], default: !1 },
-    label: { default: "" },
-    labelOrphan: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    size: { default: o.Medium }
-  },
-  emits: ["update:modelValue"],
-  setup(c, { emit: p }) {
-    const l = c, a = s(() => l.inputId || `id-${g()}`), t = s({
-      get() {
-        return l.modelValue;
-      },
-      set(e) {
-        p("update:modelValue", e);
-      }
-    }), m = s(() => {
-      let e = "";
-      switch (l.size) {
-        case o.Small:
-          e += "size-sm ";
-          break;
-        case o.Medium:
-        default:
-          e += " ";
-          break;
-      }
-      return e;
-    }), f = s(() => [
-      l.inputCssClass,
-      {
-        "ds-cursor-not-allowed": l.disabled
-      }
-    ]);
-    return (e, r) => (u(), i("div", {
-      class: d(["b-checkbox ds-flex ds-items-center", m.value])
-    }, [
-      h(n("input", {
-        id: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (b) => t.value = b),
-        type: "checkbox",
-        class: d(["ds-peer ds-invisible", f.value]),
-        value: e.$attrs.value || t.value,
-        disabled: e.disabled
-      }, null, 10, x), [
-        [k, t.value]
-      ]),
-      n("label", {
-        for: a.value,
-        class: d(["input-label", _])
-      }, null, 8, z),
-      e.label || e.$slots.default ? (u(), i("label", {
-        key: 0,
-        for: e.labelOrphan ? void 0 : a.value,
-        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
-      }, [
-        C(e.$slots, "default", {}, () => [
-          y(V(l.label), 1)
-        ], !0)
-      ], 8, S)) : B("", !0)
-    ], 2));
-  }
-});
+const e = "";
 export {
-  N as default
+  e as default
 };
 //# sourceMappingURL=design-system50.mjs.map

package/dist/design-system50.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system50.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, 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-2c7946bd\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"value\", \"disabled\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue?: boolean | Array<string | number>;\n  label?: string;\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\nconst siblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\n/**\n * Computed\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\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 cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n\n/**\n * Customize checkbox styles, need to hide input tag and style an label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"b-checkbox ds-flex ds-items-center\", cssClassValue.value])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      type: \"checkbox\",\n      class: _normalizeClass([\"ds-peer ds-invisible\", inputCssClassValue.value]),\n      value: _ctx.$attrs.value || value.value,\n      disabled: _ctx.disabled\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: _normalizeClass([\"input-label\", siblingCssClass])\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.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_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","siblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,SAAS,UAAU,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAkBnBC,IAAkB;AAAA;AAAA;AAAA,GASIC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,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,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GASRG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,KAAQ,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,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAqBN,EAAS,MAAM;AAAA,MACxCF,EAAM;AAAA,MACN;AAAA,QACE,yBAAyBA,EAAM;AAAA,MACjC;AAAA,IAAA,CACD;AAOM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAAC,sCAAsCP,EAAc,KAAK,CAAC;AAAA,IAAA,GACjF;AAAA,MACDQ,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAId,EAAG;AAAA,QACP,uBAAuBS,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBZ,EAAO,QAAQY;AAAA,QACnF,MAAM;AAAA,QACN,OAAOH,EAAgB,CAAC,wBAAwBL,EAAmB,KAAK,CAAC;AAAA,QACzE,OAAOC,EAAK,OAAO,SAASL,EAAM;AAAA,QAClC,UAAUK,EAAK;AAAA,MAAA,GACd,MAAM,IAAIlB,CAAU,GAAG;AAAA,QACxB,CAAC0B,GAAiBb,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDW,EAAoB,SAAS;AAAA,QAC3B,KAAKd,EAAG;AAAA,QACR,OAAOY,EAAgB,CAAC,eAAenB,CAAe,CAAC;AAAA,MAAA,GACtD,MAAM,GAAGF,CAAU;AAAA,MACrBiB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYR,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDiB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGP,CAAU,KAChB4B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system50.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system51.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const t=require("vue"),c=t.defineComponent({__name:"BCollapse",props:{modelValue:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:s}){const i=l,a=t.computed({get(){return i.modelValue},set(o){s("update:modelValue",o)}}),u=o=>{const e=o,{width:n}=getComputedStyle(e);e.style.width=n,e.style.position="absolute",e.style.visibility="hidden",e.style.height="auto";const{height:d}=getComputedStyle(e);e.style.width="",e.style.position="",e.style.visibility="",e.style.height="0px",getComputedStyle(e).height,requestAnimationFrame(()=>{e.style.height=d})},r=o=>{const e=o;e.style.height="auto"},h=o=>{const e=o,{height:n}=getComputedStyle(e);e.style.height=n,getComputedStyle(e).height,requestAnimationFrame(()=>{e.style.height="0px"})};return(o,e)=>(t.openBlock(),t.createBlock(t.Transition,{name:"expand",onEnter:u,onLeave:h,onAfterEnter:r},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",null,[t.renderSlot(o.$slots,"default",{},void 0,!0)],512),[[t.vShow,a.value]])]),_:3}))}});module.exports=c;
 //# sourceMappingURL=design-system51.js.map

package/dist/design-system51.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system51.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system51.js","sources":["../src/components/BCollapse.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, vShow as _vShow, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { computed } from 'vue';\n\nexport interface Props {\n  modelValue: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCollapse',\n  props: {\n    modelValue: { type: Boolean }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n// https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/\n\n\n/**\n * Events\n */\n\n\n/**\n * Computed\n */\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n\n/**\n * Methods\n */\nconst enter = (el: Element) => {\n  const element = el as HTMLElement;\n  const { width } = getComputedStyle(element);\n\n  element.style.width = width;\n  element.style.position = 'absolute';\n  element.style.visibility = 'hidden';\n  element.style.height = 'auto';\n\n  const { height } = getComputedStyle(element);\n\n  element.style.width = '';\n  element.style.position = '';\n  element.style.visibility = '';\n  element.style.height = '0px';\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  // Trigger the animation.\n  // We use `requestAnimationFrame` because we need to make sure the browser has finished painting\n  // after setting the `height` to`0` in the line above.\n  requestAnimationFrame(() => {\n    element.style.height = height;\n  });\n};\nconst afterEnter = (el: Element) => {\n  const element = el as HTMLElement;\n  element.style.height = 'auto';\n};\nconst leave = (el: Element) => {\n  const element = el as HTMLElement;\n  const { height } = getComputedStyle(element);\n\n  element.style.height = height;\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  requestAnimationFrame(() => {\n    element.style.height = '0px';\n  });\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, {\n    name: \"expand\",\n    onEnter: enter,\n    onLeave: leave,\n    onAfterEnter: afterEnter\n  }, {\n    default: _withCtx(() => [\n      _withDirectives(_createElementVNode(\"div\", null, [\n        _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n      ], 512), [\n        [_vShow, value.value]\n      ])\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","enter","el","element","width","height","afterEnter","leave","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","_withDirectives","_createElementVNode","_renderSlot","_vShow"],"mappings":"oCAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,CAC9B,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAaRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAKKC,EAASC,GAAgB,CAC7B,MAAMC,EAAUD,EACV,CAAE,MAAAE,CAAA,EAAU,iBAAiBD,CAAO,EAE1CA,EAAQ,MAAM,MAAQC,EACtBD,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,WAAa,SAC3BA,EAAQ,MAAM,OAAS,OAEvB,KAAM,CAAE,OAAAE,CAAA,EAAW,iBAAiBF,CAAO,EAE3CA,EAAQ,MAAM,MAAQ,GACtBA,EAAQ,MAAM,SAAW,GACzBA,EAAQ,MAAM,WAAa,GAC3BA,EAAQ,MAAM,OAAS,MAIvB,iBAAiBA,CAAO,EAAE,OAK1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAASE,CAAA,CACxB,CAAA,EAEGC,EAAcJ,GAAgB,CAClC,MAAMC,EAAUD,EAChBC,EAAQ,MAAM,OAAS,MAAA,EAEnBI,EAASL,GAAgB,CAC7B,MAAMC,EAAUD,EACV,CAAE,OAAAG,CAAA,EAAW,iBAAiBF,CAAO,EAE3CA,EAAQ,MAAM,OAASE,EAIvB,iBAAiBF,CAAO,EAAE,OAE1B,sBAAsB,IAAM,CAC1BA,EAAQ,MAAM,OAAS,KAAA,CACxB,CAAA,EAGI,MAAA,CAACK,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,YAAaC,aAAa,CAC9C,KAAM,SACN,QAASX,EACT,QAASM,EACT,aAAcD,CAAA,EACb,CACD,QAASO,UAAS,IAAM,CACtBC,iBAAgBC,EAAAA,mBAAoB,MAAO,KAAM,CAC/CC,aAAYR,EAAK,OAAQ,UAAW,CAAA,EAAI,OAAW,EAAI,CACzD,EAAG,GAAG,EAAG,CACP,CAACS,EAAQ,MAAAnB,EAAM,KAAK,CAAA,CACrB,CAAA,CACF,EACD,EAAG,CAAA,CACJ,EAEH,CAEA,CAAC"}

package/dist/design-system51.mjs

@@ -1,5 +1,52 @@
-const e = "";
+import { defineComponent as d, computed as m, openBlock as p, createBlock as c, Transition as y, withCtx as g, withDirectives as v, createElementVNode as f, renderSlot as C, vShow as S } from "vue";
+const _ = /* @__PURE__ */ d({
+  __name: "BCollapse",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: n }) {
+    const s = l, i = m({
+      get() {
+        return s.modelValue;
+      },
+      set(t) {
+        n("update:modelValue", t);
+      }
+    }), a = (t) => {
+      const e = t, { width: o } = getComputedStyle(e);
+      e.style.width = o, e.style.position = "absolute", e.style.visibility = "hidden", e.style.height = "auto";
+      const { height: u } = getComputedStyle(e);
+      e.style.width = "", e.style.position = "", e.style.visibility = "", e.style.height = "0px", getComputedStyle(e).height, requestAnimationFrame(() => {
+        e.style.height = u;
+      });
+    }, h = (t) => {
+      const e = t;
+      e.style.height = "auto";
+    }, r = (t) => {
+      const e = t, { height: o } = getComputedStyle(e);
+      e.style.height = o, getComputedStyle(e).height, requestAnimationFrame(() => {
+        e.style.height = "0px";
+      });
+    };
+    return (t, e) => (p(), c(y, {
+      name: "expand",
+      onEnter: a,
+      onLeave: r,
+      onAfterEnter: h
+    }, {
+      default: g(() => [
+        v(f("div", null, [
+          C(t.$slots, "default", {}, void 0, !0)
+        ], 512), [
+          [S, i.value]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  e as default
+  _ as default
 };
 //# sourceMappingURL=design-system51.mjs.map

package/dist/design-system51.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system51.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system51.mjs","sources":["../src/components/BCollapse.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, vShow as _vShow, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { computed } from 'vue';\n\nexport interface Props {\n  modelValue: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCollapse',\n  props: {\n    modelValue: { type: Boolean }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n// https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/\n\n\n/**\n * Events\n */\n\n\n/**\n * Computed\n */\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n\n/**\n * Methods\n */\nconst enter = (el: Element) => {\n  const element = el as HTMLElement;\n  const { width } = getComputedStyle(element);\n\n  element.style.width = width;\n  element.style.position = 'absolute';\n  element.style.visibility = 'hidden';\n  element.style.height = 'auto';\n\n  const { height } = getComputedStyle(element);\n\n  element.style.width = '';\n  element.style.position = '';\n  element.style.visibility = '';\n  element.style.height = '0px';\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  // Trigger the animation.\n  // We use `requestAnimationFrame` because we need to make sure the browser has finished painting\n  // after setting the `height` to`0` in the line above.\n  requestAnimationFrame(() => {\n    element.style.height = height;\n  });\n};\nconst afterEnter = (el: Element) => {\n  const element = el as HTMLElement;\n  element.style.height = 'auto';\n};\nconst leave = (el: Element) => {\n  const element = el as HTMLElement;\n  const { height } = getComputedStyle(element);\n\n  element.style.height = height;\n\n  // Force repaint to make sure the animation is triggered correctly.\n  // eslint-disable-next-line no-unused-expressions\n  getComputedStyle(element).height;\n\n  requestAnimationFrame(() => {\n    element.style.height = '0px';\n  });\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Transition, {\n    name: \"expand\",\n    onEnter: enter,\n    onLeave: leave,\n    onAfterEnter: afterEnter\n  }, {\n    default: _withCtx(() => [\n      _withDirectives(_createElementVNode(\"div\", null, [\n        _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n      ], 512), [\n        [_vShow, value.value]\n      ])\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","enter","el","element","width","height","afterEnter","leave","_ctx","_cache","_openBlock","_createBlock","_Transition","_withCtx","_withDirectives","_createElementVNode","_renderSlot","_vShow"],"mappings":";AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,EAC9B;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAaRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAc;AAChB,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAKKC,IAAQ,CAACC,MAAgB;AAC7B,YAAMC,IAAUD,GACV,EAAE,OAAAE,EAAA,IAAU,iBAAiBD,CAAO;AAE1C,MAAAA,EAAQ,MAAM,QAAQC,GACtBD,EAAQ,MAAM,WAAW,YACzBA,EAAQ,MAAM,aAAa,UAC3BA,EAAQ,MAAM,SAAS;AAEvB,YAAM,EAAE,QAAAE,EAAA,IAAW,iBAAiBF,CAAO;AAE3C,MAAAA,EAAQ,MAAM,QAAQ,IACtBA,EAAQ,MAAM,WAAW,IACzBA,EAAQ,MAAM,aAAa,IAC3BA,EAAQ,MAAM,SAAS,OAIvB,iBAAiBA,CAAO,EAAE,QAK1B,sBAAsB,MAAM;AAC1B,QAAAA,EAAQ,MAAM,SAASE;AAAA,MAAA,CACxB;AAAA,IAAA,GAEGC,IAAa,CAACJ,MAAgB;AAClC,YAAMC,IAAUD;AAChB,MAAAC,EAAQ,MAAM,SAAS;AAAA,IAAA,GAEnBI,IAAQ,CAACL,MAAgB;AAC7B,YAAMC,IAAUD,GACV,EAAE,QAAAG,EAAA,IAAW,iBAAiBF,CAAO;AAE3C,MAAAA,EAAQ,MAAM,SAASE,GAIvB,iBAAiBF,CAAO,EAAE,QAE1B,sBAAsB,MAAM;AAC1B,QAAAA,EAAQ,MAAM,SAAS;AAAA,MAAA,CACxB;AAAA,IAAA;AAGI,WAAA,CAACK,GAAUC,OACRC,EAAA,GAAcC,EAAaC,GAAa;AAAA,MAC9C,MAAM;AAAA,MACN,SAASX;AAAA,MACT,SAASM;AAAA,MACT,cAAcD;AAAA,IAAA,GACb;AAAA,MACD,SAASO,EAAS,MAAM;AAAA,QACtBC,EAAgBC,EAAoB,OAAO,MAAM;AAAA,UAC/CC,EAAYR,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,QACzD,GAAG,GAAG,GAAG;AAAA,UACP,CAACS,GAAQnB,EAAM,KAAK;AAAA,QAAA,CACrB;AAAA,MAAA,CACF;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system52.js

@@ -1,2 +1,2 @@
-"use strict";const e=(t,r)=>{const o=t.__vccOpts||t;for(const[s,c]of r)o[s]=c;return o};module.exports=e;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system52.js.map

package/dist/design-system52.mjs

@@ -1,10 +1,5 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+const e = "";
 export {
-  s as default
+  e as default
 };
 //# sourceMappingURL=design-system52.mjs.map

package/dist/design-system52.mjs.map

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

package/dist/design-system53.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),k=u=>(e.pushScopeId("data-v-adc2050e"),u=u(),e.popScopeId(),u),V={class:"carousel-content"},L=k(()=>e.createElementVNode("i",{class:"fa-solid fa-chevron-left ds-bg-primary-f/50"},null,-1)),E=[L],N=k(()=>e.createElementVNode("i",{class:"fa-solid fa-chevron-right ds-bg-primary-f/50"},null,-1)),w=[N],I={key:1,class:"carousel-pagination"},S=["onClick"],b=e.defineComponent({__name:"BCarousel",props:{modelValue:{default:void 0},autoplay:{type:Boolean,default:!1},duration:{default:5e3},navigation:{type:Boolean,default:!1},pagination:{type:Boolean,default:!1},continuous:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(u,{emit:h}){const o=u;let v;const d=e.ref(0),c=e.ref(0),r=e.ref(null),l=e.ref(null),t=e.computed({get(){return o.modelValue!==void 0?o.modelValue:d.value},set(a){o.modelValue!==void 0?h("update:modelValue",a):d.value=a}}),_=e.computed(()=>o.continuous||t.value<c.value-1),g=e.computed(()=>o.continuous||t.value>0);e.watch(t,(a,s)=>{f(a,s)});const y=a=>{t.value=a},m=()=>{t.value===c.value-1?o.continuous&&(t.value=0):t.value=t.value+1},B=()=>{t.value===0?o.continuous&&(t.value=c.value-1):t.value=t.value-1},C=()=>{v=setInterval(()=>{m()},o.duration)},f=(a,s)=>{if(l.value){t.value=a;const n=a<s,i=n?"slide-out-reverse":"slide-out",p=n?"slide-in-reverse":"slide-in";n?(l.value[s].classList.add("reverse"),l.value[t.value].classList.add("reverse")):(l.value[s].classList.remove("reverse"),l.value[t.value].classList.remove("reverse")),s!==a&&(l.value[s].classList.remove("slide-in","slide-in-reverse"),l.value[s].classList.add(i),setTimeout(()=>{l.value[s].classList.remove("active")},500)),l.value[t.value].classList.remove("slide-out","slide-out-reverse"),l.value[t.value].classList.add(p),l.value[t.value].classList.add("active")}};return(()=>{o.autoplay&&C()})(),e.onMounted(()=>{if(r.value){const a=t.value,s=r.value.querySelectorAll(".carousel-item");s.length&&(c.value=s.length,l.value=[...s],l.value.forEach(n=>{n.classList.contains("active")&&(t.value=l.value.indexOf(n))}),f(t.value,a))}}),e.onBeforeUnmount(()=>{clearInterval(v)}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:r,class:"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"},[e.createElementVNode("div",V,[e.renderSlot(a.$slots,"default",{},void 0,!0)]),o.navigation?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"carousel-navigation--left",onClick:B},E)):e.createCommentVNode("",!0),_.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"carousel-navigation--right",onClick:m},w)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),o.pagination?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(n,i)=>(e.openBlock(),e.createElementBlock("span",{key:i,class:e.normalizeClass({"ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t":i===t.value}),onClick:p=>y(i)},null,10,S))),128))])):e.createCommentVNode("",!0)],512))}});module.exports=b;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system53.js.map

package/dist/design-system53.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system53.js","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-adc2050e\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-chevron-left ds-bg-primary-f/50\" }, null, -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-chevron-right ds-bg-primary-f/50\" }, null, -1))\nconst _hoisted_5 = [\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  modelValue?: number;\n  autoplay?: boolean;\n  duration?: number;\n  navigation?: boolean;\n  pagination?: boolean;\n  continuous?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst itemCount = ref(0);\nconst container = ref<HTMLElement | null>(null);\nconst carouselItems = ref<Element[] | null>(null);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst showNextNav = computed(\n  () => props.continuous || value.value < itemCount.value - 1\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n\n/**\n * Watch\n */\nwatch(value, (val, oldVal) => {\n  selectCarouselItem(val, oldVal);\n});\n\n/**\n * Methods\n */\nconst goToItem = (index: number) => {\n  value.value = index;\n};\nconst nextItem = () => {\n  if (value.value === itemCount.value - 1) {\n    if (props.continuous) {\n      value.value = 0;\n    }\n  } else {\n    value.value = value.value + 1;\n  }\n};\nconst prevItem = () => {\n  if (value.value === 0) {\n    if (props.continuous) {\n      value.value = itemCount.value - 1;\n    }\n  } else {\n    value.value = value.value - 1;\n  }\n};\nconst setAutoPlay = () => {\n  autoplayIntervalFn = setInterval(() => {\n    nextItem();\n  }, props.duration);\n};\nconst selectCarouselItem = (index: number, oldIndex: number) => {\n  if (carouselItems.value) {\n    // Set activeIndex\n    value.value = index;\n\n    // Ensure reverse css classes\n    const isReverse = index < oldIndex;\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n    if (isReverse) {\n      carouselItems.value[oldIndex].classList.add('reverse');\n      carouselItems.value[value.value].classList.add('reverse');\n    } else {\n      carouselItems.value[oldIndex].classList.remove('reverse');\n      carouselItems.value[value.value].classList.remove('reverse');\n    }\n\n    // Remove active class from previous item\n    if (oldIndex !== index) {\n      carouselItems.value[oldIndex].classList.remove(\n        'slide-in',\n        'slide-in-reverse'\n      );\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n      // After 0.5s transition animation, hide the previous item\n      setTimeout(() => {\n        carouselItems.value![oldIndex].classList.remove('active');\n      }, 500);\n    }\n\n    // Add active class into active item\n    carouselItems.value[value.value].classList.remove(\n      'slide-out',\n      'slide-out-reverse'\n    );\n    carouselItems.value[value.value].classList.add(slideInCssClass);\n    carouselItems.value[value.value].classList.add('active');\n  }\n};\nconst init = () => {\n  if (props.autoplay) {\n    setAutoPlay();\n  }\n};\n\ninit();\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  if (container.value) {\n    const oldValue = value.value;\n    const items = container.value.querySelectorAll('.carousel-item') as any;\n    if (items.length) {\n      itemCount.value = items.length;\n      carouselItems.value = [...items];\n\n      carouselItems.value.forEach((carouselItem) => {\n        if (carouselItem.classList.contains('active')) {\n          value.value = carouselItems.value!.indexOf(carouselItem);\n        }\n      });\n      selectCarouselItem(value.value, oldValue);\n    }\n  }\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"container\",\n    ref: container,\n    class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_3))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_5))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n            index === value.value,\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","goToItem","index","nextItem","prevItem","setAutoPlay","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}
+{"version":3,"file":"design-system53.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system53.mjs

@@ -1,107 +1,5 @@
-import { defineComponent as b, ref as c, computed as m, watch as E, onMounted as A, onBeforeUnmount as F, openBlock as u, createElementBlock as i, createElementVNode as p, renderSlot as O, Fragment as k, createCommentVNode as d, renderList as P, normalizeClass as T, pushScopeId as $, popScopeId as q } from "vue";
-const L = (n) => ($("data-v-adc2050e"), n = n(), q(), n), z = { class: "carousel-content" }, M = /* @__PURE__ */ L(() => /* @__PURE__ */ p("i", { class: "fa-solid fa-chevron-left ds-bg-primary-f/50" }, null, -1)), R = [
-  M
-], U = /* @__PURE__ */ L(() => /* @__PURE__ */ p("i", { class: "fa-solid fa-chevron-right ds-bg-primary-f/50" }, null, -1)), j = [
-  U
-], D = {
-  key: 1,
-  class: "carousel-pagination"
-}, G = ["onClick"], K = /* @__PURE__ */ b({
-  __name: "BCarousel",
-  props: {
-    modelValue: { default: void 0 },
-    autoplay: { type: Boolean, default: !1 },
-    duration: { default: 5e3 },
-    navigation: { type: Boolean, default: !1 },
-    pagination: { type: Boolean, default: !1 },
-    continuous: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: V }) {
-    const l = n;
-    let h;
-    const _ = c(0), r = c(0), f = c(null), s = c(null), e = m({
-      get() {
-        return l.modelValue !== void 0 ? l.modelValue : _.value;
-      },
-      set(a) {
-        l.modelValue !== void 0 ? V("update:modelValue", a) : _.value = a;
-      }
-    }), B = m(
-      () => l.continuous || e.value < r.value - 1
-    ), w = m(() => l.continuous || e.value > 0);
-    E(e, (a, t) => {
-      g(a, t);
-    });
-    const I = (a) => {
-      e.value = a;
-    }, y = () => {
-      e.value === r.value - 1 ? l.continuous && (e.value = 0) : e.value = e.value + 1;
-    }, N = () => {
-      e.value === 0 ? l.continuous && (e.value = r.value - 1) : e.value = e.value - 1;
-    }, S = () => {
-      h = setInterval(() => {
-        y();
-      }, l.duration);
-    }, g = (a, t) => {
-      if (s.value) {
-        e.value = a;
-        const o = a < t, v = o ? "slide-out-reverse" : "slide-out", C = o ? "slide-in-reverse" : "slide-in";
-        o ? (s.value[t].classList.add("reverse"), s.value[e.value].classList.add("reverse")) : (s.value[t].classList.remove("reverse"), s.value[e.value].classList.remove("reverse")), t !== a && (s.value[t].classList.remove(
-          "slide-in",
-          "slide-in-reverse"
-        ), s.value[t].classList.add(v), setTimeout(() => {
-          s.value[t].classList.remove("active");
-        }, 500)), s.value[e.value].classList.remove(
-          "slide-out",
-          "slide-out-reverse"
-        ), s.value[e.value].classList.add(C), s.value[e.value].classList.add("active");
-      }
-    };
-    return (() => {
-      l.autoplay && S();
-    })(), A(() => {
-      if (f.value) {
-        const a = e.value, t = f.value.querySelectorAll(".carousel-item");
-        t.length && (r.value = t.length, s.value = [...t], s.value.forEach((o) => {
-          o.classList.contains("active") && (e.value = s.value.indexOf(o));
-        }), g(e.value, a));
-      }
-    }), F(() => {
-      clearInterval(h);
-    }), (a, t) => (u(), i("div", {
-      ref_key: "container",
-      ref: f,
-      class: "ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg"
-    }, [
-      p("div", z, [
-        O(a.$slots, "default", {}, void 0, !0)
-      ]),
-      l.navigation ? (u(), i(k, { key: 0 }, [
-        w.value ? (u(), i("div", {
-          key: 0,
-          class: "carousel-navigation--left",
-          onClick: N
-        }, R)) : d("", !0),
-        B.value ? (u(), i("div", {
-          key: 1,
-          class: "carousel-navigation--right",
-          onClick: y
-        }, j)) : d("", !0)
-      ], 64)) : d("", !0),
-      l.pagination ? (u(), i("div", D, [
-        (u(!0), i(k, null, P(r.value, (o, v) => (u(), i("span", {
-          key: v,
-          class: T({
-            "ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t": v === e.value
-          }),
-          onClick: (C) => I(v)
-        }, null, 10, G))), 128))
-      ])) : d("", !0)
-    ], 512));
-  }
-});
+const e = "";
 export {
-  K as default
+  e as default
 };
 //# sourceMappingURL=design-system53.mjs.map

package/dist/design-system53.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system53.mjs","sources":["../src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-adc2050e\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"carousel-content\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-chevron-left ds-bg-primary-f/50\" }, null, -1))\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-chevron-right ds-bg-primary-f/50\" }, null, -1))\nconst _hoisted_5 = [\n  _hoisted_4\n]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"carousel-pagination\"\n}\nconst _hoisted_7 = [\"onClick\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  modelValue?: number;\n  autoplay?: boolean;\n  duration?: number;\n  navigation?: boolean;\n  pagination?: boolean;\n  continuous?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCarousel',\n  props: {\n    modelValue: { default: undefined },\n    autoplay: { type: Boolean, default: false },\n    duration: { default: 5000 },\n    navigation: { type: Boolean, default: false },\n    pagination: { type: Boolean, default: false },\n    continuous: { type: Boolean, default: true }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nlet autoplayIntervalFn: any;\nconst mValue = ref(0);\nconst itemCount = ref(0);\nconst container = ref<HTMLElement | null>(null);\nconst carouselItems = ref<Element[] | null>(null);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst showNextNav = computed(\n  () => props.continuous || value.value < itemCount.value - 1\n);\nconst showPrevNav = computed(() => props.continuous || value.value > 0);\n\n/**\n * Watch\n */\nwatch(value, (val, oldVal) => {\n  selectCarouselItem(val, oldVal);\n});\n\n/**\n * Methods\n */\nconst goToItem = (index: number) => {\n  value.value = index;\n};\nconst nextItem = () => {\n  if (value.value === itemCount.value - 1) {\n    if (props.continuous) {\n      value.value = 0;\n    }\n  } else {\n    value.value = value.value + 1;\n  }\n};\nconst prevItem = () => {\n  if (value.value === 0) {\n    if (props.continuous) {\n      value.value = itemCount.value - 1;\n    }\n  } else {\n    value.value = value.value - 1;\n  }\n};\nconst setAutoPlay = () => {\n  autoplayIntervalFn = setInterval(() => {\n    nextItem();\n  }, props.duration);\n};\nconst selectCarouselItem = (index: number, oldIndex: number) => {\n  if (carouselItems.value) {\n    // Set activeIndex\n    value.value = index;\n\n    // Ensure reverse css classes\n    const isReverse = index < oldIndex;\n    const slideOutCssClass = isReverse ? 'slide-out-reverse' : 'slide-out';\n    const slideInCssClass = isReverse ? 'slide-in-reverse' : 'slide-in';\n    if (isReverse) {\n      carouselItems.value[oldIndex].classList.add('reverse');\n      carouselItems.value[value.value].classList.add('reverse');\n    } else {\n      carouselItems.value[oldIndex].classList.remove('reverse');\n      carouselItems.value[value.value].classList.remove('reverse');\n    }\n\n    // Remove active class from previous item\n    if (oldIndex !== index) {\n      carouselItems.value[oldIndex].classList.remove(\n        'slide-in',\n        'slide-in-reverse'\n      );\n      carouselItems.value[oldIndex].classList.add(slideOutCssClass);\n      // After 0.5s transition animation, hide the previous item\n      setTimeout(() => {\n        carouselItems.value![oldIndex].classList.remove('active');\n      }, 500);\n    }\n\n    // Add active class into active item\n    carouselItems.value[value.value].classList.remove(\n      'slide-out',\n      'slide-out-reverse'\n    );\n    carouselItems.value[value.value].classList.add(slideInCssClass);\n    carouselItems.value[value.value].classList.add('active');\n  }\n};\nconst init = () => {\n  if (props.autoplay) {\n    setAutoPlay();\n  }\n};\n\ninit();\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  if (container.value) {\n    const oldValue = value.value;\n    const items = container.value.querySelectorAll('.carousel-item') as any;\n    if (items.length) {\n      itemCount.value = items.length;\n      carouselItems.value = [...items];\n\n      carouselItems.value.forEach((carouselItem) => {\n        if (carouselItem.classList.contains('active')) {\n          value.value = carouselItems.value!.indexOf(carouselItem);\n        }\n      });\n      selectCarouselItem(value.value, oldValue);\n    }\n  }\n});\nonBeforeUnmount(() => {\n  clearInterval(autoplayIntervalFn);\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"container\",\n    ref: container,\n    class: \"ds-relative ds-min-h-[6rem] ds-w-full ds-overflow-x-hidden ds-rounded-lg\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ]),\n    (props.navigation)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          (showPrevNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: \"carousel-navigation--left\",\n                onClick: prevItem\n              }, _hoisted_3))\n            : _createCommentVNode(\"\", true),\n          (showNextNav.value)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 1,\n                class: \"carousel-navigation--right\",\n                onClick: nextItem\n              }, _hoisted_5))\n            : _createCommentVNode(\"\", true)\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (props.pagination)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(itemCount.value, (item, index) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: index,\n              class: _normalizeClass({\n          'ds-bg-gradient-to-r ds-from-primary-f ds-from-primary-f-stop ds-to-primary-t':\n            index === value.value,\n        }),\n              onClick: ($event: any) => (goToItem(index))\n            }, null, 10, _hoisted_7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 512))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","emit","props","autoplayIntervalFn","mValue","ref","itemCount","container","carouselItems","value","computed","val","showNextNav","showPrevNav","watch","oldVal","selectCarouselItem","goToItem","index","nextItem","prevItem","setAutoPlay","oldIndex","isReverse","slideOutCssClass","slideInCssClass","onMounted","oldValue","items","carouselItem","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_Fragment","_createCommentVNode","_renderList","item","_normalizeClass","$event"],"mappings":"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"}
+{"version":3,"file":"design-system53.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system54.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("./design-system10.js");module.exports=e;
 //# sourceMappingURL=design-system54.js.map

package/dist/design-system54.mjs

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

package/dist/design-system55.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("./design-system11.js");module.exports=e;
 //# sourceMappingURL=design-system55.js.map

package/dist/design-system55.mjs

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

package/dist/design-system56.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("./design-system12.js");module.exports=e;
 //# sourceMappingURL=design-system56.js.map

package/dist/design-system56.mjs

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

package/dist/design-system57.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system12.js");module.exports=e;
+"use strict";const e=require("./design-system26.js");module.exports=e;
 //# sourceMappingURL=design-system57.js.map

package/dist/design-system57.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system12.mjs";
+import f from "./design-system26.mjs";
 export {
   f as default
 };

package/dist/design-system58.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system13.js");module.exports=e;
+"use strict";const e=require("./design-system27.js");module.exports=e;
 //# sourceMappingURL=design-system58.js.map

package/dist/design-system58.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system13.mjs";
+import f from "./design-system27.mjs";
 export {
   f as default
 };

package/dist/design-system59.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system14.js");module.exports=e;
+"use strict";const e=require("vue"),i=o=>(e.pushScopeId("data-v-119e439f"),o=o(),e.popScopeId(),o),r=i(()=>e.createElementVNode("div",{class:"b-loading-bar-indeterminate"},null,-1)),d=[r],n=e.defineComponent({__name:"BLoadingBar",props:{loading:{type:Boolean},height:{default:""},borderRadius:{default:""},absolute:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const s={opacity:+t.loading,height:"",borderRadius:"",position:"relative"};return t.height&&(s.height=t.height),t.borderRadius&&(s.borderRadius=t.borderRadius),t.absolute&&(s.position="absolute"),s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(a.value),class:"b-loading-bar"},d,4))}});module.exports=n;
 //# sourceMappingURL=design-system59.js.map

package/dist/design-system59.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system59.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system59.js","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-119e439f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport type { BLoadingBarProps } from '@/types';\nimport { computed, type StyleValue } from 'vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Computed\n */\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAwCJ,EAAA,IAAuCK,EAAA,mBAAA,MAAO,CAAE,MAAO,+BAAiC,KAAM,EAAE,CAAC,EACzIC,EAAa,CACjBF,CACF,EAS4BG,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,OAAQ,CAAE,QAAS,EAAG,EACtB,aAAc,CAAE,QAAS,EAAG,EAC5B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAORE,EAAWC,EAAAA,SAAS,IAAM,CAC9B,MAAMC,EAAqB,CACzB,QAAS,CAACH,EAAM,QAChB,OAAQ,GACR,aAAc,GACd,SAAU,UAAA,EAGZ,OAAIA,EAAM,SACRG,EAAO,OAASH,EAAM,QAEpBA,EAAM,eACRG,EAAO,aAAeH,EAAM,cAE1BA,EAAM,WACRG,EAAO,SAAW,YAGbA,CAAA,CACR,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,EACrC,MAAO,eAAA,EACNL,EAAY,CAAC,EAElB,CAEA,CAAC"}

package/dist/design-system59.mjs

@@ -1,5 +1,31 @@
-import f from "./design-system14.mjs";
+import { defineComponent as i, computed as s, openBlock as d, createElementBlock as r, normalizeStyle as l, pushScopeId as n, popScopeId as c, createElementVNode as p } from "vue";
+const u = (o) => (n("data-v-119e439f"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), b = [
+  h
+], g = /* @__PURE__ */ i({
+  __name: "BLoadingBar",
+  props: {
+    loading: { type: Boolean },
+    height: { default: "" },
+    borderRadius: { default: "" },
+    absolute: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const e = o, a = s(() => {
+      const t = {
+        opacity: +e.loading,
+        height: "",
+        borderRadius: "",
+        position: "relative"
+      };
+      return e.height && (t.height = e.height), e.borderRadius && (t.borderRadius = e.borderRadius), e.absolute && (t.position = "absolute"), t;
+    });
+    return (t, f) => (d(), r("div", {
+      style: l(a.value),
+      class: "b-loading-bar"
+    }, b, 4));
+  }
+});
 export {
-  f as default
+  g as default
 };
 //# sourceMappingURL=design-system59.mjs.map