@stack-spot/citric-react 0.1.0

package/dist/components/layout.js

@@ -0,0 +1,18 @@
+import { listToClass } from '@stack-spot/portal-theme';
+import { createElement } from 'react';
+import { applyStyles } from '../utils/css.js';
+export const layout = {
+    center: 'center',
+    row: 'row',
+    column: 'column',
+};
+export function Center({ tag, className, ...props }) {
+    return createElement(tag || 'div', { className: listToClass(['center', className]), ...applyStyles(props) });
+}
+export function Row({ tag, className, center, ...props }) {
+    return createElement(tag || 'div', { className: listToClass(['row', center === false && 'no-center', className]), ...applyStyles(props) });
+}
+export function Column({ tag, className, center, ...props }) {
+    return createElement(tag || 'div', { className: listToClass(['column', center && 'center', className]), ...applyStyles(props) });
+}
+//# sourceMappingURL=layout.js.map

package/dist/components/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/components/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACjB,CAAA;AAiCD,MAAM,UAAU,MAAM,CAAsD,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACtH,OAAO,aAAa,CAAC,GAAG,IAAI,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;AAC9G,CAAC;AAED,MAAM,UAAU,GAAG,CAAsD,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAe;IACxH,OAAO,aAAa,CAAC,GAAG,IAAI,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,IAAI,WAAW,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;AAC5I,CAAC;AAED,MAAM,UAAU,MAAM,CAAsD,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkB;IAC9H,OAAO,aAAa,CAAC,GAAG,IAAI,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,MAAM,IAAI,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;AAClI,CAAC"}

package/dist/context/CitricContext.d.ts

@@ -0,0 +1,3 @@
+import { CitricController } from '../types.js';
+export declare const CitricContext: import("react").Context<CitricController | undefined>;
+//# sourceMappingURL=CitricContext.d.ts.map

package/dist/context/CitricContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CitricContext.d.ts","sourceRoot":"","sources":["../../src/context/CitricContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,aAAa,uDAAyD,CAAA"}

package/dist/context/CitricContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const CitricContext = createContext(undefined);
+//# sourceMappingURL=CitricContext.js.map

package/dist/context/CitricContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CitricContext.js","sourceRoot":"","sources":["../../src/context/CitricContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAA"}

package/dist/context/CitricProvider.d.ts

@@ -0,0 +1,9 @@
+import { CitricController } from '../types.js';
+/**
+ * An optional provider for customizing the behavior of the Design System. This accepts a CitricController as its value.
+ */
+export declare const CitricProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value?: CitricController;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CitricProvider.d.ts.map

package/dist/context/CitricProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CitricProvider.d.ts","sourceRoot":"","sources":["../../src/context/CitricProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAG3C;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,qBAAqB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,gBAAgB,CAAA;CAAE,4CAM1G,CAAA"}

package/dist/context/CitricProvider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FallbackBoundary } from '../components/FallbackBoundary.js';
+import { CitricContext } from './CitricContext.js';
+/**
+ * An optional provider for customizing the behavior of the Design System. This accepts a CitricController as its value.
+ */
+export const CitricProvider = ({ children, value }) => (_jsx(CitricContext.Provider, { value: value, children: _jsx(FallbackBoundary, { children: children }) }));
+//# sourceMappingURL=CitricProvider.js.map

package/dist/context/CitricProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CitricProvider.js","sourceRoot":"","sources":["../../src/context/CitricProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA2D,EAAE,EAAE,CAAC,CAC9G,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAClC,KAAC,gBAAgB,cACd,QAAQ,GACQ,GACI,CAC1B,CAAA"}

package/dist/context/hooks.d.ts

@@ -0,0 +1,2 @@
+export declare function useCitricController(): import("../types.js").CitricController | undefined;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/context/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,oDAElC"}

