@jobber/components 6.37.0 → 6.38.0

package/Cluster.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Cluster";

package/Cluster.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Cluster = require("./dist/Cluster");
+
+Object.keys(Cluster).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Cluster[key];
+    },
+  });
+});

package/Container.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Container";

package/Container.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Container = require("./dist/Container");
+
+Object.keys(Container).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Container[key];
+    },
+  });
+});

package/ContentBlock.d.ts

@@ -0,0 +1 @@
+export * from "./dist/ContentBlock";

package/ContentBlock.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var ContentBlock = require("./dist/ContentBlock");
+
+Object.keys(ContentBlock).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return ContentBlock[key];
+    },
+  });
+});

package/Cover.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Cover";

package/Cover.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Cover = require("./dist/Cover");
+
+Object.keys(Cover).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Cover[key];
+    },
+  });
+});

package/Frame.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Frame";

package/Frame.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Frame = require("./dist/Frame");
+
+Object.keys(Frame).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Frame[key];
+    },
+  });
+});

package/ResponsiveSwitcher.d.ts

@@ -0,0 +1 @@
+export * from "./dist/ResponsiveSwitcher";

package/ResponsiveSwitcher.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var ResponsiveSwitcher = require("./dist/ResponsiveSwitcher");
+
+Object.keys(ResponsiveSwitcher).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return ResponsiveSwitcher[key];
+    },
+  });
+});

package/SideKick.d.ts

@@ -0,0 +1 @@
+export * from "./dist/SideKick";

package/SideKick.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var SideKick = require("./dist/SideKick");
+
+Object.keys(SideKick).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return SideKick[key];
+    },
+  });
+});

package/Stack.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Stack";

package/Stack.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Stack = require("./dist/Stack");
+
+Object.keys(Stack).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Stack[key];
+    },
+  });
+});

package/Tiles.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Tiles";

package/Tiles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Tiles = require("./dist/Tiles");
+
+Object.keys(Tiles).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Tiles[key];
+    },
+  });
+});

package/dist/Cluster/Cluster.d.ts

