@mekari/pixel3-input 0.0.1-alpha.0 → 0.0.1

package/dist/chunk-ME6YL7P6.mjs

@@ -1,79 +0,0 @@
-import {
-  inputAddonConnect,
-  inputConnect,
-  inputGroupConnect
-} from "./chunk-T766ACNL.mjs";
-import {
-  inputAddonMachine,
-  inputGroupMachine,
-  inputMachine
-} from "./chunk-EF6JEV72.mjs";
-import {
-  __name
-} from "./chunk-QZ7VFGWC.mjs";
-
-// src/modules/input.hooks.ts
-import { computed, ref } from "vue";
-import { useMachine } from "@xstate/vue";
-import { useId } from "@mekari/pixel3-utils";
-import { inputSlotRecipe, inputGroupSlotRecipe, inputAddonSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
-var useInput = /* @__PURE__ */ __name((props, emit) => {
-  var _a;
-  const context = ref(props);
-  const {
-    state,
-    send
-  } = useMachine(inputMachine({
-    ...context.value,
-    id: (_a = context.value.id) != null ? _a : `mp-input-${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] = inputSlotRecipe.splitVariantProps(context.value);
-  const classes = inputSlotRecipe(inputProps);
-  return computed(() => inputConnect(state.value, send, classes));
-}, "useInput");
-var useInputGroup = /* @__PURE__ */ __name((props) => {
-  var _a;
-  const context = ref(props);
-  const {
-    state,
-    send
-  } = useMachine(inputGroupMachine({
-    ...context.value,
-    id: (_a = context.value.id) != null ? _a : `mp-input-group-${useId()}`
-  }));
-  const [inputGroupProps] = inputGroupSlotRecipe.splitVariantProps(context.value);
-  const classes = inputGroupSlotRecipe(inputGroupProps);
-  return computed(() => inputGroupConnect(state.value, send, classes));
-}, "useInputGroup");
-var useInputAddon = /* @__PURE__ */ __name((props) => {
-  var _a;
-  const context = ref(props);
-  const {
-    state,
-    send
-  } = useMachine(inputAddonMachine({
-    ...context.value,
-    id: (_a = context.value.id) != null ? _a : `mp-input-addon-${useId()}`
-  }));
-  const [inputAddonProps] = inputAddonSlotRecipe.splitVariantProps(context.value);
-  const classes = inputAddonSlotRecipe(inputAddonProps);
-  return computed(() => inputAddonConnect(state.value, send, classes));
-}, "useInputAddon");
-
-export {
-  useInput,
-  useInputGroup,
-  useInputAddon
-};

package/dist/chunk-T766ACNL.mjs

@@ -1,127 +0,0 @@
-import {
-  __name
-} from "./chunk-QZ7VFGWC.mjs";
-
-// src/modules/input.connects.ts
-import { cx } from "@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: 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");
-
-export {
-  inputConnect,
-  inputGroupConnect,
-  inputAddonConnect
-};

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

@@ -1,48 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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 };

package/dist/modules/input.machines.js

@@ -1,81 +0,0 @@
-"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.machines.ts
-var input_machines_exports = {};
-__export(input_machines_exports, {
-  inputAddonMachine: () => inputAddonMachine,
-  inputGroupMachine: () => inputGroupMachine,
-  inputMachine: () => inputMachine
-});
-module.exports = __toCommonJS(input_machines_exports);
-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");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  inputAddonMachine,
-  inputGroupMachine,
-  inputMachine
-});

package/dist/modules/input.machines.mjs

@@ -1,11 +0,0 @@
-import {
-  inputAddonMachine,
-  inputGroupMachine,
-  inputMachine
-} from "../chunk-EF6JEV72.mjs";
-import "../chunk-QZ7VFGWC.mjs";
-export {
-  inputAddonMachine,
-  inputGroupMachine,
-  inputMachine
-};