bitboss-ui 0.1.76 → 0.1.78

package/dist/index112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index112.js","sources":["../src/components/BbIcon/BbIcon.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"innerHTML\"]\n\nimport { computed, getCurrentInstance, inject, ref, watchEffect } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nexport type Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport interface BbIconProps {\n  color?: string;\n  size?: Size | string | number;\n  type: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbIcon',\n  props: {\n    color: {},\n    size: { default: \"md\" },\n    type: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\nlet icons: Record<string, () => Promise<string>> | undefined;\n// @ts-ignore\nconst isNuxt = !!getCurrentInstance()?.proxy?.$nuxt;\n\nif (isNuxt) {\n  // @ts-ignore\n  if (process.client) {\n    // @ts-ignore\n    icons = useNuxtApp()[`$icons`] as typeof icons;\n  }\n} else {\n  icons = inject(\"icons\");\n}\n\nconst sizeMap: Record<Size, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 28,\n  xl: 36,\n  xxl: 40,\n};\n\nconst iconAttributes = computed(() => {\n  const classes: any = {\n    \"bb-icon\": true,\n  };\n  const width = computed(() => {\n    let dimension: number;\n    if (typeof props.size === \"string\") {\n      dimension = sizeMap[props.size as Size] ?? parseInt(props.size, 10);\n    } else {\n      dimension = props.size;\n    }\n    return dimension + `px`;\n  });\n  let style: { [key: string]: any } = { width: width.value };\n\n  if (props.color) {\n    if (isCssColor(props.color)) {\n      style.color = props.color;\n    } else {\n      classes[`bb-icon-${props.color}`] = true;\n    }\n  }\n  return {\n    class: classes,\n    style,\n  };\n});\n\nconst icon = ref<string | null>(null);\n\nwatchEffect(async () => {\n  if (icons) {\n    if (typeof icons[props.type] === \"undefined\")\n      throw new Error(`Icon \"${props.type}\" does not exist.`);\n    icon.value = await icons[props.type]();\n  }\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"i\", _mergeProps(iconAttributes.value, { innerHTML: icon.value }), null, 16, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","icons","_b","_a","getCurrentInstance","inject","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor","icon","ref","watchEffect","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,WAAW,GAYHC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM,EAAE,SAAS,KAAK;AAAA,IACtB,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;;AAEtB,UAAMC,IAAQD;AACV,QAAAE;AAIJ,IAFe,CAAC,GAACC,KAAAC,IAAAC,EAAA,MAAA,gBAAAD,EAAsB,UAAtB,QAAAD,EAA6B,SAIxC,QAAQ,WAEFD,IAAA,WAAA,EAAa,UAGvBA,IAAQI,EAAO,OAAO;AAGxB,UAAMC,IAAgC;AAAA,MACpC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGDC,IAAiBC,EAAS,MAAM;AACpC,YAAMC,IAAe;AAAA,QACnB,WAAW;AAAA,MAAA;AAWb,UAAIC,IAAgC,EAAE,OATxBF,EAAS,MAAM;AACvB,YAAAG;AACA,eAAA,OAAOX,EAAM,QAAS,WACxBW,IAAYL,EAAQN,EAAM,IAAY,KAAK,SAASA,EAAM,MAAM,EAAE,IAElEW,IAAYX,EAAM,MAEbW,IAAY;AAAA,MAAA,CACpB,EACkD,MAAM;AAEzD,aAAIX,EAAM,UACJY,EAAWZ,EAAM,KAAK,IACxBU,EAAM,QAAQV,EAAM,QAEpBS,EAAQ,WAAWT,EAAM,KAAK,EAAE,IAAI,KAGjC;AAAA,QACL,OAAOS;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACF,CACD,GAEKG,IAAOC,EAAmB,IAAI;AAEpC,WAAAC,EAAY,YAAY;AACtB,UAAId,GAAO;AACT,YAAI,OAAOA,EAAMD,EAAM,IAAI,IAAM;AAC/B,gBAAM,IAAI,MAAM,SAASA,EAAM,IAAI,mBAAmB;AACxD,QAAAa,EAAK,QAAQ,MAAMZ,EAAMD,EAAM,IAAI,EAAE;AAAA,MACvC;AAAA,IAAA,CACD,GAEM,CAACgB,GAAUC,OACRC,EAAW,GAAGC,EAAoB,KAAKC,EAAYb,EAAe,OAAO,EAAE,WAAWM,EAAK,MAAO,CAAA,GAAG,MAAM,IAAIjB,CAAU;AAAA,EAEnI;AAEA,CAAC;"}
+{"version":3,"file":"index112.js","sources":["../src/components/BbChip/BbChip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-chip\" }\nconst _hoisted_2 = { class: \"bb-chip__content\" }\nconst _hoisted_3 = [\"aria-label\", \"onClick\"]\nconst _hoisted_4 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 20\",\n  role: \"img\",\n  \"aria-hidden\": \"true\",\n  class: \"v-icon__svg\",\n  style: {\"height\":\"20px\",\"width\":\"20px\"}\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M15 6.375L14.125 5.5L10 9.625L5.875 5.5L5 6.375L9.125 10.5L5 14.625L5.875 15.5L10 11.375L14.125 15.5L15 14.625L10.875 10.5L15 6.375Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbChipProps = Pick<CommonProps, \"text\"> & {\n  /**\n   * Renders a button with a close icon. Used to indicate the possibility of deleting the item.\n   */\n  clearable?: true;\n  /**\n   * The label the clearing button must have\n   */\n  clearableLabel?: string;\n};\n\nexport type BbChipEvents = {\n  (e: \"click:clear\", event: MouseEvent): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbChip',\n  props: {\n    text: {},\n    clearable: { type: Boolean },\n    clearableLabel: { default: \"Elimina\" }\n  },\n  emits: [\"click:clear\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\n\n\nconst emit = __emit;\nconst onClear = (event: MouseEvent) => {\n  emit(\"click:clear\", event);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _hoisted_1, [\n    _createElementVNode(\"span\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createTextVNode(_toDisplayString(_ctx.text), 1)\n      ])\n    ]),\n    (_ctx.clearable)\n      ? (_openBlock(), _createElementBlock(\"button\", {\n          key: 0,\n          \"aria-label\": _ctx.clearableLabel,\n          class: \"bb-chip__clear-button\",\n          onClick: _withModifiers(onClear, [\"stop\",\"prevent\"]),\n          type: \"button\"\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, _hoisted_6))\n        ], 8, _hoisted_3))\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","__emit","emit","onClear","event","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_withModifiers","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,EAAE,OAAO,sBACtBC,IAAa,CAAC,cAAc,SAAS,GACrCC,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAC,QAAS,QAAO,OAAQ,OAAM;AACxC,GACMC,sBAA8C,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE,GACLC,IAAa;AAAA,EACjBD;AACF,GAoB4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,IACP,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,gBAAgB,EAAE,SAAS,UAAU;AAAA,EACvC;AAAA,EACA,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAMxC,UAAMC,IAAOD,GACPE,IAAU,CAACC,MAAsB;AACrC,MAAAF,EAAK,eAAeE,CAAK;AAAA,IAAA;AAGpB,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQhB,GAAY;AAAA,MAC5DiB,EAAoB,QAAQhB,GAAY;AAAA,QACtCiB,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBP,EAAK,IAAI,GAAG,CAAC;AAAA,QAAA,CAChD;AAAA,MAAA,CACF;AAAA,MACAA,EAAK,aACDE,KAAcC,EAAoB,UAAU;AAAA,QAC3C,KAAK;AAAA,QACL,cAAcH,EAAK;AAAA,QACnB,OAAO;AAAA,QACP,SAASQ,EAAeV,GAAS,CAAC,QAAO,SAAS,CAAC;AAAA,QACnD,MAAM;AAAA,MAAA,GACL;AAAA,SACAI,EAAW,GAAGC,EAAoB,OAAOb,GAAYE,CAAU;AAAA,SAC/D,GAAGH,CAAU,KAChBoB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/index113.js

@@ -1,50 +1,41 @@
-import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index197.js";
-const O = /* @__PURE__ */ v({
-  __name: "BbSmoothHeight",
+import { defineComponent as i, ref as a, watch as s, computed as u, openBlock as c, createElementBlock as p, normalizeProps as d, guardReactiveProps as m, createElementVNode as b, renderSlot as v, createCommentVNode as f } from "vue";
+import { wait as V } from "./index119.js";
+import { throttle as _ } from "./index195.js";
+const h = { class: "bb-collapsible__content" }, k = /* @__PURE__ */ i({
+  __name: "BbCollapsible",
   props: {
-    mutationOptions: { default: () => ({ childList: !0 }) },
-    resizeOptions: {},
-    strategy: { default: "resize" },
-    tag: { default: "div" },
-    transitionDuration: { default: 200 }
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean }
   },
-  setup(c) {
-    const n = c, s = r(null), e = r(null), t = r(null);
-    globalThis.ResizeObserver && (p(() => {
-      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
-    }), h(() => {
-      t.value && t.value.disconnect();
-    }));
-    const a = g(() => {
-      if (s.value && e.value) {
-        const o = e.value.scrollHeight + 2;
-        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+  setup(n) {
+    const e = n, l = a(e.modelValue), t = a(l.value);
+    s(
+      () => e.modelValue,
+      _(async (o) => {
+        o ? (t.value = !0, l.value = !0) : (await V(e.transitionDuration), l.value = !1);
+      }, e.transitionDuration)
+    );
+    const r = u(() => ({
+      "aria-expanded": e.modelValue,
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": e.modelValue,
+        "bb-collapsible--closed": !e.modelValue,
+        "bb-collapsible--invisible": !l.value
+      },
+      style: {
+        transitionDuration: e.transitionDuration + "ms"
       }
-    }, 200);
-    return (o, y) => (i(), l(u(o.tag), {
-      class: "bb-smooth-height",
-      ref_key: "container",
-      ref: s,
-      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
-    }, {
-      default: f(() => [
-        (i(), l(u(o.tag), {
-          class: "content",
-          ref_key: "content",
-          ref: e
-        }, {
-          default: f(() => [
-            d(o.$slots, "default")
-          ]),
-          _: 3
-        }, 512))
-      ]),
-      _: 3
-    }, 8, ["style"]));
+    }));
+    return (o, y) => (c(), p("div", d(m(r.value)), [
+      b("div", h, [
+        o.eager || t.value ? v(o.$slots, "default", { key: 0 }) : f("", !0)
+      ])
+    ], 16));
   }
 });
 export {
-  O as default
+  k as default
 };
 //# sourceMappingURL=index113.js.map

package/dist/index113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index113.js","sources":["../src/components/BbSmoothHeight/BbSmoothHeight.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle } from \"vue\"\n\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { ref, onMounted, onBeforeUnmount } from \"vue\";\n\ntype VoidHTMLElements =\n  | \"area\"\n  | \"base\"\n  | \"br\"\n  | \"col\"\n  | \"command\"\n  | \"embed\"\n  | \"hr\"\n  | \"img\"\n  | \"input\"\n  | \"keygen\"\n  | \"link\"\n  | \"meta\"\n  | \"param\"\n  | \"source\"\n  | \"track\"\n  | \"wbr\";\n\nexport type BbSmoothHeightProps = {\n  mutationOptions?: MutationObserverInit;\n  resizeOptions?: ResizeObserverOptions;\n  strategy?: \"resize\" | \"mutation\";\n  tag?: keyof Omit<HTMLElementTagNameMap, VoidHTMLElements> | \"\";\n  transitionDuration?: number;\n};\n\nexport type BbSmoothHeightSlots = {\n  default?: (props: {}) => any\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSmoothHeight',\n  props: {\n    mutationOptions: { default: () => ({ childList: true }) },\n    resizeOptions: {},\n    strategy: { default: \"resize\" },\n    tag: { default: \"div\" },\n    transitionDuration: { default: 200 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst container = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst observer = ref<ResizeObserver | MutationObserver | null>(null);\n\nif (globalThis.ResizeObserver) {\n  onMounted(() => {\n    if (props.strategy === \"resize\") {\n      if (content.value) {\n        observer.value = new ResizeObserver(onContentGrow);\n        observer.value.observe(content.value, props.resizeOptions);\n      }\n    } else if (props.strategy === \"mutation\") {\n      if (content.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(content.value, props.mutationOptions);\n      }\n    }\n    onContentGrow();\n  });\n  onBeforeUnmount(() => {\n    if (observer.value) {\n      observer.value.disconnect();\n    }\n  });\n}\n\n/**\n * This is called when content changes.\n * It could be called numerous times so throttle every 200ms\n */\nconst onContentGrow = throttle(() => {\n  if (container.value && content.value) {\n    const contentHeight = content.value.scrollHeight + 2;\n    container.value.style.height = \"0px\";\n    container.value.style.height = `${contentHeight}px`;\n  }\n}, 200);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n    class: \"bb-smooth-height\",\n    ref_key: \"container\",\n    ref: container,\n    style: _normalizeStyle({ 'transition-duration': props.transitionDuration / 1000 + 's' })\n  }, {\n    default: _withCtx(() => [\n      (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n        class: \"content\",\n        ref_key: \"content\",\n        ref: content\n      }, {\n        default: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"default\")\n        ]),\n        _: 3\n      }, 512))\n    ]),\n    _: 3\n  }, 8, [\"style\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","container","ref","content","observer","onMounted","onContentGrow","onBeforeUnmount","throttle","contentHeight","_ctx","_cache","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle","_withCtx","_renderSlot"],"mappings":";;AAqCA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,iBAAiB,EAAE,SAAS,OAAO,EAAE,WAAW,GAAQ,GAAA;AAAA,IACxD,eAAe,CAAC;AAAA,IAChB,UAAU,EAAE,SAAS,SAAS;AAAA,IAC9B,KAAK,EAAE,SAAS,MAAM;AAAA,IACtB,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAYC,EAAwB,IAAI,GACxCC,IAAUD,EAAwB,IAAI,GACtCE,IAAWF,EAA8C,IAAI;AAEnE,IAAI,WAAW,mBACbG,EAAU,MAAM;AACV,MAAAL,EAAM,aAAa,WACjBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,eAAeE,CAAa,GACjDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,aAAa,KAElDA,EAAM,aAAa,cACxBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,iBAAiBE,CAAa,GACnDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,eAAe,IAGjDM;IAAA,CACf,GACDC,EAAgB,MAAM;AACpB,MAAIH,EAAS,SACXA,EAAS,MAAM;IACjB,CACD;AAOG,UAAAE,IAAgBE,EAAS,MAAM;AAC/B,UAAAP,EAAU,SAASE,EAAQ,OAAO;AAC9B,cAAAM,IAAgBN,EAAQ,MAAM,eAAe;AACzC,QAAAF,EAAA,MAAM,MAAM,SAAS,OAC/BA,EAAU,MAAM,MAAM,SAAS,GAAGQ,CAAa;AAAA,MACjD;AAAA,OACC,GAAG;AAEC,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,MACrE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAKT;AAAA,MACL,OAAOc,EAAgB,EAAE,uBAAuBf,EAAM,qBAAqB,MAAO,KAAK;AAAA,IAAA,GACtF;AAAA,MACD,SAASgB,EAAS,MAAM;AAAA,SACrBJ,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,UAC9D,OAAO;AAAA,UACP,SAAS;AAAA,UACT,KAAKP;AAAA,QAAA,GACJ;AAAA,UACD,SAASa,EAAS,MAAM;AAAA,YACtBC,EAAYP,EAAK,QAAQ,SAAS;AAAA,UAAA,CACnC;AAAA,UACD,GAAG;AAAA,WACF,GAAG;AAAA,MAAA,CACP;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC;AAAA,EAEjB;AAEA,CAAC;"}
+{"version":3,"file":"index113.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-collapsible__content\" }\n\nimport { wait } from \"@/utilities/functions/wait\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { computed, ref, watch } from \"vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbCollapsibleProps = Pick<CommonProps, 'eager' | 'transitionDuration'> & {\n  /**\n   * Used by v-model to trigger opening / closing the collapsible\n   */\n  modelValue?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbCollapsible',\n  props: {\n    eager: { type: Boolean },\n    transitionDuration: { default: 250 },\n    modelValue: { type: Boolean }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst visible = ref(props.modelValue);\nconst hasRenderedOnce = ref(visible.value);\n\n/**\n * Every time model value changes if content is going to be expanded\n * make it visible straight away.\n * If content id going to be collapsed wait for end of \n * transition before hiding from keyboard navigation\n */\nwatch(\n  () => props.modelValue,\n  throttle(async (value) => {\n    if (value) {\n      hasRenderedOnce.value = true;\n      visible.value = true;\n    } else {\n      await wait(props.transitionDuration);\n      visible.value = false;\n    }\n  }, props.transitionDuration)\n);\nconst collapsibleAttributes = computed(() => {\n  return {\n    \"aria-expanded\": props.modelValue,\n    class: {\n      \"bb-collapsible\": true,\n      \"bb-collapsible--open\": props.modelValue,\n      \"bb-collapsible--closed\": !props.modelValue,\n      \"bb-collapsible--invisible\": !visible.value,\n    },\n    style: {\n      transitionDuration: props.transitionDuration + \"ms\",\n    },\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _normalizeProps(_guardReactiveProps(collapsibleAttributes.value)), [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.eager || hasRenderedOnce.value)\n        ? _renderSlot(_ctx.$slots, \"default\", { key: 0 })\n        : _createCommentVNode(\"\", true)\n    ])\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","visible","ref","hasRenderedOnce","watch","throttle","value","wait","collapsibleAttributes","computed","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_createElementVNode","_renderSlot","_createCommentVNode"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,6BAeAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,YAAY,EAAE,MAAM,QAAQ;AAAA,EAC9B;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC,EAAIF,EAAM,UAAU,GAC9BG,IAAkBD,EAAID,EAAQ,KAAK;AAQzC,IAAAG;AAAA,MACE,MAAMJ,EAAM;AAAA,MACZK,EAAS,OAAOC,MAAU;AACxB,QAAIA,KACFH,EAAgB,QAAQ,IACxBF,EAAQ,QAAQ,OAEV,MAAAM,EAAKP,EAAM,kBAAkB,GACnCC,EAAQ,QAAQ;AAAA,MAClB,GACCD,EAAM,kBAAkB;AAAA,IAAA;AAEvB,UAAAQ,IAAwBC,EAAS,OAC9B;AAAA,MACL,iBAAiBT,EAAM;AAAA,MACvB,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,wBAAwBA,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,QACjC,6BAA6B,CAACC,EAAQ;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,oBAAoBD,EAAM,qBAAqB;AAAA,MACjD;AAAA,IAAA,EAEH;AAEM,WAAA,CAACU,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAOC,EAAgBC,EAAoBP,EAAsB,KAAK,CAAC,GAAG;AAAA,MAClHQ,EAAoB,OAAOpB,GAAY;AAAA,QACpCc,EAAK,SAASP,EAAgB,QAC3Bc,EAAYP,EAAK,QAAQ,WAAW,EAAE,KAAK,EAAG,CAAA,IAC9CQ,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}

package/dist/index114.js

@@ -1,46 +1,47 @@
-import { defineComponent as m, computed as r, openBlock as a, createElementBlock as d, normalizeProps as u, guardReactiveProps as z, createElementVNode as c } from "vue";
-import { isCssColor as f } from "./index200.js";
-const _ = /* @__PURE__ */ c("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512"
-}, [
-  /* @__PURE__ */ c("path", {
-    fill: "currentColor",
-    d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"
-  })
-], -1), x = [
-  _
-], b = /* @__PURE__ */ m({
-  __name: "BbSpinner",
+import { defineComponent as d, getCurrentInstance as m, inject as x, computed as l, ref as y, watchEffect as _, openBlock as h, createElementBlock as w, mergeProps as b } from "vue";
+import { isCssColor as z } from "./index191.js";
+const g = ["innerHTML"], $ = /* @__PURE__ */ d({
+  __name: "BbIcon",
   props: {
     color: {},
-    size: { default: "md" }
+    size: { default: "md" },
+    type: {}
   },
-  setup(n) {
-    const e = n, i = {
+  setup(p) {
+    var i, c;
+    const e = p;
+    let t;
+    !!((c = (i = m()) == null ? void 0 : i.proxy) != null && c.$nuxt) ? process.client && (t = useNuxtApp().$icons) : t = x("icons");
+    const u = {
       xs: 12,
       sm: 16,
       md: 24,
       lg: 28,
       xl: 36,
       xxl: 40
-    }, l = r(() => {
-      const s = {
-        "bb-spinner": !0
+    }, a = l(() => {
+      const o = {
+        "bb-icon": !0
       };
-      let t = { width: r(() => {
-        let o;
-        return typeof e.size == "string" ? o = i[e.size] ?? parseInt(e.size, 10) : o = e.size, o + "px";
+      let r = { width: l(() => {
+        let s;
+        return typeof e.size == "string" ? s = u[e.size] ?? parseInt(e.size, 10) : s = e.size, s + "px";
       }).value };
-      return e.color && (f(e.color) ? t.color = e.color : s[`bb-spinner--${e.color}`] = !0), {
-        class: s,
-        style: t
+      return e.color && (z(e.color) ? r.color = e.color : o[`bb-icon-${e.color}`] = !0), {
+        class: o,
+        style: r
       };
-    });
-    return (s, p) => (a(), d("span", u(z(l.value)), x, 16));
+    }), n = y(null);
+    return _(async () => {
+      if (t) {
+        if (typeof t[e.type] > "u")
+          throw new Error(`Icon "${e.type}" does not exist.`);
+        n.value = await t[e.type]();
+      }
+    }), (o, f) => (h(), w("i", b(a.value, { innerHTML: n.value }), null, 16, g));
   }
 });
 export {
-  b as default
+  $ as default
 };
 //# sourceMappingURL=index114.js.map

package/dist/index114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index114.js","sources":["../src/components/BbSpinner/BbSpinner.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 512 512\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    fill: \"currentColor\",\n    d: \"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"\n  })\n], -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nimport type { Classes } from \"@/types/Classes\";\n\nexport type Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | string | number;\n\nexport interface BbSpinnerProps {\n  color?: string;\n  size?: Size;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSpinner',\n  props: {\n    color: {},\n    size: { default: \"md\" }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\nconst sizeMap: Record<Size, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 28,\n  xl: 36,\n  xxl: 40,\n};\n\nconst iconAttributes = computed(() => {\n  const classes: Classes = {\n    \"bb-spinner\": true,\n  };\n  const width = computed(() => {\n    let dimension: number;\n    if (typeof props.size === \"string\") {\n      dimension = sizeMap[props.size as Size] ?? parseInt(props.size, 10);\n    } else {\n      dimension = props.size;\n    }\n    return dimension + `px`;\n  });\n  let style: { [key: string]: any } = { width: width.value };\n\n  if (props.color) {\n    if (isCssColor(props.color)) {\n      style.color = props.color;\n    } else {\n      classes[`bb-spinner--${props.color}`] = true;\n    }\n  }\n  return {\n    class: classes,\n    style,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _normalizeProps(_guardReactiveProps(iconAttributes.value)), _hoisted_2, 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps"],"mappings":";;AAGA,MAAMA,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AACX,GAAG;AAAA,oBACgC,QAAQ;AAAA,IACvC,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,CACJ;AACH,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBD;AACF,GAc4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM,EAAE,SAAS,KAAK;AAAA,EACxB;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAERE,IAAgC;AAAA,MACpC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGDC,IAAiBC,EAAS,MAAM;AACpC,YAAMC,IAAmB;AAAA,QACvB,cAAc;AAAA,MAAA;AAWhB,UAAIC,IAAgC,EAAE,OATxBF,EAAS,MAAM;AACvB,YAAAG;AACA,eAAA,OAAON,EAAM,QAAS,WACxBM,IAAYL,EAAQD,EAAM,IAAY,KAAK,SAASA,EAAM,MAAM,EAAE,IAElEM,IAAYN,EAAM,MAEbM,IAAY;AAAA,MAAA,CACpB,EACkD,MAAM;AAEzD,aAAIN,EAAM,UACJO,EAAWP,EAAM,KAAK,IACxBK,EAAM,QAAQL,EAAM,QAEpBI,EAAQ,eAAeJ,EAAM,KAAK,EAAE,IAAI,KAGrC;AAAA,QACL,OAAOI;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAEM,WAAA,CAACG,GAAUC,OACRC,EAAc,GAAAC,EAAoB,QAAQC,EAAgBC,EAAoBX,EAAe,KAAK,CAAC,GAAGN,GAAY,EAAE;AAAA,EAE9H;AAEA,CAAC;"}
+{"version":3,"file":"index114.js","sources":["../src/components/BbIcon/BbIcon.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"innerHTML\"]\n\nimport { computed, getCurrentInstance, inject, ref, watchEffect } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nexport type Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport interface BbIconProps {\n  color?: string;\n  size?: Size | string | number;\n  type: string;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbIcon',\n  props: {\n    color: {},\n    size: { default: \"md\" },\n    type: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\nlet icons: Record<string, () => Promise<string>> | undefined;\n// @ts-ignore\nconst isNuxt = !!getCurrentInstance()?.proxy?.$nuxt;\n\nif (isNuxt) {\n  // @ts-ignore\n  if (process.client) {\n    // @ts-ignore\n    icons = useNuxtApp()[`$icons`] as typeof icons;\n  }\n} else {\n  icons = inject(\"icons\");\n}\n\nconst sizeMap: Record<Size, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 28,\n  xl: 36,\n  xxl: 40,\n};\n\nconst iconAttributes = computed(() => {\n  const classes: any = {\n    \"bb-icon\": true,\n  };\n  const width = computed(() => {\n    let dimension: number;\n    if (typeof props.size === \"string\") {\n      dimension = sizeMap[props.size as Size] ?? parseInt(props.size, 10);\n    } else {\n      dimension = props.size;\n    }\n    return dimension + `px`;\n  });\n  let style: { [key: string]: any } = { width: width.value };\n\n  if (props.color) {\n    if (isCssColor(props.color)) {\n      style.color = props.color;\n    } else {\n      classes[`bb-icon-${props.color}`] = true;\n    }\n  }\n  return {\n    class: classes,\n    style,\n  };\n});\n\nconst icon = ref<string | null>(null);\n\nwatchEffect(async () => {\n  if (icons) {\n    if (typeof icons[props.type] === \"undefined\")\n      throw new Error(`Icon \"${props.type}\" does not exist.`);\n    icon.value = await icons[props.type]();\n  }\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"i\", _mergeProps(iconAttributes.value, { innerHTML: icon.value }), null, 16, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","icons","_b","_a","getCurrentInstance","inject","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor","icon","ref","watchEffect","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,WAAW,GAYHC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM,EAAE,SAAS,KAAK;AAAA,IACtB,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;;AAEtB,UAAMC,IAAQD;AACV,QAAAE;AAIJ,IAFe,CAAC,GAACC,KAAAC,IAAAC,EAAA,MAAA,gBAAAD,EAAsB,UAAtB,QAAAD,EAA6B,SAIxC,QAAQ,WAEFD,IAAA,WAAA,EAAa,UAGvBA,IAAQI,EAAO,OAAO;AAGxB,UAAMC,IAAgC;AAAA,MACpC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGDC,IAAiBC,EAAS,MAAM;AACpC,YAAMC,IAAe;AAAA,QACnB,WAAW;AAAA,MAAA;AAWb,UAAIC,IAAgC,EAAE,OATxBF,EAAS,MAAM;AACvB,YAAAG;AACA,eAAA,OAAOX,EAAM,QAAS,WACxBW,IAAYL,EAAQN,EAAM,IAAY,KAAK,SAASA,EAAM,MAAM,EAAE,IAElEW,IAAYX,EAAM,MAEbW,IAAY;AAAA,MAAA,CACpB,EACkD,MAAM;AAEzD,aAAIX,EAAM,UACJY,EAAWZ,EAAM,KAAK,IACxBU,EAAM,QAAQV,EAAM,QAEpBS,EAAQ,WAAWT,EAAM,KAAK,EAAE,IAAI,KAGjC;AAAA,QACL,OAAOS;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACF,CACD,GAEKG,IAAOC,EAAmB,IAAI;AAEpC,WAAAC,EAAY,YAAY;AACtB,UAAId,GAAO;AACT,YAAI,OAAOA,EAAMD,EAAM,IAAI,IAAM;AAC/B,gBAAM,IAAI,MAAM,SAASA,EAAM,IAAI,mBAAmB;AACxD,QAAAa,EAAK,QAAQ,MAAMZ,EAAMD,EAAM,IAAI,EAAE;AAAA,MACvC;AAAA,IAAA,CACD,GAEM,CAACgB,GAAUC,OACRC,EAAW,GAAGC,EAAoB,KAAKC,EAAYb,EAAe,OAAO,EAAE,WAAWM,EAAK,MAAO,CAAA,GAAG,MAAM,IAAIjB,CAAU;AAAA,EAEnI;AAEA,CAAC;"}

package/dist/index115.js

@@ -1,5 +1,50 @@
-const r = (e) => typeof e > "u" || e === null;
+import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
+import { throttle as g } from "./index195.js";
+const O = /* @__PURE__ */ v({
+  __name: "BbSmoothHeight",
+  props: {
+    mutationOptions: { default: () => ({ childList: !0 }) },
+    resizeOptions: {},
+    strategy: { default: "resize" },
+    tag: { default: "div" },
+    transitionDuration: { default: 200 }
+  },
+  setup(c) {
+    const n = c, s = r(null), e = r(null), t = r(null);
+    globalThis.ResizeObserver && (p(() => {
+      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
+    }), h(() => {
+      t.value && t.value.disconnect();
+    }));
+    const a = g(() => {
+      if (s.value && e.value) {
+        const o = e.value.scrollHeight + 2;
+        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+      }
+    }, 200);
+    return (o, y) => (i(), l(u(o.tag), {
+      class: "bb-smooth-height",
+      ref_key: "container",
+      ref: s,
+      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+    }, {
+      default: f(() => [
+        (i(), l(u(o.tag), {
+          class: "content",
+          ref_key: "content",
+          ref: e
+        }, {
+          default: f(() => [
+            d(o.$slots, "default")
+          ]),
+          _: 3
+        }, 512))
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+});
 export {
-  r as isNil
+  O as default
 };
 //# sourceMappingURL=index115.js.map

package/dist/index115.js.map

@@ -1 +1 @@
-{"version":3,"file":"index115.js","sources":["../src/utilities/functions/isNil.ts"],"sourcesContent":["/**\n * Returns true if the item is not null or undefined\n * @param value The item to check\n * @returns true | false\n */\nexport const isNil = (value: unknown) => {\n  if(typeof value === 'undefined') return true;\n  if(value === null) return true;\n  return false;\n}\n"],"names":["isNil","value"],"mappings":"AAKa,MAAAA,IAAQ,CAACC,MACjB,OAAOA,IAAU,OACjBA,MAAU;"}
+{"version":3,"file":"index115.js","sources":["../src/components/BbSmoothHeight/BbSmoothHeight.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle } from \"vue\"\n\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { ref, onMounted, onBeforeUnmount } from \"vue\";\n\ntype VoidHTMLElements =\n  | \"area\"\n  | \"base\"\n  | \"br\"\n  | \"col\"\n  | \"command\"\n  | \"embed\"\n  | \"hr\"\n  | \"img\"\n  | \"input\"\n  | \"keygen\"\n  | \"link\"\n  | \"meta\"\n  | \"param\"\n  | \"source\"\n  | \"track\"\n  | \"wbr\";\n\nexport type BbSmoothHeightProps = {\n  mutationOptions?: MutationObserverInit;\n  resizeOptions?: ResizeObserverOptions;\n  strategy?: \"resize\" | \"mutation\";\n  tag?: keyof Omit<HTMLElementTagNameMap, VoidHTMLElements> | \"\";\n  transitionDuration?: number;\n};\n\nexport type BbSmoothHeightSlots = {\n  default?: (props: {}) => any\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSmoothHeight',\n  props: {\n    mutationOptions: { default: () => ({ childList: true }) },\n    resizeOptions: {},\n    strategy: { default: \"resize\" },\n    tag: { default: \"div\" },\n    transitionDuration: { default: 200 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst container = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst observer = ref<ResizeObserver | MutationObserver | null>(null);\n\nif (globalThis.ResizeObserver) {\n  onMounted(() => {\n    if (props.strategy === \"resize\") {\n      if (content.value) {\n        observer.value = new ResizeObserver(onContentGrow);\n        observer.value.observe(content.value, props.resizeOptions);\n      }\n    } else if (props.strategy === \"mutation\") {\n      if (content.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(content.value, props.mutationOptions);\n      }\n    }\n    onContentGrow();\n  });\n  onBeforeUnmount(() => {\n    if (observer.value) {\n      observer.value.disconnect();\n    }\n  });\n}\n\n/**\n * This is called when content changes.\n * It could be called numerous times so throttle every 200ms\n */\nconst onContentGrow = throttle(() => {\n  if (container.value && content.value) {\n    const contentHeight = content.value.scrollHeight + 2;\n    container.value.style.height = \"0px\";\n    container.value.style.height = `${contentHeight}px`;\n  }\n}, 200);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n    class: \"bb-smooth-height\",\n    ref_key: \"container\",\n    ref: container,\n    style: _normalizeStyle({ 'transition-duration': props.transitionDuration / 1000 + 's' })\n  }, {\n    default: _withCtx(() => [\n      (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n        class: \"content\",\n        ref_key: \"content\",\n        ref: content\n      }, {\n        default: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"default\")\n        ]),\n        _: 3\n      }, 512))\n    ]),\n    _: 3\n  }, 8, [\"style\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","container","ref","content","observer","onMounted","onContentGrow","onBeforeUnmount","throttle","contentHeight","_ctx","_cache","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle","_withCtx","_renderSlot"],"mappings":";;AAqCA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,iBAAiB,EAAE,SAAS,OAAO,EAAE,WAAW,GAAQ,GAAA;AAAA,IACxD,eAAe,CAAC;AAAA,IAChB,UAAU,EAAE,SAAS,SAAS;AAAA,IAC9B,KAAK,EAAE,SAAS,MAAM;AAAA,IACtB,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAYC,EAAwB,IAAI,GACxCC,IAAUD,EAAwB,IAAI,GACtCE,IAAWF,EAA8C,IAAI;AAEnE,IAAI,WAAW,mBACbG,EAAU,MAAM;AACV,MAAAL,EAAM,aAAa,WACjBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,eAAeE,CAAa,GACjDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,aAAa,KAElDA,EAAM,aAAa,cACxBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,iBAAiBE,CAAa,GACnDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,eAAe,IAGjDM;IAAA,CACf,GACDC,EAAgB,MAAM;AACpB,MAAIH,EAAS,SACXA,EAAS,MAAM;IACjB,CACD;AAOG,UAAAE,IAAgBE,EAAS,MAAM;AAC/B,UAAAP,EAAU,SAASE,EAAQ,OAAO;AAC9B,cAAAM,IAAgBN,EAAQ,MAAM,eAAe;AACzC,QAAAF,EAAA,MAAM,MAAM,SAAS,OAC/BA,EAAU,MAAM,MAAM,SAAS,GAAGQ,CAAa;AAAA,MACjD;AAAA,OACC,GAAG;AAEC,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,MACrE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAKT;AAAA,MACL,OAAOc,EAAgB,EAAE,uBAAuBf,EAAM,qBAAqB,MAAO,KAAK;AAAA,IAAA,GACtF;AAAA,MACD,SAASgB,EAAS,MAAM;AAAA,SACrBJ,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,UAC9D,OAAO;AAAA,UACP,SAAS;AAAA,UACT,KAAKP;AAAA,QAAA,GACJ;AAAA,UACD,SAASa,EAAS,MAAM;AAAA,YACtBC,EAAYP,EAAK,QAAQ,SAAS;AAAA,UAAA,CACnC;AAAA,UACD,GAAG;AAAA,WACF,GAAG;AAAA,MAAA,CACP;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC;AAAA,EAEjB;AAEA,CAAC;"}

package/dist/index116.js

@@ -1,24 +1,46 @@
-import { clamp as o } from "./index186.js";
-const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
-  value: t = 0,
-  originalBounds: e,
-  targetBounds: n,
-  step: c = 1
-}) => {
-  const a = l(
-    t,
-    e.min,
-    e.max
-  ), m = p(
-    a,
-    n.max - n.min
-  ) + n.min, s = Math.round(m / c) * c;
-  return o(s, n.min, n.max);
-};
+import { defineComponent as m, computed as r, openBlock as a, createElementBlock as d, normalizeProps as u, guardReactiveProps as z, createElementVNode as c } from "vue";
+import { isCssColor as f } from "./index191.js";
+const _ = /* @__PURE__ */ c("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512"
+}, [
+  /* @__PURE__ */ c("path", {
+    fill: "currentColor",
+    d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"
+  })
+], -1), x = [
+  _
+], b = /* @__PURE__ */ m({
+  __name: "BbSpinner",
+  props: {
+    color: {},
+    size: { default: "md" }
+  },
+  setup(n) {
+    const e = n, i = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, l = r(() => {
+      const s = {
+        "bb-spinner": !0
+      };
+      let t = { width: r(() => {
+        let o;
+        return typeof e.size == "string" ? o = i[e.size] ?? parseInt(e.size, 10) : o = e.size, o + "px";
+      }).value };
+      return e.color && (f(e.color) ? t.color = e.color : s[`bb-spinner--${e.color}`] = !0), {
+        class: s,
+        style: t
+      };
+    });
+    return (s, p) => (a(), d("span", u(z(l.value)), x, 16));
+  }
+});
 export {
-  r as getAsPercentage,
-  l as getAsPercentageBetween,
-  p as getPercentageFrom,
-  P as transposeValue
+  b as default
 };
 //# sourceMappingURL=index116.js.map

package/dist/index116.js.map

@@ -1 +1 @@
-{"version":3,"file":"index116.js","sources":["../src/utilities/functions/percentage.ts"],"sourcesContent":["import { clamp } from \"./clamp\";\n\n/**\n * Get the percentage \"a\" represents in total\n * @returns\n */\nexport const getAsPercentage = (a: number, total: number) => (a * 100) / total;\n/**\n * Get \"a\" knowing the percentage\n * @returns\n */\nexport const getPercentageFrom = (a: number, total: number) =>\n  (a / 100) * total;\n\n/**\n * Normalize the bounds of a value\n */\nexport const getAsPercentageBetween = (a: number, min: number, max: number) =>\n  getAsPercentage(a - min, max - min);\n\n  /**\n * Get a value \"b\" that is the same percentage as \"a\" into it's target bounds.\n * EG 40% = 4 for a bound 0, 10 is transposed to 40% = 8\n * for bounds 0, 20, or again 40% = 4 for bound 10, 20\n */\ntype TransposeValueParameters = {\n    value: number,\n    originalBounds: {\n        min: number,\n        max: number\n    },\n    targetBounds: {\n        min: number,\n        max: number\n    },\n    step: number\n}\nexport const transposeValue: (params: TransposeValueParameters) => number = ({\n    value = 0,\n    originalBounds,\n    targetBounds,\n    step = 1,\n}) => {\n    const percentageOfOriginal = getAsPercentageBetween(\n        value,\n        originalBounds.min,\n        originalBounds.max\n    );\n    const transposedValue = getPercentageFrom(\n        percentageOfOriginal,\n        targetBounds.max - targetBounds.min\n    );\n    const adjusted = transposedValue + targetBounds.min;\n    const withStep = Math.round(adjusted / step) * step;\n    \n    const clamped = clamp(withStep, targetBounds.min, targetBounds.max);\n    return clamped;\n};"],"names":["getAsPercentage","a","total","getPercentageFrom","getAsPercentageBetween","min","max","transposeValue","value","originalBounds","targetBounds","step","percentageOfOriginal","adjusted","withStep","clamp"],"mappings":";AAMO,MAAMA,IAAkB,CAACC,GAAWC,MAAmBD,IAAI,MAAOC,GAK5DC,IAAoB,CAACF,GAAWC,MAC1CD,IAAI,MAAOC,GAKDE,IAAyB,CAACH,GAAWI,GAAaC,MAC7DN,EAAgBC,IAAII,GAAKC,IAAMD,CAAG,GAmBvBE,IAA+D,CAAC;AAAA,EACzE,OAAAC,IAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AACX,MAAM;AACF,QAAMC,IAAuBR;AAAA,IACzBI;AAAA,IACAC,EAAe;AAAA,IACfA,EAAe;AAAA,EAAA,GAMbI,IAJkBV;AAAA,IACpBS;AAAA,IACAF,EAAa,MAAMA,EAAa;AAAA,EAAA,IAEDA,EAAa,KAC1CI,IAAW,KAAK,MAAMD,IAAWF,CAAI,IAAIA;AAGxC,SADSI,EAAMD,GAAUJ,EAAa,KAAKA,EAAa,GAAG;AAEtE;"}
+{"version":3,"file":"index116.js","sources":["../src/components/BbSpinner/BbSpinner.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 512 512\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    fill: \"currentColor\",\n    d: \"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"\n  })\n], -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed } from \"vue\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nimport type { Classes } from \"@/types/Classes\";\n\nexport type Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | string | number;\n\nexport interface BbSpinnerProps {\n  color?: string;\n  size?: Size;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSpinner',\n  props: {\n    color: {},\n    size: { default: \"md\" }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\nconst sizeMap: Record<Size, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 28,\n  xl: 36,\n  xxl: 40,\n};\n\nconst iconAttributes = computed(() => {\n  const classes: Classes = {\n    \"bb-spinner\": true,\n  };\n  const width = computed(() => {\n    let dimension: number;\n    if (typeof props.size === \"string\") {\n      dimension = sizeMap[props.size as Size] ?? parseInt(props.size, 10);\n    } else {\n      dimension = props.size;\n    }\n    return dimension + `px`;\n  });\n  let style: { [key: string]: any } = { width: width.value };\n\n  if (props.color) {\n    if (isCssColor(props.color)) {\n      style.color = props.color;\n    } else {\n      classes[`bb-spinner--${props.color}`] = true;\n    }\n  }\n  return {\n    class: classes,\n    style,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _normalizeProps(_guardReactiveProps(iconAttributes.value)), _hoisted_2, 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps"],"mappings":";;AAGA,MAAMA,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AACX,GAAG;AAAA,oBACgC,QAAQ;AAAA,IACvC,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,CACJ;AACH,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBD;AACF,GAc4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM,EAAE,SAAS,KAAK;AAAA,EACxB;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAERE,IAAgC;AAAA,MACpC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGDC,IAAiBC,EAAS,MAAM;AACpC,YAAMC,IAAmB;AAAA,QACvB,cAAc;AAAA,MAAA;AAWhB,UAAIC,IAAgC,EAAE,OATxBF,EAAS,MAAM;AACvB,YAAAG;AACA,eAAA,OAAON,EAAM,QAAS,WACxBM,IAAYL,EAAQD,EAAM,IAAY,KAAK,SAASA,EAAM,MAAM,EAAE,IAElEM,IAAYN,EAAM,MAEbM,IAAY;AAAA,MAAA,CACpB,EACkD,MAAM;AAEzD,aAAIN,EAAM,UACJO,EAAWP,EAAM,KAAK,IACxBK,EAAM,QAAQL,EAAM,QAEpBI,EAAQ,eAAeJ,EAAM,KAAK,EAAE,IAAI,KAGrC;AAAA,QACL,OAAOI;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAEM,WAAA,CAACG,GAAUC,OACRC,EAAc,GAAAC,EAAoB,QAAQC,EAAgBC,EAAoBX,EAAe,KAAK,CAAC,GAAGN,GAAY,EAAE;AAAA,EAE9H;AAEA,CAAC;"}

package/dist/index117.js

@@ -1,5 +1,5 @@
-const o = (e) => new Promise((t) => setTimeout(t, e));
+const r = (e) => typeof e > "u" || e === null;
 export {
-  o as wait
+  r as isNil
 };
 //# sourceMappingURL=index117.js.map

package/dist/index117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index117.js","sources":["../src/utilities/functions/wait.ts"],"sourcesContent":["/** Wait a specified amount of time before resolving a promise */\nexport const wait: (ms: number) => Promise<void> = (ms) => new Promise((resolve) => setTimeout(resolve, ms));"],"names":["wait","ms","resolve"],"mappings":"AACa,MAAAA,IAAsC,CAACC,MAAO,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASD,CAAE,CAAC;"}
+{"version":3,"file":"index117.js","sources":["../src/utilities/functions/isNil.ts"],"sourcesContent":["/**\n * Returns true if the item is not null or undefined\n * @param value The item to check\n * @returns true | false\n */\nexport const isNil = (value: unknown) => {\n  if(typeof value === 'undefined') return true;\n  if(value === null) return true;\n  return false;\n}\n"],"names":["isNil","value"],"mappings":"AAKa,MAAAA,IAAQ,CAACC,MACjB,OAAOA,IAAU,OACjBA,MAAU;"}

package/dist/index118.js

@@ -1,13 +1,24 @@
-import { nanoid as e } from "./index196.js";
-import { ref as o } from "vue";
-const f = () => {
-  const r = o(e());
-  return {
-    id: r,
-    refresh: () => r.value = e()
-  };
+import { clamp as o } from "./index190.js";
+const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
+  value: t = 0,
+  originalBounds: e,
+  targetBounds: n,
+  step: c = 1
+}) => {
+  const a = l(
+    t,
+    e.min,
+    e.max
+  ), m = p(
+    a,
+    n.max - n.min
+  ) + n.min, s = Math.round(m / c) * c;
+  return o(s, n.min, n.max);
 };
 export {
-  f as useId
+  r as getAsPercentage,
+  l as getAsPercentageBetween,
+  p as getPercentageFrom,
+  P as transposeValue
 };
 //# sourceMappingURL=index118.js.map

package/dist/index118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index118.js","sources":["../src/composables/useId.ts"],"sourcesContent":["import { nanoid } from \"nanoid\";\nimport { ref } from \"vue\";\n\nexport const useId = () => {\n    const id = ref(nanoid());\n    const refresh = () => id.value = nanoid();\n    return {\n        id,\n        refresh\n    }\n}"],"names":["useId","id","ref","nanoid"],"mappings":";;AAGO,MAAMA,IAAQ,MAAM;AACjB,QAAAC,IAAKC,EAAIC,EAAA,CAAQ;AAEhB,SAAA;AAAA,IACH,IAAAF;AAAA,IACA,SAHY,MAAMA,EAAG,QAAQE,EAAO;AAAA,EAGpC;AAER;"}
+{"version":3,"file":"index118.js","sources":["../src/utilities/functions/percentage.ts"],"sourcesContent":["import { clamp } from \"./clamp\";\n\n/**\n * Get the percentage \"a\" represents in total\n * @returns\n */\nexport const getAsPercentage = (a: number, total: number) => (a * 100) / total;\n/**\n * Get \"a\" knowing the percentage\n * @returns\n */\nexport const getPercentageFrom = (a: number, total: number) =>\n  (a / 100) * total;\n\n/**\n * Normalize the bounds of a value\n */\nexport const getAsPercentageBetween = (a: number, min: number, max: number) =>\n  getAsPercentage(a - min, max - min);\n\n  /**\n * Get a value \"b\" that is the same percentage as \"a\" into it's target bounds.\n * EG 40% = 4 for a bound 0, 10 is transposed to 40% = 8\n * for bounds 0, 20, or again 40% = 4 for bound 10, 20\n */\ntype TransposeValueParameters = {\n    value: number,\n    originalBounds: {\n        min: number,\n        max: number\n    },\n    targetBounds: {\n        min: number,\n        max: number\n    },\n    step: number\n}\nexport const transposeValue: (params: TransposeValueParameters) => number = ({\n    value = 0,\n    originalBounds,\n    targetBounds,\n    step = 1,\n}) => {\n    const percentageOfOriginal = getAsPercentageBetween(\n        value,\n        originalBounds.min,\n        originalBounds.max\n    );\n    const transposedValue = getPercentageFrom(\n        percentageOfOriginal,\n        targetBounds.max - targetBounds.min\n    );\n    const adjusted = transposedValue + targetBounds.min;\n    const withStep = Math.round(adjusted / step) * step;\n    \n    const clamped = clamp(withStep, targetBounds.min, targetBounds.max);\n    return clamped;\n};"],"names":["getAsPercentage","a","total","getPercentageFrom","getAsPercentageBetween","min","max","transposeValue","value","originalBounds","targetBounds","step","percentageOfOriginal","adjusted","withStep","clamp"],"mappings":";AAMO,MAAMA,IAAkB,CAACC,GAAWC,MAAmBD,IAAI,MAAOC,GAK5DC,IAAoB,CAACF,GAAWC,MAC1CD,IAAI,MAAOC,GAKDE,IAAyB,CAACH,GAAWI,GAAaC,MAC7DN,EAAgBC,IAAII,GAAKC,IAAMD,CAAG,GAmBvBE,IAA+D,CAAC;AAAA,EACzE,OAAAC,IAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AACX,MAAM;AACF,QAAMC,IAAuBR;AAAA,IACzBI;AAAA,IACAC,EAAe;AAAA,IACfA,EAAe;AAAA,EAAA,GAMbI,IAJkBV;AAAA,IACpBS;AAAA,IACAF,EAAa,MAAMA,EAAa;AAAA,EAAA,IAEDA,EAAa,KAC1CI,IAAW,KAAK,MAAMD,IAAWF,CAAI,IAAIA;AAGxC,SADSI,EAAMD,GAAUJ,EAAa,KAAKA,EAAa,GAAG;AAEtE;"}

