@mekari/pixel3-airene-chat-bubble 0.1.0-dev.0

package/dist/airene-chat-bubble.d.mts

@@ -0,0 +1,72 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+declare const MpAireneChatBubble: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    title: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<"answer" | "question">;
+        default: string;
+    };
+    avatarSrc: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    fullScreenLabel: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    title: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<"answer" | "question">;
+        default: string;
+    };
+    avatarSrc: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    fullScreenLabel: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    title: string;
+    variant: "answer" | "question";
+    avatarSrc: string;
+    fullScreenLabel: string;
+    isLoading: boolean;
+    isShowFullScreen: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { MpAireneChatBubble };

package/dist/airene-chat-bubble.d.ts

@@ -0,0 +1,72 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+declare const MpAireneChatBubble: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    title: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<"answer" | "question">;
+        default: string;
+    };
+    avatarSrc: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    fullScreenLabel: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    title: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<"answer" | "question">;
+        default: string;
+    };
+    avatarSrc: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    fullScreenLabel: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    title: string;
+    variant: "answer" | "question";
+    avatarSrc: string;
+    fullScreenLabel: string;
+    isLoading: boolean;
+    isShowFullScreen: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { MpAireneChatBubble };

package/dist/airene-chat-bubble.js

@@ -0,0 +1,189 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/airene-chat-bubble.tsx
+var airene_chat_bubble_exports = {};
+__export(airene_chat_bubble_exports, {
+  MpAireneChatBubble: () => MpAireneChatBubble
+});
+module.exports = __toCommonJS(airene_chat_bubble_exports);
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+var import_pixel3_avatar = require("@mekari/pixel3-avatar");
+var import_pixel3_icon = require("@mekari/pixel3-icon");
+var import_pixel3_text = require("@mekari/pixel3-text");
+
+// src/modules/airene-chat-bubble.hooks.ts
+var import_vue = require("vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+function useAireneChatBubble(props, emit) {
+  const {
+    id,
+    variant
+  } = (0, import_vue.toRefs)(props);
+  const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-bubble").value;
+  const rootAttrs = (0, import_vue.computed)(() => {
+    return {
+      "data-pixel-component": "MpAireneChatBubble",
+      id: getId,
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().root
+    };
+  });
+  const headerAttrs = (0, import_vue.computed)(() => {
+    return {
+      id: `${getId}--header`,
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().header
+    };
+  });
+  const loadingAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().loading
+    };
+  });
+  const bodyAttrs = (0, import_vue.computed)(() => {
+    return {
+      id: `${getId}--body`,
+      class: variant.value === "answer" ? (0, import_recipes.aireneBubbleSlotRecipe)().body : void 0
+    };
+  });
+  const textAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().text
+    };
+  });
+  const iconFullScreenAttrs = (0, import_vue.computed)(() => {
+    return {
+      name: "full-screen",
+      style: {
+        cursor: "pointer",
+        outline: "none"
+      },
+      onClick: handleClickFullScreen
+    };
+  });
+  function handleClickFullScreen() {
+    emit("click-full-screen", getId);
+  }
+  __name(handleClickFullScreen, "handleClickFullScreen");
+  return {
+    rootAttrs,
+    headerAttrs,
+    loadingAttrs,
+    bodyAttrs,
+    textAttrs,
+    iconFullScreenAttrs
+  };
+}
+__name(useAireneChatBubble, "useAireneChatBubble");
+
+// src/modules/airene-chat-bubble.props.ts
+var aireneChatBubbleProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: "Airene"
+  },
+  variant: {
+    type: String,
+    default: "answer"
+  },
+  avatarSrc: {
+    type: String,
+    default: ""
+  },
+  fullScreenLabel: {
+    type: String,
+    default: "Full screen"
+  },
+  isLoading: {
+    type: Boolean,
+    default: false
+  },
+  isShowFullScreen: {
+    type: Boolean,
+    default: false
+  }
+};
+
+// src/airene-chat-bubble.tsx
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue2.isVNode)(s);
+}
+__name(_isSlot, "_isSlot");
+var MpAireneChatBubble = (0, import_vue3.defineComponent)({
+  name: "MpAireneChatBubble",
+  props: aireneChatBubbleProps,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      rootAttrs,
+      headerAttrs,
+      loadingAttrs,
+      bodyAttrs,
+      textAttrs,
+      iconFullScreenAttrs
+    } = useAireneChatBubble(props, emit);
+    return () => {
+      const {
+        isLoading,
+        isShowFullScreen,
+        title,
+        variant,
+        avatarSrc,
+        fullScreenLabel
+      } = props;
+      const loading = slots.loading && slots.loading();
+      const text = slots.text && slots.text();
+      const data = slots.data && slots.data();
+      const footer = slots.footer && slots.footer();
+      const source = slots.source && slots.source();
+      return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)("div", headerAttrs.value, [variant === "question" && (0, import_vue2.createVNode)(import_pixel3_avatar.MpAvatar, {
+        "id": "avatar-chat-bubble",
+        "src": avatarSrc,
+        "size": "sm",
+        "variant-color": "gray"
+      }, null), variant === "answer" && (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
+        "name": "airene-brand"
+      }, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
+        "size": "label-small",
+        "weight": "semiBold"
+      }, _isSlot(title) ? title : {
+        default: () => [title]
+      })]), isLoading && (0, import_vue2.createVNode)("div", loadingAttrs.value, [loading]), !isLoading && (0, import_vue2.createVNode)("div", bodyAttrs.value, [(0, import_vue2.createVNode)("div", textAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_text.MpText, {
+        "size": "body",
+        "style": {
+          width: "100%"
+        }
+      }, _isSlot(text) ? text : {
+        default: () => [text]
+      }), isShowFullScreen && (0, import_vue2.withDirectives)((0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, iconFullScreenAttrs.value, null), [[(0, import_vue2.resolveDirective)("tooltip"), fullScreenLabel]])]), data]), !isLoading && footer, !isLoading && source]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpAireneChatBubble
+});

