@mobileaction/action-kit 1.55.19 → 1.56.1-beta.1

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 (156) hide show
  1. package/CHANGELOG.md +60 -0
  2. package/dist/action-kit.mjs +211 -197
  3. package/dist/{annotations-na8aGTyh.js → annotations-DzxKra_-.js} +1 -1
  4. package/dist/components/alert/stories/alert.stories.d.ts +1 -1
  5. package/dist/components/animation/stories/animation.stories.d.ts +1 -1
  6. package/dist/components/app-icon/stories/default.stories.d.ts +1 -1
  7. package/dist/components/app-track-button/stories/default.stories.d.ts +1 -1
  8. package/dist/components/avatar/stories/default.stories.d.ts +1 -1
  9. package/dist/components/badge/stories/basic.stories.d.ts +22 -22
  10. package/dist/components/badge/stories/blue.stories.d.ts +22 -22
  11. package/dist/components/badge/stories/dark.stories.d.ts +22 -22
  12. package/dist/components/badge/stories/green.stories.d.ts +22 -22
  13. package/dist/components/badge/stories/orange.stories.d.ts +22 -22
  14. package/dist/components/badge/stories/pink.stories.d.ts +22 -22
  15. package/dist/components/badge/stories/purple.stories.d.ts +22 -22
  16. package/dist/components/badge/stories/red.stories.d.ts +22 -22
  17. package/dist/components/badge/stories/status.stories.d.ts +1 -1
  18. package/dist/components/badge/stories/teal.stories.d.ts +22 -22
  19. package/dist/components/badge/stories/yellow.stories.d.ts +22 -22
  20. package/dist/components/button/link-button/stories/link.stories.d.ts +1 -1
  21. package/dist/components/button/social-button/stories/social.stories.d.ts +1 -1
  22. package/dist/components/button/stories/filled.stories.d.ts +1 -1
  23. package/dist/components/button/stories/ghost.stories.d.ts +1 -1
  24. package/dist/components/button/stories/lighter.stories.d.ts +1 -1
  25. package/dist/components/button/stories/stroke.stories.d.ts +1 -1
  26. package/dist/components/card/stories/default.stories.d.ts +1 -1
  27. package/dist/components/card/stories/footer.stories.d.ts +1 -1
  28. package/dist/components/card/stories/header.stories.d.ts +1 -1
  29. package/dist/components/cascader/stories/default.stories.d.ts +121 -121
  30. package/dist/components/chart/stories/chart.stories.d.ts +1 -1
  31. package/dist/components/checkbox/stories/default.stories.d.ts +1 -1
  32. package/dist/components/checkbox/stories/group.stories.d.ts +1 -1
  33. package/dist/components/checkbox/stories/indeterminate.stories.d.ts +1 -1
  34. package/dist/components/checkbox-2/stories/card.stories.d.ts +1 -1
  35. package/dist/components/checkbox-2/stories/default.stories.d.ts +1 -1
  36. package/dist/components/checkbox-2/stories/group.stories.d.ts +1 -1
  37. package/dist/components/collapse/stories/default.stories.d.ts +1 -1
  38. package/dist/components/content-scroller/stories/default.stories.d.ts +1 -1
  39. package/dist/components/country-radio/stories/default.stories.d.ts +1 -1
  40. package/dist/components/country-select/stories/default.stories.d.ts +1 -1
  41. package/dist/components/date-picker/stories/default.stories.d.ts +1 -1
  42. package/dist/components/date-picker/stories/range.stories.d.ts +1 -1
  43. package/dist/components/date-picker-2/stories/default.stories.d.ts +1 -1
  44. package/dist/components/date-picker-2/stories/range.stories.d.ts +1 -1
  45. package/dist/components/device-preview/components/AppDetailPreview.vue.d.ts +6 -0
  46. package/dist/components/device-preview/components/AppTodayTabPreview.vue.d.ts +3 -0
  47. package/dist/components/device-preview/components/ProductPages.vue.d.ts +5 -0
  48. package/dist/components/device-preview/components/SearchResults.vue.d.ts +6 -0
  49. package/dist/components/device-preview/components/SearchTab.vue.d.ts +6 -0
  50. package/dist/components/device-preview/components/TodayTab.vue.d.ts +6 -0
  51. package/dist/components/device-preview/composables/useDevicePreviewScale.d.ts +6 -0
  52. package/dist/components/device-preview/constants.d.ts +55 -0
  53. package/dist/components/device-preview/stories/constants.d.ts +6 -0
  54. package/dist/components/device-preview/stories/product-pages.stories.d.ts +15 -0
  55. package/dist/components/device-preview/stories/search-results.stories.d.ts +23 -0
  56. package/dist/components/device-preview/stories/search-tab.stories.d.ts +19 -0
  57. package/dist/components/device-preview/stories/today-tab.stories.d.ts +15 -0
  58. package/dist/components/device-preview/types.d.ts +47 -0
  59. package/dist/components/drawer/stories/drawer.stories.d.ts +1 -1
  60. package/dist/components/dropdown/stories/default.stories.d.ts +1 -1
  61. package/dist/components/ellipsis/stories/default.stories.d.ts +1 -1
  62. package/dist/components/empty/stories/animation.stories.d.ts +1 -1
  63. package/dist/components/empty/stories/default.stories.d.ts +1 -1
  64. package/dist/components/form/stories/default.stories.d.ts +1 -1
  65. package/dist/components/icon/stories/icon.stories.d.ts +1 -1
  66. package/dist/components/icon-button/stories/primary.stories.d.ts +1 -1
  67. package/dist/components/icon-button/stories/secondary.stories.d.ts +1 -1
  68. package/dist/components/image/stories/default.stories.d.ts +1 -1
  69. package/dist/components/image-2/stories/default.stories.d.ts +1 -1
  70. package/dist/components/input/index.vue.d.ts +2 -2
  71. package/dist/components/input/stories/amount.stories.d.ts +1 -1
  72. package/dist/components/input/stories/credit-card.stories.d.ts +1 -1
  73. package/dist/components/input/stories/default.stories.d.ts +1 -1
  74. package/dist/components/input/stories/email.stories.d.ts +1 -1
  75. package/dist/components/input/stories/password.stories.d.ts +1 -1
  76. package/dist/components/input/stories/textarea.stories.d.ts +1 -1
  77. package/dist/components/input/stories/url.stories.d.ts +1 -1
  78. package/dist/components/input/stories/user-info.stories.d.ts +1 -1
  79. package/dist/components/input-number/stories/default.stories.d.ts +10 -10
  80. package/dist/components/menu/stories/default.stories.d.ts +1 -1
  81. package/dist/components/modal/stories/default.stories.d.ts +1 -1
  82. package/dist/components/modal/stories/functions.stories.d.ts +1 -1
  83. package/dist/components/modal-2/composables/usemodal.d.ts +1 -1
  84. package/dist/components/notification/stories/filled.stories.d.ts +1 -1
  85. package/dist/components/notification/stories/light.stories.d.ts +1 -1
  86. package/dist/components/notification/stories/stroke.stories.d.ts +1 -1
  87. package/dist/components/numeric-input/stories/default.stories.d.ts +1 -1
  88. package/dist/components/pagination/stories/default.stories.d.ts +1 -1
  89. package/dist/components/popconfirm/stories/default.stories.d.ts +1 -1
  90. package/dist/components/popconfirm-2/stories/default.stories.d.ts +1 -1
  91. package/dist/components/popover/stories/default.stories.d.ts +1 -1
  92. package/dist/components/popover-2/stories/default.stories.d.ts +1 -1
  93. package/dist/components/progress/stories/circle.stories.d.ts +1 -1
  94. package/dist/components/progress/stories/half-circle.stories.d.ts +1 -1
  95. package/dist/components/progress/stories/line-step.stories.d.ts +1 -1
  96. package/dist/components/progress/stories/line.stories.d.ts +1 -1
  97. package/dist/components/radio/stories/default.stories.d.ts +1 -1
  98. package/dist/components/radio-card/stories/default.stories.d.ts +1 -1
  99. package/dist/components/rate/stories/default.stories.d.ts +1 -1
  100. package/dist/components/result/stories/default.stories.d.ts +1 -1
  101. package/dist/components/select/stories/default.stories.d.ts +1 -1
  102. package/dist/components/select/stories/group.stories.d.ts +1 -1
  103. package/dist/components/select/stories/multi-select.stories.d.ts +1 -1
  104. package/dist/components/select/stories/single.stories.d.ts +1 -1
  105. package/dist/components/select-2/stories/borderless.stories.d.ts +1 -1
  106. package/dist/components/select-2/stories/inline.stories.d.ts +1 -1
  107. package/dist/components/select-2/stories/multiple.stories.d.ts +1 -1
  108. package/dist/components/select-2/stories/select-option-group.stories.d.ts +3 -3
  109. package/dist/components/select-2/stories/select-option.stories.d.ts +3 -3
  110. package/dist/components/select-2/stories/single.stories.d.ts +1 -1
  111. package/dist/components/side-menu/add-new-app-button/stories/default.stories.d.ts +1 -1
  112. package/dist/components/side-menu/app-button/stories/default.stories.d.ts +1 -1
  113. package/dist/components/side-menu/button/stories/default.stories.d.ts +1 -1
  114. package/dist/components/side-menu/icon-button/stories/default.stories.d.ts +1 -1
  115. package/dist/components/side-menu/menu-item/stories/default.stories.d.ts +1 -1
  116. package/dist/components/side-menu/round-icon-button/stories/default.stories.d.ts +1 -1
  117. package/dist/components/side-menu-2/menu-button/stories/default.stories.d.ts +1 -1
  118. package/dist/components/side-menu-2/menu-item/stories/default.stories.d.ts +1 -1
  119. package/dist/components/slider/stories/default.stories.d.ts +1 -1
  120. package/dist/components/spin/stories/container.stories.d.ts +1 -1
  121. package/dist/components/spin/stories/default.stories.d.ts +1 -1
  122. package/dist/components/step-items/stories/default.stories.d.ts +1 -1
  123. package/dist/components/step-items/stories/step-item.stories.d.ts +1 -1
  124. package/dist/components/steps/stories/default.stories.d.ts +1 -1
  125. package/dist/components/steps/stories/step.stories.d.ts +1 -1
  126. package/dist/components/switch/stories/default.stories.d.ts +1 -1
  127. package/dist/components/table/stories/default.stories.d.ts +1 -1
  128. package/dist/components/tabs/stories/card.stories.d.ts +1 -1
  129. package/dist/components/tabs/stories/line.stories.d.ts +1 -1
  130. package/dist/components/tabs-2/stories/default.stories.d.ts +8 -8
  131. package/dist/components/tabs-2/stories/tab-button.stories.d.ts +8 -8
  132. package/dist/components/tabs-2/stories/tab-pane.stories.d.ts +2 -2
  133. package/dist/components/tag-input/stories/default.stories.d.ts +1 -1
  134. package/dist/components/toggle/stories/default.stories.d.ts +1 -1
  135. package/dist/components/tooltip/stories/default.stories.d.ts +1 -1
  136. package/dist/components/tooltip-2/stories/default.stories.d.ts +1 -1
  137. package/dist/components/track-button/stories/default.stories.d.ts +1 -1
  138. package/dist/components/tree/stories/default.stories.d.ts +1 -1
  139. package/dist/components/typography/stories/default.stories.d.ts +1 -1
  140. package/dist/components/upload/stories/box.stories.d.ts +1 -1
  141. package/dist/components/upload/stories/button.stories.d.ts +1 -1
  142. package/dist/components/upload/stories/small-box.stories.d.ts +1 -1
  143. package/dist/components/watchlist-button/stories/dashed.stories.d.ts +1 -1
  144. package/dist/components/watchlist-button/stories/default.stories.d.ts +1 -1
  145. package/dist/{export-data-Bw3963Xo.js → export-data-B7wYF5EQ.js} +1 -1
  146. package/dist/{exporting-CnFhHpkV.js → exporting-B0cCEyyg.js} +1 -1
  147. package/dist/{funnel-YWrwiHos.js → funnel-DTHaLuEK.js} +1 -1
  148. package/dist/{index-DNrsJaj4.js → index-C8r4OcCO.js} +10138 -9725
  149. package/dist/index.d.ts +8 -0
  150. package/dist/{map-L8mpHr4U.js → map-C_BILLYp.js} +1 -1
  151. package/dist/{offline-exporting-MRfiQZvH.js → offline-exporting-8t0G_rUZ.js} +1 -1
  152. package/dist/{stock-atEywb4v.js → stock-DyTZKEyb.js} +1 -1
  153. package/dist/style.css +1 -1
  154. package/dist/{venn-C7OnWvi3.js → venn-DfFwIzSQ.js} +1 -1
  155. package/dist/{wordcloud-1tNuVPm5.js → wordcloud-Hu3_8VaC.js} +1 -1
  156. package/package.json +8 -8
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaChart } from '@/index';
3
3
  declare const meta: Meta<typeof MaChart>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaCheckbox from '../index.vue';
