@mekari/pixel3-airene-chat-input 0.0.1-dev.0

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 { MpAireneChatInput } from './airene-chat-input.mjs';
+import 'vue/jsx-runtime';
+import 'vue';

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,256 @@
+"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, {
+  MpAireneChatInput: () => MpAireneChatInput
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/airene-chat-input.tsx
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+var import_pixel3_icon = require("@mekari/pixel3-icon");
+
+// src/modules/airene-chat-input.hooks.ts
+var import_vue = require("vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var import_tokens = require("@mekari/pixel3-styled-system/tokens");
+function useAireneChatInput(props, emit, slots) {
+  const {
+    id,
+    modelValue,
+    placeholder,
+    maxlength,
+    ariaLabel,
+    ariaLabelledBy,
+    isReadOnly,
+    isDisabled,
+    isInvalid,
+    isRequired,
+    isForceFocus
+  } = (0, import_vue.toRefs)(props);
+  const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
+  const input = (0, import_vue.ref)();
+  const inputHeight = (0, import_vue.ref)("20px");
+  const rounded = (0, import_vue.ref)("full");
+  const rootAttrs = (0, import_vue.computed)(() => {
+    return {
+      "data-pixel-component": "MpAireneChatInput",
+      id: getId,
+      class: (0, import_recipes.aireneInputSlotRecipe)().root,
+      disabled: isDisabled.value || void 0,
+      "data-invalid": isInvalid.value || void 0,
+      style: {
+        borderRadius: import_tokens.token.var(`radii.${rounded.value}`)
+      }
+    };
+  });
+  const wrapperAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneInputSlotRecipe)().wrapper
+    };
+  });
+  const inputAttrs = (0, import_vue.computed)(() => {
+    return {
+      ref: input,
+      id: `${getId}--input`,
+      class: (0, import_recipes.aireneInputSlotRecipe)().input,
+      value: modelValue.value,
+      placeholder: placeholder.value,
+      rows: "1",
+      autocomplete: "off",
+      spellcheck: "false",
+      maxlength: maxlength == null ? void 0 : maxlength.value,
+      disabled: isDisabled.value,
+      readonly: isReadOnly.value,
+      required: isRequired.value,
+      "aria-label": ariaLabel == null ? void 0 : ariaLabel.value,
+      "aria-labelledby": ariaLabelledBy == null ? void 0 : ariaLabelledBy.value,
+      "aria-readonly": (isReadOnly == null ? void 0 : isReadOnly.value) || void 0,
+      "aria-required": (isRequired == null ? void 0 : isRequired.value) || void 0,
+      "aria-invalid": isInvalid.value || void 0,
+      style: {
+        height: inputHeight.value
+      },
+      onInput: handleInput,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onKeydown: handleKeydown,
+      onClick: handleSelectAllText
+    };
+  });
+  const buttonAttrs = (0, import_vue.computed)(() => {
+    return {
+      name: "sent",
+      variant: isActive.value ? "fill" : "outline",
+      color: isActive.value ? "icon.brand" : "icon.default",
+      onClick: handleClick
+    };
+  });
+  const isActive = (0, import_vue.computed)(() => {
+    return modelValue.value.length > 0;
+  });
+  const hasChildren = (0, import_vue.computed)(() => {
+    return slots.default && slots.default().length > 0;
+  });
+  function handleInput(e) {
+    const target = e.target;
+    emit("input", target.value, e);
+    emit("update:modelValue", target.value);
+    handleAdjustInputHeight();
+  }
+  __name(handleInput, "handleInput");
+  function handleChange(e) {
+    const target = e.target;
+    emit("change", target.value, e);
+  }
+  __name(handleChange, "handleChange");
+  function handleAdjustInputHeight() {
+    inputHeight.value = "auto";
+    (0, import_vue.nextTick)(() => {
+      const height = input.value.scrollHeight;
+      inputHeight.value = `${height}px`;
+      rounded.value = height >= 40 || hasChildren.value ? "xl" : "full";
+    });
+  }
+  __name(handleAdjustInputHeight, "handleAdjustInputHeight");
+  function handleSelectAllText(e) {
+    const target = e.target;
+    const textLabel = target.value;
+    if (textLabel) {
+      target.setSelectionRange(0, textLabel.length);
+    }
+  }
+  __name(handleSelectAllText, "handleSelectAllText");
+  function handleFocus(e) {
+    emit("focus", e);
+  }
+  __name(handleFocus, "handleFocus");
+  function handleBlur(e) {
+    emit("blur", e);
+  }
+  __name(handleBlur, "handleBlur");
+  function handleKeydown(e) {
+    emit("keydown", e);
+  }
+  __name(handleKeydown, "handleKeydown");
+  function handleClick(e) {
+    if (isDisabled.value)
+      return;
+    emit("click", e);
+  }
+  __name(handleClick, "handleClick");
+  (0, import_vue.watch)(() => modelValue.value, (newValue) => {
+    if (newValue) {
+      handleAdjustInputHeight();
+    }
+  });
+  (0, import_vue.watchEffect)(() => {
+    var _a;
+    if (isForceFocus.value) {
+      (_a = input.value) == null ? void 0 : _a.focus();
+    }
+    if (hasChildren.value) {
+      rounded.value = "xl";
+    }
+  });
+  return {
+    rootAttrs,
+    inputAttrs,
+    buttonAttrs,
+    wrapperAttrs,
+    isActive
+  };
+}
+__name(useAireneChatInput, "useAireneChatInput");
+
+// src/modules/airene-chat-input.props.ts
+var aireneChatInputProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: "Ask something..."
+  },
+  maxlength: {
+    type: String
+  },
+  ariaLabel: {
+    type: String
+  },
+  ariaLabelledBy: {
+    type: String
+  },
+  isReadOnly: {
+    type: Boolean,
+    default: false
+  },
+  isDisabled: {
+    type: Boolean,
+    default: false
+  },
+  isInvalid: {
+    type: Boolean,
+    default: false
+  },
+  isRequired: {
+    type: Boolean,
+    default: false
+  },
+  isForceFocus: {
+    type: Boolean,
+    default: false
+  }
+};
+
+// src/airene-chat-input.tsx
+var MpAireneChatInput = (0, import_vue3.defineComponent)({
+  name: "MpSkeleton",
+  props: aireneChatInputProps,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      rootAttrs,
+      wrapperAttrs,
+      inputAttrs,
+      buttonAttrs
+    } = useAireneChatInput(props, emit, slots);
+    return () => {
+      const children = slots.default && slots.default();
+      return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)("div", wrapperAttrs.value, [(0, import_vue2.createVNode)("textarea", inputAttrs.value, null), children]), (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, buttonAttrs.value, null)]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpAireneChatInput
+});

