@mobileaction/action-kit 1.1.31 → 1.1.32

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.
Files changed (39) hide show
  1. package/dist/action-kit.js +3 -3
  2. package/dist/action-kit.mjs +716 -605
  3. package/dist/{apple-colored-bc5d7cc0.mjs → apple-0e24538a.mjs} +3 -3
  4. package/dist/components/side-menu/button/index.vue.d.ts +69 -0
  5. package/dist/components/side-menu/menu-item/index.vue.d.ts +95 -0
  6. package/dist/components/side-menu/menu-item/types.d.ts +2 -0
  7. package/dist/{google-colored-ba30c621.mjs → google-colored-43ad23d9.mjs} +1 -4
  8. package/dist/google-colored-96b9ec32.js +1 -0
  9. package/dist/index.d.ts +3 -0
  10. package/dist/mobile-bulk-388e6cc5.mjs +24 -0
  11. package/dist/mobile-bulk-ff7db833.js +1 -0
  12. package/dist/radar-34fa3ccc.js +1 -0
  13. package/dist/radar-9e9d8254.mjs +31 -0
  14. package/dist/radar-bold-025890d0.mjs +29 -0
  15. package/dist/radar-bold-864a0a4f.js +1 -0
  16. package/dist/radar-bulk-255fcb9a.mjs +24 -0
  17. package/dist/radar-bulk-a86aeebc.js +1 -0
  18. package/dist/src/components/side-menu/button/index.vue.d.ts +41 -0
  19. package/dist/src/components/side-menu/button/stories/constants.d.ts +4 -0
  20. package/dist/src/components/side-menu/button/stories/default.stories.d.ts +8 -0
  21. package/dist/src/components/side-menu/menu-item/index.vue.d.ts +51 -0
  22. package/dist/src/components/side-menu/menu-item/stories/constants.d.ts +4 -0
  23. package/dist/src/components/side-menu/menu-item/stories/default.stories.d.ts +11 -0
  24. package/dist/src/components/side-menu/menu-item/types.d.ts +2 -0
  25. package/dist/src/index.d.ts +3 -0
  26. package/dist/style.css +1 -1
  27. package/dist/tag-bulk-28a292a5.js +1 -0
  28. package/dist/tag-bulk-922d5513.mjs +24 -0
  29. package/dist/trend-up-bold-a51312a2.js +1 -0
  30. package/dist/trend-up-bold-df64bd2c.mjs +19 -0
  31. package/dist/trend-up-bulk-431e9d22.mjs +24 -0
  32. package/dist/trend-up-bulk-44e5eeac.js +1 -0
  33. package/package.json +1 -1
  34. package/dist/apple-68832542.js +0 -1
  35. package/dist/apple-a0f4b202.mjs +0 -20
  36. package/dist/aso-92081f02.js +0 -1
  37. package/dist/aso-ebb61c73.mjs +0 -30
  38. package/dist/google-colored-b04cc62b.js +0 -1
  39. /package/dist/{apple-colored-0d1aab65.js → apple-0d1aab65.js} +0 -0
@@ -1,16 +1,16 @@
1
- import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
1
+ import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
2
2
  const c = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  fill: "none",
5
5
  viewBox: "0 0 24 24"