3
3
  declare const meta: Meta<typeof MaCheckbox>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaCheckboxGroup from '../group.vue';
3
3
  declare const meta: Meta<typeof MaCheckboxGroup>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaCheckbox from '../index.vue';
3
3
  declare const meta: Meta<typeof MaCheckbox>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaCheckbox2Card as MaCheckboxCard } from '@/index';
3
3
  declare const meta: Meta<typeof MaCheckboxCard>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaCheckbox2 as MaCheckbox } from '@/index';
3
3
  declare const meta: Meta<typeof MaCheckbox>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaCheckbox2Group as MaCheckboxGroup } from '@/index';
3
3
  declare const meta: Meta<typeof MaCheckboxGroup>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaCollapse } from '@/index';
3
3
  declare const meta: Meta<typeof MaCollapse>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaContentScroller from '../index.vue';
3
3
  declare const meta: Meta<typeof MaContentScroller>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaCountryRadio } from '@/index';
3
3
  declare const meta: Meta<typeof MaCountryRadio>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryFn, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
2
2
  import { MaCountrySelect } from '@/index';
3
3
  declare const meta: Meta<typeof MaCountrySelect>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaDatePicker from '../index.vue';
3
3
  declare const meta: Meta<typeof MaDatePicker>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaDatePicker from '../index.vue';
