greeks-live-ui 0.1.21 → 0.1.23

package/lib/packages/components/tag/src/tag.js

@@ -2,37 +2,120 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var tag = require('./tag2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const tagEmits = {};
-const tagProps = runtime.buildProps({
-  value: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    default: "green"
-  },
-  border: {
-    type: Boolean,
-    default: false
-  },
-  borderRadius: {
-    type: [String, Number],
-    default: 8
-  },
-  width: {
-    type: [String, Number],
-    default: "fit-content"
-  },
-  height: {
-    type: [String, Number],
-    default: "auto"
+const __default__ = {
+  name: "GTag"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: tag.tagProps,
+  emits: tag.tagEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("tag");
+    const colorMap = {
+      green: {
+        backgroundColor: "var(--theme-green-1)",
+        color: "var(--theme-green-primary)",
+        borderColor: "var(--theme-green-primary)"
+      },
+      red: {
+        backgroundColor: "var(--theme-red-1)",
+        color: "var(--theme-red-primary)",
+        borderColor: "var(--theme-red-primary)"
+      },
+      blue: {
+        backgroundColor: "var(--theme-blue-1)",
+        color: "var(--theme-blue-7)",
+        borderColor: "var(--theme-blue-7)"
+      },
+      yellow: {
+        backgroundColor: "var(--theme-orange-1)",
+        color: "var(--theme-orange-7)",
+        borderColor: "var(--theme-orange-7)"
+      },
+      gray: {
+        backgroundColor: "var(--theme-gray-2)",
+        color: "var(--theme-gray-8)",
+        borderColor: "var(--theme-gray-8)"
+      },
+      brand: {
+        backgroundColor: "var(--theme-brand-50)",
+        color: "var(--theme-brand-500)",
+        borderColor: "var(--theme-brand-500)"
+      }
+    };
+    const color = vue.computed(() => colorMap[props.type].color);
+    const backgroundColor = vue.computed(() => colorMap[props.type].backgroundColor);
+    const borderColor = vue.computed(() => {
+      if (props.border) {
+        return colorMap[props.type].borderColor;
+      }
+      return "transparent";
+    });
+    const width = vue.computed(() => {
+      const type = typeof props.width;
+      if (type === "string") {
+        return props.width;
+      }
+      return `${props.width}px`;
+    });
+    const height = vue.computed(() => {
+      const type = typeof props.height;
+      if (type === "string") {
+        return props.height;
+      }
+      return `${props.height}px`;
+    });
+    const borderRadius = vue.computed(() => {
+      const type = typeof props.borderRadius;
+      if (type === "string") {
+        return props.borderRadius;
+      }
+      return `${props.borderRadius}px`;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b()]),
+          style: vue.normalizeStyle({ backgroundColor: vue.unref(backgroundColor), borderColor: vue.unref(borderColor), width: vue.unref(width), height: vue.unref(height), borderRadius: vue.unref(borderRadius) })
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "prefix"),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass([vue.unref(ns).e("text")]),
+              style: vue.normalizeStyle({ color: vue.unref(color) })
+            },
+            [
+              _ctx.value ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 0 },
+                [
+                  vue.createTextVNode(
+                    vue.toDisplayString(_ctx.value),
+                    1
+                  )
+                ],
+                64
+              )) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+            ],
+            6
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tag/src/tag.vue"]]);
 
-exports.tagEmits = tagEmits;
-exports.tagProps = tagProps;
+exports["default"] = Tag;
 //# sourceMappingURL=tag.js.map