package/dist/airene-chat-bubble.mjs

@@ -0,0 +1,9 @@
+import {
+  MpAireneChatBubble
+} from "./chunk-MLOC6O74.mjs";
+import "./chunk-M4TACMLD.mjs";
+import "./chunk-KHARJZFU.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpAireneChatBubble
+};

package/dist/chunk-KHARJZFU.mjs

@@ -0,0 +1,37 @@
+// src/modules/airene-chat-bubble.props.ts
+var aireneChatBubbleProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: "Airene"
+  },
+  variant: {
+    type: String,
+    default: "answer"
+  },
+  avatarSrc: {
+    type: String,
+    default: ""
+  },
+  fullScreenLabel: {
+    type: String,
+    default: "Full screen"
+  },
+  isLoading: {
+    type: Boolean,
+    default: false
+  },
+  isShowFullScreen: {
+    type: Boolean,
+    default: false
+  }
+};
+var aireneChatBubbleEmit = ["click-full-screen"];
+
+export {
+  aireneChatBubbleProps,
+  aireneChatBubbleEmit
+};

package/dist/chunk-M4TACMLD.mjs

@@ -0,0 +1,71 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/modules/airene-chat-bubble.hooks.ts
+import { toRefs, computed } from "vue";
+import { getUniqueId } from "@mekari/pixel3-utils";
+import { aireneBubbleSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
+function useAireneChatBubble(props, emit) {
+  const {
+    id,
+    variant
+  } = toRefs(props);
+  const getId = id.value || getUniqueId("", "airene-chat-bubble").value;
+  const rootAttrs = computed(() => {
+    return {
+      "data-pixel-component": "MpAireneChatBubble",
+      id: getId,
+      class: aireneBubbleSlotRecipe().root
+    };
+  });
+  const headerAttrs = computed(() => {
+    return {
+      id: `${getId}--header`,
+      class: aireneBubbleSlotRecipe().header
+    };
+  });
+  const loadingAttrs = computed(() => {
+    return {
+      class: aireneBubbleSlotRecipe().loading
+    };
+  });
+  const bodyAttrs = computed(() => {
+    return {
+      id: `${getId}--body`,
+      class: variant.value === "answer" ? aireneBubbleSlotRecipe().body : void 0
+    };
+  });
+  const textAttrs = computed(() => {
+    return {
+      class: aireneBubbleSlotRecipe().text
+    };
+  });
+  const iconFullScreenAttrs = computed(() => {
+    return {
+      name: "full-screen",
+      style: {
+        cursor: "pointer",
+        outline: "none"
+      },
+      onClick: handleClickFullScreen
+    };
+  });
+  function handleClickFullScreen() {
+    emit("click-full-screen", getId);
+  }
+  __name(handleClickFullScreen, "handleClickFullScreen");
+  return {
+    rootAttrs,
+    headerAttrs,
+    loadingAttrs,
+    bodyAttrs,
+    textAttrs,
+    iconFullScreenAttrs
+  };
+}
+__name(useAireneChatBubble, "useAireneChatBubble");
+
+export {
+  useAireneChatBubble
+};

package/dist/chunk-MLOC6O74.mjs

@@ -0,0 +1,76 @@
+import {
+  useAireneChatBubble
+} from "./chunk-M4TACMLD.mjs";
+import {
+  aireneChatBubbleProps
+} from "./chunk-KHARJZFU.mjs";
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/airene-chat-bubble.tsx
+import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, isVNode as _isVNode, createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpAvatar } from "@mekari/pixel3-avatar";
+import { MpIcon } from "@mekari/pixel3-icon";
+import { MpText } from "@mekari/pixel3-text";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
+}
+__name(_isSlot, "_isSlot");
+var MpAireneChatBubble = defineComponent({
+  name: "MpAireneChatBubble",
+  props: aireneChatBubbleProps,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      rootAttrs,
+      headerAttrs,
+      loadingAttrs,
+      bodyAttrs,
+      textAttrs,
+      iconFullScreenAttrs
+    } = useAireneChatBubble(props, emit);
+    return () => {
+      const {
+        isLoading,
+        isShowFullScreen,
+        title,
+        variant,
+        avatarSrc,
+        fullScreenLabel
+      } = props;
+      const loading = slots.loading && slots.loading();
+      const text = slots.text && slots.text();
+      const data = slots.data && slots.data();
+      const footer = slots.footer && slots.footer();
+      const source = slots.source && slots.source();
+      return _createVNode("div", rootAttrs.value, [_createVNode("div", headerAttrs.value, [variant === "question" && _createVNode(MpAvatar, {
+        "id": "avatar-chat-bubble",
+        "src": avatarSrc,
+        "size": "sm",
+        "variant-color": "gray"
+      }, null), variant === "answer" && _createVNode(MpIcon, {
+        "name": "airene-brand"
+      }, null), _createVNode(MpText, {
+        "size": "label-small",
+        "weight": "semiBold"
+      }, _isSlot(title) ? title : {
+        default: () => [title]
+      })]), isLoading && _createVNode("div", loadingAttrs.value, [loading]), !isLoading && _createVNode("div", bodyAttrs.value, [_createVNode("div", textAttrs.value, [_createVNode(MpText, {
+        "size": "body",
+        "style": {
+          width: "100%"
+        }
+      }, _isSlot(text) ? text : {
+        default: () => [text]
+      }), isShowFullScreen && _withDirectives(_createVNode(MpIcon, iconFullScreenAttrs.value, null), [[_resolveDirective("tooltip"), fullScreenLabel]])]), data]), !isLoading && footer, !isLoading && source]);
+    };
+  }
+});
+
+export {
+  MpAireneChatBubble
+};