3
3
  declare const meta: Meta<typeof MaDatePicker>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type { MaDatePicker2 } from '@/index';
3
3
  declare const meta: Meta<typeof MaDatePicker2>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type { MaDatePicker2 } from '@/index';
3
3
  declare const meta: Meta<typeof MaDatePicker2>;
4
4
  export default meta;
@@ -0,0 +1,6 @@
1
+ import type { MaDevicePreviewAppDetailProps } from '../types';
2
+ declare const _default: import("vue").DefineComponent<MaDevicePreviewAppDetailProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewAppDetailProps> & Readonly<{}>, {
3
+ device: import("../types").DeviceType;
4
+ displayType: import("../types").DisplayType;
5
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import type { MaDevicePreviewAppTodayTabProps } from '../types';
2
+ declare const _default: import("vue").DefineComponent<MaDevicePreviewAppTodayTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewAppTodayTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
3
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { MaDevicePreviewProductPagesProps } from '../types';
2
+ declare const _default: import("vue").DefineComponent<MaDevicePreviewProductPagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewProductPagesProps> & Readonly<{}>, {
3
+ device: import("../types").DeviceType;
4
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
5
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import type { MaDevicePreviewSearchResultsProps } from '../types';
2
+ declare const _default: import("vue").DefineComponent<MaDevicePreviewSearchResultsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewSearchResultsProps> & Readonly<{}>, {
3
+ device: import("../types").DeviceType;
4
+ displayType: import("../types").DisplayType;
5
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import type { MaDevicePreviewSearchTabProps } from '../types';
2
+ declare const _default: import("vue").DefineComponent<MaDevicePreviewSearchTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewSearchTabProps> & Readonly<{}>, {
3
+ device: import("../types").DeviceType;
4
+ displayMode: import("../types").DisplayMode;
5
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import type { MaDevicePreviewTodayTabProps } from '../types';
2
+ declare const _default: import("vue").DefineComponent<MaDevicePreviewTodayTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewTodayTabProps> & Readonly<{}>, {
3
+ device: "iphone";
4
+ displayMode: import("../types").DisplayMode;
5
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import type { MaybeRefOrGetter } from 'vue';
2
+ export declare function useDevicePreviewScale(baseWidth: MaybeRefOrGetter<number>): {
3
+ containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
4
+ contentScale: import("vue").ComputedRef<number>;
5
+ defaultWidth: import("vue").ComputedRef<string>;
6
+ };
@@ -0,0 +1,55 @@
1
+ /**
2
+ * Original Device Widths at Apple Native Platform
3
+ */
4
+ export declare const DEVICE_WIDTH: {
5
+ readonly iphone: 246;
6
+ readonly ipad: 491;
7
+ };
8
+ export declare const SCALE_FACTORS: {
9
+ readonly IPHONE: 0.56;
10
+ readonly IPAD: 0.35;
11
+ };
12
+ /**
13
+ * Asset URLs for iOS device frames and preview images
14
+ * All assets are hosted on Apple's CDN
15
+ */
16
+ export declare const ASSETS: {
17
+ readonly DEVICE_FRAME: {
18
+ readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/educational/images/iphone_frame.png";
19
+ };
20
+ readonly TODAY_TAB: {
21
+ readonly MOCK: {
22
+ readonly VIDEO: "https://iadcontent.apple.com/micro-booking/assets/educational/en_US/APPSTORE_TODAY_TAB/iphone.mp4";
23
+ };
24
+ readonly PREVIEW: {
25
+ readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_today_tab_medium_iphone.png";
26
+ };
27
+ };
28
+ readonly SEARCH_TAB: {
29
+ readonly MOCK: {
30
+ readonly IMAGE: "https://iadcontent.apple.com/micro-booking/assets/educational/en_US/APPSTORE_SEARCH_TAB/iphone.png";
31
+ };
32
+ readonly PREVIEW: {
33
+ readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_tab_iphone.png";
34
+ readonly IPAD: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_tab_ipad.png";
35
+ };
36
+ };
37
+ readonly SEARCH_RESULTS: {
38
+ readonly PREVIEW: {
39
+ readonly IPHONE: {
40
+ readonly IMAGES: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_iphone_portrait.png";
41
+ readonly TEXT: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_iphone_text.png";
42
+ };
43
+ readonly IPAD: {
44
+ readonly IMAGES: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_ipad_portrait.png";
45
+ readonly TEXT: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_ipad_text.png";
46
+ };
47
+ };
48
+ };
49
+ readonly PRODUCT_PAGES: {
50
+ readonly PREVIEW: {
51
+ readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_product_page_browsing_iphone.png";
52
+ readonly IPAD: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_product_page_browsing_ipad.png";
53
+ };
54
+ };
55
+ };
@@ -0,0 +1,6 @@
1
+ import type { AppInfo } from '../types';
2
+ /**
3
+ * Dummy app data used across all iOS Device Preview stories
4
+ * Represents a sample florist app with real App Store assets
5
+ */
6
+ export declare const dummyApp: AppInfo;
@@ -0,0 +1,15 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import MaDevicePreviewProductPages from '../components/ProductPages.vue';
3
+ declare const meta: Meta<typeof MaDevicePreviewProductPages>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MaDevicePreviewProductPages>;
6
+ /**
7
+ * Product Pages preview on iPhone
8
+ * Shows the app information in the Product Pages browsing context
9
+ */
10
+ export declare const Iphone: Story;
11
+ /**
12
+ * Product Pages preview on iPad
13
+ * iPad layout provides more horizontal space and different positioning
14
+ */
15
+ export declare const Ipad: Story;
@@ -0,0 +1,23 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import MaDevicePreviewSearchResults from '../components/SearchResults.vue';
3
+ declare const meta: Meta<typeof MaDevicePreviewSearchResults>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MaDevicePreviewSearchResults>;
6
+ /**
7
+ * iPhone with images display type shows app screenshots
8
+ */
9
+ export declare const IphoneImages: Story;
10
+ /**
11
+ * iPhone with text display type shows app description
12
+ */
13
+ export declare const IphoneText: Story;
14
+ /**
15
+ * iPad with images display type shows app screenshots
16
+ * iPad layout provides more horizontal space
17
+ */
18
+ export declare const IpadImages: Story;
19
+ /**
20
+ * iPad with text display type shows app description
21
+ * On iPad, the description appears in the header row for better layout
22
+ */
23
+ export declare const IpadText: Story;
@@ -0,0 +1,19 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import MaDevicePreviewSearchTab from '../components/SearchTab.vue';
3
+ declare const meta: Meta<typeof MaDevicePreviewSearchTab>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MaDevicePreviewSearchTab>;
6
+ /**
7
+ * Mock mode on iPhone displays a device frame with an educational image preview
8
+ * Mock mode only supports iPhone device type
9
+ */
10
+ export declare const MockModeIphone: Story;
11
+ /**
12
+ * Preview mode on iPhone shows the app information in the Search Tab layout
13
+ */
14
+ export declare const PreviewModeIphone: Story;
15
+ /**
16
+ * Preview mode on iPad shows the app information in the Search Tab layout
17
+ * iPad layout provides more horizontal space for the preview
18
+ */
19
+ export declare const PreviewModeIpad: Story;
@@ -0,0 +1,15 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import MaDevicePreviewTodayTab from '../components/TodayTab.vue';
3
+ declare const meta: Meta<typeof MaDevicePreviewTodayTab>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MaDevicePreviewTodayTab>;
6
+ /**
7
+ * Mock mode displays a device frame with an educational video preview
8
+ * This mode is useful for showing users what the Today Tab placement looks like
9
+ */
10
+ export declare const MockMode: Story;
11
+ /**
12
+ * Preview mode displays a container image where app information is shown
13
+ * This mode renders the actual app data within the Today Tab layout
14
+ */
15
+ export declare const PreviewMode: Story;
@@ -0,0 +1,47 @@
1
+ export declare const DeviceTypes: readonly ["iphone", "ipad"];
2
+ export type DeviceType = (typeof DeviceTypes)[number];
3
+ export declare const DisplayTypes: readonly ["images", "text", "default"];
4
+ export type DisplayType = (typeof DisplayTypes)[number];
5
+ export declare const SearchResultsDisplayTypes: readonly ["images", "text"];
6
+ export type SearchResultsDisplayType = (typeof SearchResultsDisplayTypes)[number];
7
+ export declare const DisplayModes: readonly ["mock", "preview"];
8
+ export type DisplayMode = (typeof DisplayModes)[number];
9
+ export declare const PageTypes: readonly ["today-tab", "search-tab", "search-results", "product-pages"];
10
+ export type PageType = (typeof PageTypes)[number];
11
+ export interface AppInfoBase {
12
+ name: string;
13
+ subtitle: string;
14
+ developerName: string;
15
+ category: string;
16
+ iconUrl: string;
17
+ screenshots?: string[];
18
+ description?: string;
19
+ }
20
+ export type AppInfo = AppInfoBase & Record<string, unknown>;
21
+ export interface MaDevicePreviewTodayTabProps {
22
+ app?: AppInfo;
23
+ displayMode?: DisplayMode;
24
+ device?: 'iphone';
25
+ }
26
+ export interface MaDevicePreviewSearchTabProps {
27
+ app?: AppInfo;
28
+ displayMode?: DisplayMode;
29
+ device?: DeviceType;
30
+ }
31
+ export interface MaDevicePreviewSearchResultsProps {
32
+ app?: AppInfo;
33
+ device?: DeviceType;
34
+ displayType?: DisplayType;
35
+ }
36
+ export interface MaDevicePreviewProductPagesProps {
37
+ app?: AppInfo;
38
+ device?: DeviceType;
39
+ }
40
+ export interface MaDevicePreviewAppDetailProps {
41
+ app?: AppInfo;
42
+ device?: DeviceType;
43
+ displayType?: DisplayType;
44
+ }
45
+ export interface MaDevicePreviewAppTodayTabProps {
46
+ app?: AppInfo;
47
+ }
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaDrawer from '@/components/drawer/index.vue';
3
3
  declare const meta: Meta<typeof MaDrawer>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaDropdown from '../index.vue';
3
3
  declare const meta: Meta<typeof MaDropdown>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryFn } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
2
  import { MaEllipsis } from '@/index';
3
3
  declare const meta: Meta<typeof MaEllipsis>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaEmpty from '../index.vue';
3
3
  declare const meta: Meta<typeof MaEmpty>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaEmpty from '../index.vue';
3
3
  declare const meta: Meta<typeof MaEmpty>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryFn } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
2
  import MaForm from '../index.vue';
3
3
  declare const meta: Meta<typeof MaForm>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryFn, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
2
2
  import MaIcon from '../index.vue';
3
3
  declare const meta: Meta<typeof MaIcon>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaIconButton from '../index.vue';
3
3
  declare const meta: Meta<typeof MaIconButton>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaIconButton from '../index.vue';
3
3
  declare const meta: Meta<typeof MaIconButton>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaImage from '../index.vue';
3
3
  declare const meta: Meta<typeof MaImage>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import { MaImage2 } from '@/index';
3
3
  declare const meta: Meta<typeof MaImage2>;
4
4
  export default meta;
@@ -32,18 +32,18 @@ type __VLS_Slots = {} & {
32
32
  declare const __VLS_component: import("vue").DefineComponent<MaInputProps, {
33
33
  focus: typeof focusElement;
34
34
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
35
+ clear: (...args: any[]) => void;
35
36
  change: (...args: any[]) => void;
36
37
  focus: (...args: any[]) => void;
37
38
  focusout: (...args: any[]) => void;
38
- clear: (...args: any[]) => void;
39
39
  "update:value": (...args: any[]) => void;
40
40
  currencyChange: (...args: any[]) => void;
41
41
  "update:amountCurrency": (...args: any[]) => void;
42
42
  }, string, import("vue").PublicProps, Readonly<MaInputProps> & Readonly<{
43
+ onClear?: (...args: any[]) => any;
43
44
  onChange?: (...args: any[]) => any;
44
45
  onFocus?: (...args: any[]) => any;
45
46
  onFocusout?: (...args: any[]) => any;
46
- onClear?: (...args: any[]) => any;
47
47
  "onUpdate:value"?: (...args: any[]) => any;
48
48
  onCurrencyChange?: (...args: any[]) => any;
49
49
  "onUpdate:amountCurrency"?: (...args: any[]) => any;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import MaInput from '../index.vue';
3
3
  declare const meta: Meta<typeof MaInput>;
4
4
  export default meta;
@@ -1,10 +1,10 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type { MaInputNumberProps } from '../index.vue';
3
3
  import { MaInputNumber } from '@/index';
4
4
  declare const meta: Meta<typeof MaInputNumber>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof MaInputNumber>;
7
- export declare const Default: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
7
+ export declare const Default: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
8
8
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
9
9
  onChange?: (...args: any[]) => any;
10
10
  onStep?: (...args: any[]) => any;
@@ -72,7 +72,7 @@ export declare const Default: import("storybook/internal/csf").StoryAnnotations<
72
72
  addonAfter?: (props: {}) => any;
73
73
  };
74
74
  })>>;
75
- export declare const XSmall: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
75
+ export declare const XSmall: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
76
76
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
77
77
  onChange?: (...args: any[]) => any;
78
78
  onStep?: (...args: any[]) => any;
@@ -140,7 +140,7 @@ export declare const XSmall: import("storybook/internal/csf").StoryAnnotations<i
140
140
  addonAfter?: (props: {}) => any;
141
141
  };
142
142
  })>>;