package/dist/index119.js

@@ -1,21 +1,5 @@
-import t from "./index211.js";
-const o = () => ({
-  getItemText(i, n) {
-    if (typeof i == "string" && !n)
-      return i;
-    if (n) {
-      if (typeof n == "string") {
-        let f = t(i, n);
-        return typeof f != "string" && (f = JSON.stringify(f)), f;
-      } else if (typeof n == "function") {
-        let f = n(i);
-        return typeof f != "string" && (f = JSON.stringify(f)), f;
-      }
-    }
-    return JSON.stringify(i);
-  }
-});
+const o = (e) => new Promise((t) => setTimeout(t, e));
 export {
-  o as useItemText
+  o as wait
 };
 //# sourceMappingURL=index119.js.map

package/dist/index119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index119.js","sources":["../src/composables/useItemText.ts"],"sourcesContent":["import get from \"@/utilities/functions/get\";\n\nexport const useItemText = () => ({\n  getItemText<T>(item: T, getter?: string | ((item: T) => string)): string {\n    if (typeof item === \"string\" && !getter) return item;\n    else if (getter) {\n      if (typeof getter === \"string\") {\n        let found = get(item, getter);\n        if (typeof found !== \"string\") found =  JSON.stringify(found);\n        return found;\n      } else if (typeof getter === \"function\") {\n        let found = getter(item);\n        if (typeof found !== \"string\") found =  JSON.stringify(found);\n        return found;\n      } \n    }\n    return JSON.stringify(item);\n  },\n});\n"],"names":["useItemText","item","getter","found","get"],"mappings":";AAEO,MAAMA,IAAc,OAAO;AAAA,EAChC,YAAeC,GAASC,GAAiD;AACnE,QAAA,OAAOD,KAAS,YAAY,CAACC;AAAe,aAAAD;AAAA,QACvCC;AACH,UAAA,OAAOA,KAAW,UAAU;AAC1B,YAAAC,IAAQC,EAAIH,GAAMC,CAAM;AAC5B,eAAI,OAAOC,KAAU,aAAmBA,IAAA,KAAK,UAAUA,CAAK,IACrDA;AAAA,MAAA,WACE,OAAOD,KAAW,YAAY;AACnC,YAAAC,IAAQD,EAAOD,CAAI;AACvB,eAAI,OAAOE,KAAU,aAAmBA,IAAA,KAAK,UAAUA,CAAK,IACrDA;AAAA,MACT;AAAA;AAEK,WAAA,KAAK,UAAUF,CAAI;AAAA,EAC5B;AACF;"}
+{"version":3,"file":"index119.js","sources":["../src/utilities/functions/wait.ts"],"sourcesContent":["/** Wait a specified amount of time before resolving a promise */\nexport const wait: (ms: number) => Promise<void> = (ms) => new Promise((resolve) => setTimeout(resolve, ms));"],"names":["wait","ms","resolve"],"mappings":"AACa,MAAAA,IAAsC,CAACC,MAAO,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASD,CAAE,CAAC;"}

