@licklist/design 0.78.7-stage.74 → 0.78.7-stage.76

package/.yarnrc.yml

@@ -1,3 +1,8 @@
 nodeLinker: node-modules
 npmAlwaysAuth: true
 npmAuthToken: ${NPM_TOKEN}
+
+supportedArchitectures:
+  os: [current, linux]
+  cpu: [current, x64]
+  libc: [current, musl, glibc]

package/dist/index.js

@@ -214,16 +214,17 @@ export { Chart } from './v2/dashboard-analytics/chart/Chart.js';
 export { Dashboard } from './v2/dashboard-analytics/dashboard/Dashboard.js';
 export { Blog } from './v2/dashboard-analytics/blog-posts/Blog.js';
 export { DashboardLayout } from './v2/navigation/DashboardLayout/DashboardLayout.js';
-export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon, WaiversIcon } from './v2/navigation/DashboardLayout/ProviderSidebar.js';
+export { FlowsIcon, HomeIcon, InventoryIcon, ProviderSidebar } from './v2/navigation/DashboardLayout/ProviderSidebar.js';
 export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
 export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
 export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, PadlockIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, VenueIcon } from './v2/icons/index.js';
+export { AdminIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, NoEntryIcon, PadlockIcon, PaymentsIcon, PlusIcon, ProfileIcon, RefreshIcon, SearchIcon, SecurityIcon, SendIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, VenueIcon } from './v2/icons/index.js';
 export { SettingsPage } from './v2/pages/Settings/SettingsPage.js';
 export { SettingsTabs } from './v2/pages/Settings/SettingsTabs.js';
 export { SidebarCustomisation, defaultSidebarItems } from './v2/pages/Settings/components/SidebarCustomisation.js';
 export { SidebarNavItem } from './v2/pages/Settings/components/SidebarNavItem.js';
 export { ZonesResourcesPage } from './v2/pages/ZonesResources/ZonesResourcesPage.js';
+export { SettingsSubPage } from './v2/pages/SettingsSubPage/SettingsSubPage.js';
 export { IconButton } from './v2/components/IconButton/IconButton.js';
 export { Badge } from './v2/components/Badge/Badge.js';
 export { QuickFilter } from './v2/components/QuickFilter/QuickFilter.js';

package/dist/v2/icons/index.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -79,6 +79,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+var DashboardIcon = function() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height, _ref_className = _ref.className, className = _ref_className === void 0 ? '' : _ref_className;
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: width,
+        height: height,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M17.727 20.118H6.273a.83.83 0 0 1-.818-.84v-7.557H3l8.45-7.884a.803.803 0 0 1 1.1 0L21 11.72h-2.454v7.557a.83.83 0 0 1-.819.84Zm-10.636-1.68h9.818v-8.265L12 5.593l-4.91 4.58v8.266Z"
+        })
+    });
+};
+var CompanyIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M19.5 18.75H4.5V17.25H5.25V6C5.25 5.58579 5.58579 5.25 6 5.25H16.5C16.9142 5.25 17.25 5.58579 17.25 6V9.75H18.75V17.25H19.5V18.75ZM15.75 17.25H17.25V11.25H12.75V17.25H14.25V12.75H15.75V17.25ZM15.75 9.75V6.75H6.75V17.25H11.25V9.75H15.75ZM8.25 11.25H9.75V12.75H8.25V11.25ZM8.25 14.25H9.75V15.75H8.25V14.25ZM8.25 8.25H9.75V9.75H8.25V8.25Z",
+            fill: "var(--fills-main-fill-primary, #14215A)"
+        })
+    });
+};
 var VenueIcon = function() {
     return /*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -110,6 +138,30 @@ var MarketingIcon = function() {
         })
     });
 };
+var AdminIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M12 13.5V15a4.5 4.5 0 0 0-4.5 4.5H6a6 6 0 0 1 6-6Zm0-.75a4.499 4.499 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Zm4.5 7.875-2.204 1.159.42-2.455-1.782-1.738 2.464-.358L16.5 13.5l1.102 2.233 2.465.358-1.784 1.738.421 2.455-2.204-1.159Z"
+        })
+    });
+};
+var ProfileIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M6 19.5a6 6 0 0 1 12 0h-1.5a4.5 4.5 0 1 0-9 0H6Zm6-6.75a4.499 4.499 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Z"
+        })
+    });
+};
 var CustomersIcon = function() {
     return /*#__PURE__*/ jsx("svg", {
         width: "24",
@@ -122,6 +174,18 @@ var CustomersIcon = function() {
         })
     });
 };
