@mekari/pixel3-airene-button 0.1.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,60 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as vue from 'vue';
3
+
4
+ declare const MpAireneButton: vue.DefineComponent<{
5
+ id: {
6
+ type: vue.PropType<string | undefined>;
7
+ };
8
+ as: {
9
+ type: vue.PropType<keyof HTMLElementTagNameMap>;
10
+ default: string;
11
+ };
12
+ type: {
13
+ type: vue.PropType<string | undefined>;
14
+ default: string;
15
+ };
16
+ isActive: {
17
+ type: vue.PropType<boolean | undefined>;
18
+ default: boolean;
19
+ };
20
+ isDisabled: {
21
+ type: vue.PropType<boolean | undefined>;
22
+ default: boolean;
23
+ };
24
+ isShowBadge: {
25
+ type: vue.PropType<boolean | undefined>;
26
+ default: boolean;
27
+ };
28
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
29
+ id: {
30
+ type: vue.PropType<string | undefined>;
31
+ };
32
+ as: {
33
+ type: vue.PropType<keyof HTMLElementTagNameMap>;
34
+ default: string;
35
+ };
36
+ type: {
37
+ type: vue.PropType<string | undefined>;
38
+ default: string;
39
+ };
40
+ isActive: {
41
+ type: vue.PropType<boolean | undefined>;
42
+ default: boolean;
43
+ };
44
+ isDisabled: {
45
+ type: vue.PropType<boolean | undefined>;
46
+ default: boolean;
47
+ };
48
+ isShowBadge: {
49
+ type: vue.PropType<boolean | undefined>;
50
+ default: boolean;
51
+ };
52
+ }>>, {
53
+ type: string | undefined;
54
+ isActive: boolean | undefined;
55
+ isDisabled: boolean | undefined;
56
+ isShowBadge: boolean | undefined;
57
+ as: keyof HTMLElementTagNameMap;
58
+ }, {}>;
59
+
60
+ export { MpAireneButton };
@@ -0,0 +1,60 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as vue from 'vue';
3
+
4
+ declare const MpAireneButton: vue.DefineComponent<{
5
+ id: {
6
+ type: vue.PropType<string | undefined>;
7
+ };
8
+ as: {
9
+ type: vue.PropType<keyof HTMLElementTagNameMap>;
10
+ default: string;
11
+ };
12
+ type: {
13
+ type: vue.PropType<string | undefined>;
14
+ default: string;
15
+ };
16
+ isActive: {
17
+ type: vue.PropType<boolean | undefined>;
18
+ default: boolean;
19
+ };
20
+ isDisabled: {
21
+ type: vue.PropType<boolean | undefined>;
22
+ default: boolean;
23
+ };
24
+ isShowBadge: {
25
+ type: vue.PropType<boolean | undefined>;
26
+ default: boolean;
27
+ };
28
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
29
+ id: {
30
+ type: vue.PropType<string | undefined>;
31
+ };
32
+ as: {
33
+ type: vue.PropType<keyof HTMLElementTagNameMap>;
34
+ default: string;
35
+ };
36
+ type: {
37
+ type: vue.PropType<string | undefined>;
38
+ default: string;
39
+ };
40
+ isActive: {
41
+ type: vue.PropType<boolean | undefined>;
42
+ default: boolean;
43
+ };
44
+ isDisabled: {
45
+ type: vue.PropType<boolean | undefined>;
46
+ default: boolean;
47
+ };
48
+ isShowBadge: {
49
+ type: vue.PropType<boolean | undefined>;
50
+ default: boolean;
51
+ };
52
+ }>>, {
53
+ type: string | undefined;
54
+ isActive: boolean | undefined;
55
+ isDisabled: boolean | undefined;
56
+ isShowBadge: boolean | undefined;
57
+ as: keyof HTMLElementTagNameMap;
58
+ }, {}>;
59
+
60
+ export { MpAireneButton };
@@ -0,0 +1,136 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/airene-button.tsx
22
+ var airene_button_exports = {};
23
+ __export(airene_button_exports, {
24
+ MpAireneButton: () => MpAireneButton
25
+ });
26
+ module.exports = __toCommonJS(airene_button_exports);
27
+ var import_vue2 = require("vue");
28
+ var import_vue3 = require("vue");
29
+
30
+ // src/modules/airene-button.props.ts
31
+ var aireneButtonProps = {
32
+ id: {
33
+ type: String
34
+ },
35
+ as: {
36
+ type: String,
37
+ default: "button"
38
+ },
39
+ type: {
40
+ type: String,
41
+ default: "button"
42
+ },
43
+ isActive: {
44
+ type: Boolean,
45
+ default: false
46
+ },
47
+ isDisabled: {
48
+ type: Boolean,
49
+ default: false
50
+ },
51
+ isShowBadge: {
52
+ type: Boolean,
53
+ default: false
54
+ }
55
+ };
56
+
57
+ // src/modules/airene-button.hooks.ts
58
+ var import_vue = require("vue");
59
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
60
+
61
+ // src/modules/airene-button.connects.ts
62
+ var import_pixel3_utils = require("@mekari/pixel3-utils");
63
+ var import_tokens = require("@mekari/pixel3-styled-system/tokens");
64
+ function aireneButtonConnect(state, classes) {
65
+ const {
66
+ id,
67
+ isDisabled,
68
+ isActive,
69
+ isShowBadge
70
+ } = state;
71
+ const idx = id != null ? id : `mp-airene-button-${(0, import_pixel3_utils.useId)()}`;
72
+ const {
73
+ isNextTheme
74
+ } = (0, import_pixel3_utils.usePixelTheme)();
75
+ return {
76
+ isShowBadge,
77
+ rootProps: {
78
+ id: idx,
79
+ disabled: isDisabled,
80
+ "aria-disabled": isDisabled,
81
+ "data-active": isActive,
82
+ class: classes.root,
83
+ "data-pixel-component": "MpAireneButton"
84
+ },
85
+ badgeProps: {
86
+ id: `${idx}-badge`,
87
+ class: classes.badge,
88
+ style: {
89
+ "--mp-airene-button-badge-icon": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "chart.cat05.bold" : "gray.400" : isNextTheme.value ? "icon.brand" : "blue.700"}`),
90
+ "--mp-airene-button-badge-background": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "gray.25" : "gray.25" : isNextTheme.value ? "background.brand" : "blue.50"}`),
91
+ "--mp-airene-button-badge-text": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "text.placeholder" : "gray.400" : isNextTheme.value ? "text.link" : "blue.700"}`)
92
+ },
93
+ "data-pixel-component": "MpAireneButtonBadge"
94
+ }
95
+ };
96
+ }
97
+ __name(aireneButtonConnect, "aireneButtonConnect");
98
+
99
+ // src/modules/airene-button.hooks.ts
100
+ var useAireneButton = /* @__PURE__ */ __name((props) => {
101
+ const context = (0, import_vue.ref)(props);
102
+ const [value] = import_recipes.aireneButtonSlotRecipe.splitVariantProps(context.value);
103
+ const classes = (0, import_recipes.aireneButtonSlotRecipe)(value);
104
+ return (0, import_vue.computed)(() => aireneButtonConnect(context.value, classes));
105
+ }, "useAireneButton");
106
+
107
+ // src/airene-button.tsx
108
+ var import_pixel3_button = require("@mekari/pixel3-button");
109
+ var import_pixel3_icon = require("@mekari/pixel3-icon");
110
+ var import_pixel3_text = require("@mekari/pixel3-text");
111
+ var MpAireneButton = (0, import_vue3.defineComponent)({
112
+ name: "MpAireneButton",
113
+ props: aireneButtonProps,
114
+ setup(props, {
115
+ slots,
116
+ attrs
117
+ }) {
118
+ const api = useAireneButton(props);
119
+ return () => (0, import_vue2.createVNode)(import_pixel3_button.MpButton, (0, import_vue2.mergeProps)({
120
+ "variant": "unstyled"
121
+ }, api.value.rootProps, attrs), {
122
+ default: () => {
123
+ var _a;
124
+ return [(_a = slots.default) == null ? void 0 : _a.call(slots), api.value.isShowBadge && (0, import_vue2.createVNode)("div", api.value.badgeProps, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
125
+ "name": "airene-brand"
126
+ }, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, null, {
127
+ default: () => [(0, import_vue2.createTextVNode)("AI")]
128
+ })])];
129
+ }
130
+ });
131
+ }
132
+ });
133
+ // Annotate the CommonJS export names for ESM import in node:
134
+ 0 && (module.exports = {
135
+ MpAireneButton
136
+ });
@@ -0,0 +1,10 @@
1
+ import {
2
+ MpAireneButton
3
+ } from "./chunk-CEITNCOT.mjs";
4
+ import "./chunk-RFCZWVL7.mjs";
5
+ import "./chunk-J5BZH7UB.mjs";
6
+ import "./chunk-S7AZFPM2.mjs";
7
+ import "./chunk-QZ7VFGWC.mjs";
8
+ export {
9
+ MpAireneButton
10
+ };
@@ -0,0 +1,39 @@
1
+ import {
2
+ useAireneButton
3
+ } from "./chunk-RFCZWVL7.mjs";
4
+ import {
5
+ aireneButtonProps
6
+ } from "./chunk-S7AZFPM2.mjs";
7
+
8
+ // src/airene-button.tsx
9
+ import { mergeProps as _mergeProps, createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
10
+ import { defineComponent } from "vue";
11
+ import { MpButton } from "@mekari/pixel3-button";
12
+ import { MpIcon } from "@mekari/pixel3-icon";
13
+ import { MpText } from "@mekari/pixel3-text";
14
+ var MpAireneButton = defineComponent({
15
+ name: "MpAireneButton",
16
+ props: aireneButtonProps,
17
+ setup(props, {
18
+ slots,
19
+ attrs
20
+ }) {
21
+ const api = useAireneButton(props);
22
+ return () => _createVNode(MpButton, _mergeProps({
23
+ "variant": "unstyled"
24
+ }, api.value.rootProps, attrs), {
25
+ default: () => {
26
+ var _a;
27
+ return [(_a = slots.default) == null ? void 0 : _a.call(slots), api.value.isShowBadge && _createVNode("div", api.value.badgeProps, [_createVNode(MpIcon, {
28
+ "name": "airene-brand"
29
+ }, null), _createVNode(MpText, null, {
30
+ default: () => [_createTextVNode("AI")]
31
+ })])];
32
+ }
33
+ });
34
+ }
35
+ });
36
+
37
+ export {
38
+ MpAireneButton
39
+ };
@@ -0,0 +1,45 @@
1
+ import {
2
+ __name
3
+ } from "./chunk-QZ7VFGWC.mjs";
4
+
5
+ // src/modules/airene-button.connects.ts
6
+ import { useId, usePixelTheme } from "@mekari/pixel3-utils";
7
+ import { token } from "@mekari/pixel3-styled-system/tokens";
8
+ function aireneButtonConnect(state, classes) {
9
+ const {
10
+ id,
11
+ isDisabled,
12
+ isActive,
13
+ isShowBadge
14
+ } = state;
15
+ const idx = id != null ? id : `mp-airene-button-${useId()}`;
16
+ const {
17
+ isNextTheme
18
+ } = usePixelTheme();
19
+ return {
20
+ isShowBadge,
21
+ rootProps: {
22
+ id: idx,
23
+ disabled: isDisabled,
24
+ "aria-disabled": isDisabled,
25
+ "data-active": isActive,
26
+ class: classes.root,
27
+ "data-pixel-component": "MpAireneButton"
28
+ },
29
+ badgeProps: {
30
+ id: `${idx}-badge`,
31
+ class: classes.badge,
32
+ style: {
33
+ "--mp-airene-button-badge-icon": token.var(`colors.${isDisabled ? isNextTheme.value ? "chart.cat05.bold" : "gray.400" : isNextTheme.value ? "icon.brand" : "blue.700"}`),
34
+ "--mp-airene-button-badge-background": token.var(`colors.${isDisabled ? isNextTheme.value ? "gray.25" : "gray.25" : isNextTheme.value ? "background.brand" : "blue.50"}`),
35
+ "--mp-airene-button-badge-text": token.var(`colors.${isDisabled ? isNextTheme.value ? "text.placeholder" : "gray.400" : isNextTheme.value ? "text.link" : "blue.700"}`)
36
+ },
37
+ "data-pixel-component": "MpAireneButtonBadge"
38
+ }
39
+ };
40
+ }
41
+ __name(aireneButtonConnect, "aireneButtonConnect");
42
+
43
+ export {
44
+ aireneButtonConnect
45
+ };
@@ -0,0 +1,6 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+
4
+ export {
5
+ __name
6
+ };
@@ -0,0 +1,20 @@
1
+ import {
2
+ aireneButtonConnect
3
+ } from "./chunk-J5BZH7UB.mjs";
4
+ import {
5
+ __name
6
+ } from "./chunk-QZ7VFGWC.mjs";
7
+
8
+ // src/modules/airene-button.hooks.ts
9
+ import { computed, ref } from "vue";
10
+ import { aireneButtonSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
11
+ var useAireneButton = /* @__PURE__ */ __name((props) => {
12
+ const context = ref(props);
13
+ const [value] = aireneButtonSlotRecipe.splitVariantProps(context.value);
14
+ const classes = aireneButtonSlotRecipe(value);
15
+ return computed(() => aireneButtonConnect(context.value, classes));
16
+ }, "useAireneButton");
17
+
18
+ export {
19
+ useAireneButton
20
+ };
@@ -0,0 +1,30 @@
1
+ // src/modules/airene-button.props.ts
2
+ var aireneButtonProps = {
3
+ id: {
4
+ type: String
5
+ },
6
+ as: {
7
+ type: String,
8
+ default: "button"
9
+ },
10
+ type: {
11
+ type: String,
12
+ default: "button"
13
+ },
14
+ isActive: {
15
+ type: Boolean,
16
+ default: false
17
+ },
18
+ isDisabled: {
19
+ type: Boolean,
20
+ default: false
21
+ },
22
+ isShowBadge: {
23
+ type: Boolean,
24
+ default: false
25
+ }
26
+ };
27
+
28
+ export {
29
+ aireneButtonProps
30
+ };
@@ -0,0 +1,3 @@
1
+ export { MpAireneButton } from './airene-button.mjs';
2
+ import 'vue/jsx-runtime';
3
+ import 'vue';
@@ -0,0 +1,3 @@
1
+ export { MpAireneButton } from './airene-button.js';
2
+ import 'vue/jsx-runtime';
3
+ import 'vue';
package/dist/index.js ADDED
@@ -0,0 +1,138 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/index.ts
22
+ var src_exports = {};
23
+ __export(src_exports, {
24
+ MpAireneButton: () => MpAireneButton
25
+ });
26
+ module.exports = __toCommonJS(src_exports);
27
+
28
+ // src/airene-button.tsx
29
+ var import_vue2 = require("vue");
30
+ var import_vue3 = require("vue");
31
+
32
+ // src/modules/airene-button.props.ts
33
+ var aireneButtonProps = {
34
+ id: {
35
+ type: String
36
+ },
37
+ as: {
38
+ type: String,
39
+ default: "button"
40
+ },
41
+ type: {
42
+ type: String,
43
+ default: "button"
44
+ },
45
+ isActive: {
46
+ type: Boolean,
47
+ default: false
48
+ },
49
+ isDisabled: {
50
+ type: Boolean,
51
+ default: false
52
+ },
53
+ isShowBadge: {
54
+ type: Boolean,
55
+ default: false
56
+ }
57
+ };
58
+
59
+ // src/modules/airene-button.hooks.ts
60
+ var import_vue = require("vue");
61
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
62
+
63
+ // src/modules/airene-button.connects.ts
64
+ var import_pixel3_utils = require("@mekari/pixel3-utils");
65
+ var import_tokens = require("@mekari/pixel3-styled-system/tokens");
66
+ function aireneButtonConnect(state, classes) {
67
+ const {
68
+ id,
69
+ isDisabled,
70
+ isActive,
71
+ isShowBadge
72
+ } = state;
73
+ const idx = id != null ? id : `mp-airene-button-${(0, import_pixel3_utils.useId)()}`;
74
+ const {
75
+ isNextTheme
76
+ } = (0, import_pixel3_utils.usePixelTheme)();
77
+ return {
78
+ isShowBadge,
79
+ rootProps: {
80
+ id: idx,
81
+ disabled: isDisabled,
82
+ "aria-disabled": isDisabled,
83
+ "data-active": isActive,
84
+ class: classes.root,
85
+ "data-pixel-component": "MpAireneButton"
86
+ },
87
+ badgeProps: {
88
+ id: `${idx}-badge`,
89
+ class: classes.badge,
90
+ style: {
91
+ "--mp-airene-button-badge-icon": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "chart.cat05.bold" : "gray.400" : isNextTheme.value ? "icon.brand" : "blue.700"}`),
92
+ "--mp-airene-button-badge-background": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "gray.25" : "gray.25" : isNextTheme.value ? "background.brand" : "blue.50"}`),
93
+ "--mp-airene-button-badge-text": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "text.placeholder" : "gray.400" : isNextTheme.value ? "text.link" : "blue.700"}`)
94
+ },
95
+ "data-pixel-component": "MpAireneButtonBadge"
96
+ }
97
+ };
98
+ }
99
+ __name(aireneButtonConnect, "aireneButtonConnect");
100
+
101
+ // src/modules/airene-button.hooks.ts
102
+ var useAireneButton = /* @__PURE__ */ __name((props) => {
103
+ const context = (0, import_vue.ref)(props);
104
+ const [value] = import_recipes.aireneButtonSlotRecipe.splitVariantProps(context.value);
105
+ const classes = (0, import_recipes.aireneButtonSlotRecipe)(value);
106
+ return (0, import_vue.computed)(() => aireneButtonConnect(context.value, classes));
107
+ }, "useAireneButton");
108
+
109
+ // src/airene-button.tsx
110
+ var import_pixel3_button = require("@mekari/pixel3-button");
111
+ var import_pixel3_icon = require("@mekari/pixel3-icon");
112
+ var import_pixel3_text = require("@mekari/pixel3-text");
113
+ var MpAireneButton = (0, import_vue3.defineComponent)({
114
+ name: "MpAireneButton",
115
+ props: aireneButtonProps,
116
+ setup(props, {
117
+ slots,
118
+ attrs
119
+ }) {
120
+ const api = useAireneButton(props);
121
+ return () => (0, import_vue2.createVNode)(import_pixel3_button.MpButton, (0, import_vue2.mergeProps)({
122
+ "variant": "unstyled"
123
+ }, api.value.rootProps, attrs), {
124
+ default: () => {
125
+ var _a;
126
+ return [(_a = slots.default) == null ? void 0 : _a.call(slots), api.value.isShowBadge && (0, import_vue2.createVNode)("div", api.value.badgeProps, [(0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
127
+ "name": "airene-brand"
128
+ }, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, null, {
129
+ default: () => [(0, import_vue2.createTextVNode)("AI")]
130
+ })])];
131
+ }
132
+ });
133
+ }
134
+ });
135
+ // Annotate the CommonJS export names for ESM import in node:
136
+ 0 && (module.exports = {
137
+ MpAireneButton
138
+ });
package/dist/index.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import {
2
+ MpAireneButton
3
+ } from "./chunk-CEITNCOT.mjs";
4
+ import "./chunk-RFCZWVL7.mjs";
5
+ import "./chunk-J5BZH7UB.mjs";
6
+ import "./chunk-S7AZFPM2.mjs";
7
+ import "./chunk-QZ7VFGWC.mjs";
8
+ export {
9
+ MpAireneButton
10
+ };
@@ -0,0 +1 @@
1
+ {"inputs":{"src/modules/airene-button.props.ts":{"bytes":799,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./airene-button.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-button.connects.ts":{"bytes":1584,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"./airene-button.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-button.hooks.ts":{"bytes":636,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/airene-button.connects.ts","kind":"import-statement","original":"./airene-button.connects"},{"path":"./airene-button.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/airene-button.tsx":{"bytes":1103,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/airene-button.props.ts","kind":"import-statement","original":"./modules/airene-button.props"},{"path":"src/modules/airene-button.hooks.ts","kind":"import-statement","original":"./modules/airene-button.hooks"},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":134,"imports":[{"path":"src/airene-button.tsx","kind":"import-statement","original":"./airene-button"}],"format":"esm"},"src/modules/airene-button.types.ts":{"bytes":681,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/airene-button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/airene-button.tsx","inputs":{"src/airene-button.tsx":{"bytesInOutput":1247},"src/modules/airene-button.props.ts":{"bytesInOutput":342},"src/modules/airene-button.hooks.ts":{"bytesInOutput":475},"src/modules/airene-button.connects.ts":{"bytesInOutput":1436}},"bytes":4708},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/airene-button.tsx":{"bytesInOutput":1084},"src/modules/airene-button.props.ts":{"bytesInOutput":342},"src/modules/airene-button.hooks.ts":{"bytesInOutput":475},"src/modules/airene-button.connects.ts":{"bytesInOutput":1436}},"bytes":4695},"dist/modules/airene-button.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/airene-button.connects.ts","inputs":{"src/modules/airene-button.connects.ts":{"bytesInOutput":1636}},"bytes":2680},"dist/modules/airene-button.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/airene-button.hooks.ts","inputs":{"src/modules/airene-button.hooks.ts":{"bytesInOutput":658},"src/modules/airene-button.connects.ts":{"bytesInOutput":1436}},"bytes":3212},"dist/modules/airene-button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-button.props.ts","inputs":{"src/modules/airene-button.props.ts":{"bytesInOutput":529}},"bytes":1478},"dist/modules/airene-button.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-button.types.ts","inputs":{"src/modules/airene-button.types.ts":{"bytesInOutput":98}},"bytes":808}}}
@@ -0,0 +1 @@
1
+ {"inputs":{"src/modules/airene-button.props.ts":{"bytes":799,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./airene-button.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-button.connects.ts":{"bytes":1584,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"./airene-button.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-button.hooks.ts":{"bytes":636,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/airene-button.connects.ts","kind":"import-statement","original":"./airene-button.connects"},{"path":"./airene-button.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/airene-button.tsx":{"bytes":1103,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/airene-button.props.ts","kind":"import-statement","original":"./modules/airene-button.props"},{"path":"src/modules/airene-button.hooks.ts","kind":"import-statement","original":"./modules/airene-button.hooks"},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":134,"imports":[{"path":"src/airene-button.tsx","kind":"import-statement","original":"./airene-button"}],"format":"esm"},"src/modules/airene-button.types.ts":{"bytes":681,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/airene-button.mjs":{"imports":[{"path":"dist/chunk-CEITNCOT.mjs","kind":"import-statement"},{"path":"dist/chunk-RFCZWVL7.mjs","kind":"import-statement"},{"path":"dist/chunk-J5BZH7UB.mjs","kind":"import-statement"},{"path":"dist/chunk-S7AZFPM2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneButton"],"entryPoint":"src/airene-button.tsx","inputs":{},"bytes":210},"dist/index.mjs":{"imports":[{"path":"dist/chunk-CEITNCOT.mjs","kind":"import-statement"},{"path":"dist/chunk-RFCZWVL7.mjs","kind":"import-statement"},{"path":"dist/chunk-J5BZH7UB.mjs","kind":"import-statement"},{"path":"dist/chunk-S7AZFPM2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneButton"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":210},"dist/chunk-CEITNCOT.mjs":{"imports":[{"path":"dist/chunk-RFCZWVL7.mjs","kind":"import-statement"},{"path":"dist/chunk-S7AZFPM2.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},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true}],"exports":["MpAireneButton"],"inputs":{"src/airene-button.tsx":{"bytesInOutput":965}},"bytes":1139},"dist/modules/airene-button.connects.mjs":{"imports":[{"path":"dist/chunk-J5BZH7UB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["aireneButtonConnect"],"entryPoint":"src/modules/airene-button.connects.ts","inputs":{},"bytes":129},"dist/modules/airene-button.hooks.mjs":{"imports":[{"path":"dist/chunk-RFCZWVL7.mjs","kind":"import-statement"},{"path":"dist/chunk-J5BZH7UB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAireneButton"],"entryPoint":"src/modules/airene-button.hooks.ts","inputs":{},"bytes":153},"dist/chunk-RFCZWVL7.mjs":{"imports":[{"path":"dist/chunk-J5BZH7UB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAireneButton"],"inputs":{"src/modules/airene-button.hooks.ts":{"bytesInOutput":421}},"bytes":602},"dist/chunk-J5BZH7UB.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["aireneButtonConnect"],"inputs":{"src/modules/airene-button.connects.ts":{"bytesInOutput":1339}},"bytes":1465},"dist/modules/airene-button.props.mjs":{"imports":[{"path":"dist/chunk-S7AZFPM2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["aireneButtonProps"],"entryPoint":"src/modules/airene-button.props.ts","inputs":{},"bytes":125},"dist/chunk-S7AZFPM2.mjs":{"imports":[],"exports":["aireneButtonProps"],"inputs":{"src/modules/airene-button.props.ts":{"bytesInOutput":342}},"bytes":413},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/airene-button.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-button.types.ts","inputs":{"src/modules/airene-button.types.ts":{"bytesInOutput":0}},"bytes":0}}}
@@ -0,0 +1,6 @@
1
+ import { AireneButtonState, AireneButtonClasses, AireneButtonApiMachine } from './airene-button.types.mjs';
2
+ import '@mekari/pixel3-utils';
3
+
4
+ declare function aireneButtonConnect(state: AireneButtonState, classes: AireneButtonClasses): AireneButtonApiMachine;
5
+
6
+ export { aireneButtonConnect };
@@ -0,0 +1,6 @@
1
+ import { AireneButtonState, AireneButtonClasses, AireneButtonApiMachine } from './airene-button.types.js';
2
+ import '@mekari/pixel3-utils';
3
+
4
+ declare function aireneButtonConnect(state: AireneButtonState, classes: AireneButtonClasses): AireneButtonApiMachine;
5
+
6
+ export { aireneButtonConnect };
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/modules/airene-button.connects.ts
22
+ var airene_button_connects_exports = {};
23
+ __export(airene_button_connects_exports, {
24
+ aireneButtonConnect: () => aireneButtonConnect
25
+ });
26
+ module.exports = __toCommonJS(airene_button_connects_exports);
27
+ var import_pixel3_utils = require("@mekari/pixel3-utils");
28
+ var import_tokens = require("@mekari/pixel3-styled-system/tokens");
29
+ function aireneButtonConnect(state, classes) {
30
+ const {
31
+ id,
32
+ isDisabled,
33
+ isActive,
34
+ isShowBadge
35
+ } = state;
36
+ const idx = id != null ? id : `mp-airene-button-${(0, import_pixel3_utils.useId)()}`;
37
+ const {
38
+ isNextTheme
39
+ } = (0, import_pixel3_utils.usePixelTheme)();
40
+ return {
41
+ isShowBadge,
42
+ rootProps: {
43
+ id: idx,
44
+ disabled: isDisabled,
45
+ "aria-disabled": isDisabled,
46
+ "data-active": isActive,
47
+ class: classes.root,
48
+ "data-pixel-component": "MpAireneButton"
49
+ },
50
+ badgeProps: {
51
+ id: `${idx}-badge`,
52
+ class: classes.badge,
53
+ style: {
54
+ "--mp-airene-button-badge-icon": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "chart.cat05.bold" : "gray.400" : isNextTheme.value ? "icon.brand" : "blue.700"}`),
55
+ "--mp-airene-button-badge-background": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "gray.25" : "gray.25" : isNextTheme.value ? "background.brand" : "blue.50"}`),
56
+ "--mp-airene-button-badge-text": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "text.placeholder" : "gray.400" : isNextTheme.value ? "text.link" : "blue.700"}`)
57
+ },
58
+ "data-pixel-component": "MpAireneButtonBadge"
59
+ }
60
+ };
61
+ }
62
+ __name(aireneButtonConnect, "aireneButtonConnect");
63
+ // Annotate the CommonJS export names for ESM import in node:
64
+ 0 && (module.exports = {
65
+ aireneButtonConnect
66
+ });
@@ -0,0 +1,7 @@
1
+ import {
2
+ aireneButtonConnect
3
+ } from "../chunk-J5BZH7UB.mjs";
4
+ import "../chunk-QZ7VFGWC.mjs";
5
+ export {
6
+ aireneButtonConnect
7
+ };
@@ -0,0 +1,7 @@
1
+ import * as vue from 'vue';
2
+ import { AireneButtonDefinedContext, AireneButtonApiMachine } from './airene-button.types.mjs';
3
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
4
+
5
+ declare const useAireneButton: (props: AireneButtonDefinedContext) => vue.ComputedRef<AireneButtonApiMachine<_mekari_pixel3_utils.PropTypes>>;
6
+
7
+ export { useAireneButton };
@@ -0,0 +1,7 @@
1
+ import * as vue from 'vue';
2
+ import { AireneButtonDefinedContext, AireneButtonApiMachine } from './airene-button.types.js';
3
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
4
+
5
+ declare const useAireneButton: (props: AireneButtonDefinedContext) => vue.ComputedRef<AireneButtonApiMachine<_mekari_pixel3_utils.PropTypes>>;
6
+
7
+ export { useAireneButton };
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/modules/airene-button.hooks.ts
22
+ var airene_button_hooks_exports = {};
23
+ __export(airene_button_hooks_exports, {
24
+ useAireneButton: () => useAireneButton
25
+ });
26
+ module.exports = __toCommonJS(airene_button_hooks_exports);
27
+ var import_vue = require("vue");
28
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
29
+
30
+ // src/modules/airene-button.connects.ts
31
+ var import_pixel3_utils = require("@mekari/pixel3-utils");
32
+ var import_tokens = require("@mekari/pixel3-styled-system/tokens");
33
+ function aireneButtonConnect(state, classes) {
34
+ const {
35
+ id,
36
+ isDisabled,
37
+ isActive,
38
+ isShowBadge
39
+ } = state;
40
+ const idx = id != null ? id : `mp-airene-button-${(0, import_pixel3_utils.useId)()}`;
41
+ const {
42
+ isNextTheme
43
+ } = (0, import_pixel3_utils.usePixelTheme)();
44
+ return {
45
+ isShowBadge,
46
+ rootProps: {
47
+ id: idx,
48
+ disabled: isDisabled,
49
+ "aria-disabled": isDisabled,
50
+ "data-active": isActive,
51
+ class: classes.root,
52
+ "data-pixel-component": "MpAireneButton"
53
+ },
54
+ badgeProps: {
55
+ id: `${idx}-badge`,
56
+ class: classes.badge,
57
+ style: {
58
+ "--mp-airene-button-badge-icon": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "chart.cat05.bold" : "gray.400" : isNextTheme.value ? "icon.brand" : "blue.700"}`),
59
+ "--mp-airene-button-badge-background": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "gray.25" : "gray.25" : isNextTheme.value ? "background.brand" : "blue.50"}`),
60
+ "--mp-airene-button-badge-text": import_tokens.token.var(`colors.${isDisabled ? isNextTheme.value ? "text.placeholder" : "gray.400" : isNextTheme.value ? "text.link" : "blue.700"}`)
61
+ },
62
+ "data-pixel-component": "MpAireneButtonBadge"
63
+ }
64
+ };
65
+ }
66
+ __name(aireneButtonConnect, "aireneButtonConnect");
67
+
68
+ // src/modules/airene-button.hooks.ts
69
+ var useAireneButton = /* @__PURE__ */ __name((props) => {
70
+ const context = (0, import_vue.ref)(props);
71
+ const [value] = import_recipes.aireneButtonSlotRecipe.splitVariantProps(context.value);
72
+ const classes = (0, import_recipes.aireneButtonSlotRecipe)(value);
73
+ return (0, import_vue.computed)(() => aireneButtonConnect(context.value, classes));
74
+ }, "useAireneButton");
75
+ // Annotate the CommonJS export names for ESM import in node:
76
+ 0 && (module.exports = {
77
+ useAireneButton
78
+ });
@@ -0,0 +1,8 @@
1
+ import {
2
+ useAireneButton
3
+ } from "../chunk-RFCZWVL7.mjs";
4
+ import "../chunk-J5BZH7UB.mjs";
5
+ import "../chunk-QZ7VFGWC.mjs";
6
+ export {
7
+ useAireneButton
8
+ };
@@ -0,0 +1,29 @@
1
+ import { PropType } from 'vue';
2
+
3
+ declare const aireneButtonProps: {
4
+ id: {
5
+ type: PropType<string | undefined>;
6
+ };
7
+ as: {
8
+ type: PropType<keyof HTMLElementTagNameMap>;
9
+ default: string;
10
+ };
11
+ type: {
12
+ type: PropType<string | undefined>;
13
+ default: string;
14
+ };
15
+ isActive: {
16
+ type: PropType<boolean | undefined>;
17
+ default: boolean;
18
+ };
19
+ isDisabled: {
20
+ type: PropType<boolean | undefined>;
21
+ default: boolean;
22
+ };
23
+ isShowBadge: {
24
+ type: PropType<boolean | undefined>;
25
+ default: boolean;
26
+ };
27
+ };
28
+
29
+ export { aireneButtonProps };
@@ -0,0 +1,29 @@
1
+ import { PropType } from 'vue';
2
+
3
+ declare const aireneButtonProps: {
4
+ id: {
5
+ type: PropType<string | undefined>;
6
+ };
7
+ as: {
8
+ type: PropType<keyof HTMLElementTagNameMap>;
9
+ default: string;
10
+ };
11
+ type: {
12
+ type: PropType<string | undefined>;
13
+ default: string;
14
+ };
15
+ isActive: {
16
+ type: PropType<boolean | undefined>;
17
+ default: boolean;
18
+ };
19
+ isDisabled: {
20
+ type: PropType<boolean | undefined>;
21
+ default: boolean;
22
+ };
23
+ isShowBadge: {
24
+ type: PropType<boolean | undefined>;
25
+ default: boolean;
26
+ };
27
+ };
28
+
29
+ export { aireneButtonProps };
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/modules/airene-button.props.ts
21
+ var airene_button_props_exports = {};
22
+ __export(airene_button_props_exports, {
23
+ aireneButtonProps: () => aireneButtonProps
24
+ });
25
+ module.exports = __toCommonJS(airene_button_props_exports);
26
+ var aireneButtonProps = {
27
+ id: {
28
+ type: String
29
+ },
30
+ as: {
31
+ type: String,
32
+ default: "button"
33
+ },
34
+ type: {
35
+ type: String,
36
+ default: "button"
37
+ },
38
+ isActive: {
39
+ type: Boolean,
40
+ default: false
41
+ },
42
+ isDisabled: {
43
+ type: Boolean,
44
+ default: false
45
+ },
46
+ isShowBadge: {
47
+ type: Boolean,
48
+ default: false
49
+ }
50
+ };
51
+ // Annotate the CommonJS export names for ESM import in node:
52
+ 0 && (module.exports = {
53
+ aireneButtonProps
54
+ });
@@ -0,0 +1,7 @@
1
+ import {
2
+ aireneButtonProps
3
+ } from "../chunk-S7AZFPM2.mjs";
4
+ import "../chunk-QZ7VFGWC.mjs";
5
+ export {
6
+ aireneButtonProps
7
+ };
@@ -0,0 +1,24 @@
1
+ import { Optional, PropTypes } from '@mekari/pixel3-utils';
2
+
3
+ interface AireneButtonProps {
4
+ id?: string;
5
+ as?: string;
6
+ type?: string;
7
+ isActive?: boolean;
8
+ isDisabled?: boolean;
9
+ isShowBadge?: boolean;
10
+ }
11
+ type AireneButtonDefinedContext = Optional<AireneButtonProps, 'id'>;
12
+ interface AireneButtonApiMachine<T extends PropTypes = PropTypes> {
13
+ isShowBadge?: boolean;
14
+ rootProps?: T['element'];
15
+ badgeProps?: T['element'];
16
+ }
17
+ interface AireneButtonState extends AireneButtonProps {
18
+ }
19
+ interface AireneButtonClasses {
20
+ root?: string;
21
+ badge?: string;
22
+ }
23
+
24
+ export { AireneButtonApiMachine, AireneButtonClasses, AireneButtonDefinedContext, AireneButtonProps, AireneButtonState };
@@ -0,0 +1,24 @@
1
+ import { Optional, PropTypes } from '@mekari/pixel3-utils';
2
+
3
+ interface AireneButtonProps {
4
+ id?: string;
5
+ as?: string;
6
+ type?: string;
7
+ isActive?: boolean;
8
+ isDisabled?: boolean;
9
+ isShowBadge?: boolean;
10
+ }
11
+ type AireneButtonDefinedContext = Optional<AireneButtonProps, 'id'>;
12
+ interface AireneButtonApiMachine<T extends PropTypes = PropTypes> {
13
+ isShowBadge?: boolean;
14
+ rootProps?: T['element'];
15
+ badgeProps?: T['element'];
16
+ }
17
+ interface AireneButtonState extends AireneButtonProps {
18
+ }
19
+ interface AireneButtonClasses {
20
+ root?: string;
21
+ badge?: string;
22
+ }
23
+
24
+ export { AireneButtonApiMachine, AireneButtonClasses, AireneButtonDefinedContext, AireneButtonProps, AireneButtonState };
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from === "object" || typeof from === "function") {
8
+ for (let key of __getOwnPropNames(from))
9
+ if (!__hasOwnProp.call(to, key) && key !== except)
10
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
+ }
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
+
16
+ // src/modules/airene-button.types.ts
17
+ var airene_button_types_exports = {};
18
+ module.exports = __toCommonJS(airene_button_types_exports);
File without changes
package/package.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "name": "@mekari/pixel3-airene-button",
3
+ "description": "Mekari Pixel 3 | Button component for Mekari Airene product",
4
+ "version": "0.1.0-dev.0",
5
+ "main": "dist/index.js",
6
+ "license": "MIT",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "dependencies": {
11
+ "@mekari/pixel3-button": "0.0.17-dev.1",
12
+ "@mekari/pixel3-icon": "0.0.17-dev.1",
13
+ "@mekari/pixel3-text": "0.0.16-dev.1",
14
+ "@mekari/pixel3-styled-system": "0.1.2-dev.1",
15
+ "@mekari/pixel3-utils": "0.0.7-dev.1"
16
+ },
17
+ "peerDependencies": {
18
+ "vue": "^3.4.9"
19
+ },
20
+ "devDependencies": {
21
+ "vue": "^3.4.9"
22
+ },
23
+ "publishConfig": {
24
+ "access": "public"
25
+ },
26
+ "module": "dist/index.mjs",
27
+ "types": "dist/index.d.ts",
28
+ "exports": {
29
+ ".": {
30
+ "types": "./dist/index.d.ts",
31
+ "require": "./dist/index.js",
32
+ "default": "./dist/index.mjs"
33
+ }
34
+ },
35
+ "scripts": {
36
+ "clean": "rimraf dist .turbo",
37
+ "build": "tsup && pnpm build:types",
38
+ "build:fast": "tsup",
39
+ "build:types": "tsup src --dts-only",
40
+ "types:check": "tsc --noEmit",
41
+ "replace-config": "clean-package",
42
+ "restore-config": "clean-package restore"
43
+ }
44
+ }