package/dist/chunk-QZ7VFGWC.mjs

@@ -0,0 +1,6 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+export { MpAireneChatBubble } from './airene-chat-bubble.mjs';
+import 'vue/jsx-runtime';
+import 'vue';

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { MpAireneChatBubble } from './airene-chat-bubble.js';
+import 'vue/jsx-runtime';
+import 'vue';

package/dist/index.js

@@ -0,0 +1,191 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  MpAireneChatBubble: () => MpAireneChatBubble
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/airene-chat-bubble.tsx
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+var import_pixel3_avatar = require("@mekari/pixel3-avatar");
+var import_pixel3_icon = require("@mekari/pixel3-icon");
+var import_pixel3_text = require("@mekari/pixel3-text");
+
+// src/modules/airene-chat-bubble.hooks.ts
+var import_vue = require("vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+function useAireneChatBubble(props, emit) {
+  const {
+    id,
+    variant
+  } = (0, import_vue.toRefs)(props);
+  const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-bubble").value;
+  const rootAttrs = (0, import_vue.computed)(() => {
+    return {
+      "data-pixel-component": "MpAireneChatBubble",
+      id: getId,
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().root
+    };
+  });
+  const headerAttrs = (0, import_vue.computed)(() => {
+    return {
+      id: `${getId}--header`,
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().header
+    };
+  });
+  const loadingAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().loading
+    };
+  });
+  const bodyAttrs = (0, import_vue.computed)(() => {
+    return {
+      id: `${getId}--body`,
+      class: variant.value === "answer" ? (0, import_recipes.aireneBubbleSlotRecipe)().body : void 0
+    };
+  });
+  const textAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().text
+    };
+  });
+  const iconFullScreenAttrs = (0, import_vue.computed)(() => {
+    return {
+      name: "full-screen",
+      style: {
+        cursor: "pointer",
+        outline: "none"
+      },
+      onClick: handleClickFullScreen
+    };
+  });
+  function handleClickFullScreen() {
+    emit("click-full-screen", getId);
+  }
+  __name(handleClickFullScreen, "handleClickFullScreen");
+  return {
+    rootAttrs,
+    headerAttrs,
+    loadingAttrs,
+    bodyAttrs,
+    textAttrs,
+    iconFullScreenAttrs
+  };
+}
+__name(useAireneChatBubble, "useAireneChatBubble");
+
+// src/modules/airene-chat-bubble.props.ts
+var aireneChatBubbleProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: "Airene"
+  },
+  variant: {
+    type: String,
+    default: "answer"
+  },
+  avatarSrc: {
+    type: String,
+    default: ""
+  },
+  fullScreenLabel: {
+    type: String,
+    default: "Full screen"
+  },
+  isLoading: {
+    type: Boolean,
+    default: false
+  },
+  isShowFullScreen: {
+    type: Boolean,
+    default: false
+  }
+};
+
+// src/airene-chat-bubble.tsx
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue2.isVNode)(s);
+}
+__name(_isSlot, "_isSlot");
+var MpAireneChatBubble = (0, import_vue3.defineComponent)({
+  name: "MpAireneChatBubble",
+  props: aireneChatBubbleProps,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      rootAttrs,
+      headerAttrs,
+      loadingAttrs,
+      bodyAttrs,
+      textAttrs,
+      iconFullScreenAttrs
+    } = useAireneChatBubble(props, emit);
+    return () => {
+      const {
+        isLoading,
+        isShowFullScreen,
+        title,
+        variant,
+        avatarSrc,
+        fullScreenLabel
+      } = props;
+      const loading = slots.loading && slots.loading();
+      const text = slots.text && slots.text();
+      const data = slots.data && slots.data();
+      const footer = slots.footer && slots.footer();
+      const source = slots.source && slots.source();
+      return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)("div", headerAttrs.value, [variant === "question" && (0, import_vue2.createVNode)(import_pixel3_avatar.MpAvatar, {
+        "id": "avatar-chat-bubble",
+        "src": avatarSrc,
+        "size": "sm",
+        "variant-color": "gray"
+      }, null), variant === "answer" && (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
+        "name": "airene-brand"
+      }, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, {
+        "size": "label-small",
+        "weight": "semiBold"
+      }, _isSlot(title) ? title : {
+        default: () => [title]
+      })]), isLoading && (0, import_vue2.createVNode)("div", loadingAttrs.value, [loading]), !isLoading && (0, import_vue2.createVNode)("div", bodyAttrs.value, [(0, import_vue2.createVNode)("div", textAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_text.MpText, {
+        "size": "body",
+        "style": {
+          width: "100%"
+        }
+      }, _isSlot(text) ? text : {
+        default: () => [text]
+      }), isShowFullScreen && (0, import_vue2.withDirectives)((0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, iconFullScreenAttrs.value, null), [[(0, import_vue2.resolveDirective)("tooltip"), fullScreenLabel]])]), data]), !isLoading && footer, !isLoading && source]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpAireneChatBubble
+});