+var PaymentsIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M12.004 19.502a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm0-1.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-2.25-5.25h-.75v-1.5h.75v-.75a2.625 2.625 0 0 1 5.06-.984l-1.49.373a1.124 1.124 0 0 0-2.07.61v.75h2.25v1.5h-2.25v1.5h3.75v1.5h-6v-1.5h.75v-1.5Z"
+        })
+    });
+};
 var SettingsIcon = function() {
     return /*#__PURE__*/ jsx("svg", {
         width: "24",
@@ -540,6 +604,26 @@ var CircleIcon = function() {
         })
     }));
 };
+var SecurityIcon = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 8L16 6.5V25.5L11 22.5L8 19.5V8Z",
+                fill: "currentColor",
+                fillOpacity: "0.1"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16 5L24.2169 6.82598C24.6745 6.92766 25 7.33347 25 7.80217V17.7889C25 19.795 23.9974 21.6684 22.3282 22.7812L16 27L9.6718 22.7812C8.00261 21.6684 7 19.795 7 17.7889V7.80217C7 7.33347 7.32553 6.92766 7.78307 6.82598L16 5ZM16 7.04879L9 8.60434V17.7889C9 19.1263 9.6684 20.3752 10.7812 21.1171L16 24.5963L21.2188 21.1171C22.3316 20.3752 23 19.1263 23 17.7889V8.60434L16 7.04879ZM16 11C17.1046 11 18 11.8954 18 13C18 13.7398 17.5983 14.3858 17.0011 14.7318L17 19H15L14.9999 14.7324C14.4022 14.3866 14 13.7402 14 13C14 11.8954 14.8954 11 16 11Z",
+                fill: "currentColor"
+            })
+        ]
+    });
+};
 var DeleteIcon = function() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height;
     return /*#__PURE__*/ jsx("svg", {
@@ -568,6 +652,43 @@ var ClockIcon = function() {
         })
     });
 };
+var NoEntryIcon = function() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height;
+    return /*#__PURE__*/ jsx("svg", {
+        width: width,
+        height: height,
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M16 5C22.0751 5 27 9.92487 27 16C27 22.0751 22.0751 27 16 27C9.92487 27 5 22.0751 5 16C5 9.92487 9.92487 5 16 5ZM7.75293 12.3936C7.26936 13.4978 7 14.7173 7 16C7 20.9706 11.0294 25 16 25C18.9719 25 21.6062 23.5587 23.2451 21.3379L7.75293 12.3936ZM16 7C13.0282 7 10.3928 8.44042 8.75391 10.6611L24.2461 19.6055C24.7295 18.5013 25 17.2825 25 16C25 11.0294 20.9706 7 16 7Z",
+            fill: "currentColor"
+        })
+    });
+};
+var UploadIcon = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 16V8M12 8L8.5 11.5M12 8L15.5 11.5",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M4 17V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V17",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round"
+            })
+        ]
+    });
+};
 var LocationIcon = function() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 48 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 48 : _ref_height, _ref_className = _ref.className, className = _ref_className === void 0 ? '' : _ref_className;
     return /*#__PURE__*/ jsx("svg", {
@@ -647,4 +768,4 @@ var SettingsPageWaiversIcon = function() {
     }));
 };
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CustomersIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, LoyaltyIcon, MarketingIcon, PadlockIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, VenueIcon, WaiversIcon };
+export { AdminIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, CustomersIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, LoyaltyIcon, MarketingIcon, NoEntryIcon, PadlockIcon, PaymentsIcon, PlusIcon, ProfileIcon, RefreshIcon, SearchIcon, SecurityIcon, SendIcon, SettingsIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, VenueIcon, WaiversIcon };

package/dist/v2/navigation/DashboardLayout/ProviderSidebar.js

@@ -100,18 +100,6 @@ var MarketingIcon = function() {
         })
     });
 };