package/dist/index12.js

@@ -1,13 +1,13 @@
 import { defineComponent as de, ref as k, computed as h, watch as ue, openBlock as d, createElementBlock as u, mergeProps as ce, createElementVNode as i, createTextVNode as be, toDisplayString as f, unref as p, withDirectives as L, createVNode as g, Transition as V, withCtx as w, vShow as z, createCommentVNode as A, normalizeClass as x, Fragment as O, renderList as S, renderSlot as R, nextTick as me } from "vue";
-import c from "./index189.js";
-import fe from "./index203.js";
-import pe from "./index204.js";
-import he from "./index190.js";
-import ye from "./index205.js";
-import _e from "./index206.js";
-import { groupBy as W } from "./index207.js";
-import { isNil as ve } from "./index115.js";
-import { last as $ } from "./index192.js";
+import c from "./index200.js";
+import fe from "./index210.js";
+import pe from "./index211.js";
+import he from "./index201.js";
+import ye from "./index212.js";
+import _e from "./index213.js";
+import { groupBy as W } from "./index214.js";
+import { isNil as ve } from "./index117.js";
+import { last as $ } from "./index203.js";
 const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /* @__PURE__ */ i("span", null, null, -1), we = {
   class: "bb-base-date-picker__selected-day-label",
   "aria-live": "polite"

package/dist/index120.js

@@ -1,16 +1,13 @@
-import e from "./index211.js";
-const r = () => ({
-  getItemValue(o, f) {
-    if (typeof o == "object" && o) {
-      if (typeof f == "string")
-        return e(o, f);
-      if (typeof f == "function")
-        return f(o);
-    }
-    return o;
-  }
-});
+import { nanoid as e } from "./index189.js";
+import { ref as o } from "vue";
+const f = () => {
+  const r = o(e());
+  return {
+    id: r,
+    refresh: () => r.value = e()
+  };
+};
 export {
-  r as useItemValue
+  f as useId
 };
 //# sourceMappingURL=index120.js.map

package/dist/index120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index120.js","sources":["../src/composables/useItemValue.ts"],"sourcesContent":["import get from \"@/utilities/functions/get\";\n\nexport const useItemValue = () => ({\n  getItemValue<T>(item: T, getter?: string | ((item: T) => any)): any {\n    if (typeof item === \"object\" && item) {\n      if (typeof getter === \"string\") {\n        return get(item, getter);\n      } else if (typeof getter === \"function\") return getter(item);\n    }\n    return item\n  },\n});\n"],"names":["useItemValue","item","getter","get"],"mappings":";AAEO,MAAMA,IAAe,OAAO;AAAA,EACjC,aAAgBC,GAASC,GAA2C;AAC9D,QAAA,OAAOD,KAAS,YAAYA,GAAM;AAChC,UAAA,OAAOC,KAAW;AACb,eAAAC,EAAIF,GAAMC,CAAM;AACzB,UAAW,OAAOA,KAAW;AAAY,eAAOA,EAAOD,CAAI;AAAA,IAC7D;AACO,WAAAA;AAAA,EACT;AACF;"}
+{"version":3,"file":"index120.js","sources":["../src/composables/useId.ts"],"sourcesContent":["import { nanoid } from \"nanoid\";\nimport { ref } from \"vue\";\n\nexport const useId = () => {\n    const id = ref(nanoid());\n    const refresh = () => id.value = nanoid();\n    return {\n        id,\n        refresh\n    }\n}"],"names":["useId","id","ref","nanoid"],"mappings":";;AAGO,MAAMA,IAAQ,MAAM;AACjB,QAAAC,IAAKC,EAAIC,EAAA,CAAQ;AAEhB,SAAA;AAAA,IACH,IAAAF;AAAA,IACA,SAHY,MAAMA,EAAG,QAAQE,EAAO;AAAA,EAGpC;AAER;"}