package/dist/index.mjs

@@ -0,0 +1,9 @@
+import {
+  MpAireneChatBubble
+} from "./chunk-MLOC6O74.mjs";
+import "./chunk-M4TACMLD.mjs";
+import "./chunk-KHARJZFU.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpAireneChatBubble
+};

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/airene-chat-bubble.hooks.ts":{"bytes":1873,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-bubble.props.ts":{"bytes":995,"imports":[],"format":"esm"},"src/airene-chat-bubble.tsx":{"bytes":2521,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-avatar","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-bubble.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-bubble.hooks"},{"path":"src/modules/airene-chat-bubble.props.ts","kind":"import-statement","original":"./modules/airene-chat-bubble.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":143,"imports":[{"path":"src/airene-chat-bubble.tsx","kind":"import-statement","original":"./airene-chat-bubble"}],"format":"esm"}},"outputs":{"dist/airene-chat-bubble.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-avatar","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/airene-chat-bubble.tsx","inputs":{"src/airene-chat-bubble.tsx":{"bytesInOutput":2730},"src/modules/airene-chat-bubble.hooks.ts":{"bytesInOutput":1795},"src/modules/airene-chat-bubble.props.ts":{"bytesInOutput":441}},"bytes":6117},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-avatar","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":141},"src/airene-chat-bubble.tsx":{"bytesInOutput":2544},"src/modules/airene-chat-bubble.hooks.ts":{"bytesInOutput":1795},"src/modules/airene-chat-bubble.props.ts":{"bytesInOutput":441}},"bytes":6089},"dist/modules/airene-chat-bubble.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/airene-chat-bubble.hooks.ts","inputs":{"src/modules/airene-chat-bubble.hooks.ts":{"bytesInOutput":2001}},"bytes":3047},"dist/modules/airene-chat-bubble.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-chat-bubble.props.ts","inputs":{"src/modules/airene-chat-bubble.props.ts":{"bytesInOutput":753}},"bytes":1735}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/airene-chat-bubble.hooks.ts":{"bytes":1873,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-bubble.props.ts":{"bytes":995,"imports":[],"format":"esm"},"src/airene-chat-bubble.tsx":{"bytes":2521,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-avatar","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-bubble.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-bubble.hooks"},{"path":"src/modules/airene-chat-bubble.props.ts","kind":"import-statement","original":"./modules/airene-chat-bubble.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":143,"imports":[{"path":"src/airene-chat-bubble.tsx","kind":"import-statement","original":"./airene-chat-bubble"}],"format":"esm"}},"outputs":{"dist/airene-chat-bubble.mjs":{"imports":[{"path":"dist/chunk-MLOC6O74.mjs","kind":"import-statement"},{"path":"dist/chunk-M4TACMLD.mjs","kind":"import-statement"},{"path":"dist/chunk-KHARJZFU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatBubble"],"entryPoint":"src/airene-chat-bubble.tsx","inputs":{},"bytes":187},"dist/index.mjs":{"imports":[{"path":"dist/chunk-MLOC6O74.mjs","kind":"import-statement"},{"path":"dist/chunk-M4TACMLD.mjs","kind":"import-statement"},{"path":"dist/chunk-KHARJZFU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatBubble"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":187},"dist/chunk-MLOC6O74.mjs":{"imports":[{"path":"dist/chunk-M4TACMLD.mjs","kind":"import-statement"},{"path":"dist/chunk-KHARJZFU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-avatar","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true}],"exports":["MpAireneChatBubble"],"inputs":{"src/airene-chat-bubble.tsx":{"bytesInOutput":2306}},"bytes":2546},"dist/modules/airene-chat-bubble.hooks.mjs":{"imports":[{"path":"dist/chunk-M4TACMLD.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAireneChatBubble"],"entryPoint":"src/modules/airene-chat-bubble.hooks.ts","inputs":{},"bytes":129},"dist/chunk-M4TACMLD.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAireneChatBubble"],"inputs":{"src/modules/airene-chat-bubble.hooks.ts":{"bytesInOutput":1567}},"bytes":1695},"dist/modules/airene-chat-bubble.props.mjs":{"imports":[{"path":"dist/chunk-KHARJZFU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["aireneChatBubbleEmit","aireneChatBubbleProps"],"entryPoint":"src/modules/airene-chat-bubble.props.ts","inputs":{},"bytes":181},"dist/chunk-KHARJZFU.mjs":{"imports":[],"exports":["aireneChatBubbleEmit","aireneChatBubbleProps"],"inputs":{"src/modules/airene-chat-bubble.props.ts":{"bytesInOutput":491}},"bytes":595},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modules/airene-chat-bubble.hooks.d.mts

@@ -0,0 +1,14 @@
+import * as vue from 'vue';
+import { HTMLAttributes } from 'vue';
+import { AireneChatBubbleProps, AireneChatBubbleEmits } from './airene-chat-bubble.props.mjs';
+
+declare function useAireneChatBubble(props: AireneChatBubbleProps, emit: AireneChatBubbleEmits): {
+    rootAttrs: vue.ComputedRef<HTMLAttributes>;
+    headerAttrs: vue.ComputedRef<HTMLAttributes>;
+    loadingAttrs: vue.ComputedRef<HTMLAttributes>;
+    bodyAttrs: vue.ComputedRef<HTMLAttributes>;
+    textAttrs: vue.ComputedRef<HTMLAttributes>;
+    iconFullScreenAttrs: vue.ComputedRef<HTMLAttributes>;
+};
+
+export { useAireneChatBubble };

package/dist/modules/airene-chat-bubble.hooks.d.ts

@@ -0,0 +1,14 @@
+import * as vue from 'vue';
+import { HTMLAttributes } from 'vue';
+import { AireneChatBubbleProps, AireneChatBubbleEmits } from './airene-chat-bubble.props.js';
+
+declare function useAireneChatBubble(props: AireneChatBubbleProps, emit: AireneChatBubbleEmits): {
+    rootAttrs: vue.ComputedRef<HTMLAttributes>;
+    headerAttrs: vue.ComputedRef<HTMLAttributes>;
+    loadingAttrs: vue.ComputedRef<HTMLAttributes>;
+    bodyAttrs: vue.ComputedRef<HTMLAttributes>;
+    textAttrs: vue.ComputedRef<HTMLAttributes>;
+    iconFullScreenAttrs: vue.ComputedRef<HTMLAttributes>;
+};
+
+export { useAireneChatBubble };

package/dist/modules/airene-chat-bubble.hooks.js

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/airene-chat-bubble.hooks.ts
+var airene_chat_bubble_hooks_exports = {};
+__export(airene_chat_bubble_hooks_exports, {
+  useAireneChatBubble: () => useAireneChatBubble
+});
+module.exports = __toCommonJS(airene_chat_bubble_hooks_exports);
+var import_vue = require("vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+function useAireneChatBubble(props, emit) {
+  const {
+    id,
+    variant
+  } = (0, import_vue.toRefs)(props);
+  const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-bubble").value;
+  const rootAttrs = (0, import_vue.computed)(() => {
+    return {
+      "data-pixel-component": "MpAireneChatBubble",
+      id: getId,
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().root
+    };
+  });
+  const headerAttrs = (0, import_vue.computed)(() => {
+    return {
+      id: `${getId}--header`,
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().header
+    };
+  });
+  const loadingAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().loading
+    };
+  });
+  const bodyAttrs = (0, import_vue.computed)(() => {
+    return {
+      id: `${getId}--body`,
+      class: variant.value === "answer" ? (0, import_recipes.aireneBubbleSlotRecipe)().body : void 0
+    };
+  });
+  const textAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneBubbleSlotRecipe)().text
+    };
+  });
+  const iconFullScreenAttrs = (0, import_vue.computed)(() => {
+    return {
+      name: "full-screen",
+      style: {
+        cursor: "pointer",
+        outline: "none"
+      },
+      onClick: handleClickFullScreen
+    };
+  });
+  function handleClickFullScreen() {
+    emit("click-full-screen", getId);
+  }
+  __name(handleClickFullScreen, "handleClickFullScreen");
+  return {
+    rootAttrs,
+    headerAttrs,
+    loadingAttrs,
+    bodyAttrs,
+    textAttrs,
+    iconFullScreenAttrs
+  };
+}
+__name(useAireneChatBubble, "useAireneChatBubble");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAireneChatBubble
+});

