@mekari/pixel3-input 0.0.0

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.machines.ts":{"bytes":1588,"imports":[{"path":"xstate","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":2957,"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":2375,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/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":"src/modules/input.machines.ts","kind":"import-statement","original":"./input.machines"},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":3063,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":1097,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":2087,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/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":"xstate","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":245},"src/input.tsx":{"bytesInOutput":2866},"src/modules/input.props.ts":{"bytesInOutput":1153},"src/modules/input.hooks.ts":{"bytesInOutput":2461},"src/modules/input.machines.ts":{"bytesInOutput":1422},"src/modules/input.connects.ts":{"bytesInOutput":2728},"src/input-group.tsx":{"bytesInOutput":825},"src/input-addon.tsx":{"bytesInOutput":1122}},"bytes":14131},"dist/input-addon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/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":"xstate","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-addon.tsx","inputs":{"src/input-addon.tsx":{"bytesInOutput":1365},"src/modules/input.props.ts":{"bytesInOutput":392},"src/modules/input.hooks.ts":{"bytesInOutput":817},"src/modules/input.machines.ts":{"bytesInOutput":354},"src/modules/input.connects.ts":{"bytesInOutput":435}},"bytes":4608},"dist/input-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/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":"xstate","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-group.tsx","inputs":{"src/input-group.tsx":{"bytesInOutput":978},"src/modules/input.props.ts":{"bytesInOutput":272},"src/modules/input.hooks.ts":{"bytesInOutput":817},"src/modules/input.machines.ts":{"bytesInOutput":359},"src/modules/input.connects.ts":{"bytesInOutput":322}},"bytes":3952},"dist/input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/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":"xstate","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input.tsx","inputs":{"src/input.tsx":{"bytesInOutput":2991},"src/modules/input.props.ts":{"bytesInOutput":819},"src/modules/input.hooks.ts":{"bytesInOutput":1237},"src/modules/input.machines.ts":{"bytesInOutput":787},"src/modules/input.connects.ts":{"bytesInOutput":2095}},"bytes":9116},"dist/modules/input.connects.js":{"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.connects.ts","inputs":{"src/modules/input.connects.ts":{"bytesInOutput":2982}},"bytes":4053},"dist/modules/input.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/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":"xstate","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.hooks.ts","inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":2672},"src/modules/input.machines.ts":{"bytesInOutput":1422},"src/modules/input.connects.ts":{"bytesInOutput":2728}},"bytes":7977},"dist/modules/input.machines.js":{"imports":[{"path":"xstate","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.machines.ts","inputs":{"src/modules/input.machines.ts":{"bytesInOutput":1676}},"bytes":2747},"dist/modules/input.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.props.ts","inputs":{"src/modules/input.props.ts":{"bytesInOutput":1418}},"bytes":2404},"dist/modules/input.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":82}},"bytes":784}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.machines.ts":{"bytes":1588,"imports":[{"path":"xstate","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":2957,"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":2375,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/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":"src/modules/input.machines.ts","kind":"import-statement","original":"./input.machines"},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":3063,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":1097,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":2087,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/modules/input.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/index.mjs":{"imports":[{"path":"dist/chunk-JW2SLWRV.mjs","kind":"import-statement"},{"path":"dist/chunk-62L6URRB.mjs","kind":"import-statement"},{"path":"dist/chunk-AH5Q4AP2.mjs","kind":"import-statement"},{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput","MpInputGroup","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":419},"dist/input-addon.mjs":{"imports":[{"path":"dist/chunk-JW2SLWRV.mjs","kind":"import-statement"},{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/input-addon.tsx","inputs":{},"bytes":319},"dist/chunk-JW2SLWRV.mjs":{"imports":[{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"inputs":{"src/input-addon.tsx":{"bytesInOutput":1045}},"bytes":1252},"dist/input-group.mjs":{"imports":[{"path":"dist/chunk-62L6URRB.mjs","kind":"import-statement"},{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputGroup"],"entryPoint":"src/input-group.tsx","inputs":{},"bytes":237},"dist/chunk-62L6URRB.mjs":{"imports":[{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpInputGroup"],"inputs":{"src/input-group.tsx":{"bytesInOutput":731}},"bytes":897},"dist/input.mjs":{"imports":[{"path":"dist/chunk-AH5Q4AP2.mjs","kind":"import-statement"},{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":227},"dist/chunk-AH5Q4AP2.mjs":{"imports":[{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpInput"],"inputs":{"src/input.tsx":{"bytesInOutput":2754}},"bytes":2913},"dist/modules/input.connects.mjs":{"imports":[{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"entryPoint":"src/modules/input.connects.ts","inputs":{},"bytes":199},"dist/modules/input.hooks.mjs":{"imports":[{"path":"dist/chunk-ME6YL7P6.mjs","kind":"import-statement"},{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useInput","useInputAddon","useInputGroup"],"entryPoint":"src/modules/input.hooks.ts","inputs":{},"bytes":239},"dist/chunk-ME6YL7P6.mjs":{"imports":[{"path":"dist/chunk-T766ACNL.mjs","kind":"import-statement"},{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/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":["useInput","useInputAddon","useInputGroup"],"inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":2161}},"bytes":2493},"dist/chunk-T766ACNL.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"inputs":{"src/modules/input.connects.ts":{"bytesInOutput":2705}},"bytes":2858},"dist/modules/input.machines.mjs":{"imports":[{"path":"dist/chunk-EF6JEV72.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonMachine","inputGroupMachine","inputMachine"],"entryPoint":"src/modules/input.machines.ts","inputs":{},"bytes":199},"dist/chunk-EF6JEV72.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"xstate","kind":"import-statement","external":true}],"exports":["inputAddonMachine","inputGroupMachine","inputMachine"],"inputs":{"src/modules/input.machines.ts":{"bytesInOutput":1366}},"bytes":1519},"dist/modules/input.props.mjs":{"imports":[{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"entryPoint":"src/modules/input.props.ts","inputs":{},"bytes":215},"dist/chunk-ZQ2NFCFA.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"inputs":{"src/modules/input.props.ts":{"bytesInOutput":1121}},"bytes":1229},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modules/input.connects.d.mts

@@ -0,0 +1,12 @@
+import { InputState, InputSend, InputClasses, InputApiMachine, InputGroupState, InputGroupApiMachine, InputAddonState, InputAddonApiMachine } from './input.types.mjs';
+import '@mekari/pixel3-utils';
+
+/**
+ * Exported input connects.
+ */
+
+declare function inputConnect(state: InputState, send: InputSend, classes: InputClasses): InputApiMachine;
+declare function inputGroupConnect(state: InputGroupState, send: InputSend, classes: InputClasses): InputGroupApiMachine;
+declare function inputAddonConnect(state: InputAddonState, send: InputSend, classes: InputClasses): InputAddonApiMachine;
+
+export { inputAddonConnect, inputConnect, inputGroupConnect };

package/dist/modules/input.connects.d.ts

@@ -0,0 +1,12 @@
+import { InputState, InputSend, InputClasses, InputApiMachine, InputGroupState, InputGroupApiMachine, InputAddonState, InputAddonApiMachine } from './input.types.js';
+import '@mekari/pixel3-utils';
+
+/**
+ * Exported input connects.
+ */
+
+declare function inputConnect(state: InputState, send: InputSend, classes: InputClasses): InputApiMachine;
+declare function inputGroupConnect(state: InputGroupState, send: InputSend, classes: InputClasses): InputGroupApiMachine;
+declare function inputAddonConnect(state: InputAddonState, send: InputSend, classes: InputClasses): InputAddonApiMachine;
+
+export { inputAddonConnect, inputConnect, inputGroupConnect };

package/dist/modules/input.connects.js

@@ -0,0 +1,150 @@
+"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/input.connects.ts
+var input_connects_exports = {};
+__export(input_connects_exports, {
+  inputAddonConnect: () => inputAddonConnect,
+  inputConnect: () => inputConnect,
+  inputGroupConnect: () => inputGroupConnect
+});
+module.exports = __toCommonJS(input_connects_exports);
+var import_css = require("@mekari/pixel3-styled-system/css");
+function inputConnect(state, send, classes) {
+  const {
+    id,
+    modelValue,
+    placeholder,
+    isReadOnly,
+    isDisabled,
+    isRequired,
+    isInvalid,
+    isFullWidth,
+    isClearable,
+    onInput,
+    onChange,
+    onClear
+  } = state.context;
+  return {
+    modelValue,
+    isReadOnly,
+    isDisabled,
+    isClearable,
+    rootProps: {
+      id,
+      class: (0, import_css.cx)(classes.root, "group"),
+      "data-is-full-width": isFullWidth,
+      "data-pixel-component": "MpInput"
+    },
+    controlProps: {
+      id: `${id}-control`,
+      value: modelValue,
+      placeholder,
+      readonly: isReadOnly,
+      disabled: isDisabled,
+      required: isRequired,
+      "data-value": modelValue,
+      "data-is-full-width": isFullWidth,
+      "aria-readonly": isReadOnly,
+      "aria-disabled": isDisabled,
+      "aria-invalid": isInvalid,
+      "aria-required": isRequired,
+      onInput(evt) {
+        var _a;
+        send({
+          type: "SET_VALUE",
+          value: (_a = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _a.value
+        });
+        if (onInput)
+          onInput(evt);
+      },
+      onChange(evt) {
+        var _a;
+        send({
+          type: "SET_VALUE",
+          value: (_a = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _a.value
+        });
+        if (onChange)
+          onChange(evt);
+      },
+      class: classes.control,
+      "data-pixel-component": "MpInputControl"
+    },
+    clearProps: {
+      id: `${id}-clear`,
+      variant: "ghost",
+      size: "sm",
+      leftIcon: "reset",
+      onClick(evt) {
+        send({
+          type: "SET_VALUE",
+          value: null
+        });
+        if (onInput)
+          onInput(evt);
+        if (onClear)
+          onClear(evt);
+      },
+      class: classes.clear,
+      style: {
+        "--mp-input--visibility": modelValue ? "visible" : "hidden",
+        "--mp-input--opacity": modelValue ? "1" : "0"
+      },
+      "data-pixel-component": "MpInputClear"
+    }
+  };
+}
+__name(inputConnect, "inputConnect");
+function inputGroupConnect(state, send, classes) {
+  const {
+    id
+  } = state.context;
+  return {
+    rootProps: {
+      id,
+      class: classes.root,
+      "data-pixel-component": "MpInputGroup"
+    }
+  };
+}
+__name(inputGroupConnect, "inputGroupConnect");
+function inputAddonConnect(state, send, classes) {
+  const {
+    id,
+    placement,
+    hasBackground
+  } = state.context;
+  return {
+    rootProps: {
+      id,
+      class: classes.root,
+      "data-placement": placement,
+      "data-has-background": hasBackground,
+      "data-pixel-component": "MpInputAddon"
+    }
+  };
+}
+__name(inputAddonConnect, "inputAddonConnect");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  inputAddonConnect,
+  inputConnect,
+  inputGroupConnect
+});

package/dist/modules/input.connects.mjs

@@ -0,0 +1,11 @@
+import {
+  inputAddonConnect,
+  inputConnect,
+  inputGroupConnect
+} from "../chunk-T766ACNL.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  inputAddonConnect,
+  inputConnect,
+  inputGroupConnect
+};

package/dist/modules/input.hooks.d.mts

@@ -0,0 +1,9 @@
+import * as vue from 'vue';
+import { InputDefinedContext, InputApiMachine, InputGroupDefinedContext, InputGroupApiMachine, InputAddonDefinedContext, InputAddonApiMachine } from './input.types.mjs';
+import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
+
+declare const useInput: (props: InputDefinedContext, emit: CallableFunction) => vue.ComputedRef<InputApiMachine<_mekari_pixel3_utils.PropTypes>>;
+declare const useInputGroup: (props: InputGroupDefinedContext) => vue.ComputedRef<InputGroupApiMachine<_mekari_pixel3_utils.PropTypes>>;
+declare const useInputAddon: (props: InputAddonDefinedContext) => vue.ComputedRef<InputAddonApiMachine<_mekari_pixel3_utils.PropTypes>>;
+
+export { useInput, useInputAddon, useInputGroup };

package/dist/modules/input.hooks.d.ts

@@ -0,0 +1,9 @@
+import * as vue from 'vue';
+import { InputDefinedContext, InputApiMachine, InputGroupDefinedContext, InputGroupApiMachine, InputAddonDefinedContext, InputAddonApiMachine } from './input.types.js';
+import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
+
+declare const useInput: (props: InputDefinedContext, emit: CallableFunction) => vue.ComputedRef<InputApiMachine<_mekari_pixel3_utils.PropTypes>>;
+declare const useInputGroup: (props: InputGroupDefinedContext) => vue.ComputedRef<InputGroupApiMachine<_mekari_pixel3_utils.PropTypes>>;
+declare const useInputAddon: (props: InputAddonDefinedContext) => vue.ComputedRef<InputAddonApiMachine<_mekari_pixel3_utils.PropTypes>>;
+
+export { useInput, useInputAddon, useInputGroup };

package/dist/modules/input.hooks.js

@@ -0,0 +1,261 @@
+"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/input.hooks.ts
+var input_hooks_exports = {};
+__export(input_hooks_exports, {
+  useInput: () => useInput,
+  useInputAddon: () => useInputAddon,
+  useInputGroup: () => useInputGroup
+});
+module.exports = __toCommonJS(input_hooks_exports);
+var import_vue = require("vue");
+var import_vue2 = require("@xstate/vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/input.machines.ts
+var import_xstate = require("xstate");
+function inputMachine(context) {
+  return (0, import_xstate.createMachine)({
+    /** @xstate-layout N4IgpgJg5mDOIC5QEsB2AHArgFwMQGUBRAFQH0A1AQQBkBVQgbQAYBdRUdAe1mW2U9TsQAD0QBGAEwA6JrLnz5AdgA0IAJ7iJAXy2q0WPMQCaABUIUa9ZmyQguPPgKGiEEiYqkBWT00UAOADZPRQBmPwAWAE4Av1UNBDExEKlwzxCxTzFw8IDIiT9FAJ1dEFROCDghfRwhe15+QVsXEICpQrFFCXDfMKjcuPEklLSMrJy8gqLioA */
+    id: "input",
+    context: {
+      modelValue: "",
+      ...context
+    },
+    on: {
+      SET_VALUE: {
+        actions: "setValue"
+      }
+    },
+    predictableActionArguments: true
+  }, {
+    actions: {
+      setValue(ctx, evt) {
+        set.value(ctx, evt.value);
+      }
+    }
+  });
+}
+__name(inputMachine, "inputMachine");
+var set = {
+  value(ctx, value) {
+    ctx.modelValue = value;
+  }
+};
+function inputGroupMachine(context) {
+  return (0, import_xstate.createMachine)({
+    /** @xstate-layout N4IgpgJg5mDOIC5gF8A0IB2B7CdGgEMA3AgFwICcBaKCrAVwAd8RGtYBLUjrDFgD0QBGAEzoAnsJHIZyIA */
+    id: "input-group",
+    context,
+    predictableActionArguments: true
+  });
+}
+__name(inputGroupMachine, "inputGroupMachine");
+function inputAddonMachine(context) {
+  return (0, import_xstate.createMachine)({
+    /** @xstate-layout N4IgpgJg5mDOIC5gF8A0IB2B7CdGgEsMAHAVwBcBaAQwgiw3xGK1gPIIaYA9EBGAEzoAnvwHIJyIA */
+    id: "input-addon",
+    context,
+    predictableActionArguments: true
+  });
+}
+__name(inputAddonMachine, "inputAddonMachine");
+
+// src/modules/input.connects.ts
+var import_css = require("@mekari/pixel3-styled-system/css");
+function inputConnect(state, send, classes) {
+  const {
+    id,
+    modelValue,
+    placeholder,
+    isReadOnly,
+    isDisabled,
+    isRequired,
+    isInvalid,
+    isFullWidth,
+    isClearable,
+    onInput,
+    onChange,
+    onClear
+  } = state.context;
+  return {
+    modelValue,
+    isReadOnly,
+    isDisabled,
+    isClearable,
+    rootProps: {
+      id,
+      class: (0, import_css.cx)(classes.root, "group"),
+      "data-is-full-width": isFullWidth,
+      "data-pixel-component": "MpInput"
+    },
+    controlProps: {
+      id: `${id}-control`,
+      value: modelValue,
+      placeholder,
+      readonly: isReadOnly,
+      disabled: isDisabled,
+      required: isRequired,
+      "data-value": modelValue,
+      "data-is-full-width": isFullWidth,
+      "aria-readonly": isReadOnly,
+      "aria-disabled": isDisabled,
+      "aria-invalid": isInvalid,
+      "aria-required": isRequired,
+      onInput(evt) {
+        var _a;
+        send({
+          type: "SET_VALUE",
+          value: (_a = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _a.value
+        });
+        if (onInput)
+          onInput(evt);
+      },
+      onChange(evt) {
+        var _a;
+        send({
+          type: "SET_VALUE",
+          value: (_a = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _a.value
+        });
+        if (onChange)
+          onChange(evt);
+      },
+      class: classes.control,
+      "data-pixel-component": "MpInputControl"
+    },
+    clearProps: {
+      id: `${id}-clear`,
+      variant: "ghost",
+      size: "sm",
+      leftIcon: "reset",
+      onClick(evt) {
+        send({
+          type: "SET_VALUE",
+          value: null
+        });
+        if (onInput)
+          onInput(evt);
+        if (onClear)
+          onClear(evt);
+      },
+      class: classes.clear,
+      style: {
+        "--mp-input--visibility": modelValue ? "visible" : "hidden",
+        "--mp-input--opacity": modelValue ? "1" : "0"
+      },
+      "data-pixel-component": "MpInputClear"
+    }
+  };
+}
+__name(inputConnect, "inputConnect");
+function inputGroupConnect(state, send, classes) {
+  const {
+    id
+  } = state.context;
+  return {
+    rootProps: {
+      id,
+      class: classes.root,
+      "data-pixel-component": "MpInputGroup"
+    }
+  };
+}
+__name(inputGroupConnect, "inputGroupConnect");
+function inputAddonConnect(state, send, classes) {
+  const {
+    id,
+    placement,
+    hasBackground
+  } = state.context;
+  return {
+    rootProps: {
+      id,
+      class: classes.root,
+      "data-placement": placement,
+      "data-has-background": hasBackground,
+      "data-pixel-component": "MpInputAddon"
+    }
+  };
+}
+__name(inputAddonConnect, "inputAddonConnect");
+
+// src/modules/input.hooks.ts
+var useInput = /* @__PURE__ */ __name((props, emit) => {
+  var _a;
+  const context = (0, import_vue.ref)(props);
+  const {
+    state,
+    send
+  } = (0, import_vue2.useMachine)(inputMachine({
+    ...context.value,
+    id: (_a = context.value.id) != null ? _a : `mp-input-${(0, import_pixel3_utils.useId)()}`,
+    onInput(evt) {
+      var _a2, _b;
+      emit("update:modelValue", (_a2 = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _a2.value);
+      emit("input", evt, (_b = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _b.value);
+    },
+    onChange(evt) {
+      var _a2;
+      emit("change", evt, (_a2 = evt == null ? void 0 : evt.currentTarget) == null ? void 0 : _a2.value);
+    },
+    onClear(evt) {
+      emit("clear", evt);
+    }
+  }));
+  const [inputProps] = import_recipes.inputSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.inputSlotRecipe)(inputProps);
+  return (0, import_vue.computed)(() => inputConnect(state.value, send, classes));
+}, "useInput");
+var useInputGroup = /* @__PURE__ */ __name((props) => {
+  var _a;
+  const context = (0, import_vue.ref)(props);
+  const {
+    state,
+    send
+  } = (0, import_vue2.useMachine)(inputGroupMachine({
+    ...context.value,
+    id: (_a = context.value.id) != null ? _a : `mp-input-group-${(0, import_pixel3_utils.useId)()}`
+  }));
+  const [inputGroupProps] = import_recipes.inputGroupSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.inputGroupSlotRecipe)(inputGroupProps);
+  return (0, import_vue.computed)(() => inputGroupConnect(state.value, send, classes));
+}, "useInputGroup");
+var useInputAddon = /* @__PURE__ */ __name((props) => {
+  var _a;
+  const context = (0, import_vue.ref)(props);
+  const {
+    state,
+    send
+  } = (0, import_vue2.useMachine)(inputAddonMachine({
+    ...context.value,
+    id: (_a = context.value.id) != null ? _a : `mp-input-addon-${(0, import_pixel3_utils.useId)()}`
+  }));
+  const [inputAddonProps] = import_recipes.inputAddonSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.inputAddonSlotRecipe)(inputAddonProps);
+  return (0, import_vue.computed)(() => inputAddonConnect(state.value, send, classes));
+}, "useInputAddon");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useInput,
+  useInputAddon,
+  useInputGroup
+});

package/dist/modules/input.hooks.mjs

@@ -0,0 +1,13 @@
+import {
+  useInput,
+  useInputAddon,
+  useInputGroup
+} from "../chunk-ME6YL7P6.mjs";
+import "../chunk-T766ACNL.mjs";
+import "../chunk-EF6JEV72.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  useInput,
+  useInputAddon,
+  useInputGroup
+};

package/dist/modules/input.machines.d.mts

@@ -0,0 +1,48 @@
+import * as xstate from 'xstate';
+import { InputDefinedContext, InputSize, InputVariant, InputGroupDefinedContext, InputGroupProps, InputAddonDefinedContext, InputAddonProps } from './input.types.mjs';
+import '@mekari/pixel3-utils';
+
+declare function inputMachine(context: InputDefinedContext): xstate.StateMachine<{
+    id?: string | undefined;
+    size?: InputSize | undefined;
+    onChange?: ((evt: Event) => void) | undefined;
+    onInput?: ((evt: Event) => void) | undefined;
+    modelValue: string | number;
+    variant?: InputVariant | undefined;
+    placeholder?: string | undefined;
+    isReadOnly?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isFullWidth?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    onClear?: ((evt: Event) => void) | undefined;
+}, any, xstate.AnyEventObject, {
+    value: any;
+    context: {
+        id?: string | undefined;
+        size?: InputSize | undefined;
+        onChange?: ((evt: Event) => void) | undefined;
+        onInput?: ((evt: Event) => void) | undefined;
+        modelValue: string | number;
+        variant?: InputVariant | undefined;
+        placeholder?: string | undefined;
+        isReadOnly?: boolean | undefined;
+        isDisabled?: boolean | undefined;
+        isRequired?: boolean | undefined;
+        isInvalid?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
+        isClearable?: boolean | undefined;
+        onClear?: ((evt: Event) => void) | undefined;
+    };
+}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
+declare function inputGroupMachine(context: InputGroupDefinedContext): xstate.StateMachine<Pick<Partial<InputGroupProps>, "id"> & Omit<InputGroupProps, "id">, any, xstate.AnyEventObject, {
+    value: any;
+    context: Pick<Partial<InputGroupProps>, "id"> & Omit<InputGroupProps, "id">;
+}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
+declare function inputAddonMachine(context: InputAddonDefinedContext): xstate.StateMachine<Pick<Partial<InputAddonProps>, "id"> & Omit<InputAddonProps, "id">, any, xstate.AnyEventObject, {
+    value: any;
+    context: Pick<Partial<InputAddonProps>, "id"> & Omit<InputAddonProps, "id">;
+}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
+
+export { inputAddonMachine, inputGroupMachine, inputMachine };

package/dist/modules/input.machines.d.ts

@@ -0,0 +1,48 @@
+import * as xstate from 'xstate';
+import { InputDefinedContext, InputSize, InputVariant, InputGroupDefinedContext, InputGroupProps, InputAddonDefinedContext, InputAddonProps } from './input.types.js';
+import '@mekari/pixel3-utils';
+
+declare function inputMachine(context: InputDefinedContext): xstate.StateMachine<{
+    id?: string | undefined;
+    size?: InputSize | undefined;
+    onChange?: ((evt: Event) => void) | undefined;
+    onInput?: ((evt: Event) => void) | undefined;
+    modelValue: string | number;
+    variant?: InputVariant | undefined;
+    placeholder?: string | undefined;
+    isReadOnly?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isFullWidth?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    onClear?: ((evt: Event) => void) | undefined;
+}, any, xstate.AnyEventObject, {
+    value: any;
+    context: {
+        id?: string | undefined;
+        size?: InputSize | undefined;
+        onChange?: ((evt: Event) => void) | undefined;
+        onInput?: ((evt: Event) => void) | undefined;
+        modelValue: string | number;
+        variant?: InputVariant | undefined;
+        placeholder?: string | undefined;
+        isReadOnly?: boolean | undefined;
+        isDisabled?: boolean | undefined;
+        isRequired?: boolean | undefined;
+        isInvalid?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
+        isClearable?: boolean | undefined;
+        onClear?: ((evt: Event) => void) | undefined;
+    };
+}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
+declare function inputGroupMachine(context: InputGroupDefinedContext): xstate.StateMachine<Pick<Partial<InputGroupProps>, "id"> & Omit<InputGroupProps, "id">, any, xstate.AnyEventObject, {
+    value: any;
+    context: Pick<Partial<InputGroupProps>, "id"> & Omit<InputGroupProps, "id">;
+}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
+declare function inputAddonMachine(context: InputAddonDefinedContext): xstate.StateMachine<Pick<Partial<InputAddonProps>, "id"> & Omit<InputAddonProps, "id">, any, xstate.AnyEventObject, {
+    value: any;
+    context: Pick<Partial<InputAddonProps>, "id"> & Omit<InputAddonProps, "id">;
+}, xstate.BaseActionObject, xstate.ServiceMap, xstate.ResolveTypegenMeta<xstate.TypegenDisabled, xstate.AnyEventObject, xstate.BaseActionObject, xstate.ServiceMap>>;
+
+export { inputAddonMachine, inputGroupMachine, inputMachine };