6
- }, n = /* @__PURE__ */ t("path", {
6
+ }, n = /* @__PURE__ */ o("path", {
7
7
  fill: "currentColor",
8
8
  d: "M20.843 17.145a11.957 11.957 0 0 1-1.183 2.127c-.622.886-1.131 1.5-1.524 1.841-.608.56-1.26.846-1.958.862-.501 0-1.106-.142-1.809-.432-.706-.287-1.354-.43-1.947-.43-.622 0-1.29.143-2.003.43-.714.29-1.29.44-1.73.455-.67.029-1.337-.266-2.003-.885-.425-.37-.956-1.006-1.593-1.907-.683-.961-1.245-2.076-1.685-3.347-.472-1.373-.708-2.703-.708-3.99 0-1.474.319-2.746.957-3.811A5.612 5.612 0 0 1 5.66 6.03a5.39 5.39 0 0 1 2.71-.764c.53 0 1.228.164 2.095.487.863.325 1.418.489 1.661.489.182 0 .799-.192 1.843-.576.988-.355 1.822-.502 2.505-.444 1.85.149 3.241.879 4.166 2.193-1.655 1.003-2.474 2.408-2.458 4.21.015 1.404.524 2.572 1.525 3.5.454.43.96.763 1.524 1-.122.354-.251.693-.388 1.019ZM16.598.44c0 1.1-.402 2.128-1.204 3.079-.966 1.13-2.136 1.783-3.404 1.68a3.417 3.417 0 0 1-.026-.417c0-1.056.46-2.186 1.277-3.11A4.914 4.914 0 0 1 14.796.504C15.423.198 16.015.03 16.573 0c.017.147.023.294.023.44Z"
9
9
  }, null, -1), r = [
10
10
  n
11
11
  ];
12
12
  function l(s, a) {
13
- return e(), o("svg", c, r);
13
+ return e(), t("svg", c, r);
14
14
  }
15
15
  const i = { render: l };
16
16
  export {
@@ -0,0 +1,69 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ import { ButtonTarget } from '../../../components/button/types';
3
+ export interface MaSideMenuButtonProps {
4
+ icon?: string;
5
+ activeIcon?: string;
6
+ text?: string;
7
+ href?: string;
8
+ target?: ButtonTarget;
9
+ active?: boolean;
10
+ }
11
+ declare const _sfc_main: import("vue").DefineComponent<{
12
+ icon: {
13
+ type: __PropType<string>;
14
+ required: false;
15
+ default: string;
16
+ };
17
+ activeIcon: {
18
+ type: __PropType<string>;
19
+ required: false;
20
+ };
21
+ text: {
22
+ type: __PropType<string>;
23
+ required: false;
24
+ };
25
+ href: {
26
+ type: __PropType<string>;
27
+ required: false;
28
+ };
29
+ target: {
30
+ type: __PropType<"_blank" | "_self" | "_top" | "_parent">;
31
+ required: false;
32
+ };
33
+ active: {
34
+ type: __PropType<boolean>;
35
+ required: false;
36
+ default: boolean;
37
+ };
38
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
39
+ icon: {
40
+ type: __PropType<string>;
41
+ required: false;
42
+ default: string;
43
+ };
44
+ activeIcon: {
45
+ type: __PropType<string>;
46
+ required: false;
47
+ };
48
+ text: {
49
+ type: __PropType<string>;
50
+ required: false;
51
+ };
52
+ href: {
53
+ type: __PropType<string>;
54
+ required: false;
55
+ };
56
+ target: {
57
+ type: __PropType<"_blank" | "_self" | "_top" | "_parent">;
58
+ required: false;
59
+ };
60
+ active: {
61
+ type: __PropType<boolean>;
62
+ required: false;
63
+ default: boolean;
64
+ };
65
+ }>>, {
66
+ icon: string;
67
+ active: boolean;
68
+ }>;
69
+ export default _sfc_main;
@@ -0,0 +1,95 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ import { ButtonTarget } from '../../../components/button/types';
3
+ import { MaBadgePropVariant } from '../../../components/badge/types';
4
+ import { MaSideMenuItemColor } from "./types";
5
+ export interface MaSideMenuItem {
6
+ href?: string;
7
+ target?: ButtonTarget;
8
+ text?: string;
9
+ active?: boolean;
10
+ activeColor?: MaSideMenuItemColor;
11
+ badgeColor?: MaBadgePropVariant;
12
+ badgeText?: string;
13
+ child?: boolean;
14
+ }
15
+ declare const _sfc_main: import("vue").DefineComponent<{
16
+ href: {
17
+ type: __PropType<string>;
18
+ required: false;
19
+ };
20
+ target: {
21
+ type: __PropType<"_blank" | "_self" | "_top" | "_parent">;
22
+ required: false;
23
+ };
24
+ text: {
25
+ type: __PropType<string>;
26
+ required: false;
27
+ };
28
+ active: {
29
+ type: __PropType<boolean>;
30
+ required: false;
31
+ default: boolean;
32
+ };
33
+ activeColor: {
34
+ type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
35
+ required: false;
36
+ default: string;
37
+ };
38
+ badgeColor: {
39
+ type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
40
+ required: false;
41
+ default: string;
42
+ };
43
+ badgeText: {
44
+ type: __PropType<string>;
45
+ required: false;
46
+ };
47
+ child: {
48
+ type: __PropType<boolean>;
49
+ required: false;
50
+ default: boolean;
51
+ };
52
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
+ href: {
54
+ type: __PropType<string>;
55
+ required: false;
56
+ };
57
+ target: {
58
+ type: __PropType<"_blank" | "_self" | "_top" | "_parent">;
59
+ required: false;
60
+ };
61
+ text: {
62
+ type: __PropType<string>;
63
+ required: false;
64
+ };
65
+ active: {
66
+ type: __PropType<boolean>;
67
+ required: false;
68
+ default: boolean;
69
+ };
70
+ activeColor: {
71
+ type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
72
+ required: false;
73
+ default: string;
74
+ };
75
+ badgeColor: {
76
+ type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
77
+ required: false;
78
+ default: string;
79
+ };
80
+ badgeText: {
81
+ type: __PropType<string>;
82
+ required: false;
83
+ };
84
+ child: {
85
+ type: __PropType<boolean>;
86
+ required: false;
87
+ default: boolean;
88
+ };
89
+ }>>, {
90
+ active: boolean;
91
+ activeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
92
+ badgeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
93
+ child: boolean;
94
+ }>;
95
+ export default _sfc_main;
@@ -0,0 +1,2 @@
1
+ export declare const MaSideMenuItemColors: readonly ["dark", "blue", "green", "orange", "red", "purple"];
2
+ export type MaSideMenuItemColor = (typeof MaSideMenuItemColors)[number];
@@ -3,10 +3,7 @@ const t = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  fill: "none",
5
5
  viewBox: "0 0 22 21"
6
- }, c = /* @__PURE__ */ e("g", {
7
- "clip-path": "url(#a)",
8
- opacity: ".4"
9
- }, [
6
+ }, c = /* @__PURE__ */ e("g", { "clip-path": "url(#a)" }, [
10
7
  /* @__PURE__ */ e("path", {
11
8
  fill: "currentColor",
12
9
  "fill-rule": "evenodd",
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 22 21"},o=e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{fill:"currentColor","fill-rule":"evenodd",d:"M15.237 5.73a5.706 5.706 0 0 0-4.028-1.575c-2.74 0-5.066 1.848-5.895 4.337a6.29 6.29 0 0 0 0 4.02h.004c.833 2.485 3.156 4.333 5.895 4.333 1.414 0 2.628-.362 3.569-1v-.003a4.86 4.86 0 0 0 2.099-3.191h-5.672V8.608h9.904c.123.702.181 1.42.181 2.133 0 3.194-1.141 5.894-3.127 7.723l.002.001C16.43 20.07 14.041 21 11.21 21c-3.97 0-7.6-2.238-9.383-5.783a10.509 10.509 0 0 1 0-9.43A10.498 10.498 0 0 1 11.209 0c2.608-.03 5.128.95 7.026 2.732l-2.998 2.997Z","clip-rule":"evenodd"})],-1),c=e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("path",{fill:"#fff",d:"M.5 0h21v21H.5z"})])],-1),n=[o,c];function t(d,a){return e.openBlock(),e.createElementBlock("svg",l,n)}const r={render:t};exports.default=r;exports.render=t;
package/dist/index.d.ts CHANGED
@@ -46,5 +46,8 @@ export { default as MaEmpty } from './components/empty/index.vue';
46
46
  export * from './components/empty/types';
47
47
  export { default as MaUpload } from './components/upload/index.vue';
48
48
  export * from './components/upload/types';
49
+ export { default as MaSideMenuButton } from './components/side-menu/button/index.vue';
50
+ export { default as MaSideMenuItem } from './components/side-menu/menu-item/index.vue';
51
+ export * from './components/side-menu/menu-item/types';
49
52
  export { ActionKitConfig } from './services/config';
50
53
  export { useActionKitConfig } from './composables/config';
@@ -0,0 +1,24 @@
1
+ import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
2
+ const l = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, n = /* @__PURE__ */ e("path", {
7
+ fill: "currentColor",
8
+ d: "M16.24 2H7.76C5 2 4 3 4 5.81v12.38C4 21 5 22 7.76 22h8.47C19 22 20 21 20 18.19V5.81C20 3 19 2 16.24 2Z",
9
+ opacity: ".4"
10
+ }, null, -1), c = /* @__PURE__ */ e("path", {
11
+ fill: "currentColor",
12
+ d: "M14 6.25h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75ZM12 19.3a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"
13
+ }, null, -1), r = [
14
+ n,
15
+ c
16
+ ];
17
+ function s(i, h) {
18
+ return o(), t("svg", l, r);
19
+ }
20
+ const _ = { render: s };
21
+ export {
22
+ _ as default,
23
+ s as render
24
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},n=e.createElementVNode("path",{fill:"currentColor",d:"M16.24 2H7.76C5 2 4 3 4 5.81v12.38C4 21 5 22 7.76 22h8.47C19 22 20 21 20 18.19V5.81C20 3 19 2 16.24 2Z",opacity:".4"},null,-1),l=e.createElementVNode("path",{fill:"currentColor",d:"M14 6.25h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75ZM12 19.3a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"},null,-1),r=[n,l];function t(s,i){return e.openBlock(),e.createElementBlock("svg",o,r)}const c={render:t};exports.default=c;exports.render=t;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10","stroke-width":"1.5",d:"M6 4c1.67-1.25 3.75-2 6-2 5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12c0-1.81.48-3.51 1.33-4.98L12 12"},null,-1),n=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10","stroke-width":"1.5",d:"M6.83 8.96A5.92 5.92 0 0 0 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6-2.69-6-6-6c-.91 0-1.78.2-2.55.57"},null,-1),s=[r,n];function t(i,l){return e.openBlock(),e.createElementBlock("svg",o,s)}const c={render:t};exports.default=c;exports.render=t;
@@ -0,0 +1,31 @@
1
+ import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, n = /* @__PURE__ */ e("path", {
7
+ stroke: "currentColor",
8
+ "stroke-linecap": "round",
9
+ "stroke-linejoin": "round",
10
+ "stroke-miterlimit": "10",
11
+ "stroke-width": "1.5",
12
+ d: "M6 4c1.67-1.25 3.75-2 6-2 5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12c0-1.81.48-3.51 1.33-4.98L12 12"
13
+ }, null, -1), s = /* @__PURE__ */ e("path", {
14
+ stroke: "currentColor",
15
+ "stroke-linecap": "round",
16
+ "stroke-linejoin": "round",
17
+ "stroke-miterlimit": "10",
18
+ "stroke-width": "1.5",
19
+ d: "M6.83 8.96A5.92 5.92 0 0 0 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6-2.69-6-6-6c-.91 0-1.78.2-2.55.57"
20
+ }, null, -1), i = [
21
+ n,
22
+ s
23
+ ];
24
+ function c(l, d) {
25
+ return t(), o("svg", r, i);
26
+ }
27
+ const a = { render: c };
28
+ export {
29
+ a as default,
30
+ c as render
31
+ };
@@ -0,0 +1,29 @@
1
+ import { openBlock as t, createElementBlock as c, createElementVNode as e } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, l = /* @__PURE__ */ e("g", { "clip-path": "url(#a)" }, [
7
+ /* @__PURE__ */ e("path", {
8
+ fill: "currentColor",
9
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 17.75c-4.27 0-7.75-3.48-7.75-7.75 0-1.36.36-2.69 1.03-3.86a.75.75 0 0 1 1.02-.28l6.07 3.49c.36.21.48.66.28 1.02-.21.36-.66.48-1.02.28l-2.91-1.67c-.1.33-.17.67-.17 1.02 0 1.9 1.55 3.45 3.45 3.45 1.9 0 3.45-1.55 3.45-3.45 0-1.9-1.55-3.45-3.45-3.45-.51 0-1.01.11-1.47.33-.38.18-.82.02-1-.36a.748.748 0 0 1 .36-1A4.955 4.955 0 0 1 16.95 12c0 2.73-2.22 4.95-4.95 4.95S7.05 14.73 7.05 12c0-.61.12-1.22.34-1.79l-1.15-.65c-.32.77-.49 1.6-.49 2.44 0 3.45 2.8 6.25 6.25 6.25s6.25-2.8 6.25-6.25a6.252 6.252 0 0 0-10-5 .75.75 0 0 1-.9-1.2A7.715 7.715 0 0 1 12 4.25c4.27 0 7.75 3.48 7.75 7.75s-3.48 7.75-7.75 7.75Z"
10
+ })
11
+ ], -1), n = /* @__PURE__ */ e("defs", null, [
12
+ /* @__PURE__ */ e("clipPath", { id: "a" }, [
13
+ /* @__PURE__ */ e("path", {
14
+ fill: "#fff",
15
+ d: "M0 0h24v24H0z"
16
+ })
17
+ ])
18
+ ], -1), r = [
19
+ l,
20
+ n
21
+ ];
22
+ function s(a, d) {
23
+ return t(), c("svg", o, r);
24
+ }
25
+ const h = { render: s };
26
+ export {
27
+ h as default,
28
+ s as render
29
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},l=e.createElementVNode("g",{"clip-path":"url(#a)"},[e.createElementVNode("path",{fill:"currentColor",d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 17.75c-4.27 0-7.75-3.48-7.75-7.75 0-1.36.36-2.69 1.03-3.86a.75.75 0 0 1 1.02-.28l6.07 3.49c.36.21.48.66.28 1.02-.21.36-.66.48-1.02.28l-2.91-1.67c-.1.33-.17.67-.17 1.02 0 1.9 1.55 3.45 3.45 3.45 1.9 0 3.45-1.55 3.45-3.45 0-1.9-1.55-3.45-3.45-3.45-.51 0-1.01.11-1.47.33-.38.18-.82.02-1-.36a.748.748 0 0 1 .36-1A4.955 4.955 0 0 1 16.95 12c0 2.73-2.22 4.95-4.95 4.95S7.05 14.73 7.05 12c0-.61.12-1.22.34-1.79l-1.15-.65c-.32.77-.49 1.6-.49 2.44 0 3.45 2.8 6.25 6.25 6.25s6.25-2.8 6.25-6.25a6.252 6.252 0 0 0-10-5 .75.75 0 0 1-.9-1.2A7.715 7.715 0 0 1 12 4.25c4.27 0 7.75 3.48 7.75 7.75s-3.48 7.75-7.75 7.75Z"})],-1),o=e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"a"},[e.createElementVNode("path",{fill:"#fff",d:"M0 0h24v24H0z"})])],-1),r=[l,o];function t(a,d){return e.openBlock(),e.createElementBlock("svg",c,r)}const n={render:t};exports.default=n;exports.render=t;
@@ -0,0 +1,24 @@
1
+ import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
2
+ const c = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, l = /* @__PURE__ */ e("path", {
7
+ fill: "currentColor",
8
+ d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z",
9
+ opacity: ".4"
10
+ }, null, -1), n = /* @__PURE__ */ e("path", {
11
+ fill: "currentColor",
12
+ d: "M12 4.25c-1.69 0-3.3.54-4.65 1.55a.75.75 0 0 0 .9 1.2A6.173 6.173 0 0 1 12 5.75c3.45 0 6.25 2.8 6.25 6.25s-2.8 6.25-6.25 6.25-6.25-2.8-6.25-6.25c0-.84.17-1.67.49-2.44l1.14.65A4.95 4.95 0 0 0 7.04 12c0 2.73 2.22 4.95 4.95 4.95s4.95-2.22 4.95-4.95a4.955 4.955 0 0 0-7.06-4.48c-.37.18-.54.62-.36 1 .18.37.62.53 1 .36.46-.22.95-.33 1.47-.33 1.9 0 3.45 1.55 3.45 3.45 0 1.9-1.55 3.45-3.45 3.45-1.9 0-3.45-1.55-3.45-3.45 0-.35.07-.69.17-1.02l2.91 1.67c.36.21.82.08 1.02-.28.21-.36.08-.82-.28-1.02L6.29 7.86a.741.741 0 0 0-1.02.28A7.77 7.77 0 0 0 4.24 12c0 4.27 3.48 7.75 7.75 7.75s7.75-3.48 7.75-7.75S16.27 4.25 12 4.25Z"
13
+ }, null, -1), r = [
14
+ l,
15
+ n
16
+ ];
17
+ function s(a, d) {
18
+ return t(), o("svg", c, r);
19
+ }
20
+ const _ = { render: s };
21
+ export {
22
+ _ as default,
23
+ s as render
24
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},o=e.createElementVNode("path",{fill:"currentColor",d:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z",opacity:".4"},null,-1),r=e.createElementVNode("path",{fill:"currentColor",d:"M12 4.25c-1.69 0-3.3.54-4.65 1.55a.75.75 0 0 0 .9 1.2A6.173 6.173 0 0 1 12 5.75c3.45 0 6.25 2.8 6.25 6.25s-2.8 6.25-6.25 6.25-6.25-2.8-6.25-6.25c0-.84.17-1.67.49-2.44l1.14.65A4.95 4.95 0 0 0 7.04 12c0 2.73 2.22 4.95 4.95 4.95s4.95-2.22 4.95-4.95a4.955 4.955 0 0 0-7.06-4.48c-.37.18-.54.62-.36 1 .18.37.62.53 1 .36.46-.22.95-.33 1.47-.33 1.9 0 3.45 1.55 3.45 3.45 0 1.9-1.55 3.45-3.45 3.45-1.9 0-3.45-1.55-3.45-3.45 0-.35.07-.69.17-1.02l2.91 1.67c.36.21.82.08 1.02-.28.21-.36.08-.82-.28-1.02L6.29 7.86a.741.741 0 0 0-1.02.28A7.77 7.77 0 0 0 4.24 12c0 4.27 3.48 7.75 7.75 7.75s7.75-3.48 7.75-7.75S16.27 4.25 12 4.25Z"},null,-1),l=[o,r];function t(s,a){return e.openBlock(),e.createElementBlock("svg",c,l)}const n={render:t};exports.default=n;exports.render=t;
@@ -0,0 +1,41 @@
1
+ import { ButtonTarget } from '@/components/button/types';
2
+ export interface MaSideMenuButtonProps {
3
+ icon?: string;
4
+ activeIcon?: string;
5
+ text?: string;
6
+ href?: string;
7
+ target?: ButtonTarget;
8
+ active?: boolean;
9
+ }
10
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuButtonProps>, {
11
+ active: boolean;
12
+ icon: string;
13
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuButtonProps>, {
14
+ active: boolean;
15
+ icon: string;
16
+ }>>>, {
17
+ icon: string;
18
+ active: boolean;
19
+ }>, {
20
+ default: (_: {}) => any;
21
+ }>;
22
+ export default _default;
23
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
24
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
25
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
26
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
27
+ } : {
28
+ type: import('vue').PropType<T[K]>;
29
+ required: true;
30
+ };
31
+ };
32
+ declare type __VLS_WithDefaults<P, D> = {
33
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
34
+ default: D[K];
35
+ } : P[K];
36
+ };
37
+ declare type __VLS_WithTemplateSlots<T, S> = T & {
38
+ new (): {
39
+ $slots: S;
40
+ };
41
+ };
@@ -0,0 +1,4 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import MaSideMenuButton from '../index.vue';
3
+ export declare const baseConfig: Meta<typeof MaSideMenuButton>;
4
+ export declare const Template: StoryFn;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
2
+ import MaSideMenuButton from '../index.vue';
3
+ declare const meta: Meta<typeof MaSideMenuButton>;
4
+ export default meta;
5
+ declare type Story = StoryObj<typeof MaSideMenuButton>;
6
+ export declare const Default: Story;
7
+ export declare const Active: Story;
8
+ export declare const SideMenu: StoryFn;
@@ -0,0 +1,51 @@
1
+ import { ButtonTarget } from '@/components/button/types';
2
+ import { MaBadgePropVariant } from '@/components/badge/types';
3
+ import { MaSideMenuItemColor } from "./types";
4
+ export interface MaSideMenuItem {
5
+ href?: string;
6
+ target?: ButtonTarget;
7
+ text?: string;
8
+ active?: boolean;
9
+ activeColor?: MaSideMenuItemColor;
10
+ badgeColor?: MaBadgePropVariant;
11
+ badgeText?: string;
12
+ child?: boolean;
13
+ }
14
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuItem>, {
15
+ active: boolean;
16
+ child: boolean;
17
+ badgeColor: string;
18
+ activeColor: string;
19
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuItem>, {
20
+ active: boolean;
21
+ child: boolean;
22
+ badgeColor: string;
23
+ activeColor: string;
24
+ }>>>, {
25
+ active: boolean;
26
+ child: boolean;
27
+ badgeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
28
+ activeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
29
+ }>, {
30
+ default: (_: {}) => any;
31
+ }>;
32
+ export default _default;
33
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
34
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
35
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
36
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
37
+ } : {
38
+ type: import('vue').PropType<T[K]>;
39
+ required: true;
40
+ };
41
+ };
42
+ declare type __VLS_WithDefaults<P, D> = {
43
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
44
+ default: D[K];
45
+ } : P[K];
46
+ };
47
+ declare type __VLS_WithTemplateSlots<T, S> = T & {
48
+ new (): {
49
+ $slots: S;
50
+ };
51
+ };
@@ -0,0 +1,4 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import MaSideMenuItem from '../index.vue';
3
+ export declare const baseConfig: Meta<typeof MaSideMenuItem>;
4
+ export declare const Template: StoryFn;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
2
+ import MaSideMenuItem from '../index.vue';
3
+ declare const meta: Meta<typeof MaSideMenuItem>;
4
+ export default meta;
5
+ declare type Story = StoryObj<typeof MaSideMenuItem>;
6
+ export declare const Default: Story;
7
+ export declare const Active: Story;
8
+ export declare const WithBadge: Story;
9
+ export declare const TextOverflow: Story;
10
+ export declare const Child: Story;
11
+ export declare const SideMenu: StoryFn;
@@ -0,0 +1,2 @@
1
+ export declare const MaSideMenuItemColors: readonly ["dark", "blue", "green", "orange", "red", "purple"];
2
+ export declare type MaSideMenuItemColor = (typeof MaSideMenuItemColors)[number];
@@ -47,5 +47,8 @@ export { default as MaEmpty } from './components/empty/index.vue';
47
47
  export * from './components/empty/types';
48
48
  export { default as MaUpload } from './components/upload/index.vue';
49
49
  export * from './components/upload/types';
50
+ export { default as MaSideMenuButton } from './components/side-menu/button/index.vue';
51
+ export { default as MaSideMenuItem } from './components/side-menu/menu-item/index.vue';
52
+ export * from './components/side-menu/menu-item/types';
50
53
  export { ActionKitConfig } from './services/config';
51
54
  export { useActionKitConfig } from './composables/config';