143
- export declare const Small: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
143
+ export declare const Small: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
144
144
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
145
145
  onChange?: (...args: any[]) => any;
146
146
  onStep?: (...args: any[]) => any;
@@ -208,7 +208,7 @@ export declare const Small: import("storybook/internal/csf").StoryAnnotations<im
208
208
  addonAfter?: (props: {}) => any;
209
209
  };
210
210
  })>>;
211
- export declare const Medium: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
211
+ export declare const Medium: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
212
212
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
213
213
  onChange?: (...args: any[]) => any;
214
214
  onStep?: (...args: any[]) => any;
@@ -276,7 +276,7 @@ export declare const Medium: import("storybook/internal/csf").StoryAnnotations<i
276
276
  addonAfter?: (props: {}) => any;
277
277
  };
278
278
  })>>;
279
- export declare const Large: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
279
+ export declare const Large: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
280
280
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
281
281
  onChange?: (...args: any[]) => any;
282
282
  onStep?: (...args: any[]) => any;
@@ -344,7 +344,7 @@ export declare const Large: import("storybook/internal/csf").StoryAnnotations<im
344
344
  addonAfter?: (props: {}) => any;
345
345
  };
346
346
  })>>;
347
- export declare const Disabled: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
347
+ export declare const Disabled: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
348
348
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
349
349
  onChange?: (...args: any[]) => any;
