@appcorp/app-corp-vista 0.3.44 → 0.3.46

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 (70) 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.d.ts +0 -1
  68. package/organisms/vista-table-v1/vista-table-body-v1.js +6 -3
  69. package/package.json +1 -1
  70. package/templates/vista-dashboard-v1/vista-dashboard-v1.js +2 -2
package/atoms/vista-banner-v1/vista-banner-v1.js CHANGED
@@ -6,7 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaBannerV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var outline_1 = require("@heroicons/react/24/outline");
9
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
10
10
  var VistaBannerV1 = function (_a) {
11
11
  var ctaLabel = _a.ctaLabel, description = _a.description, heading = _a.heading, handleCtaOnClick = _a.handleCtaOnClick, handleCrossOnClick = _a.handleCrossOnClick;
12
12
  return (react_1.default.createElement("div", { className: "relative isolate flex items-center gap-x-6 overflow-hidden bg-gray-50 px-6 py-2.5 sm:px-3.5 sm:before:flex-1 dark:bg-gray-800/50 dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10" },
@@ -27,6 +27,6 @@ var VistaBannerV1 = function (_a) {
27
27
  ctaLabel && (react_1.default.createElement("button", { onClick: handleCtaOnClick, className: "flex-none rounded-full bg-primary px-3.5 py-1 text-sm font-semibold text-white shadow-xs hover:bg-primary/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900 dark:bg-white/10 dark:inset-ring-white/20 dark:hover:bg-white/15 dark:focus-visible:outline-white" }, ctaLabel))),
28
28
  react_1.default.createElement("div", { className: "flex flex-1 justify-end" }, handleCrossOnClick && (react_1.default.createElement("button", { type: "button", className: "-m-3 p-3 focus-visible:-outline-offset-4", onClick: handleCrossOnClick },
29
29
  react_1.default.createElement("span", { className: "sr-only" }, "Dismiss"),
30
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-gray-100" }))))));
30
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-gray-100" }))))));
31
31
  };
32
32
  exports.VistaBannerV1 = VistaBannerV1;
package/atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1.js CHANGED
@@ -6,10 +6,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaDashboardNotificationV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var outline_1 = require("@heroicons/react/24/outline");
9
+ var BellIcon_1 = __importDefault(require("@heroicons/react/24/outline/BellIcon"));
10
10
  var VistaDashboardNotificationV1 = function () {
11
11
  return (react_1.default.createElement("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" },
12
12
  react_1.default.createElement("span", { className: "sr-only" }, "View notifications"),
13
- react_1.default.createElement(outline_1.BellIcon, { "aria-hidden": "true", className: "size-6" })));
13
+ react_1.default.createElement(BellIcon_1.default, { "aria-hidden": "true", className: "size-6" })));
14
14
  };
15
15
  exports.VistaDashboardNotificationV1 = VistaDashboardNotificationV1;
package/molecules/vista-button-group-v2/vista-button-group-v2.js CHANGED
@@ -6,14 +6,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaButtonGroupV2 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/20/solid");
9
+ var ChevronLeftIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronLeftIcon"));
10
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronRightIcon"));
10
11
  var VistaButtonGroupV2 = function () {
11
12
  return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
12
13
  react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
13
14
  react_1.default.createElement("span", { className: "sr-only" }, "Previous"),
14
- react_1.default.createElement(solid_1.ChevronLeftIcon, { "aria-hidden": "true", className: "size-5" })),
15
+ react_1.default.createElement(ChevronLeftIcon_1.default, { "aria-hidden": "true", className: "size-5" })),
15
16
  react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
16
17
  react_1.default.createElement("span", { className: "sr-only" }, "Next"),
17
- react_1.default.createElement(solid_1.ChevronRightIcon, { "aria-hidden": "true", className: "size-5" }))));
18
+ react_1.default.createElement(ChevronRightIcon_1.default, { "aria-hidden": "true", className: "size-5" }))));
18
19
  };
19
20
  exports.VistaButtonGroupV2 = VistaButtonGroupV2;