package/lib/packages/components/tag/src/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Tag from './tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const tagEmits = {}\nexport type TagEmits = typeof tagEmits\n\nexport const tagProps = buildProps({\n  value: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String as PropType<'green' | 'red' | 'blue' | 'yellow' | 'gray' | 'brand'>,\n    default: 'green',\n  },\n  border: {\n    type: Boolean,\n    default: false,\n  },\n  borderRadius: {\n    type: [String, Number],\n    default: 8,\n  },\n  width: {\n    type: [String, Number],\n    default: 'fit-content',\n  },\n  height: {\n    type: [String, Number],\n    default: 'auto',\n  },\n})\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,WAAW,GAAC;AAGlB,MAAM,WAAWA,kBAAW,CAAA;AAAA,EACjC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAC;;;;;"}
+{"version":3,"file":"tag.js","sources":["../../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{backgroundColor, borderColor, width, height, borderRadius}\"\n  >\n    <slot name=\"prefix\"></slot>\n    <div\n      :class=\"[ns.e('text')]\"\n      :style=\"{color}\"\n    >\n      <template v-if=\"value\">\n        {{ value }}\n      </template>\n      <template v-else>\n        <slot></slot>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n  name: 'GTag',\n})\n\nconst ns = useNamespace('tag')\nconst props = defineProps(tagProps)\nconst emits = defineEmits(tagEmits)\n\nconst colorMap = {\n  green: {\n    backgroundColor: 'var(--theme-green-1)',\n    color: 'var(--theme-green-primary)',\n    borderColor: 'var(--theme-green-primary)',\n  },\n  red: {\n    backgroundColor: 'var(--theme-red-1)',\n    color: 'var(--theme-red-primary)',\n    borderColor: 'var(--theme-red-primary)',\n  },\n  blue: {\n    backgroundColor: 'var(--theme-blue-1)',\n    color: 'var(--theme-blue-7)',\n    borderColor: 'var(--theme-blue-7)',\n  },\n  yellow: {\n    backgroundColor: 'var(--theme-orange-1)',\n    color: 'var(--theme-orange-7)',\n    borderColor: 'var(--theme-orange-7)',\n  },\n  gray: {\n    backgroundColor: 'var(--theme-gray-2)',\n    color: 'var(--theme-gray-8)',\n    borderColor: 'var(--theme-gray-8)',\n  },\n  brand: {\n    backgroundColor: 'var(--theme-brand-50)',\n    color: 'var(--theme-brand-500)',\n    borderColor: 'var(--theme-brand-500)',\n  }\n}\n\nconst color = computed(() => colorMap[props.type].color)\nconst backgroundColor = computed(() => colorMap[props.type].backgroundColor)\nconst borderColor = computed(() => {\n  if (props.border) {\n    return colorMap[props.type].borderColor\n  }\n  return 'transparent'\n})\n\nconst width = computed(() => {\n  const type = typeof props.width\n  if (type === 'string') {\n    return props.width\n  }\n  return `${props.width}px`\n})\n\nconst height = computed(() => {\n  const type = typeof props.height\n  if (type === 'string') {\n    return props.height\n  }\n  return `${props.height}px`\n})\n\nconst borderRadius = computed(() => {\n  const type = typeof props.borderRadius\n  if (type === 'string') {\n    return props.borderRadius\n  }\n  return `${props.borderRadius}px`\n})\n</script>\n"],"names":["useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA;AAAA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,sBAAA;AACA,QAAA,KAAA,EAAA,4BAAA;AACA,QAAA,WAAA,EAAA,4BAAA;AACA,OAAA;AACA,MAAA,GAAA,EAAA;AACA,QAAA,eAAA,EAAA,oBAAA;AACA,QAAA,KAAA,EAAA,0BAAA;AACA,QAAA,WAAA,EAAA,0BAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,uBAAA;AACA,QAAA,WAAA,EAAA,uBAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,wBAAA;AACA,QAAA,WAAA,EAAA,wBAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAAC,YAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAAA,YAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,OAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,WAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,aAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/tag/src/tag2.js

@@ -2,120 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var tag = require('./tag.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = {
-  name: "GTag"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: tag.tagProps,
-  emits: tag.tagEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("tag");
-    const colorMap = {
-      green: {
-        backgroundColor: "var(--theme-green-1)",
-        color: "var(--theme-green-primary)",
-        borderColor: "var(--theme-green-primary)"
-      },
-      red: {
-        backgroundColor: "var(--theme-red-1)",
-        color: "var(--theme-red-primary)",
-        borderColor: "var(--theme-red-primary)"
-      },
-      blue: {
-        backgroundColor: "var(--theme-blue-1)",
-        color: "var(--theme-blue-7)",
-        borderColor: "var(--theme-blue-7)"
-      },
-      yellow: {
-        backgroundColor: "var(--theme-orange-1)",
-        color: "var(--theme-orange-7)",
-        borderColor: "var(--theme-orange-7)"
-      },
-      gray: {
-        backgroundColor: "var(--theme-gray-2)",
-        color: "var(--theme-gray-8)",
-        borderColor: "var(--theme-gray-8)"
-      },
-      brand: {
-        backgroundColor: "var(--theme-brand-50)",
-        color: "var(--theme-brand-500)",
-        borderColor: "var(--theme-brand-500)"
-      }
-    };
-    const color = vue.computed(() => colorMap[props.type].color);
-    const backgroundColor = vue.computed(() => colorMap[props.type].backgroundColor);
-    const borderColor = vue.computed(() => {
-      if (props.border) {
-        return colorMap[props.type].borderColor;
-      }
-      return "transparent";
-    });
-    const width = vue.computed(() => {
-      const type = typeof props.width;
-      if (type === "string") {
-        return props.width;
-      }
-      return `${props.width}px`;
-    });
-    const height = vue.computed(() => {
-      const type = typeof props.height;
-      if (type === "string") {
-        return props.height;
-      }
-      return `${props.height}px`;
-    });
-    const borderRadius = vue.computed(() => {
-      const type = typeof props.borderRadius;
-      if (type === "string") {
-        return props.borderRadius;
-      }
-      return `${props.borderRadius}px`;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()]),
-          style: vue.normalizeStyle({ backgroundColor: vue.unref(backgroundColor), borderColor: vue.unref(borderColor), width: vue.unref(width), height: vue.unref(height), borderRadius: vue.unref(borderRadius) })
-        },
-        [
-          vue.renderSlot(_ctx.$slots, "prefix"),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass([vue.unref(ns).e("text")]),
-              style: vue.normalizeStyle({ color: vue.unref(color) })
-            },
-            [
-              _ctx.value ? (vue.openBlock(), vue.createElementBlock(
-                vue.Fragment,
-                { key: 0 },
-                [
-                  vue.createTextVNode(
-                    vue.toDisplayString(_ctx.value),
-                    1
-                  )
-                ],
-                64
-              )) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-            ],
-            6
-          )
-        ],
-        6
-      );
-    };
+const tagEmits = {};
+const tagProps = runtime.buildProps({
+  value: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "green"
+  },
+  border: {
+    type: Boolean,
+    default: false
+  },
+  borderRadius: {
+    type: [String, Number],
+    default: 8
+  },
+  width: {
+    type: [String, Number],
+    default: "fit-content"
+  },
+  height: {
+    type: [String, Number],
+    default: "auto"
   }
 });