@@ -0,0 +1,2 @@
+import { ClusterProps } from "./types";
+export declare function Cluster({ children, justify, align, gap, collapseBelow, collapsed, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ClusterProps): JSX.Element;

package/dist/Cluster/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var Cluster = require('../Cluster-cjs.js');
+require('react');
+require('classnames');
+require('../getMappedAtlantisSpaceToken-cjs.js');
+
+
+
+exports.Cluster = Cluster.Cluster;

package/dist/Cluster/index.d.ts

@@ -0,0 +1 @@
+export * from "./Cluster";

package/dist/Cluster/index.mjs

@@ -0,0 +1,4 @@
+export { C as Cluster } from '../Cluster-es.js';
+import 'react';
+import 'classnames';
+import '../getMappedAtlantisSpaceToken-es.js';

package/dist/Cluster/types.d.ts

@@ -0,0 +1,47 @@
+import { AtlantisBreakpoints } from "../sharedHelpers/getMappedBreakpointWidth";
+import { type CommonAllowedElements, type CommonAtlantisProps, type GapSpacing } from "../sharedHelpers/types";
+export interface ClusterProps extends CommonAtlantisProps {
+    readonly children: React.ReactNode;
+    /**
+     * The horizontal justification of the cluster elements.
+     */
+    readonly justify?: "start" | "end" | "center" | "space-between" | "space-around";
+    /**
+     * The vertical alignment of the cluster elements.
+     */
+    readonly align?: "start" | "end" | "center";
+    /**
+     * The amount of space between the cluster elements. Semantic tokens are available.
+     */
+    readonly gap?: GapSpacing;
+    /**
+     * The breakpoint below which the cluster will collapse.
+     */
+    readonly collapseBelow?: keyof typeof AtlantisBreakpoints;
+    /**
+     * Force the cluster to collapse. Use this when our breakpoints are not enough control.
+     */
+    readonly collapsed?: boolean;
+    /**
+     * Enabling this prevents the cluster from taking 100% of the width of the parent and instead flows with the content.
+     */
+    autoWidth?: boolean;
+    /**
+     * The HTML tag to render the cluster as.
+     */
+    as?: CommonAllowedElements;
+    /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_className?: {
+        container?: string;
+    };
+    /** **Use at your own risk:** Custom style for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_style?: {
+        container?: React.CSSProperties;
+    };
+}

package/dist/Cluster-cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
+
+var styles = {"cluster":"kub1yKbFFN0-","sm":"_5IaWqMXiMqQ-","md":"vCly-qsW6uQ-","lg":"lmABTs-G-FA-","xl":"NHrDIukxI-o-","collapsed":"hkpPPbA3sRk-","spinning":"SNypFd3rgV8-"};
+
+function Cluster({ children, justify, align, gap, collapseBelow, collapsed, autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+    const spaceMapped = getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap);
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-cluster-justify": justify, "--public-cluster-align": align, "--public-cluster-space": spaceMapped, "--public-cluster-width": autoWidth ? "auto" : "100%" }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.cluster, collapseBelow && styles[collapseBelow], collapsed ? styles.collapsed : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+}
+
+exports.Cluster = Cluster;

package/dist/Cluster-es.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import classnames from 'classnames';
+import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
+
+var styles = {"cluster":"kub1yKbFFN0-","sm":"_5IaWqMXiMqQ-","md":"vCly-qsW6uQ-","lg":"lmABTs-G-FA-","xl":"NHrDIukxI-o-","collapsed":"hkpPPbA3sRk-","spinning":"SNypFd3rgV8-"};
+
+function Cluster({ children, justify, align, gap, collapseBelow, collapsed, autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+    const spaceMapped = getMappedAtlantisSpaceToken(gap);
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-cluster-justify": justify, "--public-cluster-align": align, "--public-cluster-space": spaceMapped, "--public-cluster-width": autoWidth ? "auto" : "100%" }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.cluster, collapseBelow && styles[collapseBelow], collapsed ? styles.collapsed : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+}
+
+export { Cluster as C };

package/dist/Container/Container.d.ts

@@ -0,0 +1,5 @@
+import { ContainerApplyProps, ContainerProps } from "./types";
+export declare const Container: {
+    ({ children, name, className, as: Tag, autoWidth, dataAttributes, ariaAttributes, role, id, }: ContainerProps): JSX.Element;
+    Apply({ children, className, style, autoWidth, }: ContainerApplyProps): JSX.Element;
+};

package/dist/Container/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var Container = require('../Container-cjs.js');
+require('react');
+require('classnames');
+
+
+
+exports.Container = Container.Container;

package/dist/Container/index.d.ts

@@ -0,0 +1 @@
+export * from "./Container";

package/dist/Container/index.mjs

@@ -0,0 +1,3 @@
+export { C as Container } from '../Container-es.js';
+import 'react';
+import 'classnames';

package/dist/Container/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { CommonAllowedElements, CommonAtlantisProps } from "../sharedHelpers/types";
+export interface ContainerProps extends CommonAtlantisProps {
+    readonly children: ReactNode;
+    /** The name of the container. This allows you to name your container query, but it's not necessary. */
+    readonly name: string;
+    /** The class name for the container. This allows you to target the container with CSS. */
+    readonly className?: string;
+    /** Whether to allow the container to take the width of the content. Defaults to 100% */
+    readonly autoWidth?: boolean;
+    /** The HTML tag to render the container as. Defaults to `div`. */
+    as?: CommonAllowedElements;
+}
+export interface ContainerApplyProps {
+    readonly children: ReactNode;
+    /** The class name for the container. This allows you to target the container with CSS. */
+    readonly className?: string;
+    /** The style for the container */
+    readonly style?: React.CSSProperties;
+    /** Whether to allow the container to take the width of the content. Defaults to 100% */
+    readonly autoWidth?: boolean;
+}

package/dist/Container-cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+
+var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-","spinning":"XRPRymOwkKg-"};
+
+const Container = ({ children, name, className, as: Tag = "div", autoWidth = false, dataAttributes, ariaAttributes, role, id, }) => {
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: {
+            "--public-container-name": name,
+            "--public-container-width": autoWidth ? "auto" : "100%",
+        }, className: classnames(styles.container, className) }), children));
+};
+Container.Apply = function Apply({ children, className, style = {}, autoWidth = false, }) {
+    return (React.createElement("div", { style: Object.assign(Object.assign({}, style), { "--public-container-apply-width": autoWidth ? "auto" : "100%" }), className: classnames(className, styles.apply) }, children));
+};
+
+exports.Container = Container;