-var WaiversIcon = function() {
-    return /*#__PURE__*/ jsx("svg", {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 32 32",
-        fill: "none",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M19.5771 18.5563C20.9411 17.6264 22.718 17.1662 25.1523 17.4449L25.6484 17.5104L25.749 17.5309C26.2398 17.6564 26.5658 18.1363 26.4893 18.6481C26.4124 19.1602 25.9595 19.523 25.4531 19.4987L25.3516 19.4889L24.9297 19.4323C22.8719 19.1952 21.596 19.6007 20.7041 20.2086C19.7063 20.8889 19.0536 21.9054 18.3594 23.0729C17.718 24.1516 16.9733 25.5059 15.7871 26.2936C14.5585 27.1092 13.0355 27.2399 11.0518 26.5787L10.6484 26.4362L10.5547 26.3951C10.1007 26.17 9.88172 25.6328 10.0635 25.1481C10.2455 24.6636 10.7639 24.4027 11.2539 24.5319L11.3516 24.5631L11.6816 24.6803C13.2821 25.216 14.1232 24.9983 14.6816 24.6276C15.4013 24.1496 15.9073 23.2847 16.6406 22.0514C17.3213 20.9067 18.1691 19.5164 19.5771 18.5563ZM14.6758 4.54749C14.9256 4.0552 15.5271 3.85842 16.0195 4.10803L20.5703 6.41467L20.6582 6.46545C21.085 6.73909 21.2439 7.29752 21.0098 7.7594L14.4189 20.7594C14.3389 20.9171 14.2179 21.0511 14.0693 21.1471L9.81738 23.8932C9.51875 24.0861 9.14038 24.1056 8.82324 23.9449C8.50608 23.7842 8.29737 23.4669 8.27637 23.1119L7.97852 18.0592C7.96811 17.8825 8.00497 17.7053 8.08496 17.5475L14.6758 4.54749ZM9.99121 18.2106L10.1719 21.2819L12.7578 19.6129L18.7734 7.7467L16.0068 6.34436L9.99121 18.2106Z",
-            fill: "currentColor"
-        })
-    });
-};
 var SettingsIcon = function() {
     return /*#__PURE__*/ jsx("svg", {
         width: "24",
@@ -359,4 +347,4 @@ var ProviderSidebar = function(param) {
     });
 };
 
-export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon, WaiversIcon };
+export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon };

package/dist/v2/pages/SettingsSubPage/SettingsSubPage.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import '../../components/Button/Button.scss.js';
+import { GhostButton } from '../../components/Button/GhostButton.js';
+import { NewPageHeader } from '../../components/NewPageHeader/NewPageHeader.js';
+import { ArrowLeftIcon, PlusIcon } from '../../icons/index.js';
+import './SettingsSubPage.scss.js';
+
+var SettingsSubPage = function(param) {
+    var _param_title = param.title, title = _param_title === void 0 ? '' : _param_title, _param_backLabel = param.backLabel, backLabel = _param_backLabel === void 0 ? 'Back to Settings' : _param_backLabel, onBack = param.onBack, actionLabel = param.actionLabel, onAction = param.onAction, children = param.children;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "settings-sub-page",
+        children: [
+            onBack && /*#__PURE__*/ jsx("div", {
+                className: "settings-sub-page__back",
+                children: /*#__PURE__*/ jsx(GhostButton, {
+                    onClick: onBack,
+                    icon: /*#__PURE__*/ jsx(ArrowLeftIcon, {}),
+                    children: backLabel
+                })
+            }),
+            /*#__PURE__*/ jsx(NewPageHeader, {
+                title: title,
+                showDivider: true
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "settings-sub-page__content",
+                children: [
+                    onAction && actionLabel && /*#__PURE__*/ jsx("div", {
+                        className: "settings-sub-page__action",
+                        children: /*#__PURE__*/ jsx(GhostButton, {
+                            onClick: onAction,
+                            icon: /*#__PURE__*/ jsx(PlusIcon, {
+                                width: 16,
+                                height: 16
+                            }),
+                            children: actionLabel
+                        })
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+};
+
+export { SettingsSubPage };

package/dist/v2/pages/SettingsSubPage/SettingsSubPage.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".settings-sub-page{align-self:stretch;display:flex;flex-direction:column}.settings-sub-page__back{align-self:flex-start;padding:24px 32px 0}.settings-sub-page__back .ghost-button{border-color:var(--borders-main-border-primary,#e8e9ef);color:var(--fill-action,#5d5bf4)}.settings-sub-page__back .ghost-button:not(.active):hover:not(:disabled){background-color:var(--surface-action-soft,#f4f4fe);color:var(--fill-action,#5d5bf4)}.settings-sub-page__back .ghost-button .ghost-button__icon svg{height:24px;width:24px}@media (max-width:768px){.settings-sub-page__back{padding:16px 16px 0}}.settings-sub-page__content{padding:24px 32px}@media (max-width:768px){.settings-sub-page__content{padding:0}}.settings-sub-page__action{display:flex;justify-content:flex-end;margin-bottom:16px}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/pages/ZonesResources/ZonesResourcesPage.js

@@ -1,47 +1,73 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import 'react';
-import '../../components/Button/Button.scss.js';
-import { GhostButton } from '../../components/Button/GhostButton.js';
-import { NewPageHeader } from '../../components/NewPageHeader/NewPageHeader.js';
-import { ArrowLeftIcon, PlusIcon } from '../../icons/index.js';
-import './ZonesResourcesPage.scss.js';
+import { SettingsSubPage } from '../SettingsSubPage/SettingsSubPage.js';
 
-var ZonesResourcesPage = function(param) {
-    var _param_title = param.title, title = _param_title === void 0 ? 'Zones & Resources' : _param_title, _param_backLabel = param.backLabel, backLabel = _param_backLabel === void 0 ? 'Back to Settings' : _param_backLabel, onBack = param.onBack, _param_actionLabel = param.actionLabel, actionLabel = _param_actionLabel === void 0 ? 'Add Zone' : _param_actionLabel, onAction = param.onAction, children = param.children;
-    return /*#__PURE__*/ jsxs("div", {
-        className: "zones-resources-page",
-        children: [
-            onBack && /*#__PURE__*/ jsx("div", {
-                className: "zones-resources-page__back",
-                children: /*#__PURE__*/ jsx(GhostButton, {
-                    onClick: onBack,
-                    icon: /*#__PURE__*/ jsx(ArrowLeftIcon, {}),
-                    children: backLabel
-                })
-            }),
-            /*#__PURE__*/ jsx(NewPageHeader, {
-                title: title,
-                showDivider: true
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "zones-resources-page__content",
-                children: [
-                    onAction && /*#__PURE__*/ jsx("div", {
-                        className: "zones-resources-page__action",
-                        children: /*#__PURE__*/ jsx(GhostButton, {
-                            onClick: onAction,
-                            icon: /*#__PURE__*/ jsx(PlusIcon, {
-                                width: 16,
-                                height: 16
-                            }),
-                            children: actionLabel
-                        })
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+/**
+ * @deprecated Use SettingsSubPage instead. This is kept for backwards compatibility.
+ */ var ZonesResourcesPage = function(_param) {
+    var _param_title = _param.title, title = _param_title === void 0 ? 'Zones & Resources' : _param_title, _param_actionLabel = _param.actionLabel, actionLabel = _param_actionLabel === void 0 ? 'Add Zone' : _param_actionLabel, props = _object_without_properties(_param, [
+        "title",
+        "actionLabel"
+    ]);
+    return /*#__PURE__*/ jsx(SettingsSubPage, _object_spread({
+        title: title,
+        actionLabel: actionLabel
+    }, props));
 };
 
 export { ZonesResourcesPage };

package/dist/v2/styles/common.scss

@@ -0,0 +1,7 @@
+.text-description {
+  font-family: var(--font-family-sans, 'Geist', sans-serif);
+  font-size: 16px;
+  font-style: normal;
+  line-height: 24px;
+  color: var(--label-secondary, #626A90);
+}

package/dist/v2/styles/components/Button.scss

@@ -0,0 +1,199 @@
+/* Button Component Styles based on Figma design */
+
+.new-button {
+  display: flex;
+  gap: var(--spacing-sm);
+  justify-content: center;
+  padding: 12px 24px;
+  align-self: flex-start;
+  text-align: center;
+  align-items: center;
+  font-family: var(--font-family-sans, 'Geist', sans-serif);
+  font-weight: 600;
+  line-height: 20px;
+  min-height: 44px;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+
+  // Primary Button - Solid purple
+  &--primary {
+    background: #6200EE;
+    color: #ffffff;
+
+    &:hover {
+      background: #360083;
+    }
+
+    &:active,
+    &:focus {
+      background: #360083;
+    }
+  }
+
+  // Primary - Soft (Light purple)
+  &--primary-soft {
+    background: #efeffe;
+    color: #5d5bf4;
+
+    &:hover {
+      background: #cdccfc;
+    }
+
+    &:active {
+      background: #b4b4fa;
+    }
+  }
+
+  // Primary - Outline
+  &--primary-outline {
+    border: 2px solid var(--fills-main-fill-action, #6200ee);
+    background-color: transparent;
+    color: var(--labels-main-label-action, #6200ee);
+
+    &:hover {
+      border: 2px solid var(--fills-main-fill-action, #6200ee);
+      background-color: var(--surfaces-main-background-action-soft, #efe6fd);
+    }
+
+    &:active {
+      background-color: var(--surfaces-main-background-action-soft, #efe6fd);
+    }
+  }
+
+  // Secondary Button
+  &--secondary {
+    border-radius: var(--sizes-radius-radius, 8px);
+    background: var(--surface-action-soft);
+    color: var(--label-action);
+
+    &:hover {
+      background: #EFE6FD;
+    }
+
+    &:active,
+    &:focus {
+      background: #EFE6FD;
+    }
+  }
+
+  // Secondary - Soft
+  &--secondary-soft {
+    background: var(--surface-action-soft, #EFE6FD);
+    color: var(--label-action, #6200EE);
+
+    &:hover {
+      background: var(--surface-tertiary, #F0F0F5);
+    }
+  }
+
+
+  // Tertiary - Soft
+  &--tertiary-soft {
+    background: #FFFFFF;
+    color: var(--label-primary, #121E52);
+    border: 1px solid var(--border-primary, #E8E9EF);
+
+    &:hover {
+      background: var(--surface-tertiary, #F0F0F5);
+    }
+  }
+
+  // Destructive - Soft
+  &--destructive-soft {
+    border-radius: var(--radius-reg, 8px);
+    background: var(--surface-danger-soft, #fceceb);
+    color: var(--label-danger);
+
+    &:hover {
+      background-color: var(--surface-danger-soft-hover, #f5c4c2);
+    }
+
+    &:active {
+      background-color: var(--surface-danger-soft-pressed, #e66861);
+      color: var(--label-white, #ffffff);
+    }
+  }
+
+  // Destructive - Strong
+  &--destructive-strong {
+    background: linear-gradient(
+      180deg,
+      rgba(255, 255, 255, 0.2) 0%,
+      var(--red-red) 5.77%,
+      var(--red-red-dark) 95.19%,
+      var(--red-red-darkest) 100%
+    ),
+    linear-gradient(
+      180deg,
+      var(--red-red-lighter) 0%,
+      var(--red-red-darkest) 100%
+    ),
+    linear-gradient(90deg, var(--red-red-dark) 0%, var(--red-red-dark) 100%);
+    color: var(--labels-main-label-white, #ffffff);
+
+    &:hover,
+    &:active {
+      background-color: var(--fills-main-fill-danger, #cc3c35);
+    }
+  }
+
+  // Info Button
+  &--info {
+    background-color: var(--surfaces-status-background-info, #e7f4fc);
+    color: var(--labels-status-label-info, #0d7fce);
+
+    &:hover,
+    &:active {
+      // Same background for hover/pressed states
+    }
+  }
+
+  // Disabled state
+  &:disabled,
+  &--disabled {
+    background-color: var(--surfaces-status-background-disabled, #d2d5e3);
+    color: var(--labels-status-label-disabled, #9399b3);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  /* Button text styling */
+  &__spinner {
+    width: 16px;
+    height: 16px;
+    border: 2px solid rgba(0, 0, 0, 0.1);
+    border-top: 2px solid currentColor;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    flex-shrink: 0;
+  }
+
+  &__text {
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 15px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+    text-align: center;
+
+    &--primary { color: var(--label-primary); }
+    &--secondary { color: var(--label-secondary); }
+    &--danger { color: var(--label-danger); }
+    &--white { color: var(--label-white); }
+    &--action { color: var(--label-action); }
+  }
+
+  // Text styling
+  p {
+    margin: 0;
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+  }
+}
+

package/dist/v2/styles/form/Layout.scss

@@ -0,0 +1,15 @@
+.waiver-template-form-section {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--padding-reg, 16px);
+  align-self: stretch;
+}
+
+.waiver-template-form-group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--padding-lg, 24px);
+  align-self: stretch;
+}