-var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tag/src/tag.vue"]]);
 
-exports["default"] = Tag;
+exports.tagEmits = tagEmits;
+exports.tagProps = tagProps;
 //# sourceMappingURL=tag2.js.map

package/lib/packages/components/tag/src/tag2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag2.js","sources":["../../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{backgroundColor, borderColor, width, height, borderRadius}\"\n  >\n    <slot name=\"prefix\"></slot>\n    <div\n      :class=\"[ns.e('text')]\"\n      :style=\"{color}\"\n    >\n      <template v-if=\"value\">\n        {{ value }}\n      </template>\n      <template v-else>\n        <slot></slot>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n  name: 'GTag',\n})\n\nconst ns = useNamespace('tag')\nconst props = defineProps(tagProps)\nconst emits = defineEmits(tagEmits)\n\nconst colorMap = {\n  green: {\n    backgroundColor: 'var(--theme-green-1)',\n    color: 'var(--theme-green-primary)',\n    borderColor: 'var(--theme-green-primary)',\n  },\n  red: {\n    backgroundColor: 'var(--theme-red-1)',\n    color: 'var(--theme-red-primary)',\n    borderColor: 'var(--theme-red-primary)',\n  },\n  blue: {\n    backgroundColor: 'var(--theme-blue-1)',\n    color: 'var(--theme-blue-7)',\n    borderColor: 'var(--theme-blue-7)',\n  },\n  yellow: {\n    backgroundColor: 'var(--theme-orange-1)',\n    color: 'var(--theme-orange-7)',\n    borderColor: 'var(--theme-orange-7)',\n  },\n  gray: {\n    backgroundColor: 'var(--theme-gray-2)',\n    color: 'var(--theme-gray-8)',\n    borderColor: 'var(--theme-gray-8)',\n  },\n  brand: {\n    backgroundColor: 'var(--theme-brand-50)',\n    color: 'var(--theme-brand-500)',\n    borderColor: 'var(--theme-brand-500)',\n  }\n}\n\nconst color = computed(() => colorMap[props.type].color)\nconst backgroundColor = computed(() => colorMap[props.type].backgroundColor)\nconst borderColor = computed(() => {\n  if (props.border) {\n    return colorMap[props.type].borderColor\n  }\n  return 'transparent'\n})\n\nconst width = computed(() => {\n  const type = typeof props.width\n  if (type === 'string') {\n    return props.width\n  }\n  return `${props.width}px`\n})\n\nconst height = computed(() => {\n  const type = typeof props.height\n  if (type === 'string') {\n    return props.height\n  }\n  return `${props.height}px`\n})\n\nconst borderRadius = computed(() => {\n  const type = typeof props.borderRadius\n  if (type === 'string') {\n    return props.borderRadius\n  }\n  return `${props.borderRadius}px`\n})\n</script>\n"],"names":["useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA;AAAA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,sBAAA;AACA,QAAA,KAAA,EAAA,4BAAA;AACA,QAAA,WAAA,EAAA,4BAAA;AACA,OAAA;AACA,MAAA,GAAA,EAAA;AACA,QAAA,eAAA,EAAA,oBAAA;AACA,QAAA,KAAA,EAAA,0BAAA;AACA,QAAA,WAAA,EAAA,0BAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,uBAAA;AACA,QAAA,WAAA,EAAA,uBAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,wBAAA;AACA,QAAA,WAAA,EAAA,wBAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAAC,YAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAAA,YAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,OAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,WAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,aAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tag2.js","sources":["../../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Tag from './tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const tagEmits = {}\nexport type TagEmits = typeof tagEmits\n\nexport const tagProps = buildProps({\n  value: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String as PropType<'green' | 'red' | 'blue' | 'yellow' | 'gray' | 'brand'>,\n    default: 'green',\n  },\n  border: {\n    type: Boolean,\n    default: false,\n  },\n  borderRadius: {\n    type: [String, Number],\n    default: 8,\n  },\n  width: {\n    type: [String, Number],\n    default: 'fit-content',\n  },\n  height: {\n    type: [String, Number],\n    default: 'auto',\n  },\n})\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIO,MAAM,WAAW,GAAC;AAGlB,MAAM,WAAWA,kBAAW,CAAA;AAAA,EACjC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAC;;;;;"}

package/lib/packages/components/toggle-button/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var toggleButton$1 = require('./src/toggle-button2.js');
-var toggleButton = require('./src/toggle-button.js');
+var toggleButton$1 = require('./src/toggle-button.js');
+var toggleButton = require('./src/toggle-button2.js');
 var install = require('../../utils/vue/install.js');
 
 const GToggleButton = install.withInstall(toggleButton$1["default"]);

package/lib/packages/components/toggle-button/src/toggle-button.js

@@ -2,25 +2,103 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var toggleButton = require('./toggle-button2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var index$2 = require('../../../hooks/use-device-type/index.js');
 
-const toggleButtonEmits = ["update:modelValue", "click"];
-const toggleButtonProps = runtime.buildProps({
-  options: {
-    type: Array,
-    default: []
-  },
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  showTooltip: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = { class: "toggle-group" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const __default__ = {
+  name: "GToggleButton"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: toggleButton.toggleButtonProps,
+  emits: toggleButton.toggleButtonEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("toggle-button");
+    const { t } = index$1.useLocale();
+    const { isMobile } = index$2.useDeviceType();
+    const getLabelText = (item) => {
+      return item.labelKey ? t(item.labelKey) : item.label;
+    };
+    const getTooltipText = (item) => {
+      return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;
+    };
+    const handleClick = (item) => {
+      emits("update:modelValue", item.value);
+      emits("click", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b()])
+        },
+        [
+          vue.createElementVNode("div", _hoisted_1, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(props.options, (item) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  {
+                    key: item.value
+                  },
+                  [
+                    props.showTooltip && (item.tooltip || item.tooltipKey) ? (vue.openBlock(), vue.createBlock(_component_g_tooltip, {
+                      key: 0,
+                      placement: vue.unref(isMobile) ? "bottom" : "bottomRight",
+                      align: vue.unref(isMobile) ? { offset: [0, 0] } : { offset: [-14, 0] }
+                    }, {
+                      title: vue.withCtx(() => [
+                        vue.createElementVNode("div", {
+                          class: "greeks-panel-tip",
+                          innerHTML: getTooltipText(item)
+                        }, null, 8, _hoisted_2)
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", {
+                          onClick: ($event) => handleClick(item),
+                          class: vue.normalizeClass({
+                            "toggle-btn": true,
+                            "toggle-btn-active": _ctx.modelValue === item.value,
+                            "toggle-btn-with-tooltip": props.showTooltip && (item.tooltip || item.tooltipKey)
+                          })
+                        }, vue.toDisplayString(getLabelText(item)), 11, _hoisted_3)
+                      ]),
+                      _: 2
+                    }, 1032, ["placement", "align"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 1,
+                      onClick: ($event) => handleClick(item),
+                      class: vue.normalizeClass({
+                        "toggle-btn": true,
+                        "toggle-btn-active": _ctx.modelValue === item.value
+                      })
+                    }, vue.toDisplayString(getLabelText(item)), 11, _hoisted_4))
+                  ],
+                  64
+                );
+              }),
+              128
+            ))
+          ])
+        ],
+        2
+      );
+    };
   }
 });