package/molecules/vista-button-group-v3/vista-button-group-v3.js CHANGED
@@ -6,11 +6,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaButtonGroupV3 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/20/solid");
9
+ var BookmarkIcon_1 = __importDefault(require("@heroicons/react/20/solid/BookmarkIcon"));
10
10
  var VistaButtonGroupV3 = function () {
11
11
  return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
12
12
  react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center gap-x-1.5 rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
13
- react_1.default.createElement(solid_1.BookmarkIcon, { "aria-hidden": "true", className: "-ml-0.5 size-5 text-gray-400" }),
13
+ react_1.default.createElement(BookmarkIcon_1.default, { "aria-hidden": "true", className: "-ml-0.5 size-5 text-gray-400" }),
14
14
  "Bookmark"),
15
15
  react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "12k")));
16
16
  };
package/molecules/vista-button-group-v4/vista-button-group-v4.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaButtonGroupV4 = 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 ChevronDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronDownIcon"));
11
11
  var VistaButtonGroupV4 = function (_a) {
12
12
  var selectedOption = _a.selectedOption, items = _a.items;
13
13
  return (react_1.default.createElement("div", { className: "inline-flex rounded-md shadow-xs" },
@@ -15,7 +15,7 @@ var VistaButtonGroupV4 = function (_a) {
15
15
  react_1.default.createElement(react_2.Menu, { as: "div", className: "relative -ml-px block" },
16
16
  react_1.default.createElement(react_2.MenuButton, { className: "relative inline-flex items-center rounded-r-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
17
17
  react_1.default.createElement("span", { className: "sr-only" }, "Open options"),
18
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5" })),
18
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5" })),
19
19
  react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2 -mr-1 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 transition focus:outline-hidden data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" },
20
20
  react_1.default.createElement("div", { className: "py-1" }, items
21
21
  .filter(function (_a) {
package/molecules/vista-button-group-v5/vista-button-group-v5.js CHANGED
@@ -6,7 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaButtonGroupV5 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/20/solid");
9
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronDownIcon"));
10
10
  var VistaButtonGroupV5 = function () {
11
11
  return (react_1.default.createElement("span", { className: "inline-flex" },
12
12
  react_1.default.createElement("span", { className: "inline-flex shrink-0 items-center rounded-l-md border border-gray-300 bg-white px-2 py-2" },
@@ -20,6 +20,6 @@ var VistaButtonGroupV5 = function () {
20
20
  react_1.default.createElement("option", null, "Unread messages"),
21
21
  react_1.default.createElement("option", null, "Sent messages"),
22
22
  react_1.default.createElement("option", null, "All messages")),
23
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" }))));
23
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" }))));
24
24
  };
25
25
  exports.VistaButtonGroupV5 = VistaButtonGroupV5;
package/molecules/vista-calendar-v1/vista-calendar-v1.js CHANGED
@@ -6,16 +6,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaCalendarV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/20/solid");
9
+ var ChevronLeftIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronLeftIcon"));
10
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronRightIcon"));
10
11
  var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
11
12
  var vista_button_type_1 = require("../../type/vista-button-type");
12
13
  var VistaCalendarV1 = function (_a) {
13
14
  var calendarData = _a.calendarData, handleOnClick = _a.handleOnClick, heading = _a.heading, selectedDate = _a.selectedDate, handleNextMonth = _a.handleNextMonth, handlePreviousMonth = _a.handlePreviousMonth;
14
15
  return (react_1.default.createElement("div", { className: "mt-10 text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 lg:mt-9 xl:col-start-9" },
15
16
  react_1.default.createElement("div", { className: "flex items-center text-gray-900" },
16
- react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handlePreviousMonth, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON, icon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: "size-5", "aria-hidden": "true" }) }),
17
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handlePreviousMonth, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON, icon: react_1.default.createElement(ChevronLeftIcon_1.default, { className: "size-5", "aria-hidden": "true" }) }),
17
18
  react_1.default.createElement("div", { className: "flex-auto text-lg font-semibold text-gray-900 dark:text-white" }, heading),
18
- react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleNextMonth, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON, icon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-5", "aria-hidden": "true" }) })),
19
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleNextMonth, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON, icon: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-5", "aria-hidden": "true" }) })),
19
20
  react_1.default.createElement("div", { className: "mt-6 grid grid-cols-7 text-xs/6 text-gray-500" },
20
21
  react_1.default.createElement("div", null, "M"),
21
22
  react_1.default.createElement("div", null, "T"),
package/molecules/vista-combobox-v1/vista-combobox-v1.js CHANGED
@@ -33,11 +33,15 @@ var __importStar = (this && this.__importStar) || (function () {
33
33
  return result;
34
34
  };
35
35
  })();
36
+ var __importDefault = (this && this.__importDefault) || function (mod) {
37
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38
+ };
36
39
  Object.defineProperty(exports, "__esModule", { value: true });
37
40
  exports.VistaComboboxV1 = void 0;
38
41
  var react_1 = __importStar(require("react"));
39
42
  var react_2 = require("@headlessui/react");
40
- var solid_1 = require("@heroicons/react/20/solid");
43
+ var CheckIcon_1 = __importDefault(require("@heroicons/react/20/solid/CheckIcon"));
44
+ var ChevronUpDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronUpDownIcon"));
41
45
  var VistaComboboxV1 = function (_a) {
42
46
  var checkClassName = _a.checkClassName, comboboxButtonClassName = _a.comboboxButtonClassName, comboboxClassName = _a.comboboxClassName, comboboxInputClassName = _a.comboboxInputClassName, comboboxOptionClassName = _a.comboboxOptionClassName, comboboxOptionsClassName = _a.comboboxOptionsClassName, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, handleInputOnChange = _a.handleInputOnChange, handleOnBlur = _a.handleOnBlur, handleOnChange = _a.handleOnChange, inputIconClassName = _a.inputIconClassName, label = _a.label, labelClassName = _a.labelClassName, listItems = _a.listItems, nodeQueryKey = _a.nodeQueryKey, nodeSelectKey = _a.nodeSelectKey, placeholder = _a.placeholder, query = _a.query, _c = _a.required, required = _c === void 0 ? false : _c, selectKey1 = _a.selectKey1, selectedItem = _a.selectedItem;
43
47
  var filteredList = (0, react_1.useMemo)(function () {
@@ -66,11 +70,11 @@ var VistaComboboxV1 = function (_a) {
66
70
  return handleOnBlur(nodeQueryKey, e.target.value);
67
71
  }, placeholder: placeholder }),
68
72
  react_1.default.createElement(react_2.ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none ".concat(comboboxButtonClassName) },
69
- react_1.default.createElement(solid_1.ChevronUpDownIcon, { className: "size-5 text-gray-900 dark:text-white\" aria-hidden=\"true ".concat(inputIconClassName) })),
73
+ react_1.default.createElement(ChevronUpDownIcon_1.default, { className: "size-5 text-gray-900 dark:text-white\" aria-hidden=\"true ".concat(inputIconClassName) })),
70
74
  (filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) > 0 && (react_1.default.createElement(react_2.ComboboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm ".concat(comboboxOptionsClassName) }, filteredList.map(function (item) { return (react_1.default.createElement(react_2.ComboboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-primary data-[focus]:text-white data-[focus]:outline-none ".concat(comboboxOptionClassName), key: item === null || item === void 0 ? void 0 : item[selectKey1], value: item },
71
75
  react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" }, item === null || item === void 0 ? void 0 : item[selectKey1]),
72
76
  react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-primary group-data-[selected]:flex group-data-[focus]:text-white ".concat(checkClassName) },
73
- react_1.default.createElement(solid_1.CheckIcon, { className: "size-5", "aria-hidden": "true" })))); })))),
77
+ react_1.default.createElement(CheckIcon_1.default, { className: "size-5", "aria-hidden": "true" })))); })))),
74
78
  error && (react_1.default.createElement("p", { id: "".concat(nodeQueryKey, "-error"), className: "mt-2 text-sm text-red-500" }, error))));