package/dist/Container-es.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import classnames from 'classnames';
+
+var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-","spinning":"XRPRymOwkKg-"};
+
+const Container = ({ children, name, className, as: Tag = "div", autoWidth = false, dataAttributes, ariaAttributes, role, id, }) => {
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: {
+            "--public-container-name": name,
+            "--public-container-width": autoWidth ? "auto" : "100%",
+        }, className: classnames(styles.container, className) }), children));
+};
+Container.Apply = function Apply({ children, className, style = {}, autoWidth = false, }) {
+    return (React__default.createElement("div", { style: Object.assign(Object.assign({}, style), { "--public-container-apply-width": autoWidth ? "auto" : "100%" }), className: classnames(className, styles.apply) }, children));
+};
+
+export { Container as C };

package/dist/ContentBlock/ContentBlock.d.ts

@@ -0,0 +1,2 @@
+import { ContentBlockProps } from "./types";
+export declare function ContentBlock({ children, maxWidth, andText, gutters, justify, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ContentBlockProps): JSX.Element;

package/dist/ContentBlock/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var ContentBlock = require('../ContentBlock-cjs.js');
+require('react');
+require('classnames');
+require('../useResizeObserver-cjs.js');
+require('../_commonjsHelpers-cjs.js');
+require('../throttle-cjs.js');
+require('../debounce-cjs.js');
+require('../isObjectLike-cjs.js');
+require('../isSymbol-cjs.js');
+require('../getMappedAtlantisSpaceToken-cjs.js');
+
+
+
+exports.ContentBlock = ContentBlock.ContentBlock;

package/dist/ContentBlock/index.d.ts

@@ -0,0 +1 @@
+export * from "./ContentBlock";

package/dist/ContentBlock/index.mjs

@@ -0,0 +1,10 @@
+export { C as ContentBlock } from '../ContentBlock-es.js';
+import 'react';
+import 'classnames';
+import '../useResizeObserver-es.js';
+import '../_commonjsHelpers-es.js';
+import '../throttle-es.js';
+import '../debounce-es.js';
+import '../isObjectLike-es.js';
+import '../isSymbol-es.js';
+import '../getMappedAtlantisSpaceToken-es.js';

package/dist/ContentBlock/types.d.ts

@@ -0,0 +1,37 @@
+import { CommonAllowedElements, CommonAtlantisProps, GapSpacing } from "../sharedHelpers/types";
+import { AtlantisBreakpoints } from "../sharedHelpers/getMappedBreakpointWidth";
+export interface ContentBlockProps extends CommonAtlantisProps {
+    readonly children: React.ReactNode;
+    /**
+     * The justification of the content.
+     */
+    readonly justify?: "left" | "center" | "right";
+    /**
+     * The maximum width of the centered content.
+     */
+    readonly maxWidth?: keyof typeof AtlantisBreakpoints | (string & NonNullable<unknown>) | number;
+    /**
+     * Whether to also center the text.
+     */
+    readonly andText?: boolean;
+    /**
+     * The amount of space between the content and the edges of the container.
+     */
+    readonly gutters?: GapSpacing;
+    /** The HTML tag to render the container as. Defaults to `div`. */
+    as?: CommonAllowedElements;
+    /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_className?: {
+        container?: string;
+    };
+    /** **Use at your own risk:** Custom style for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_style?: {
+        container?: React.CSSProperties;
+    };
+}

package/dist/ContentBlock-cjs.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var useResizeObserver = require('./useResizeObserver-cjs.js');
+var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
+
+var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
+
+const AtlantisBreakpoints = {
+    xs: 0,
+    sm: 490,
+    md: 768,
+    lg: 1080,
+    xl: 1440,
+};
+const getMappedBreakpointWidth = (maxWidth) => {
+    if (typeof maxWidth === "number") {
+        return `${maxWidth}px`;
+    }
+    if (AtlantisBreakpoints[maxWidth]) {
+        return (AtlantisBreakpoints[maxWidth] + "px");
+    }
+    return maxWidth;
+};
+
+function ContentBlock({ children, maxWidth = useResizeObserver.useResizeObserver.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--content-block-max-width": getMappedBreakpointWidth(maxWidth), "--content-block-gutters": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gutters) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.contentBlock, andText && styles.andText, gutters && styles.gutters, justify === "left" && styles.left, justify === "right" && styles.right, justify === "center" && styles.center, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+}
+
+exports.ContentBlock = ContentBlock;

package/dist/ContentBlock-es.js

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import classnames from 'classnames';
+import { u as useResizeObserver } from './useResizeObserver-es.js';
+import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
+
+var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
+
+const AtlantisBreakpoints = {
+    xs: 0,
+    sm: 490,
+    md: 768,
+    lg: 1080,
+    xl: 1440,
+};
+const getMappedBreakpointWidth = (maxWidth) => {
+    if (typeof maxWidth === "number") {
+        return `${maxWidth}px`;
+    }
+    if (AtlantisBreakpoints[maxWidth]) {
+        return (AtlantisBreakpoints[maxWidth] + "px");
+    }
+    return maxWidth;
+};
+
+function ContentBlock({ children, maxWidth = useResizeObserver.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--content-block-max-width": getMappedBreakpointWidth(maxWidth), "--content-block-gutters": getMappedAtlantisSpaceToken(gutters) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.contentBlock, andText && styles.andText, gutters && styles.gutters, justify === "left" && styles.left, justify === "right" && styles.right, justify === "center" && styles.center, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+}
+
+export { ContentBlock as C };

package/dist/Cover/Cover.d.ts

@@ -0,0 +1,5 @@
+import { CoverCenterContentProps, CoverProps } from "./types";
+export declare function Cover({ children, minHeight, gap, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: CoverProps): JSX.Element;
+export declare namespace Cover {
+    var Center: ({ children, UNSAFE_className, UNSAFE_style, as: Tag, id, role, ariaAttributes, dataAttributes, }: CoverCenterContentProps) => JSX.Element;
+}

package/dist/Cover/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var Cover = require('../Cover-cjs.js');
+require('react');
+require('classnames');
+require('../getMappedAtlantisSpaceToken-cjs.js');
+
+
+
+exports.Cover = Cover.Cover;

package/dist/Cover/index.d.ts

@@ -0,0 +1 @@
+export * from "./Cover";

package/dist/Cover/index.mjs

@@ -0,0 +1,4 @@
+export { C as Cover } from '../Cover-es.js';
+import 'react';
+import 'classnames';
+import '../getMappedAtlantisSpaceToken-es.js';

package/dist/Cover/types.d.ts

@@ -0,0 +1,34 @@
+import { type CommonAllowedElements, type CommonAtlantisProps, type GapSpacing } from "../sharedHelpers/types";
+export interface CoverProps extends CommonAtlantisProps {
+    readonly children: React.ReactNode;
+    /** The minimum height of the element. Suggested to use `vh` units. */
+    readonly minHeight?: string;
+    /** The amount of space around the centered content */
+    readonly gap?: GapSpacing;
+    /** The HTML tag to render the container as. Defaults to `div`. */
+    as?: CommonAllowedElements;
+    /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_className?: {
+        container?: string;
+    };
+    /** **Use at your own risk:** Custom style for specific elements. This should only be used as a
+     * **last resort**. Using this may result in unexpected side effects.
+     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
+     */
+    readonly UNSAFE_style?: {
+        container?: React.CSSProperties;
+    };
+}
+export interface CoverCenterContentProps extends CommonAtlantisProps {
+    readonly children: React.ReactNode;
+    readonly UNSAFE_className?: {
+        centerContent?: string;
+    };
+    readonly UNSAFE_style?: {
+        centerContent?: React.CSSProperties;
+    };
+    readonly as?: CommonAllowedElements;
+}

package/dist/Cover-cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
+
+var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-","spinning":"GG7BmJeHa9Q-"};
+
+function Cover({ children, minHeight, gap, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-cover-min-height": minHeight, "--public-cover-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.cover, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+}
+Cover.Center = function CenterContent({ children, UNSAFE_className, UNSAFE_style, as: Tag = "div", id, role, ariaAttributes, dataAttributes, }) {
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.centerContent, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.centerContent), style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.centerContent }), children));
+};
+
+exports.Cover = Cover;

package/dist/Cover-es.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import classnames from 'classnames';
+import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
+
+var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-","spinning":"GG7BmJeHa9Q-"};
+
+function Cover({ children, minHeight, gap, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-cover-min-height": minHeight, "--public-cover-space": getMappedAtlantisSpaceToken(gap) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.cover, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+}
+Cover.Center = function CenterContent({ children, UNSAFE_className, UNSAFE_style, as: Tag = "div", id, role, ariaAttributes, dataAttributes, }) {
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.centerContent, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.centerContent), style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.centerContent }), children));
+};
+
+export { Cover as C };

package/dist/Frame/Frame.d.ts

@@ -0,0 +1,2 @@
+import { FrameProps } from "./types";
+export declare function Frame({ children, aspectX, aspectY, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: FrameProps): JSX.Element;

package/dist/Frame/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var Frame = require('../Frame-cjs.js');
+require('react');
+require('classnames');
+
+
+
+exports.Frame = Frame.Frame;