+var ToggleButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/toggle-button/src/toggle-button.vue"]]);
 
-exports.toggleButtonEmits = toggleButtonEmits;
-exports.toggleButtonProps = toggleButtonProps;
+exports["default"] = ToggleButton;
 //# sourceMappingURL=toggle-button.js.map

package/lib/packages/components/toggle-button/src/toggle-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.js","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type ToggleButton from './toggle-button.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const toggleButtonEmits = ['update:modelValue', 'click'];\nexport type ToggleButtonEmits = typeof toggleButtonEmits;\nexport const toggleButtonProps = buildProps({\n  options: {\n    type: Array<{ \n      label: string; \n      value: string; \n      tooltip?: string;\n      labelKey?: string;\n      tooltipKey?: string;\n    }>,\n    default: [],\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  showTooltip: {\n    type: Boolean,\n    default: false,\n  },\n});\nexport type ToggleButtonProps = ExtractPropTypes<typeof toggleButtonProps>;\nexport type ToggleButtonInstance = InstanceType<typeof ToggleButton>;\n"],"names":["buildProps"],"mappings":";;;;;;;AAIa,MAAA,iBAAA,GAAoB,CAAC,mBAAA,EAAqB,OAAO,EAAA;AAEvD,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IAON,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;;"}
+{"version":3,"file":"toggle-button.js","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <div class=\"toggle-group\">\n      <template v-for=\"item in props.options\" :key=\"item.value\">\n        <g-tooltip\n          :placement=\"isMobile ? 'bottom' : 'bottomRight'\"\n          :align=\"isMobile ? { offset: [0, 0] } : { offset: [-14, 0] }\"\n          v-if=\"props.showTooltip && (item.tooltip || item.tooltipKey)\"\n        >\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"getTooltipText(item)\"></div>\n          </template>\n          <span\n            @click=\"handleClick(item)\"\n            :class=\"{\n              'toggle-btn': true,\n              'toggle-btn-active': modelValue === item.value,\n              'toggle-btn-with-tooltip':\n                props.showTooltip && (item.tooltip || item.tooltipKey),\n            }\"\n            >{{ getLabelText(item) }}</span\n          >\n        </g-tooltip>\n        <span\n          v-else\n          @click=\"handleClick(item)\"\n          :class=\"{\n            'toggle-btn': true,\n            'toggle-btn-active': modelValue === item.value,\n          }\"\n          >{{ getLabelText(item) }}</span\n        >\n      </template>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useLocale, useDeviceType } from '@greeks-live-ui/hooks';\nimport { toggleButtonEmits, toggleButtonProps } from './toggle-button';\ndefineOptions({\n  name: 'GToggleButton',\n});\nconst ns = useNamespace('toggle-button');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst props = defineProps(toggleButtonProps);\nconst emits = defineEmits(toggleButtonEmits);\n\nconst getLabelText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.labelKey ? t(item.labelKey) : item.label;\n};\n\nconst getTooltipText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;\n};\n\nconst handleClick = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  emits('update:modelValue', item.value);\n  emits('click', item);\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAAC,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAAC,qBAAA,EAAA,CAAA;AAIA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,QAAA,GAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,IAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,UAAA,GAAA,CAAA,CAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,KAAA,CAAA,mBAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/toggle-button/src/toggle-button2.js

@@ -2,103 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var toggleButton = require('./toggle-button.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
-var index$2 = require('../../../hooks/use-device-type/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = { class: "toggle-group" };
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["onClick"];
-const __default__ = {
-  name: "GToggleButton"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: toggleButton.toggleButtonProps,
-  emits: toggleButton.toggleButtonEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("toggle-button");
-    const { t } = index$1.useLocale();
-    const { isMobile } = index$2.useDeviceType();
-    const getLabelText = (item) => {
-      return item.labelKey ? t(item.labelKey) : item.label;
-    };
-    const getTooltipText = (item) => {
-      return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;
-    };
-    const handleClick = (item) => {
-      emits("update:modelValue", item.value);
-      emits("click", item);
-    };
-    return (_ctx, _cache) => {
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()])
-        },
-        [
-          vue.createElementVNode("div", _hoisted_1, [
-            (vue.openBlock(true), vue.createElementBlock(
-              vue.Fragment,
-              null,
-              vue.renderList(props.options, (item) => {
-                return vue.openBlock(), vue.createElementBlock(
-                  vue.Fragment,
-                  {
-                    key: item.value
-                  },
-                  [
-                    props.showTooltip && (item.tooltip || item.tooltipKey) ? (vue.openBlock(), vue.createBlock(_component_g_tooltip, {
-                      key: 0,
-                      placement: vue.unref(isMobile) ? "bottom" : "bottomRight",
-                      align: vue.unref(isMobile) ? { offset: [0, 0] } : { offset: [-14, 0] }
-                    }, {
-                      title: vue.withCtx(() => [
-                        vue.createElementVNode("div", {
-                          class: "greeks-panel-tip",
-                          innerHTML: getTooltipText(item)
-                        }, null, 8, _hoisted_2)
-                      ]),
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("span", {
-                          onClick: ($event) => handleClick(item),
-                          class: vue.normalizeClass({
-                            "toggle-btn": true,
-                            "toggle-btn-active": _ctx.modelValue === item.value,
-                            "toggle-btn-with-tooltip": props.showTooltip && (item.tooltip || item.tooltipKey)
-                          })
-                        }, vue.toDisplayString(getLabelText(item)), 11, _hoisted_3)
-                      ]),
-                      _: 2
-                    }, 1032, ["placement", "align"])) : (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 1,
-                      onClick: ($event) => handleClick(item),
-                      class: vue.normalizeClass({
-                        "toggle-btn": true,
-                        "toggle-btn-active": _ctx.modelValue === item.value
-                      })
-                    }, vue.toDisplayString(getLabelText(item)), 11, _hoisted_4))
-                  ],
-                  64
-                );
-              }),
-              128
-            ))
-          ])
-        ],
-        2
-      );
-    };
+const toggleButtonEmits = ["update:modelValue", "click"];
+const toggleButtonProps = runtime.buildProps({
+  options: {
+    type: Array,
+    default: []
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  showTooltip: {
+    type: Boolean,
+    default: false
   }
 });
-var ToggleButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/toggle-button/src/toggle-button.vue"]]);
 
-exports["default"] = ToggleButton;
+exports.toggleButtonEmits = toggleButtonEmits;
+exports.toggleButtonProps = toggleButtonProps;
 //# sourceMappingURL=toggle-button2.js.map

package/lib/packages/components/toggle-button/src/toggle-button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button2.js","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <div class=\"toggle-group\">\n      <template v-for=\"item in props.options\" :key=\"item.value\">\n        <g-tooltip\n          :placement=\"isMobile ? 'bottom' : 'bottomRight'\"\n          :align=\"isMobile ? { offset: [0, 0] } : { offset: [-14, 0] }\"\n          v-if=\"props.showTooltip && (item.tooltip || item.tooltipKey)\"\n        >\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"getTooltipText(item)\"></div>\n          </template>\n          <span\n            @click=\"handleClick(item)\"\n            :class=\"{\n              'toggle-btn': true,\n              'toggle-btn-active': modelValue === item.value,\n              'toggle-btn-with-tooltip':\n                props.showTooltip && (item.tooltip || item.tooltipKey),\n            }\"\n            >{{ getLabelText(item) }}</span\n          >\n        </g-tooltip>\n        <span\n          v-else\n          @click=\"handleClick(item)\"\n          :class=\"{\n            'toggle-btn': true,\n            'toggle-btn-active': modelValue === item.value,\n          }\"\n          >{{ getLabelText(item) }}</span\n        >\n      </template>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useLocale, useDeviceType } from '@greeks-live-ui/hooks';\nimport { toggleButtonEmits, toggleButtonProps } from './toggle-button';\ndefineOptions({\n  name: 'GToggleButton',\n});\nconst ns = useNamespace('toggle-button');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst props = defineProps(toggleButtonProps);\nconst emits = defineEmits(toggleButtonEmits);\n\nconst getLabelText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.labelKey ? t(item.labelKey) : item.label;\n};\n\nconst getTooltipText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;\n};\n\nconst handleClick = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  emits('update:modelValue', item.value);\n  emits('click', item);\n};\n</script>\n"],"names":["useNamespace","useLocale","useDeviceType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAAC,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAAC,qBAAA,EAAA,CAAA;AAIA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,QAAA,GAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,IAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,UAAA,GAAA,CAAA,CAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,KAAA,CAAA,mBAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggle-button2.js","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type ToggleButton from './toggle-button.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const toggleButtonEmits = ['update:modelValue', 'click'];\nexport type ToggleButtonEmits = typeof toggleButtonEmits;\nexport const toggleButtonProps = buildProps({\n  options: {\n    type: Array<{ \n      label: string; \n      value: string; \n      tooltip?: string;\n      labelKey?: string;\n      tooltipKey?: string;\n    }>,\n    default: [],\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  showTooltip: {\n    type: Boolean,\n    default: false,\n  },\n});\nexport type ToggleButtonProps = ExtractPropTypes<typeof toggleButtonProps>;\nexport type ToggleButtonInstance = InstanceType<typeof ToggleButton>;\n"],"names":["buildProps"],"mappings":";;;;;;;AAIa,MAAA,iBAAA,GAAoB,CAAC,mBAAA,EAAqB,OAAO,EAAA;AAEvD,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IAON,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;;"}