@appcorp/app-corp-vista 0.3.44 → 0.3.45

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 (69) hide show
  1. package/atoms/vista-banner-v1/vista-banner-v1.js +2 -2
  2. package/atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1.js +2 -2
  3. package/molecules/vista-button-group-v2/vista-button-group-v2.js +4 -3
  4. package/molecules/vista-button-group-v3/vista-button-group-v3.js +2 -2
  5. package/molecules/vista-button-group-v4/vista-button-group-v4.js +2 -2
  6. package/molecules/vista-button-group-v5/vista-button-group-v5.js +2 -2
  7. package/molecules/vista-calendar-v1/vista-calendar-v1.js +4 -3
  8. package/molecules/vista-combobox-v1/vista-combobox-v1.js +7 -3
  9. package/molecules/vista-contact-v1/vista-contact-v1.js +5 -2
  10. package/molecules/vista-contact-v3/vista-contact-v3.js +6 -4
  11. package/molecules/vista-contact-v4/vista-contact-v4.js +6 -4
  12. package/molecules/vista-contact-v6/vista-contact-v6.js +6 -4
  13. package/molecules/vista-dashboard-profile-v1/vista-dashboard-profile-v1.js +2 -2
  14. package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js +8 -5
  15. package/molecules/vista-drawer-v1/vista-drawer-v1.js +2 -2
  16. package/molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1.js +2 -2
  17. package/molecules/vista-header-v1/nav-bar.js +7 -6
  18. package/molecules/vista-header-v10/vista-header-v10.js +7 -3
  19. package/molecules/vista-header-v11/vista-header-v11.js +7 -3
  20. package/molecules/vista-header-v12/vista-header-v12.js +7 -3
  21. package/molecules/vista-header-v2/vista-header-v2.js +7 -3
  22. package/molecules/vista-header-v3/vista-header-v3.js +7 -3
  23. package/molecules/vista-header-v4/vista-header-v4.js +7 -3
  24. package/molecules/vista-header-v5/vista-header-v5.js +24 -13
  25. package/molecules/vista-header-v6/vista-header-v6.js +7 -3
  26. package/molecules/vista-header-v7/vista-header-v7.js +7 -3
  27. package/molecules/vista-header-v8/nav-bar.js +7 -6
  28. package/molecules/vista-header-v9/vista-header-v9.js +24 -13
  29. package/molecules/vista-notification-v1/vista-notification-v1.js +11 -8
  30. package/molecules/vista-notification-v2/vista-notification-v2.js +2 -2
  31. package/molecules/vista-notification-v3/vista-notification-v3.js +4 -4
  32. package/molecules/vista-progress-v2/vista-progress-v2.js +5 -2
  33. package/molecules/vista-progress-v4/vista-progress-v4.js +2 -2
  34. package/molecules/vista-progress-v5/vista-progress-v5.js +2 -2
  35. package/molecules/vista-progress-v6/vista-progress-v6.js +2 -2
  36. package/molecules/vista-progress-v7/vista-progress-v7.js +2 -2
  37. package/molecules/vista-select-v1/vista-select-v1.js +7 -3
  38. package/molecules/vista-stats-v4/vista-stats-v4.js +6 -2
  39. package/molecules/vista-stats-v5/vista-stats-v5.js +3 -2
  40. package/molecules/vista-table-footer-v1.js +4 -3
  41. package/molecules/vista-table-header-v1.js +2 -2
  42. package/molecules/vista-upload-v1/vista-upload-v1.js +4 -3
  43. package/organisms/vista-feature-v10/vista-feature-v10.js +6 -4
  44. package/organisms/vista-feature-v11/vista-feature-v11.js +6 -4
  45. package/organisms/vista-feature-v12/vista-feature-v12.js +6 -4
  46. package/organisms/vista-feature-v13/vista-feature-v13.js +6 -4
  47. package/organisms/vista-feature-v15/vista-feature-v15.js +8 -5
  48. package/organisms/vista-feature-v16/vista-feature-v16.js +6 -4
  49. package/organisms/vista-feature-v17/vista-feature-v17.js +6 -4
  50. package/organisms/vista-feature-v18/vista-feature-v18.js +2 -2
  51. package/organisms/vista-feature-v20/vista-feature-v20.js +8 -5
  52. package/organisms/vista-feature-v21/vista-feature-v21.js +12 -7
  53. package/organisms/vista-feature-v3/vista-feature-v3.js +12 -7
  54. package/organisms/vista-feature-v4/vista-feature-v4.js +12 -7
  55. package/organisms/vista-feature-v7/vista-feature-v7.js +6 -4
  56. package/organisms/vista-feature-v8/vista-feature-v8.js +6 -4
  57. package/organisms/vista-feature-v9/vista-feature-v9.js +6 -4
  58. package/organisms/vista-incentive-v7/vista-incentive-v7.js +6 -4
  59. package/organisms/vista-incentive-v8/vista-incentive-v8.js +6 -4
  60. package/organisms/vista-product-list-v8/vista-product-list-v8.js +2 -2
  61. package/organisms/vista-product-overview-v1/vista-product-overview-v1.js +9 -5
  62. package/organisms/vista-product-overview-v2/vista-product-overview-v2.js +11 -6
  63. package/organisms/vista-product-overview-v3/product-form.js +4 -4
  64. package/organisms/vista-product-overview-v3/vista-product-overview-v3.js +2 -2
  65. package/organisms/vista-product-overview-v4/vista-product-overview-v4.js +5 -2
  66. package/organisms/vista-product-overview-v5/vista-product-overview-v5.js +6 -3
  67. package/organisms/vista-table-v1/vista-table-body-v1.js +5 -2
  68. package/package.json +1 -1
  69. package/templates/vista-dashboard-v1/vista-dashboard-v1.js +2 -2