75
79
  };
76
80
  exports.VistaComboboxV1 = VistaComboboxV1;
package/molecules/vista-contact-v1/vista-contact-v1.js CHANGED
@@ -33,10 +33,13 @@ var __importStar = (this && this.__importStar) || (function () {
33
33
  return result;
34
34
  };
35
35
  })();
36
+ var __importDefault = (this && this.__importDefault) || function (mod) {
37
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38
+ };
36
39
  Object.defineProperty(exports, "__esModule", { value: true });
37
40
  exports.VistaContactV1 = void 0;
38
41
  var react_1 = __importStar(require("react"));
39
- var solid_1 = require("@heroicons/react/16/solid");
42
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/16/solid/ChevronDownIcon"));
40
43
  var react_2 = require("@headlessui/react");
41
44
  var VistaContactV1 = function () {
42
45
  var _a = (0, react_1.useState)(false), agreed = _a[0], setAgreed = _a[1];
@@ -75,7 +78,7 @@ var VistaContactV1 = function () {
75
78
  react_1.default.createElement("option", null, "US"),
76
79
  react_1.default.createElement("option", null, "CA"),
77
80
  react_1.default.createElement("option", null, "EU")),
78
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" })),
81
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4" })),
79
82
  react_1.default.createElement("input", { id: "phone-number", name: "phone-number", type: "text", placeholder: "123-456-7890", className: "block min-w-0 grow py-1.5 pr-3 pl-1 text-base text-gray-900 placeholder:text-gray-400 focus:outline-none sm:text-sm/6" })))),