350
350
  onStep?: (...args: any[]) => any;
@@ -412,7 +412,7 @@ export declare const Disabled: import("storybook/internal/csf").StoryAnnotations
412
412
  addonAfter?: (props: {}) => any;
413
413
  };
414
414
  })>>;
415
- export declare const Pre: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
415
+ export declare const Pre: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
416
416
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
417
417
  onChange?: (...args: any[]) => any;
418
418
  onStep?: (...args: any[]) => any;
@@ -480,7 +480,7 @@ export declare const Pre: import("storybook/internal/csf").StoryAnnotations<impo
480
480
  addonAfter?: (props: {}) => any;
481
481
  };
482
482
  })>>;
483
- export declare const Post: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
483
+ export declare const Post: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
484
484
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
485
485
  onChange?: (...args: any[]) => any;
486
486
  onStep?: (...args: any[]) => any;
@@ -548,7 +548,7 @@ export declare const Post: import("storybook/internal/csf").StoryAnnotations<imp
548
548
  addonAfter?: (props: {}) => any;
549
549
  };
550
550
  })>>;
551
- export declare const PrePost: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3-vite").VueRenderer, import("@storybook/vue3-vite").ComponentPropsAndSlots<{
551
+ export declare const PrePost: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
552
552
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
553
553
  onChange?: (...args: any[]) => any;
554
554
  onStep?: (...args: any[]) => any;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaMenu from '../index.vue';
3
3
  declare const meta: Meta<typeof MaMenu>;
4
4
  export default meta;
@@ -1,4 +1,4 @@
1
- import type { Meta, StoryObj } from '@storybook/vue3-vite';
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
2
  import type MaModal from '../index.vue';
3
3
  declare const meta: Meta<typeof MaModal>;
4
4
  export default meta;