package/molecules/vista-header-v2/vista-header-v2.js CHANGED
@@ -32,11 +32,15 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaHeaderV2 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
41
  var react_2 = require("@headlessui/react");
39
- var outline_1 = require("@heroicons/react/24/outline");
42
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
43
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
40
44
  var navigation = [
41
45
  { name: 'Product', href: '#' },
42
46
  { name: 'Features', href: '#' },
@@ -54,7 +58,7 @@ var VistaHeaderV2 = function () {
54
58
  react_1.default.createElement("div", { className: "flex lg:hidden" },
55
59
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" },
56
60
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
57
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
61
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
58
62
  react_1.default.createElement("div", { className: "hidden lg:flex lg:gap-x-12" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-sm/6 font-semibold text-gray-900" }, item.name)); })),
59
63
  react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" },
60
64
  react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
@@ -69,7 +73,7 @@ var VistaHeaderV2 = function () {
69
73
  react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" })),
70
74
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
71
75
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
72
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
76
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
73
77
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
74
78
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
75
79
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); })),
package/molecules/vista-header-v3/vista-header-v3.js CHANGED
@@ -32,11 +32,15 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaHeaderV3 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
41
  var react_2 = require("@headlessui/react");
39
- var outline_1 = require("@heroicons/react/24/outline");
42
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
43
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
40
44
  var navigation = [
41
45
  { name: 'Product', href: '#' },
42
46
  { name: 'Features', href: '#' },
@@ -54,7 +58,7 @@ var VistaHeaderV3 = function () {
54
58
  react_1.default.createElement("div", { className: "flex lg:hidden" },
55
59
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-400" },
56
60
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
57
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
61
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
58
62
  react_1.default.createElement("div", { className: "hidden lg:flex lg:gap-x-12" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-sm/6 font-semibold text-white" }, item.name)); })),
59
63
  react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" },
60
64
  react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-white" },
@@ -69,7 +73,7 @@ var VistaHeaderV3 = function () {
69
73
  react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500", className: "h-8 w-auto" })),
70
74
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-400" },
71
75
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
72
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
76
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
73
77
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
74
78
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/25" },
75
79
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-white hover:bg-gray-800" }, item.name)); })),
package/molecules/vista-header-v4/vista-header-v4.js CHANGED
@@ -32,11 +32,15 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaHeaderV4 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
41
  var react_2 = require("@headlessui/react");
39
- var outline_1 = require("@heroicons/react/24/outline");
42
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
43
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
40
44
  var navigation = [
41
45
  { name: 'Product', href: '#' },
42
46
  { name: 'Features', href: '#' },
@@ -54,7 +58,7 @@ var VistaHeaderV4 = function () {
54
58
  react_1.default.createElement("div", { className: "flex lg:hidden" },
55
59
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-indigo-300" },
56
60
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
57
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
61
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
58
62
  react_1.default.createElement("div", { className: "hidden lg:flex lg:gap-x-12" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-sm/6 font-semibold text-white" }, item.name)); })),
59
63
  react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" },
60
64
  react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-white" },
@@ -69,7 +73,7 @@ var VistaHeaderV4 = function () {
69
73
  react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" })),
70
74
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
71
75
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
72
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
76
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
73
77
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
74
78
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
75
79
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); })),
package/molecules/vista-header-v5/vista-header-v5.js CHANGED
@@ -41,42 +41,53 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
41
41
  }
42
42
  return to.concat(ar || Array.prototype.slice.call(from));
43
43
  };
44
+ var __importDefault = (this && this.__importDefault) || function (mod) {
45
+ return (mod && mod.__esModule) ? mod : { "default": mod };
46
+ };
44
47
  Object.defineProperty(exports, "__esModule", { value: true });
45
48
  exports.VistaHeaderV5 = void 0;
46
49
  var react_1 = __importStar(require("react"));
47
50
  var react_2 = require("@headlessui/react");
48
- var outline_1 = require("@heroicons/react/24/outline");
49
- var solid_1 = require("@heroicons/react/20/solid");
51
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
52
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
53
+ var ChartPieIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChartPieIcon"));
54
+ var CursorArrowRaysIcon_1 = __importDefault(require("@heroicons/react/24/solid/CursorArrowRaysIcon"));
55
+ var FingerPrintIcon_1 = __importDefault(require("@heroicons/react/24/solid/FingerPrintIcon"));
56
+ var SquaresPlusIcon_1 = __importDefault(require("@heroicons/react/24/solid/SquaresPlusIcon"));
57
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronDownIcon"));
58
+ var PhoneIcon_1 = __importDefault(require("@heroicons/react/20/solid/PhoneIcon"));
59
+ var PlayCircleIcon_1 = __importDefault(require("@heroicons/react/20/solid/PlayCircleIcon"));
60
+ var RectangleGroupIcon_1 = __importDefault(require("@heroicons/react/20/solid/RectangleGroupIcon"));
50
61
  var products = [
51
62
  {
52
63
  name: 'Analytics',
53
64
  description: 'Get a better understanding where your traffic is coming from',
54
65
  href: '#',
55
- icon: outline_1.ChartPieIcon,
66
+ icon: ChartPieIcon_1.default,
56
67
  },
57
68
  {
58
69
  name: 'Engagement',
59
70
  description: 'Speak directly to your customers with our engagement tool',
60
71
  href: '#',
61
- icon: outline_1.CursorArrowRaysIcon,
72
+ icon: CursorArrowRaysIcon_1.default,
62
73
  },
63
74
  {
64
75
  name: 'Security',
65
76
  description: 'Your customers data will be safe and secure',
66
77
  href: '#',
67
- icon: outline_1.FingerPrintIcon,
78
+ icon: FingerPrintIcon_1.default,
68
79
  },
69
80
  {
70
81
  name: 'Integrations',
71
82
  description: 'Your customers data will be safe and secure',
72
83
  href: '#',
73
- icon: outline_1.SquaresPlusIcon,
84
+ icon: SquaresPlusIcon_1.default,
74
85
  },
75
86
  ];
76
87
  var callsToAction = [
77
- { name: 'Watch demo', href: '#', icon: solid_1.PlayCircleIcon },
78
- { name: 'Contact sales', href: '#', icon: solid_1.PhoneIcon },
79
- { name: 'View all products', href: '#', icon: solid_1.RectangleGroupIcon },
88
+ { name: 'Watch demo', href: '#', icon: PlayCircleIcon_1.default },
89
+ { name: 'Contact sales', href: '#', icon: PhoneIcon_1.default },
90
+ { name: 'View all products', href: '#', icon: RectangleGroupIcon_1.default },
80
91
  ];
81
92
  var VistaHeaderV5 = function () {
82
93
  var _a = (0, react_1.useState)(false), mobileMenuOpen = _a[0], setMobileMenuOpen = _a[1];
@@ -89,12 +100,12 @@ var VistaHeaderV5 = function () {
89
100
  react_1.default.createElement("div", { className: "flex lg:hidden" },
90
101
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" },
91
102
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
92
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
103
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
93
104
  react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" },
94
105
  react_1.default.createElement(react_2.Popover, null,
95
106
  react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900" },
96
107
  "Product",
97
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
108
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
98
109
  react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute inset-x-0 top-16 bg-white transition data-closed:-translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" },
99
110
  react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 top-1/2 bg-white shadow-lg ring-1 ring-gray-900/5" }),
100
111
  react_1.default.createElement("div", { className: "relative bg-white" },
@@ -126,14 +137,14 @@ var VistaHeaderV5 = function () {
126
137
  react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" })),
127
138
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
128
139
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
129
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
140
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
130
141
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
131
142
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
132
143
  react_1.default.createElement("div", { className: "space-y-2 py-6" },
133
144
  react_1.default.createElement(react_2.Disclosure, { as: "div", className: "-mx-3" },
134
145
  react_1.default.createElement(react_2.DisclosureButton, { className: "group flex w-full items-center justify-between rounded-lg py-2 pr-3.5 pl-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" },
135
146
  "Product",
136
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
147
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
137
148
  react_1.default.createElement(react_2.DisclosurePanel, { className: "mt-2 space-y-2" }, __spreadArray(__spreadArray([], products, true), callsToAction, true).map(function (item) { return (react_1.default.createElement(react_2.DisclosureButton, { key: item.name, as: "a", href: item.href, className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); }))),
138
149
  react_1.default.createElement("a", { href: "#", className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, "Features"),
139
150
  react_1.default.createElement("a", { href: "#", className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, "Marketplace"),
package/molecules/vista-header-v6/vista-header-v6.js CHANGED
@@ -32,11 +32,15 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaHeaderV6 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
41
  var react_2 = require("@headlessui/react");
39
- var outline_1 = require("@heroicons/react/24/outline");
42
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
43
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
40
44
  var navigation = [
41
45
  { name: 'Product', href: '#' },
42
46
  { name: 'Features', href: '#' },
@@ -54,7 +58,7 @@ var VistaHeaderV6 = function () {
54
58
  react_1.default.createElement("div", { className: "flex lg:hidden" },
55
59
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" },
56
60
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
57
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
61
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
58
62
  react_1.default.createElement("div", { className: "hidden lg:flex lg:gap-x-12" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-sm/6 font-semibold text-gray-900" }, item.name)); })),
59
63
  react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" },
60
64
  react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
@@ -69,7 +73,7 @@ var VistaHeaderV6 = function () {
69
73
  react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" })),
70
74
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
71
75
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
72
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
76
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
73
77
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
74
78
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
75
79
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); })),
package/molecules/vista-header-v7/vista-header-v7.js CHANGED
@@ -32,11 +32,15 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaHeaderV7 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
41
  var react_2 = require("@headlessui/react");
39
- var outline_1 = require("@heroicons/react/24/outline");
42
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
43
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
40
44
  var navigation = [
41
45
  { name: 'Product', href: '#' },
42
46
  { name: 'Features', href: '#' },
@@ -58,7 +62,7 @@ var VistaHeaderV7 = function () {
58
62
  react_1.default.createElement("div", { className: "flex lg:hidden" },
59
63
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" },
60
64
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
61
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" })))),
65
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" })))),
62
66
  react_1.default.createElement(react_2.Dialog, { open: mobileMenuOpen, onClose: setMobileMenuOpen, className: "lg:hidden" },
63
67
  react_1.default.createElement("div", { className: "fixed inset-0 z-50" }),
64
68
  react_1.default.createElement(react_2.DialogPanel, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" },
@@ -69,7 +73,7 @@ var VistaHeaderV7 = function () {
69
73
  react_1.default.createElement("a", { href: "#", className: "ml-auto rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" }, "Sign up"),
70
74
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
71
75
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
72
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
76
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
73
77
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
74
78
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
75
79
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" }, item.name)); })),
package/molecules/vista-header-v8/nav-bar.js CHANGED
@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.NavBar = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var react_2 = require("@headlessui/react");
10
- var outline_1 = require("@heroicons/react/24/outline");
11
- var solid_1 = require("@heroicons/react/20/solid");
10
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
11
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
12
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronDownIcon"));
12
13
  var image_1 = __importDefault(require("next/image"));
13
14
  var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
14
15
  var vista_button_type_1 = require("../../type/vista-button-type");
@@ -22,7 +23,7 @@ var NavBar = function (_a) {
22
23
  react_1.default.createElement("div", { className: "flex lg:hidden" },
23
24
  react_1.default.createElement("button", { className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700", onClick: function () { return handleMenuOpen(true); }, type: "button" },
24
25
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
25
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
26
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
26
27
  react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" }, items.map(function (_a) {
27
28
  var cta = _a.cta, handleOnClick = _a.handleOnClick, megaMenu = _a.megaMenu, name = _a.name;
28
29
  var multiGrid = megaMenu && megaMenu.length > 5 ? true : false;
@@ -32,7 +33,7 @@ var NavBar = function (_a) {
32
33
  return (react_1.default.createElement(react_1.default.Fragment, null,
33
34
  react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white cursor-pointer", onClick: handleOnClick },
34
35
  name,
35
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
36
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
36
37
  open && (react_1.default.createElement(react_2.PopoverPanel, { className: "absolute left-1/2 z-10 mt-3 w-screen ".concat(multiGrid ? 'max-w-4xl' : 'max-w-md', " -translate-x-1/2 overflow-hidden rounded-3xl bg-white dark:bg-gray-500 shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in"), transition: true },
37
38
  react_1.default.createElement("div", { className: "".concat(multiGrid ? 'grid grid-cols-2 gap-4' : 'p-4') }, megaMenu.map(function (_a) {
38
39
  var name = _a.name, handleChildOnClick = _a.handleOnClick, description = _a.description, icon = _a.icon;
@@ -69,7 +70,7 @@ var NavBar = function (_a) {
69
70
  react_1.default.createElement(image_1.default, { alt: logoAlt, className: "h-8 w-auto", height: 32, src: logoSrc, width: 32 })),
70
71
  react_1.default.createElement("button", { type: "button", onClick: function () { return handleMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
71
72
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
72
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
73
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
73
74
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
74
75
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
75
76
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, items.map(function (item) {
@@ -77,7 +78,7 @@ var NavBar = function (_a) {
77
78
  return (react_1.default.createElement(react_2.Disclosure, { as: "div", className: "-mx-3", key: item.name },
78
79
  react_1.default.createElement(react_2.DisclosureButton, { className: "group flex w-full items-center justify-between rounded-lg py-2 pr-3.5 pl-3 text-base/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800" },
79
80
  item.name,
80
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
81
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none group-data-open:rotate-180" })),
81
82
  react_1.default.createElement(react_2.DisclosurePanel, { className: "mt-2 space-y-2" }, item.megaMenu.map(function (_a) {
82
83
  var name = _a.name, handleOnClick = _a.handleOnClick;
83
84
  return (react_1.default.createElement(react_2.DisclosureButton, { className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800 w-full text-left", key: name, onClick: handleOnClick }, name));
package/molecules/vista-header-v9/vista-header-v9.js CHANGED
@@ -32,47 +32,58 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaHeaderV9 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
41
  var react_2 = require("@headlessui/react");
39
- var outline_1 = require("@heroicons/react/24/outline");
40
- var solid_1 = require("@heroicons/react/20/solid");
42
+ var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/24/outline/ArrowPathIcon"));
43
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
44
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
45
+ var ChartPieIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChartPieIcon"));
46
+ var CursorArrowRaysIcon_1 = __importDefault(require("@heroicons/react/24/solid/CursorArrowRaysIcon"));
47
+ var FingerPrintIcon_1 = __importDefault(require("@heroicons/react/24/solid/FingerPrintIcon"));
48
+ var SquaresPlusIcon_1 = __importDefault(require("@heroicons/react/24/solid/SquaresPlusIcon"));
49
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronDownIcon"));
50
+ var PhoneIcon_1 = __importDefault(require("@heroicons/react/20/solid/PhoneIcon"));
51
+ var PlayCircleIcon_1 = __importDefault(require("@heroicons/react/20/solid/PlayCircleIcon"));
41
52
  var products = [
42
53
  {
43
54
  name: 'Analytics',
44
55
  description: 'Get a better understanding of your traffic',
45
56
  href: '#',
46
- icon: outline_1.ChartPieIcon,
57
+ icon: ChartPieIcon_1.default,
47
58
  },
48
59
  {
49
60
  name: 'Engagement',
50
61
  description: 'Speak directly to your customers',
51
62
  href: '#',
52
- icon: outline_1.CursorArrowRaysIcon,
63
+ icon: CursorArrowRaysIcon_1.default,
53
64
  },
54
65
  {
55
66
  name: 'Security',
56
67
  description: 'Your customers’ data will be safe and secure',
57
68
  href: '#',
58
- icon: outline_1.FingerPrintIcon,
69
+ icon: FingerPrintIcon_1.default,
59
70
  },
60
71
  {
61
72
  name: 'Integrations',
62
73
  description: 'Connect with third-party tools',
63
74
  href: '#',
64
- icon: outline_1.SquaresPlusIcon,
75
+ icon: SquaresPlusIcon_1.default,
65
76
  },
66
77
  {
67
78
  name: 'Automations',
68
79
  description: 'Build strategic funnels that will convert',
69
80
  href: '#',
70
- icon: outline_1.ArrowPathIcon,
81
+ icon: ArrowPathIcon_1.default,
71
82
  },
72
83
  ];
73
84
  var callsToAction = [
74
- { name: 'Watch demo', href: '#', icon: solid_1.PlayCircleIcon },
75
- { name: 'Contact sales', href: '#', icon: solid_1.PhoneIcon },
85
+ { name: 'Watch demo', href: '#', icon: PlayCircleIcon_1.default },
86
+ { name: 'Contact sales', href: '#', icon: PhoneIcon_1.default },
76
87
  ];
77
88
  var company = [
78
89
  {
@@ -107,12 +118,12 @@ var VistaHeaderV9 = function () {
107
118
  react_1.default.createElement("div", { className: "flex lg:hidden" },
108
119
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(true); }, className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" },
109
120
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
110
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
121
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
111
122
  react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" },
112
123
  react_1.default.createElement(react_2.Popover, { className: "relative" },
113
124
  react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900" },
114
125
  "Product",
115
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
126
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
116
127
  react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" },
117
128
  react_1.default.createElement("div", { className: "p-4" }, products.map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "group relative flex gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50" },
118
129
  react_1.default.createElement("div", { className: "mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white" },
@@ -130,7 +141,7 @@ var VistaHeaderV9 = function () {
130
141
  react_1.default.createElement(react_2.Popover, { className: "relative" },
131
142
  react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900" },
132
143
  "Company",
133
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
144
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
134
145
  react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-3 w-96 -translate-x-1/2 rounded-3xl bg-white p-4 shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" }, company.map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "relative rounded-lg p-4 hover:bg-gray-50" },
135
146
  react_1.default.createElement("a", { href: item.href, className: "block text-sm/6 font-semibold text-gray-900" },
136
147
  item.name,
@@ -150,7 +161,7 @@ var VistaHeaderV9 = function () {
150
161
  react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600", className: "h-8 w-auto" })),
151
162
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
152
163
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
153
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
164
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
154
165
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
155
166
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
156
167
  react_1.default.createElement("div", { className: "space-y-2 py-6" }, products.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50" },
package/molecules/vista-notification-v1/vista-notification-v1.js CHANGED
@@ -7,18 +7,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaNotificationV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var react_2 = require("@headlessui/react");
10
- var outline_1 = require("@heroicons/react/24/outline");
11
- var solid_1 = require("@heroicons/react/20/solid");
10
+ var CheckCircleIcon_1 = __importDefault(require("@heroicons/react/24/outline/CheckCircleIcon"));
11
+ var BellAlertIcon_1 = __importDefault(require("@heroicons/react/24/outline/BellAlertIcon"));
12
+ var ExclamationTriangleIcon_1 = __importDefault(require("@heroicons/react/24/outline/ExclamationTriangleIcon"));
13
+ var InformationCircleIcon_1 = __importDefault(require("@heroicons/react/24/outline/InformationCircleIcon"));
14
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/20/solid/XMarkIcon"));
12
15
  var vista_notification_type_1 = require("../../type/vista-notification-type");
13
16
  var VistaNotificationV1 = function (_a) {
14
17
  var _b, _c;
15
18
  var description = _a.description, handleIsVisible = _a.handleIsVisible, heading = _a.heading, isVisible = _a.isVisible, _d = _a.variant, variant = _d === void 0 ? vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT : _d;
16
19
  var iconMap = (_b = {},
17
- _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT] = (react_1.default.createElement(outline_1.BellAlertIcon, { className: "size-6 text-purple-400" })),
18
- _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR] = (react_1.default.createElement(solid_1.XMarkIcon, { className: "size-6 text-red-400" })),
19
- _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.INFO] = (react_1.default.createElement(outline_1.InformationCircleIcon, { className: "size-6 text-sky-400" })),
20
- _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS] = (react_1.default.createElement(outline_1.CheckCircleIcon, { className: "size-6 text-green-400" })),
21
- _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.WARNING] = (react_1.default.createElement(outline_1.ExclamationTriangleIcon, { className: "size-6 text-amber-400" })),
20
+ _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT] = (react_1.default.createElement(BellAlertIcon_1.default, { className: "size-6 text-purple-400" })),
21
+ _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR] = (react_1.default.createElement(XMarkIcon_1.default, { className: "size-6 text-red-400" })),
22
+ _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.INFO] = (react_1.default.createElement(InformationCircleIcon_1.default, { className: "size-6 text-sky-400" })),
23
+ _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS] = (react_1.default.createElement(CheckCircleIcon_1.default, { className: "size-6 text-green-400" })),
24
+ _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.WARNING] = (react_1.default.createElement(ExclamationTriangleIcon_1.default, { className: "size-6 text-amber-400" })),
22
25
  _b);
23
26
  var headingMap = (_c = {},
24
27
  _c[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT] = 'Done',
@@ -41,6 +44,6 @@ var VistaNotificationV1 = function (_a) {
41
44
  react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
42
45
  react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2" },
43
46
  react_1.default.createElement("span", { className: "sr-only" }, "Close"),
44
- react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": "true", className: "size-5" })))))))))));
47
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-5" })))))))))));
45
48
  };
46
49
  exports.VistaNotificationV1 = VistaNotificationV1;
package/molecules/vista-notification-v2/vista-notification-v2.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaNotificationV2 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var react_2 = require("@headlessui/react");
10
- var solid_1 = require("@heroicons/react/20/solid");
10
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/20/solid/XMarkIcon"));
11
11
  var VistaNotificationV2 = function (_a) {
12
12
  var description = _a.description, handleIsVisible = _a.handleIsVisible, handleAction = _a.handleAction, isVisible = _a.isVisible, actionLabel = _a.actionLabel;
13
13
  return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -23,6 +23,6 @@ var VistaNotificationV2 = function (_a) {
23
23
  react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
24
24
  react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" },
25
25
  react_1.default.createElement("span", { className: "sr-only" }, "Close"),
26
- react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": "true", className: "size-5" })))))))))));
26
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-5" })))))))))));
27
27
  };
28
28
  exports.VistaNotificationV2 = VistaNotificationV2;
package/molecules/vista-notification-v3/vista-notification-v3.js CHANGED
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaNotificationV3 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var react_2 = require("@headlessui/react");
10
- var outline_1 = require("@heroicons/react/24/outline");
11
- var solid_1 = require("@heroicons/react/20/solid");
10
+ var InboxIcon_1 = __importDefault(require("@heroicons/react/24/outline/InboxIcon"));
11
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/20/solid/XMarkIcon"));
12
12
  var VistaNotificationV3 = function (_a) {
13
13
  var heading = _a.heading, description = _a.description, handleIsVisible = _a.handleIsVisible,
14
14
  // handleAction,
@@ -21,7 +21,7 @@ var VistaNotificationV3 = function (_a) {
21
21
  react_1.default.createElement("div", { className: "p-4" },
22
22
  react_1.default.createElement("div", { className: "flex items-start" },
23
23
  react_1.default.createElement("div", { className: "shrink-0" },
24
- react_1.default.createElement(outline_1.InboxIcon, { "aria-hidden": "true", className: "size-6 text-gray-400" })),
24
+ react_1.default.createElement(InboxIcon_1.default, { "aria-hidden": "true", className: "size-6 text-gray-400" })),
25
25
  react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
26
26
  react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900 dark:text-white" }, heading),
27
27
  react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-20" }, description),
@@ -38,6 +38,6 @@ var VistaNotificationV3 = function (_a) {
38
38
  react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
39
39
  react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2" },
40
40
  react_1.default.createElement("span", { className: "sr-only" }, "Close"),
41
- react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": "true", className: "size-5" })))))))))));
41
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-5" })))))))))));
42
42
  };
43
43
  exports.VistaNotificationV3 = VistaNotificationV3;
package/molecules/vista-progress-v2/vista-progress-v2.js CHANGED
@@ -32,10 +32,13 @@ var __importStar = (this && this.__importStar) || (function () {
32
32
  return result;
33
33
  };
34
34
  })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
35
38
  Object.defineProperty(exports, "__esModule", { value: true });
36
39
  exports.VistaProgressV2 = void 0;
37
40
  var react_1 = __importStar(require("react"));
38
- var solid_1 = require("@heroicons/react/24/solid");
41
+ var CheckIcon_1 = __importDefault(require("@heroicons/react/24/solid/CheckIcon"));
39
42
  var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
40
43
  var vista_button_type_1 = require("../../type/vista-button-type");
41
44
  var VistaProgressV2 = function (_a) {
@@ -59,7 +62,7 @@ var VistaProgressV2 = function (_a) {
59
62
  react_1.default.createElement("div", { className: "group flex w-full items-center cursor-pointer", onClick: function () { return handleOnChangeTab(name); } },
60
63
  react_1.default.createElement("span", { className: "flex items-center px-6 py-4 text-sm font-medium" },
61
64
  status === 'complete' ? (react_1.default.createElement("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-primary group-hover:bg-primary" },
62
- react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "size-6 text-white" }))) : (react_1.default.createElement("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary" },
65
+ react_1.default.createElement(CheckIcon_1.default, { "aria-hidden": "true", className: "size-6 text-white" }))) : (react_1.default.createElement("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary" },
63
66
  react_1.default.createElement("span", { className: "text-primary" }, id))),
64
67
  react_1.default.createElement("span", { className: "ml-4 text-sm font-medium ".concat(isCurrent ? 'text-primary' : 'text-gray-500') }, name))),
65
68
  stepIdx !== steps.length - 1 && (react_1.default.createElement(react_1.default.Fragment, null,
package/molecules/vista-progress-v4/vista-progress-v4.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaProgressV4 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var solid_1 = require("@heroicons/react/24/solid");
8
+ var CheckIcon_1 = __importDefault(require("@heroicons/react/24/solid/CheckIcon"));
9
9
  var class_names_1 = require("../../utils/class-names");
10
10
  var VistaProgressV4 = function (_a) {
11
11
  var steps = _a.steps;
@@ -18,7 +18,7 @@ var VistaProgressV4 = function (_a) {
18
18
  react_1.default.createElement("span", { className: (0, class_names_1.classNames)(stepIdx !== 0 ? 'lg:pl-9' : '', 'flex items-start px-6 py-5 text-sm font-medium') },
19
19
  react_1.default.createElement("span", { className: "shrink-0" },
20
20
  react_1.default.createElement("span", { className: "flex size-10 items-center justify-center rounded-full bg-indigo-600" },
21
- react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "size-6 text-white" }))),
21
+ react_1.default.createElement(CheckIcon_1.default, { "aria-hidden": "true", className: "size-6 text-white" }))),
22
22
  react_1.default.createElement("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col" },
23
23
  react_1.default.createElement("span", { className: "text-sm font-medium" }, step.name),
24
24
  react_1.default.createElement("span", { className: "text-sm font-medium text-gray-500" }, step.description))))) : step.status === 'current' ? (react_1.default.createElement("a", { href: step.href, "aria-current": "step" },
package/molecules/vista-progress-v5/vista-progress-v5.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaProgressV5 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var solid_1 = require("@heroicons/react/24/solid");
8
+ var CheckIcon_1 = __importDefault(require("@heroicons/react/20/solid/CheckIcon"));
9
9
  var class_names_1 = require("../../utils/class-names");
10
10
  var VistaProgressV5 = function (_a) {
11
11
  var steps = _a.steps;
@@ -14,7 +14,7 @@ var VistaProgressV5 = function (_a) {
14
14
  react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
15
15
  react_1.default.createElement("div", { className: "h-0.5 w-full bg-indigo-600" })),
16
16
  react_1.default.createElement("a", { href: "#", className: "relative flex size-8 items-center justify-center rounded-full bg-indigo-600 hover:bg-indigo-900" },
17
- react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "size-5 text-white" }),
17
+ react_1.default.createElement(CheckIcon_1.default, { "aria-hidden": "true", className: "size-5 text-white" }),
18
18
  react_1.default.createElement("span", { className: "sr-only" }, step.name)))) : step.status === 'current' ? (react_1.default.createElement(react_1.default.Fragment, null,
19
19
  react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
20
20
  react_1.default.createElement("div", { className: "h-0.5 w-full bg-gray-200" })),