package/dist/context/hooks.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { CitricContext } from './CitricContext.js';
+export function useCitricController() {
+    return useContext(CitricContext);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/context/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,aAAa,CAAC,CAAA;AAClC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+export * from './components/Accordion.js';
+export * from './components/Alert.js';
+export * from './components/Avatar.js';
+export * from './components/AvatarGroup.js';
+export * from './components/Badge.js';
+export * from './components/Blockquote.js';
+export * from './components/Breadcrumb.js';
+export * from './components/Button.js';
+export * from './components/Card.js';
+export * from './components/Checkbox.js';
+export * from './components/CheckboxGroup.js';
+export * from './components/Circle.js';
+export * from './components/CitricComponent.js';
+export * from './components/Divider.js';
+export * from './components/ErrorBoundary.js';
+export * from './components/Favorite.js';
+export * from './components/FieldGroup.js';
+export * from './components/Form.js';
+export * from './components/FormGroup.js';
+export * from './components/IconBox.js';
+export * from './components/Input.js';
+export * from './components/layout.js';
+export * from './components/Link.js';
+export * from './components/MenuOverlay/index.js';
+export * from './components/MenuOverlay/types.js';
+export * from './components/Overlay/index.js';
+export * from './components/Overlay/types.js';
+export * from './components/Pagination.js';
+export * from './components/ProgressBar.js';
+export * from './components/ProgressCircular.js';
+export * from './components/RadioGroup.js';
+export * from './components/Rating.js';
+export * from './components/Select/index.js';
+export * from './components/SelectBox.js';
+export * from './components/Skeleton.js';
+export * from './components/Slider.js';
+export * from './components/SmartTable.js';
+export * from './components/Stepper.js';
+export * from './components/Switch.js';
+export * from './components/Table.js';
+export * from './components/Tabs/index.js';
+export * from './components/Tabs/TabController.js';
+export * from './components/Tabs/types.js';
+export * from './components/Text.js';
+export * from './components/Textarea.js';
+export * from './components/Tooltip.js';
+export * from './utils/ValueController.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA"}

package/dist/index.js

@@ -0,0 +1,48 @@
+export * from './components/Accordion.js';
+export * from './components/Alert.js';
+export * from './components/Avatar.js';
+export * from './components/AvatarGroup.js';
+export * from './components/Badge.js';
+export * from './components/Blockquote.js';
+export * from './components/Breadcrumb.js';
+export * from './components/Button.js';
+export * from './components/Card.js';
+export * from './components/Checkbox.js';
+export * from './components/CheckboxGroup.js';
+export * from './components/Circle.js';
+export * from './components/CitricComponent.js';
+export * from './components/Divider.js';
+export * from './components/ErrorBoundary.js';
+export * from './components/Favorite.js';
+export * from './components/FieldGroup.js';
+export * from './components/Form.js';
+export * from './components/FormGroup.js';
+export * from './components/IconBox.js';
+export * from './components/Input.js';
+export * from './components/layout.js';
+export * from './components/Link.js';
+export * from './components/MenuOverlay/index.js';
+export * from './components/MenuOverlay/types.js';
+export * from './components/Overlay/index.js';
+export * from './components/Overlay/types.js';
+export * from './components/Pagination.js';
+export * from './components/ProgressBar.js';
+export * from './components/ProgressCircular.js';
+export * from './components/RadioGroup.js';
+export * from './components/Rating.js';
+export * from './components/Select/index.js';
+export * from './components/SelectBox.js';
+export * from './components/Skeleton.js';
+export * from './components/Slider.js';
+export * from './components/SmartTable.js';
+export * from './components/Stepper.js';
+export * from './components/Switch.js';
+export * from './components/Table.js';
+export * from './components/Tabs/index.js';
+export * from './components/Tabs/TabController.js';
+export * from './components/Tabs/types.js';
+export * from './components/Text.js';
+export * from './components/Textarea.js';
+export * from './components/Tooltip.js';
+export * from './utils/ValueController.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA"}

package/dist/overlay.d.ts

@@ -0,0 +1,83 @@
+import { WithDataAttributes } from './types.js';
+export type RelativePosition = 'top' | 'bottom' | 'left' | 'right';
+export interface OverlayOptions<T extends keyof React.JSX.IntrinsicElements> {
+    /**
+     * The tag to render when creating the overlay element.
+     *
+     * @default 'div'
+     */
+    tag?: T;
+    /**
+     * The content of the overlay element.
+     *
+     * When this is a string, a number or a boolean, the content will be appended to the overlay element. Otherwise, a new React concurrent
+     * instance will be creted to render the React tree node inside the overlay element.
+     */
+    content: React.ReactNode;
+    /**
+     * Which element will be used as a reference to position the overlay element.
+     * This can be either an HTMLElement or an event. If this is a event, the element in `event.target` will be used unless `reference` is
+     * set to `'mouse'`, in this case, the reference will be the current cursor position.
+     */
+    target: Event | HTMLElement;
+    /**
+     * Takes effect when `target` is a MouseEvent. If this is set to `'mouse'`, then the position to be used as a reference to place the
+     * overlay will be the current cursor position.
+     *
+     * @default 'element'
+     */
+    reference?: 'element' | 'mouse';
+    /**
+     * Where, relative to `target`, should we place the overlay?
+     *
+     * @default 'top'
+     */
+    position?: RelativePosition;
+    /**
+     * TODO: implement this.
+     *
+     * Affects the positioning of the overlay relative to `target`. While `position` defines the overlay position in the main axis,
+     * `alignment` defines the position in the cross axis.
+     *
+     * @default 'center'
+     */
+    alignment?: 'start' | 'center' | 'end';
+    /**
+     * TODO: implement this (currently, only 'fade' works).
+     *
+     * - fade: the overlay fades in to appear and fades out to disappear.
+     * - accordion: the element grows to appear and shrinks to disappear. The direction of the growth depends on `position`.
+     * - bubble: grows from scale(0) to scale(1) from its center to appear. Shrinks from scale(1) to scale(0) to disappear.
+     * - none: no animation is used.
+     *
+     * @default 'fade'
+     */
+    animation?: 'fade' | 'accordion' | 'bubble' | 'none';
+    /**
+     * The attributes for the HTMLElement that will be created for the overlay.
+     */
+    attributes?: JSX.IntrinsicElements[T] & WithDataAttributes & {
+        inert?: boolean;
+    };
+}
+/**
+ * Appends a new HTML Element to the tag "body". This element is absolutely positioned and its position is calculated according to the
+ * options passed as parameter.
+ *
+ * This function returns both the newly created HTML Element and a function to remove it.
+ * @param options {@link OverlayOptions}.
+ * @returns an object with two keys: "overlay" (the HTML Element created) and "hide" (a function to remove the element from the document).
+ */
+export declare function showOverlay<T extends keyof React.JSX.IntrinsicElements = 'div'>({ tag, content, target, reference, position, attributes }: OverlayOptions<T>): {
+    /**
+     * The overlay element created.
+     */
+    overlay: HTMLElement;
+    /**
+     * Removes the overlay element.
+     * @returns a promise that completes when the element is fully removed (after any animation).
+     */
+    hide: () => Promise<void>;
+    ready: Promise<void>;
+};
+//# sourceMappingURL=overlay.d.ts.map

package/dist/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAG5C,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAElE,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB;IACzE;;;;OAIG;IACH,GAAG,CAAC,EAAE,CAAC,CAAC;IACR;;;;;OAKG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,EAAE,KAAK,GAAG,WAAW,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrD;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,kBAAkB,GAAG;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAClF;AAqJD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC7E,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,SAAqB,EAAE,QAAgB,EAAE,UAAU,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IA+B9F;;OAEG;;IAEH;;;OAGG;;;EAgBN"}

package/dist/overlay.js

@@ -0,0 +1,199 @@
+import { createRoot } from 'react-dom/client';
+import { styleObjectToCssString } from './utils/css.js';
+const animationDurationMS = 300;
+function hasMargins(element) {
+    const s = element.style;
+    return s.margin || s.marginTop || s.marginBottom || s.marginLeft || s.marginRight;
+}
+function calculatePosition({ overlay, reference, target, position: relativePosition, }) {
+    const overlayDimensions = overlay.getBoundingClientRect();
+    if (hasMargins(overlay)) {
+        const style = overlay.computedStyleMap();
+        const mt = parseInt(style.get('margin-top')?.toString() ?? '0');
+        const mb = parseInt(style.get('margin-bottom')?.toString() ?? '0');
+        const ml = parseInt(style.get('margin-left')?.toString() ?? '0');
+        const mr = parseInt(style.get('margin-right')?.toString() ?? '0');
+        if (mt)
+            overlayDimensions.height += mt;
+        if (mb)
+            overlayDimensions.height += mb;
+        if (ml)
+            overlayDimensions.width += ml;
+        if (mr)
+            overlayDimensions.width += mr;
+    }
+    const referencePosition = { top: 0, left: 0, overlayWidth: overlayDimensions.width, overlayHeight: overlayDimensions.height };
+    if (reference === 'mouse' && target instanceof MouseEvent) {
+        referencePosition.top = target.clientY;
+        referencePosition.left = target.clientX;
+    }
+    else {
+        const element = target instanceof Event ? target.target : target;
+        if (!(element instanceof HTMLElement))
+            return referencePosition;
+        const elementDimensions = element.getBoundingClientRect();
+        switch (relativePosition) {
+            case 'top':
+                referencePosition.top = elementDimensions.top + window.scrollY;
+                referencePosition.left = elementDimensions.left + elementDimensions.width / 2 + window.scrollX;
+                break;
+            case 'bottom':
+                referencePosition.top = elementDimensions.bottom + window.scrollY;
+                referencePosition.left = elementDimensions.left + elementDimensions.width / 2 + window.scrollX;
+                break;
+            case 'left':
+                referencePosition.top = elementDimensions.top + elementDimensions.height / 2 + window.scrollY;
+                referencePosition.left = elementDimensions.left + window.scrollX;
+                break;
+            case 'right':
+                referencePosition.top = elementDimensions.top + elementDimensions.height / 2 + window.scrollY;
+                referencePosition.left = elementDimensions.right + window.scrollX;
+        }
+    }
+    const position = { ...referencePosition };
+    switch (relativePosition) {
+        case 'top':
+            position.top -= overlayDimensions.height;
+            position.left -= overlayDimensions.width / 2;
+            break;
+        case 'bottom':
+            position.left -= overlayDimensions.width / 2;
+            break;
+        case 'left':
+            position.top -= overlayDimensions.height / 2;
+            position.left -= overlayDimensions.width;
+            break;
+        case 'right':
+            position.top -= overlayDimensions.height / 2;
+    }
+    return position;
+}
+function getSafeOverlayPosition(options, positionPriority, fallback) {
+    if (!positionPriority.length)
+        return fallback ?? { top: 0, left: 0, relativeTo: 'top' };
+    const [relativePosition, ...remainingRelativePositions] = positionPriority;
+    const position = { ...calculatePosition({ ...options, position: relativePosition }), relativeTo: relativePosition };
+    switch (relativePosition) {
+        case 'top':
+            if (position.left < 0)
+                position.left = 0;
+            if (position.left + position.overlayWidth > document.body.clientWidth) {
+                position.left = document.body.clientWidth - position.overlayWidth;
+            }
+            if (position.top < 0)
+                return getSafeOverlayPosition(options, remainingRelativePositions, fallback ?? position);
+            break;
+        case 'bottom':
+            if (position.left < 0)
+                position.left = 0;
+            if (position.left + position.overlayWidth > document.body.clientWidth) {
+                position.left = document.body.clientWidth - position.overlayWidth;
+            }
+            if (position.top + position.overlayHeight > document.body.clientHeight) {
+                return getSafeOverlayPosition(options, remainingRelativePositions, fallback ?? position);
+            }
+            break;
+        case 'left':
+            if (position.top < 0)
+                position.top = 0;
+            if (position.top + position.overlayHeight > document.body.clientHeight) {
+                position.top = document.body.clientHeight - position.overlayHeight;
+            }
+            if (position.left < 0)
+                return getSafeOverlayPosition(options, remainingRelativePositions, fallback ?? position);
+            break;
+        case 'right':
+            if (position.top < 0)
+                position.top = 0;
+            if (position.top + position.overlayHeight > document.body.clientHeight) {
+                position.top = document.body.clientHeight - position.overlayHeight;
+            }
+            if (position.left + position.overlayWidth > document.body.clientWidth) {
+                return getSafeOverlayPosition(options, remainingRelativePositions, fallback ?? position);
+            }
+    }
+    return position;
+}
+function invert(position) {
+    switch (position) {
+        case 'bottom': return 'top';
+        case 'top': return 'bottom';
+        case 'left': return 'right';
+        case 'right': return 'left';
+    }
+}
+function oppositeAxis(position) {
+    return (position === 'top' || position === 'bottom') ? ['left', 'right'] : ['top', 'bottom'];
+}
+function reactAttributeToHTML(attribute) {
+    return attribute === 'className' ? 'class' : attribute;
+}
+function setElementAttributes(element, attributes, ignore = []) {
+    for (const attr in attributes) {
+        if (attributes[attr] !== undefined && !ignore.includes(attr))
+            element.setAttribute(reactAttributeToHTML(attr), attributes[attr]);
+    }
+}
+/**
+ * Appends a new HTML Element to the tag "body". This element is absolutely positioned and its position is calculated according to the
+ * options passed as parameter.
+ *
+ * This function returns both the newly created HTML Element and a function to remove it.
+ * @param options {@link OverlayOptions}.
+ * @returns an object with two keys: "overlay" (the HTML Element created) and "hide" (a function to remove the element from the document).
+ */
+export function showOverlay({ tag, content, target, reference = 'element', position = 'top', attributes }) {
+    const overlay = document.createElement(tag || 'div');
+    overlay.style = `z-index: 9999; pointer-events: none; position: absolute; opacity: 0; transition: opacity ${animationDurationMS / 1000}s; ${styleObjectToCssString(attributes?.style)}`;
+    overlay.inert = true;
+    setElementAttributes(overlay, attributes, ['style', 'inert']);
+    document.body.append(overlay);
+    let unmount;
+    if (['string', 'number', 'boolean'].includes(typeof content)) {
+        overlay.append(`${content}`);
+        unmount = () => document.body.removeChild(overlay);
+    }
+    else {
+        const root = createRoot(overlay);
+        root.render(content);
+        unmount = () => {
+            root.unmount();
+            document.body.removeChild(overlay);
+        };
+    }
+    setTimeout(() => {
+        const overlayPos = getSafeOverlayPosition({ overlay, reference, target }, [position, invert(position), ...oppositeAxis(position)]);
+        overlay.style = `z-index: 9999; position: absolute; opacity: 1; transition: opacity ${animationDurationMS / 1000}s; top: ${overlayPos.top}px; left: ${overlayPos.left}px; ${styleObjectToCssString(attributes?.style)}`;
+        if (attributes && 'inert' in attributes && attributes.inert)
+            overlay.style.pointerEvents = 'none';
+        else
+            overlay.inert = false;
+        overlay.classList.add(overlayPos.relativeTo);
+    }, 0);
+    return {
+        /**
+         * The overlay element created.
+         */
+        overlay,
+        /**
+         * Removes the overlay element.
+         * @returns a promise that completes when the element is fully removed (after any animation).
+         */
+        hide: () => new Promise((resolve) => {
+            overlay.style.opacity = '0';
+            overlay.style.pointerEvents = 'none';
+            overlay.inert = true;
+            setTimeout(() => {
+                try {
+                    unmount();
+                }
+                catch { /* empty */ }
+                resolve();
+            }, animationDurationMS);
+        }),
+        ready: new Promise((resolve) => {
+            setTimeout(resolve, animationDurationMS);
+        }),
+    };
+}
+//# sourceMappingURL=overlay.js.map

package/dist/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"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"}