package/dist/modules/airene-chat-bubble.hooks.mjs

@@ -0,0 +1,7 @@
+import {
+  useAireneChatBubble
+} from "../chunk-M4TACMLD.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  useAireneChatBubble
+};

package/dist/modules/airene-chat-bubble.props.d.mts

@@ -0,0 +1,37 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const aireneChatBubbleProps: {
+    id: {
+        type: PropType<string>;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: PropType<"answer" | "question">;
+        default: string;
+    };
+    avatarSrc: {
+        type: PropType<string>;
+        default: string;
+    };
+    fullScreenLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+declare const aireneChatBubbleEmit: readonly ["click-full-screen"];
+type AireneChatBubbleProps = ExtractPropTypes<typeof aireneChatBubbleProps>;
+type AireneChatBubbleEmits = (event: (typeof aireneChatBubbleEmit)[number], value?: unknown, value2?: unknown) => void;
+
+export { AireneChatBubbleEmits, AireneChatBubbleProps, aireneChatBubbleEmit, aireneChatBubbleProps };

package/dist/modules/airene-chat-bubble.props.d.ts

@@ -0,0 +1,37 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const aireneChatBubbleProps: {
+    id: {
+        type: PropType<string>;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: PropType<"answer" | "question">;
+        default: string;
+    };
+    avatarSrc: {
+        type: PropType<string>;
+        default: string;
+    };
+    fullScreenLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowFullScreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+declare const aireneChatBubbleEmit: readonly ["click-full-screen"];
+type AireneChatBubbleProps = ExtractPropTypes<typeof aireneChatBubbleProps>;
+type AireneChatBubbleEmits = (event: (typeof aireneChatBubbleEmit)[number], value?: unknown, value2?: unknown) => void;
+
+export { AireneChatBubbleEmits, AireneChatBubbleProps, aireneChatBubbleEmit, aireneChatBubbleProps };

package/dist/modules/airene-chat-bubble.props.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/airene-chat-bubble.props.ts
+var airene_chat_bubble_props_exports = {};
+__export(airene_chat_bubble_props_exports, {
+  aireneChatBubbleEmit: () => aireneChatBubbleEmit,
+  aireneChatBubbleProps: () => aireneChatBubbleProps
+});
+module.exports = __toCommonJS(airene_chat_bubble_props_exports);
+var aireneChatBubbleProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: "Airene"
+  },
+  variant: {
+    type: String,
+    default: "answer"
+  },
+  avatarSrc: {
+    type: String,
+    default: ""
+  },
+  fullScreenLabel: {
+    type: String,
+    default: "Full screen"
+  },
+  isLoading: {
+    type: Boolean,
+    default: false
+  },
+  isShowFullScreen: {
+    type: Boolean,
+    default: false
+  }
+};
+var aireneChatBubbleEmit = ["click-full-screen"];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  aireneChatBubbleEmit,
+  aireneChatBubbleProps
+});

package/dist/modules/airene-chat-bubble.props.mjs

@@ -0,0 +1,9 @@
+import {
+  aireneChatBubbleEmit,
+  aireneChatBubbleProps
+} from "../chunk-KHARJZFU.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  aireneChatBubbleEmit,
+  aireneChatBubbleProps
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@mekari/pixel3-airene-chat-bubble",
+  "description": "Mekari Pixel 3 | Chat Bubble component for Airene.",
+  "version": "0.1.0-dev.0",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mekari/pixel3-avatar": "0.0.18-dev.4",
+    "@mekari/pixel3-text": "0.0.17-dev.4",
+    "@mekari/pixel3-icon": "0.0.18-dev.4",
+    "@mekari/pixel3-styled-system": "0.1.3-dev.4",
+    "@mekari/pixel3-utils": "0.0.7"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.9"
+  },
+  "devDependencies": {
+    "vue": "^3.4.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist .turbo",
+    "build": "tsup && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "types:check": "tsc --noEmit",
+    "replace-config": "clean-package",
+    "restore-config": "clean-package restore"
+  }
+}