package/dist/index.mjs

@@ -0,0 +1,9 @@
+import {
+  MpAireneChatInput
+} from "./chunk-2K4QROIN.mjs";
+import "./chunk-KPLBIBRE.mjs";
+import "./chunk-4PYKLJPU.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpAireneChatInput
+};

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":4389,"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":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-input.props.ts":{"bytes":1344,"imports":[],"format":"esm"},"src/airene-chat-input.tsx":{"bytes":941,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-input.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-input.hooks"},{"path":"src/modules/airene-chat-input.props.ts","kind":"import-statement","original":"./modules/airene-chat-input.props"}],"format":"esm"},"src/index.ts":{"bytes":141,"imports":[{"path":"src/airene-chat-input.tsx","kind":"import-statement","original":"./airene-chat-input"}],"format":"esm"}},"outputs":{"dist/airene-chat-input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","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},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/airene-chat-input.tsx","inputs":{"src/airene-chat-input.tsx":{"bytesInOutput":972},"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4659},"src/modules/airene-chat-input.props.ts":{"bytesInOutput":617}},"bytes":7394},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","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},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":139},"src/airene-chat-input.tsx":{"bytesInOutput":791},"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4659},"src/modules/airene-chat-input.props.ts":{"bytesInOutput":617}},"bytes":7369},"dist/modules/airene-chat-input.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},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/airene-chat-input.hooks.ts","inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4860}},"bytes":5904},"dist/modules/airene-chat-input.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-chat-input.props.ts","inputs":{"src/modules/airene-chat-input.props.ts":{"bytesInOutput":977}},"bytes":1956}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":4389,"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":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-input.props.ts":{"bytes":1344,"imports":[],"format":"esm"},"src/airene-chat-input.tsx":{"bytes":941,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-input.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-input.hooks"},{"path":"src/modules/airene-chat-input.props.ts","kind":"import-statement","original":"./modules/airene-chat-input.props"}],"format":"esm"},"src/index.ts":{"bytes":141,"imports":[{"path":"src/airene-chat-input.tsx","kind":"import-statement","original":"./airene-chat-input"}],"format":"esm"}},"outputs":{"dist/airene-chat-input.mjs":{"imports":[{"path":"dist/chunk-2K4QROIN.mjs","kind":"import-statement"},{"path":"dist/chunk-KPLBIBRE.mjs","kind":"import-statement"},{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatInput"],"entryPoint":"src/airene-chat-input.tsx","inputs":{},"bytes":185},"dist/index.mjs":{"imports":[{"path":"dist/chunk-2K4QROIN.mjs","kind":"import-statement"},{"path":"dist/chunk-KPLBIBRE.mjs","kind":"import-statement"},{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatInput"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":185},"dist/chunk-2K4QROIN.mjs":{"imports":[{"path":"dist/chunk-KPLBIBRE.mjs","kind":"import-statement"},{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAireneChatInput"],"inputs":{"src/airene-chat-input.tsx":{"bytesInOutput":702}},"bytes":889},"dist/modules/airene-chat-input.hooks.mjs":{"imports":[{"path":"dist/chunk-KPLBIBRE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAireneChatInput"],"entryPoint":"src/modules/airene-chat-input.hooks.ts","inputs":{},"bytes":127},"dist/chunk-KPLBIBRE.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},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["useAireneChatInput"],"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4388}},"bytes":4514},"dist/modules/airene-chat-input.props.mjs":{"imports":[{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["aireneChatInputEmit","aireneChatInputProps"],"entryPoint":"src/modules/airene-chat-input.props.ts","inputs":{},"bytes":177},"dist/chunk-4PYKLJPU.mjs":{"imports":[],"exports":["aireneChatInputEmit","aireneChatInputProps"],"inputs":{"src/modules/airene-chat-input.props.ts":{"bytesInOutput":722}},"bytes":823},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

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

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+import { Slots, HTMLAttributes } from 'vue';
+import { AireneChatInputProps, AireneChatInputEmits } from './airene-chat-input.props.mjs';
+
+declare function useAireneChatInput(props: AireneChatInputProps, emit: AireneChatInputEmits, slots: Slots): {
+    rootAttrs: vue.ComputedRef<HTMLAttributes>;
+    inputAttrs: vue.ComputedRef<HTMLAttributes>;
+    buttonAttrs: vue.ComputedRef<HTMLAttributes>;
+    wrapperAttrs: vue.ComputedRef<HTMLAttributes>;
+    isActive: vue.ComputedRef<boolean>;
+};
+
+export { useAireneChatInput };

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

@@ -0,0 +1,13 @@
+import * as vue from 'vue';
+import { Slots, HTMLAttributes } from 'vue';
+import { AireneChatInputProps, AireneChatInputEmits } from './airene-chat-input.props.js';
+
+declare function useAireneChatInput(props: AireneChatInputProps, emit: AireneChatInputEmits, slots: Slots): {
+    rootAttrs: vue.ComputedRef<HTMLAttributes>;
+    inputAttrs: vue.ComputedRef<HTMLAttributes>;
+    buttonAttrs: vue.ComputedRef<HTMLAttributes>;
+    wrapperAttrs: vue.ComputedRef<HTMLAttributes>;
+    isActive: vue.ComputedRef<boolean>;
+};
+
+export { useAireneChatInput };

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

@@ -0,0 +1,183 @@
+"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-input.hooks.ts
+var airene_chat_input_hooks_exports = {};
+__export(airene_chat_input_hooks_exports, {
+  useAireneChatInput: () => useAireneChatInput
+});
+module.exports = __toCommonJS(airene_chat_input_hooks_exports);
+var import_vue = require("vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var import_tokens = require("@mekari/pixel3-styled-system/tokens");
+function useAireneChatInput(props, emit, slots) {
+  const {
+    id,
+    modelValue,
+    placeholder,
+    maxlength,
+    ariaLabel,
+    ariaLabelledBy,
+    isReadOnly,
+    isDisabled,
+    isInvalid,
+    isRequired,
+    isForceFocus
+  } = (0, import_vue.toRefs)(props);
+  const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
+  const input = (0, import_vue.ref)();
+  const inputHeight = (0, import_vue.ref)("20px");
+  const rounded = (0, import_vue.ref)("full");
+  const rootAttrs = (0, import_vue.computed)(() => {
+    return {
+      "data-pixel-component": "MpAireneChatInput",
+      id: getId,
+      class: (0, import_recipes.aireneInputSlotRecipe)().root,
+      disabled: isDisabled.value || void 0,
+      "data-invalid": isInvalid.value || void 0,
+      style: {
+        borderRadius: import_tokens.token.var(`radii.${rounded.value}`)
+      }
+    };
+  });
+  const wrapperAttrs = (0, import_vue.computed)(() => {
+    return {
+      class: (0, import_recipes.aireneInputSlotRecipe)().wrapper
+    };
+  });
+  const inputAttrs = (0, import_vue.computed)(() => {
+    return {
+      ref: input,
+      id: `${getId}--input`,
+      class: (0, import_recipes.aireneInputSlotRecipe)().input,
+      value: modelValue.value,
+      placeholder: placeholder.value,
+      rows: "1",
+      autocomplete: "off",
+      spellcheck: "false",
+      maxlength: maxlength == null ? void 0 : maxlength.value,
+      disabled: isDisabled.value,
+      readonly: isReadOnly.value,
+      required: isRequired.value,
+      "aria-label": ariaLabel == null ? void 0 : ariaLabel.value,
+      "aria-labelledby": ariaLabelledBy == null ? void 0 : ariaLabelledBy.value,
+      "aria-readonly": (isReadOnly == null ? void 0 : isReadOnly.value) || void 0,
+      "aria-required": (isRequired == null ? void 0 : isRequired.value) || void 0,
+      "aria-invalid": isInvalid.value || void 0,
+      style: {
+        height: inputHeight.value
+      },
+      onInput: handleInput,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onKeydown: handleKeydown,
+      onClick: handleSelectAllText
+    };
+  });
+  const buttonAttrs = (0, import_vue.computed)(() => {
+    return {
+      name: "sent",
+      variant: isActive.value ? "fill" : "outline",
+      color: isActive.value ? "icon.brand" : "icon.default",
+      onClick: handleClick
+    };
+  });
+  const isActive = (0, import_vue.computed)(() => {
+    return modelValue.value.length > 0;
+  });
+  const hasChildren = (0, import_vue.computed)(() => {
+    return slots.default && slots.default().length > 0;
+  });
+  function handleInput(e) {
+    const target = e.target;
+    emit("input", target.value, e);
+    emit("update:modelValue", target.value);
+    handleAdjustInputHeight();
+  }
+  __name(handleInput, "handleInput");
+  function handleChange(e) {
+    const target = e.target;
+    emit("change", target.value, e);
+  }
+  __name(handleChange, "handleChange");
+  function handleAdjustInputHeight() {
+    inputHeight.value = "auto";
+    (0, import_vue.nextTick)(() => {
+      const height = input.value.scrollHeight;
+      inputHeight.value = `${height}px`;
+      rounded.value = height >= 40 || hasChildren.value ? "xl" : "full";
+    });
+  }
+  __name(handleAdjustInputHeight, "handleAdjustInputHeight");
+  function handleSelectAllText(e) {
+    const target = e.target;
+    const textLabel = target.value;
+    if (textLabel) {
+      target.setSelectionRange(0, textLabel.length);
+    }
+  }
+  __name(handleSelectAllText, "handleSelectAllText");
+  function handleFocus(e) {
+    emit("focus", e);
+  }
+  __name(handleFocus, "handleFocus");
+  function handleBlur(e) {
+    emit("blur", e);
+  }
+  __name(handleBlur, "handleBlur");
+  function handleKeydown(e) {
+    emit("keydown", e);
+  }
+  __name(handleKeydown, "handleKeydown");
+  function handleClick(e) {
+    if (isDisabled.value)
+      return;
+    emit("click", e);
+  }
+  __name(handleClick, "handleClick");
+  (0, import_vue.watch)(() => modelValue.value, (newValue) => {
+    if (newValue) {
+      handleAdjustInputHeight();
+    }
+  });
+  (0, import_vue.watchEffect)(() => {
+    var _a;
+    if (isForceFocus.value) {
+      (_a = input.value) == null ? void 0 : _a.focus();
+    }
+    if (hasChildren.value) {
+      rounded.value = "xl";
+    }
+  });
+  return {
+    rootAttrs,
+    inputAttrs,
+    buttonAttrs,
+    wrapperAttrs,
+    isActive
+  };
+}
+__name(useAireneChatInput, "useAireneChatInput");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAireneChatInput
+});

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

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

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

@@ -0,0 +1,50 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const aireneChatInputProps: {
+    id: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxlength: {
+        type: PropType<string>;
+    };
+    ariaLabel: {
+        type: PropType<string>;
+    };
+    ariaLabelledBy: {
+        type: PropType<string>;
+    };
+    isReadOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isInvalid: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isRequired: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isForceFocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const aireneChatInputEmit: readonly ["change", "input", "keydown", "focus", "blur", "click", "update:modelValue"];
+type AireneChatInputProps = ExtractPropTypes<typeof aireneChatInputProps>;
+type AireneChatInputEmits = (event: (typeof aireneChatInputEmit)[number], value?: unknown, value2?: unknown) => void;
+
+export { AireneChatInputEmits, AireneChatInputProps, aireneChatInputEmit, aireneChatInputProps };

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

@@ -0,0 +1,50 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const aireneChatInputProps: {
+    id: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxlength: {
+        type: PropType<string>;
+    };
+    ariaLabel: {
+        type: PropType<string>;
+    };
+    ariaLabelledBy: {
+        type: PropType<string>;
+    };
+    isReadOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isInvalid: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isRequired: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isForceFocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const aireneChatInputEmit: readonly ["change", "input", "keydown", "focus", "blur", "click", "update:modelValue"];
+type AireneChatInputProps = ExtractPropTypes<typeof aireneChatInputProps>;
+type AireneChatInputEmits = (event: (typeof aireneChatInputEmit)[number], value?: unknown, value2?: unknown) => void;
+
+export { AireneChatInputEmits, AireneChatInputProps, aireneChatInputEmit, aireneChatInputProps };