80
83
  react_1.default.createElement("div", { className: "sm:col-span-2" },
81
84
  react_1.default.createElement("label", { htmlFor: "message", className: "block text-sm/6 font-semibold text-gray-900" }, "Message"),
package/molecules/vista-contact-v3/vista-contact-v3.js CHANGED
@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaContactV3 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var outline_1 = require("@heroicons/react/24/outline");
8
+ var BuildingLibraryIcon_1 = __importDefault(require("@heroicons/react/24/outline/BuildingLibraryIcon"));
9
+ var PhoneIcon_1 = __importDefault(require("@heroicons/react/24/outline/PhoneIcon"));
10
+ var EnvelopeIcon_1 = __importDefault(require("@heroicons/react/24/outline/EnvelopeIcon"));
9
11
  var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
10
12
  var vista_button_type_1 = require("../../type/vista-button-type");
11
13
  var vista_text_input_v1_1 = require("../vista-text-input-v1");
@@ -31,18 +33,18 @@ var VistaContactV3 = function (_a) {
31
33
  address && address.length > 1 && (react_1.default.createElement("div", { className: "flex gap-x-4" },
32
34
  react_1.default.createElement("dt", { className: "flex-none" },
33
35
  react_1.default.createElement("span", { className: "sr-only" }, "Address"),
34
- react_1.default.createElement(outline_1.BuildingOffice2Icon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
36
+ react_1.default.createElement(BuildingLibraryIcon_1.default, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
35
37
  react_1.default.createElement("dd", null, address.map(function (text) { return (react_1.default.createElement("p", { key: text }, text)); })))),
36
38
  phone && (react_1.default.createElement("div", { className: "flex gap-x-4" },
37
39
  react_1.default.createElement("dt", { className: "flex-none" },
38
40
  react_1.default.createElement("span", { className: "sr-only" }, "Telephone"),
39
- react_1.default.createElement(outline_1.PhoneIcon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
41
+ react_1.default.createElement(PhoneIcon_1.default, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
40
42
  react_1.default.createElement("dd", null,
41
43
  react_1.default.createElement("a", { href: "tel:+1 (555) 234-5678", className: "hover:text-gray-900" }, phone)))),
42
44
  email && (react_1.default.createElement("div", { className: "flex gap-x-4" },
43
45
  react_1.default.createElement("dt", { className: "flex-none" },
44
46
  react_1.default.createElement("span", { className: "sr-only" }, "Email"),
45
- react_1.default.createElement(outline_1.EnvelopeIcon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
47
+ react_1.default.createElement(EnvelopeIcon_1.default, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
46
48
  react_1.default.createElement("dd", null,
47
49
  react_1.default.createElement("a", { href: "mailto:".concat(email), className: "hover:text-gray-900" }, email))))))),
48
50
  react_1.default.createElement("form", { action: "#", method: "POST", className: "px-6 pt-20 pb-24 sm:pb-32 lg:px-8 lg:py-48" },
package/molecules/vista-contact-v4/vista-contact-v4.js CHANGED
@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaContactV4 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var outline_1 = require("@heroicons/react/24/outline");
8
+ var BuildingLibraryIcon_1 = __importDefault(require("@heroicons/react/24/outline/BuildingLibraryIcon"));
9
+ var PhoneIcon_1 = __importDefault(require("@heroicons/react/24/outline/PhoneIcon"));
10
+ var EnvelopeIcon_1 = __importDefault(require("@heroicons/react/24/outline/EnvelopeIcon"));
9
11
  var VistaContactV4 = function () {
10
12
  return (react_1.default.createElement("div", { className: "relative isolate bg-gray-900" },
11
13
  react_1.default.createElement("div", { className: "mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2" },
@@ -29,7 +31,7 @@ var VistaContactV4 = function () {
29
31
  react_1.default.createElement("div", { className: "flex gap-x-4" },
30
32
  react_1.default.createElement("dt", { className: "flex-none" },
31
33
  react_1.default.createElement("span", { className: "sr-only" }, "Address"),
32
- react_1.default.createElement(outline_1.BuildingOffice2Icon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
34
+ react_1.default.createElement(BuildingLibraryIcon_1.default, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
33
35
  react_1.default.createElement("dd", null,
34
36
  "545 Mavis Island",
35
37
  react_1.default.createElement("br", null),
@@ -37,13 +39,13 @@ var VistaContactV4 = function () {
37
39
  react_1.default.createElement("div", { className: "flex gap-x-4" },
38
40
  react_1.default.createElement("dt", { className: "flex-none" },
39
41
  react_1.default.createElement("span", { className: "sr-only" }, "Telephone"),
40
- react_1.default.createElement(outline_1.PhoneIcon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
42
+ react_1.default.createElement(PhoneIcon_1.default, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
41
43
  react_1.default.createElement("dd", null,
42
44
  react_1.default.createElement("a", { href: "tel:+1 (555) 234-5678", className: "hover:text-white" }, "+1 (555) 234-5678"))),
43
45
  react_1.default.createElement("div", { className: "flex gap-x-4" },
44
46
  react_1.default.createElement("dt", { className: "flex-none" },
45
47
  react_1.default.createElement("span", { className: "sr-only" }, "Email"),
46
- react_1.default.createElement(outline_1.EnvelopeIcon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
48
+ react_1.default.createElement(EnvelopeIcon_1.default, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
47
49
  react_1.default.createElement("dd", null,
48
50
  react_1.default.createElement("a", { href: "mailto:hello@example.com", className: "hover:text-white" }, "hello@example.com")))))),
49
51
  react_1.default.createElement("form", { action: "#", method: "POST", className: "px-6 pt-20 pb-24 sm:pb-32 lg:px-8 lg:py-48" },
package/molecules/vista-contact-v6/vista-contact-v6.js CHANGED
@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaContactV6 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var outline_1 = require("@heroicons/react/24/outline");
8
+ var BugAntIcon_1 = __importDefault(require("@heroicons/react/24/outline/BugAntIcon"));
9
+ var ChatBubbleLeftRightIcon_1 = __importDefault(require("@heroicons/react/24/outline/ChatBubbleLeftRightIcon"));
10
+ var ComputerDesktopIcon_1 = __importDefault(require("@heroicons/react/24/outline/ComputerDesktopIcon"));
9
11
  var VistaContactV6 = function () {
10
12
  return (react_1.default.createElement("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8" },
11
13
  react_1.default.createElement("div", { className: "mx-auto max-w-2xl sm:text-center" },
@@ -14,7 +16,7 @@ var VistaContactV6 = function () {
14
16
  react_1.default.createElement("div", { className: "mx-auto mt-20 max-w-lg space-y-16" },
15
17
  react_1.default.createElement("div", { className: "flex gap-x-6" },
16
18
  react_1.default.createElement("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-indigo-600" },
17
- react_1.default.createElement(outline_1.ChatBubbleLeftRightIcon, { "aria-hidden": "true", className: "size-6 text-white" })),
19
+ react_1.default.createElement(ChatBubbleLeftRightIcon_1.default, { "aria-hidden": "true", className: "size-6 text-white" })),
18
20
  react_1.default.createElement("div", null,
19
21
  react_1.default.createElement("h3", { className: "text-base/7 font-semibold text-gray-900" }, "Sales support"),
20
22
  react_1.default.createElement("p", { className: "mt-2 text-base/7 text-gray-600" }, "Ut cursus est ut amet. Lobortis eget egestas leo vitae eget porttitor risus blandit. Nunc a in lorem vel iaculis porttitor."),
@@ -24,7 +26,7 @@ var VistaContactV6 = function () {
24
26
  react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))),
25
27
  react_1.default.createElement("div", { className: "flex gap-x-6" },
26
28
  react_1.default.createElement("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-indigo-600" },
27
- react_1.default.createElement(outline_1.BugAntIcon, { "aria-hidden": "true", className: "size-6 text-white" })),
29
+ react_1.default.createElement(BugAntIcon_1.default, { "aria-hidden": "true", className: "size-6 text-white" })),
28
30
  react_1.default.createElement("div", null,
29
31
  react_1.default.createElement("h3", { className: "text-base/7 font-semibold text-gray-900" }, "Bug reports"),
30
32
  react_1.default.createElement("p", { className: "mt-2 text-base/7 text-gray-600" }, "Expedita qui non ut quia ipsum voluptatum ipsam pariatur. Culpa vitae ipsum minus eius vero quo quibusdam."),
@@ -34,7 +36,7 @@ var VistaContactV6 = function () {
34
36
  react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))),
35
37
  react_1.default.createElement("div", { className: "flex gap-x-6" },
36
38
  react_1.default.createElement("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-indigo-600" },
37
- react_1.default.createElement(outline_1.ComputerDesktopIcon, { "aria-hidden": "true", className: "size-6 text-white" })),
39
+ react_1.default.createElement(ComputerDesktopIcon_1.default, { "aria-hidden": "true", className: "size-6 text-white" })),
38
40
  react_1.default.createElement("div", null,
39
41
  react_1.default.createElement("h3", { className: "text-base/7 font-semibold text-gray-900" }, "Technical support"),
40
42
  react_1.default.createElement("p", { className: "mt-2 text-base/7 text-gray-600" }, "Sint aut modi porro consequatur architecto commodi qui consequatur. Dignissimos adipisci minima."),
package/molecules/vista-dashboard-profile-v1/vista-dashboard-profile-v1.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaDashboardProfileV1 = 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/24/solid");
10
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronDownIcon"));
11
11
  var vista_avatar_v1_1 = require("../vista-avatar-v1/vista-avatar-v1");
12
12
  var vista_avatar_type_1 = require("../../type/vista-avatar-type");
13
13
  var VistaDashboardProfileV1 = function (_a) {
@@ -18,7 +18,7 @@ var VistaDashboardProfileV1 = function (_a) {
18
18
  react_1.default.createElement("span", { className: "sr-only" }, "Open user menu"),
19
19
  react_1.default.createElement("span", { className: "hidden lg:flex lg:items-center" },
20
20
  react_1.default.createElement("span", { "aria-hidden": "true", className: "ml-4 text-sm/6 font-semibold text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }, name),
21
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "ml-2 size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))),
21
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "ml-2 size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))),
22
22
  react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white dark:bg-gray-800 py-2 shadow-lg ring-1 ring-gray-900/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" }, profileMenuItems
23
23
  .filter(function (_a) {
24
24
  var enabled = _a.enabled;
package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js CHANGED
@@ -6,7 +6,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaDashboardTopBarV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/20/solid");
9
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/20/solid/Bars3Icon"));
10
+ var MagnifyingGlassIcon_1 = __importDefault(require("@heroicons/react/20/solid/MagnifyingGlassIcon"));
11
+ var MoonIcon_1 = __importDefault(require("@heroicons/react/20/solid/MoonIcon"));
12
+ var SunIcon_1 = __importDefault(require("@heroicons/react/20/solid/SunIcon"));
10
13
  var vista_vertical_divider_v1_1 = require("../../atoms/vista-vertical-divider-v1/vista-vertical-divider-v1");
11
14
  var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1");
12
15
  var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-type");
@@ -16,20 +19,20 @@ var VistaDashboardTopBarV1 = function (_a) {
16
19
  return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-black/10 bg-gray-100 dark:bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
17
20
  react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
18
21
  react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
19
- react_1.default.createElement(solid_1.Bars3Icon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" })),
22
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" })),
20
23
  react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6 items-center" }, menuItems && (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(function (_a) {
21
24
  var name = _a.name, handleOnClick = _a.handleOnClick;
22
25
  return (react_1.default.createElement("div", { key: name, className: "px-4 cursor-pointer", onClick: handleOnClick }, name));
23
26
  }))) : (react_1.default.createElement("div", null,
24
27
  react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
25
28
  react_1.default.createElement("div", { className: "relative w-full" },
26
- react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
29
+ react_1.default.createElement(MagnifyingGlassIcon_1.default, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
27
30
  react_1.default.createElement("input", { className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm", id: "search-field", name: "search", placeholder: "Search...", type: "search" }))))),
28
31
  themeEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
29
32
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
30
33
  theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },
31
- react_1.default.createElement(solid_1.SunIcon, { className: "size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))) : (react_1.default.createElement("button", { onClick: handleTheme },
32
- react_1.default.createElement(solid_1.MoonIcon, { className: "size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))))),
34
+ react_1.default.createElement(SunIcon_1.default, { className: "size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))) : (react_1.default.createElement("button", { onClick: handleTheme },
35
+ react_1.default.createElement(MoonIcon_1.default, { className: "size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))))),
33
36
  balance && (react_1.default.createElement(react_1.default.Fragment, null,
34
37
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
35
38
  react_1.default.createElement("p", { className: "font-medium text-md text-gray-500" }, balance))),
package/molecules/vista-drawer-v1/vista-drawer-v1.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaDrawerV1 = 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");
10
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
11
11
  var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
12
12
  var vista_drawer_type_1 = require("../../type/vista-drawer-type");
13
13
  var vista_button_type_1 = require("../../type/vista-button-type");
@@ -32,7 +32,7 @@ var VistaDrawerV1 = function (_a) {
32
32
  react_1.default.createElement("div", { className: "flex items-start justify-between" },
33
33
  react_1.default.createElement(react_2.DialogTitle, { className: "text-base font-semibold text-white" }, title),
34
34
  react_1.default.createElement("div", { className: "ml-3 flex h-7 items-center" },
35
- react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleSetIsOpen(false); }, icon: react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))),
35
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleSetIsOpen(false); }, icon: react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))),
36
36
  description && (react_1.default.createElement("div", { className: "mt-1" },
37
37
  react_1.default.createElement("p", { className: "text-sm text-gray-300" }, description)))))),
38
38
  react_1.default.createElement("div", { className: "relative flex-1 p-4 overflow-y-scroll text-gray-900 dark:text-white" }, children),
package/molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1.js CHANGED
@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaDropdownMenuV1 = 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 EllipsisVerticalIcon_1 = __importDefault(require("@heroicons/react/20/solid/EllipsisVerticalIcon"));
11
11
  var VistaDropdownMenuV1 = function (_a) {
12
12
  var assetId = _a.assetId, rowActions = _a.rowActions;
13
13
  return (react_1.default.createElement(react_2.Menu, { as: "div", className: "relative inline-block text-left cursor-pointer" },
14
14
  react_1.default.createElement("div", null,
15
15
  react_1.default.createElement(react_2.MenuButton, { className: "flex items-center rounded-full bg-gray-400 text-gray-50 hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-primary" },
16
16
  react_1.default.createElement("span", { className: "sr-only" }, "Open options"),
17
- react_1.default.createElement(solid_1.EllipsisVerticalIcon, { "aria-hidden": "true", className: "size-5" }))),
17
+ react_1.default.createElement(EllipsisVerticalIcon_1.default, { "aria-hidden": "true", className: "size-5" }))),
18
18
  react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" },
19
19
  react_1.default.createElement("div", { className: "py-1" }, rowActions
20
20
  .filter(function (_a) {
package/molecules/vista-header-v1/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/20/solid/Bars3Icon"));
11
+ var Bars3Icon_2 = __importDefault(require("@heroicons/react/24/outline/Bars3Icon"));
12
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/20/solid/ChevronDownIcon"));
12
13
  var image_1 = __importDefault(require("next/image"));
13
14
  var NavBar = function (_a) {
14
15
  var companyName = _a.companyName, handleMenuOpen = _a.handleMenuOpen, items = _a.items, _b = _a.loginVisible, loginVisible = _b === void 0 ? false : _b, logoAlt = _a.logoAlt, _c = _a.logoContainerClassName, logoContainerClassName = _c === void 0 ? '' : _c, logoSrc = _a.logoSrc, menuOpen = _a.menuOpen;
@@ -20,7 +21,7 @@ var NavBar = function (_a) {
20
21
  react_1.default.createElement("div", { className: "flex lg:hidden" },
21
22
  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" },
22
23
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
23
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
24
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6 text-gray-700 dark:text-gray-300" }))),
24
25
  react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" }, items.map(function (_a) {
25
26
  var cta = _a.cta, handleOnClick = _a.handleOnClick, megaMenu = _a.megaMenu, name = _a.name;
26
27
  var multiGrid = megaMenu && megaMenu.length > 5 ? true : false;
@@ -30,7 +31,7 @@ var NavBar = function (_a) {
30
31
  return (react_1.default.createElement(react_1.default.Fragment, null,
31
32
  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 },
32
33
  name,
33
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
34
+ react_1.default.createElement(ChevronDownIcon_1.default, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
34
35
  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 },
35
36
  react_1.default.createElement("div", { className: "".concat(multiGrid ? 'grid grid-cols-2 gap-4' : 'p-4') }, megaMenu.map(function (_a) {
36
37
  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(Bars3Icon_2.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-v10/vista-header-v10.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.VistaHeaderV10 = 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: '#' },
@@ -55,7 +59,7 @@ var VistaHeaderV10 = function () {
55
59
  react_1.default.createElement("div", { className: "flex lg:hidden" },
56
60
  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" },
57
61
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
58
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
62
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
59
63
  react_1.default.createElement("div", { className: "hidden lg:flex" },
60
64
  react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
61
65
  "Log in ",
@@ -69,7 +73,7 @@ var VistaHeaderV10 = 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-v11/vista-header-v11.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.VistaHeaderV11 = 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: '#' },
@@ -53,7 +57,7 @@ var VistaHeaderV11 = function () {
53
57
  react_1.default.createElement("div", { className: "flex lg:hidden" },
54
58
  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" },
55
59
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
56
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
60
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" }))),
57
61
  react_1.default.createElement("div", { className: "hidden lg:flex lg:gap-x-12" },
58
62
  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("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
@@ -68,7 +72,7 @@ var VistaHeaderV11 = function () {
68
72
  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" })),
69
73
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
70
74
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
71
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
75
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
72
76
  react_1.default.createElement("div", { className: "mt-6 flow-root" },
73
77
  react_1.default.createElement("div", { className: "-my-6 divide-y divide-gray-500/10" },
74
78
  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-v12/vista-header-v12.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.VistaHeaderV12 = 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: '#' },
@@ -51,7 +55,7 @@ var VistaHeaderV12 = function () {
51
55
  react_1.default.createElement("div", { className: "flex lg:hidden" },
52
56
  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" },
53
57
  react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),
54
- react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" })))),
58
+ react_1.default.createElement(Bars3Icon_1.default, { "aria-hidden": "true", className: "size-6" })))),
55
59
  react_1.default.createElement("a", { href: "#", className: "-m-1.5 p-1.5" },
56
60
  react_1.default.createElement("span", { className: "sr-only" }, "Your Company"),
57
61
  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" })),
@@ -66,7 +70,7 @@ var VistaHeaderV12 = function () {
66
70
  react_1.default.createElement("div", { className: "flex flex-1" },
67
71
  react_1.default.createElement("button", { type: "button", onClick: function () { return setMobileMenuOpen(false); }, className: "-m-2.5 rounded-md p-2.5 text-gray-700" },
68
72
  react_1.default.createElement("span", { className: "sr-only" }, "Close menu"),
69
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }))),
73
+ react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6" }))),
70
74
  react_1.default.createElement("a", { href: "#", className: "-m-1.5 p-1.5" },
71
75
  react_1.default.createElement("span", { className: "sr-only" }, "Your Company"),
72
76
  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" })),