@mekari/pixel3-button 0.0.0

package/dist/button.d.mts

@@ -0,0 +1,81 @@
+import { ButtonSize, ButtonVariant } from './modules/button.type.mjs';
+import * as vue from 'vue';
+
+declare const MpButton: vue.DefineComponent<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<ButtonSize>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<ButtonVariant>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+    };
+    leftIcon: {
+        type: StringConstructor;
+    };
+    rightIcon: {
+        type: StringConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<ButtonSize>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<ButtonVariant>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+    };
+    leftIcon: {
+        type: StringConstructor;
+    };
+    rightIcon: {
+        type: StringConstructor;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    size: ButtonSize;
+    as: keyof HTMLElementTagNameMap;
+    isDisabled: boolean;
+    isLoading: boolean;
+}, {}>;
+declare const MpButtonGroup: vue.DefineComponent<{
+    spacing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isSplit: {
+        type: BooleanConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    spacing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isSplit: {
+        type: BooleanConstructor;
+    };
+}>>, {
+    spacing: string;
+    isSplit: boolean;
+}, {}>;
+
+export { MpButton, MpButtonGroup };

package/dist/button.d.ts

@@ -0,0 +1,81 @@
+import { ButtonSize, ButtonVariant } from './modules/button.type.js';
+import * as vue from 'vue';
+
+declare const MpButton: vue.DefineComponent<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<ButtonSize>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<ButtonVariant>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+    };
+    leftIcon: {
+        type: StringConstructor;
+    };
+    rightIcon: {
+        type: StringConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<ButtonSize>;
+        default: string;
+    };
+    variant: {
+        type: vue.PropType<ButtonVariant>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+    };
+    leftIcon: {
+        type: StringConstructor;
+    };
+    rightIcon: {
+        type: StringConstructor;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    size: ButtonSize;
+    as: keyof HTMLElementTagNameMap;
+    isDisabled: boolean;
+    isLoading: boolean;
+}, {}>;
+declare const MpButtonGroup: vue.DefineComponent<{
+    spacing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isSplit: {
+        type: BooleanConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    spacing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    isSplit: {
+        type: BooleanConstructor;
+    };
+}>>, {
+    spacing: string;
+    isSplit: boolean;
+}, {}>;
+
+export { MpButton, MpButtonGroup };

package/dist/button.js

@@ -0,0 +1,153 @@
+"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/button.tsx
+var button_exports = {};
+__export(button_exports, {
+  MpButton: () => MpButton,
+  MpButtonGroup: () => MpButtonGroup
+});
+module.exports = __toCommonJS(button_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_tokens = require("@mekari/pixel3-styled-system/tokens");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var import_pixel3_icon = require("@mekari/pixel3-icon");
+var import_pixel3_spinner = require("@mekari/pixel3-spinner");
+
+// src/modules/button.props.ts
+var buttonProps = {
+  as: {
+    type: String,
+    default: "button"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  variant: {
+    type: String
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isLoading: {
+    type: Boolean
+  },
+  leftIcon: {
+    type: String
+  },
+  rightIcon: {
+    type: String
+  }
+};
+var buttonGroupProps = {
+  spacing: {
+    type: String,
+    default: "2"
+  },
+  isSplit: {
+    type: Boolean
+  }
+};
+
+// src/button.tsx
+var MpButton = (0, import_vue2.defineComponent)({
+  name: "MpButton",
+  props: buttonProps,
+  emits: ["click"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const classes = (0, import_recipes.buttonRecipe)({
+      size: props.size,
+      variant: props.variant
+    });
+    const onClick = /* @__PURE__ */ __name((event) => {
+      if (props.isLoading) {
+        event.preventDefault();
+      } else if (!props.isDisabled) {
+        emit("click", event);
+      }
+    }, "onClick");
+    return () => {
+      const children = slots.default && slots.default();
+      const {
+        as: Component,
+        variant,
+        isDisabled,
+        isLoading,
+        leftIcon,
+        rightIcon
+      } = props;
+      return (0, import_vue.createVNode)(Component, {
+        "class": classes,
+        "data-pixel-component": "MpButton",
+        "data-has-icon": children ? void 0 : true,
+        "disabled": isDisabled ? true : void 0,
+        "aria-disabled": isDisabled,
+        "onClick": onClick
+      }, {
+        default: () => [isLoading && !isDisabled && (0, import_vue.createVNode)("span", {
+          "data-loading": "true"
+        }, [(0, import_vue.createVNode)(import_pixel3_spinner.MpSpinner, null, null)]), leftIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
+          "name": leftIcon,
+          "variant": variant === "secondary" || variant === "textLink" ? "duotone" : "outline",
+          "size": "sm",
+          "color": "currentcolor"
+        }, null), children, rightIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
+          "name": rightIcon,
+          "size": "sm",
+          "color": "currentcolor"
+        }, null)]
+      });
+    };
+  }
+});
+var MpButtonGroup = (0, import_vue2.defineComponent)({
+  name: "MpButtonGroup",
+  props: buttonGroupProps,
+  setup(props, {
+    slots
+  }) {
+    const classes = (0, import_recipes.buttonGroupRecipe)();
+    return () => {
+      const children = slots.default && slots.default();
+      const {
+        spacing,
+        isSplit
+      } = props;
+      return (0, import_vue.createVNode)("div", {
+        "class": classes,
+        "data-pixel-component": "MpButtonGroup",
+        "data-split-button": isSplit ? true : void 0,
+        "style": {
+          "--mp-button-group-spacing": (0, import_tokens.token)(`spacing.${spacing}`) || spacing
+        }
+      }, [children]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpButton,
+  MpButtonGroup
+});

package/dist/button.mjs

@@ -0,0 +1,9 @@
+import {
+  MpButton,
+  MpButtonGroup
+} from "./chunk-P5BDBLJN.mjs";
+import "./chunk-5JNYXGFY.mjs";
+export {
+  MpButton,
+  MpButtonGroup
+};

package/dist/chunk-5JNYXGFY.mjs

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/modules/button.props.ts
+var buttonProps = {
+  as: {
+    type: String,
+    default: "button"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  variant: {
+    type: String
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isLoading: {
+    type: Boolean
+  },
+  leftIcon: {
+    type: String
+  },
+  rightIcon: {
+    type: String
+  }
+};
+var buttonGroupProps = {
+  spacing: {
+    type: String,
+    default: "2"
+  },
+  isSplit: {
+    type: Boolean
+  }
+};
+
+export {
+  __name,
+  buttonProps,
+  buttonGroupProps
+};

package/dist/chunk-P5BDBLJN.mjs

@@ -0,0 +1,95 @@
+import {
+  __name,
+  buttonGroupProps,
+  buttonProps
+} from "./chunk-5JNYXGFY.mjs";
+
+// src/button.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { token } from "@mekari/pixel3-styled-system/tokens";
+import { buttonRecipe, buttonGroupRecipe } from "@mekari/pixel3-styled-system/recipes";
+import { MpIcon } from "@mekari/pixel3-icon";
+import { MpSpinner } from "@mekari/pixel3-spinner";
+var MpButton = defineComponent({
+  name: "MpButton",
+  props: buttonProps,
+  emits: ["click"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const classes = buttonRecipe({
+      size: props.size,
+      variant: props.variant
+    });
+    const onClick = /* @__PURE__ */ __name((event) => {
+      if (props.isLoading) {
+        event.preventDefault();
+      } else if (!props.isDisabled) {
+        emit("click", event);
+      }
+    }, "onClick");
+    return () => {
+      const children = slots.default && slots.default();
+      const {
+        as: Component,
+        variant,
+        isDisabled,
+        isLoading,
+        leftIcon,
+        rightIcon
+      } = props;
+      return _createVNode(Component, {
+        "class": classes,
+        "data-pixel-component": "MpButton",
+        "data-has-icon": children ? void 0 : true,
+        "disabled": isDisabled ? true : void 0,
+        "aria-disabled": isDisabled,
+        "onClick": onClick
+      }, {
+        default: () => [isLoading && !isDisabled && _createVNode("span", {
+          "data-loading": "true"
+        }, [_createVNode(MpSpinner, null, null)]), leftIcon && _createVNode(MpIcon, {
+          "name": leftIcon,
+          "variant": variant === "secondary" || variant === "textLink" ? "duotone" : "outline",
+          "size": "sm",
+          "color": "currentcolor"
+        }, null), children, rightIcon && _createVNode(MpIcon, {
+          "name": rightIcon,
+          "size": "sm",
+          "color": "currentcolor"
+        }, null)]
+      });
+    };
+  }
+});
+var MpButtonGroup = defineComponent({
+  name: "MpButtonGroup",
+  props: buttonGroupProps,
+  setup(props, {
+    slots
+  }) {
+    const classes = buttonGroupRecipe();
+    return () => {
+      const children = slots.default && slots.default();
+      const {
+        spacing,
+        isSplit
+      } = props;
+      return _createVNode("div", {
+        "class": classes,
+        "data-pixel-component": "MpButtonGroup",
+        "data-split-button": isSplit ? true : void 0,
+        "style": {
+          "--mp-button-group-spacing": token(`spacing.${spacing}`) || spacing
+        }
+      }, [children]);
+    };
+  }
+});
+
+export {
+  MpButton,
+  MpButtonGroup
+};

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+export { MpButton, MpButtonGroup } from './button.mjs';
+import './modules/button.type.mjs';
+import 'vue';

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { MpButton, MpButtonGroup } from './button.js';
+import './modules/button.type.js';
+import 'vue';

package/dist/index.js

@@ -0,0 +1,155 @@
+"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.tsx
+var src_exports = {};
+__export(src_exports, {
+  MpButton: () => MpButton,
+  MpButtonGroup: () => MpButtonGroup
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/button.tsx
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_tokens = require("@mekari/pixel3-styled-system/tokens");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var import_pixel3_icon = require("@mekari/pixel3-icon");
+var import_pixel3_spinner = require("@mekari/pixel3-spinner");
+
+// src/modules/button.props.ts
+var buttonProps = {
+  as: {
+    type: String,
+    default: "button"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  variant: {
+    type: String
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isLoading: {
+    type: Boolean
+  },
+  leftIcon: {
+    type: String
+  },
+  rightIcon: {
+    type: String
+  }
+};
+var buttonGroupProps = {
+  spacing: {
+    type: String,
+    default: "2"
+  },
+  isSplit: {
+    type: Boolean
+  }
+};
+
+// src/button.tsx
+var MpButton = (0, import_vue2.defineComponent)({
+  name: "MpButton",
+  props: buttonProps,
+  emits: ["click"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const classes = (0, import_recipes.buttonRecipe)({
+      size: props.size,
+      variant: props.variant
+    });
+    const onClick = /* @__PURE__ */ __name((event) => {
+      if (props.isLoading) {
+        event.preventDefault();
+      } else if (!props.isDisabled) {
+        emit("click", event);
+      }
+    }, "onClick");
+    return () => {
+      const children = slots.default && slots.default();
+      const {
+        as: Component,
+        variant,
+        isDisabled,
+        isLoading,
+        leftIcon,
+        rightIcon
+      } = props;
+      return (0, import_vue.createVNode)(Component, {
+        "class": classes,
+        "data-pixel-component": "MpButton",
+        "data-has-icon": children ? void 0 : true,
+        "disabled": isDisabled ? true : void 0,
+        "aria-disabled": isDisabled,
+        "onClick": onClick
+      }, {
+        default: () => [isLoading && !isDisabled && (0, import_vue.createVNode)("span", {
+          "data-loading": "true"
+        }, [(0, import_vue.createVNode)(import_pixel3_spinner.MpSpinner, null, null)]), leftIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
+          "name": leftIcon,
+          "variant": variant === "secondary" || variant === "textLink" ? "duotone" : "outline",
+          "size": "sm",
+          "color": "currentcolor"
+        }, null), children, rightIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
+          "name": rightIcon,
+          "size": "sm",
+          "color": "currentcolor"
+        }, null)]
+      });
+    };
+  }
+});
+var MpButtonGroup = (0, import_vue2.defineComponent)({
+  name: "MpButtonGroup",
+  props: buttonGroupProps,
+  setup(props, {
+    slots
+  }) {
+    const classes = (0, import_recipes.buttonGroupRecipe)();
+    return () => {
+      const children = slots.default && slots.default();
+      const {
+        spacing,
+        isSplit
+      } = props;
+      return (0, import_vue.createVNode)("div", {
+        "class": classes,
+        "data-pixel-component": "MpButtonGroup",
+        "data-split-button": isSplit ? true : void 0,
+        "style": {
+          "--mp-button-group-spacing": (0, import_tokens.token)(`spacing.${spacing}`) || spacing
+        }
+      }, [children]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpButton,
+  MpButtonGroup
+});

package/dist/index.mjs

@@ -0,0 +1,9 @@
+import {
+  MpButton,
+  MpButtonGroup
+} from "./chunk-P5BDBLJN.mjs";
+import "./chunk-5JNYXGFY.mjs";
+export {
+  MpButton,
+  MpButtonGroup
+};

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/button.props.ts":{"bytes":861,"imports":[{"path":"./button.type","kind":"import-statement","external":true}],"format":"esm"},"src/button.tsx":{"bytes":2751,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.tsx":{"bytes":136,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":2871},"src/modules/button.props.ts":{"bytesInOutput":427}},"bytes":4376},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":2703},"src/modules/button.props.ts":{"bytesInOutput":427}},"bytes":4385},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":625}},"bytes":1581},"dist/modules/button.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":82}},"bytes":784}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/button.props.ts":{"bytes":861,"imports":[{"path":"./button.type","kind":"import-statement","external":true}],"format":"esm"},"src/button.tsx":{"bytes":2751,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.tsx":{"bytes":136,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-P5BDBLJN.mjs","kind":"import-statement"},{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-P5BDBLJN.mjs","kind":"import-statement"},{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":139},"dist/chunk-P5BDBLJN.mjs":{"imports":[{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2472}},"bytes":2616},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-5JNYXGFY.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":427}},"bytes":645},"dist/modules/button.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":0}},"bytes":0}}}

package/dist/modules/button.props.d.mts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { ButtonSize, ButtonVariant } from './button.type.mjs';
+
+declare const buttonProps: {
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    variant: {
+        type: PropType<ButtonVariant>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+    };
+    leftIcon: {
+        type: StringConstructor;
+    };
+    rightIcon: {
+        type: StringConstructor;
+    };
+};
+declare const buttonGroupProps: {
+    spacing: {
+        type: PropType<string>;
+        default: string;
+    };
+    isSplit: {
+        type: BooleanConstructor;
+    };
+};
+
+export { buttonGroupProps, buttonProps };

package/dist/modules/button.props.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { ButtonSize, ButtonVariant } from './button.type.js';
+
+declare const buttonProps: {
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    variant: {
+        type: PropType<ButtonVariant>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+    };
+    leftIcon: {
+        type: StringConstructor;
+    };
+    rightIcon: {
+        type: StringConstructor;
+    };
+};
+declare const buttonGroupProps: {
+    spacing: {
+        type: PropType<string>;
+        default: string;
+    };
+    isSplit: {
+        type: BooleanConstructor;
+    };
+};
+
+export { buttonGroupProps, buttonProps };

package/dist/modules/button.props.js

@@ -0,0 +1,65 @@
+"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/button.props.ts
+var button_props_exports = {};
+__export(button_props_exports, {
+  buttonGroupProps: () => buttonGroupProps,
+  buttonProps: () => buttonProps
+});
+module.exports = __toCommonJS(button_props_exports);
+var buttonProps = {
+  as: {
+    type: String,
+    default: "button"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  variant: {
+    type: String
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isLoading: {
+    type: Boolean
+  },
+  leftIcon: {
+    type: String
+  },
+  rightIcon: {
+    type: String
+  }
+};
+var buttonGroupProps = {
+  spacing: {
+    type: String,
+    default: "2"
+  },
+  isSplit: {
+    type: Boolean
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buttonGroupProps,
+  buttonProps
+});

package/dist/modules/button.props.mjs

@@ -0,0 +1,8 @@
+import {
+  buttonGroupProps,
+  buttonProps
+} from "../chunk-5JNYXGFY.mjs";
+export {
+  buttonGroupProps,
+  buttonProps
+};

package/dist/modules/button.type.d.mts

@@ -0,0 +1,4 @@
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'textLink';
+type ButtonSize = 'sm' | 'md';
+
+export { ButtonSize, ButtonVariant };

package/dist/modules/button.type.d.ts

@@ -0,0 +1,4 @@
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'textLink';
+type ButtonSize = 'sm' | 'md';
+
+export { ButtonSize, ButtonVariant };

package/dist/modules/button.type.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/button.type.ts
+var button_type_exports = {};
+module.exports = __toCommonJS(button_type_exports);

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@mekari/pixel3-button",
+  "description": "Button component for mekari pixel 3",
+  "version": "0.0.0",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mekari/pixel3-icon": "0.0.0",
+    "@mekari/pixel3-spinner": "0.0.0",
+    "@mekari/pixel3-styled-system": "0.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.7"
+  },
+  "devDependencies": {
+    "vue": "^3.3.7"
+  },
+  "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",
+    "build:external": "tsup src/index.tsx --external",
+    "types:check": "tsc --noEmit",
+    "replace-config": "clean-package",
+    "restore-config": "clean-package restore"
+  }
+}