@design-edito/tools 0.5.8 → 0.5.10

package/components/index.d.ts

@@ -10,18 +10,18 @@ export * as image from './Image/index.js'
 export * as input from './Input/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
 export * as jsonEditor from './JsonEditor/index.js'
-export * as overlayer from './Overlayer/index.js'
+export * as lightbox from './Lightbox/index.js'
 export * as listLoader from './ListLoader/index.js'
-export * as scrollListener from './ScrollListener/index.js'
+export * as overlayer from './Overlayer/index.js'
 export * as paginator from './Paginator/index.js'
-export * as sequencer from './Sequencer/index.js'
-export * as select from './Select/index.js'
+export * as resizeObserver from './ResizeObserver/index.js'
 export * as scrllgngn from './Scrllgngn/index.js'
+export * as scrollListener from './ScrollListener/index.js'
+export * as select from './Select/index.js'
+export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'
-export * as resizeObserver from './ResizeObserver/index.js'
 export * as textarea from './Textarea/index.js'
-export * as theatre from './Theatre/index.js'
 export * as uiModule from './UIModule/index.js'
 export * as video from './Video/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'

package/components/index.js

@@ -10,18 +10,18 @@ export * as image from './Image/index.js'
 export * as input from './Input/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
 export * as jsonEditor from './JsonEditor/index.js'
-export * as overlayer from './Overlayer/index.js'
+export * as lightbox from './Lightbox/index.js'
 export * as listLoader from './ListLoader/index.js'
-export * as scrollListener from './ScrollListener/index.js'
+export * as overlayer from './Overlayer/index.js'
 export * as paginator from './Paginator/index.js'
-export * as sequencer from './Sequencer/index.js'
-export * as select from './Select/index.js'
+export * as resizeObserver from './ResizeObserver/index.js'
 export * as scrllgngn from './Scrllgngn/index.js'
+export * as scrollListener from './ScrollListener/index.js'
+export * as select from './Select/index.js'
+export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'
-export * as resizeObserver from './ResizeObserver/index.js'
 export * as textarea from './Textarea/index.js'
-export * as theatre from './Theatre/index.js'
 export * as uiModule from './UIModule/index.js'
 export * as video from './Video/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'

package/components/public-classnames.d.ts

@@ -10,6 +10,7 @@ export declare const image = "lm-image";
 export declare const input = "lm-input";
 export declare const intersectionObserver = "lm-intersection-observer";
 export declare const jsonEditor = "lm-json-editor";
+export declare const lightbox = "lm-lightbox";
 export declare const listLoader = "lm-list-loader";
 export declare const overlayer = "lm-overlayer";
 export declare const paginator = "lm-paginator";
@@ -21,7 +22,6 @@ export declare const sequencer = "lm-sequencer";
 export declare const shadowRoot = "lm-shadow-root";
 export declare const subtitles = "lm-subtitles";
 export declare const textarea = "lm-textarea";
-export declare const theatre = "lm-theatre";
 export declare const uiModule = "lm-ui-module";
 export declare const video = "lm-video";
 export declare const videoWrapper = "lm-video-wrapper";

package/components/public-classnames.js

@@ -10,6 +10,7 @@ export const image = 'lm-image';
 export const input = 'lm-input';
 export const intersectionObserver = 'lm-intersection-observer';
 export const jsonEditor = 'lm-json-editor';
+export const lightbox = 'lm-lightbox';
 export const listLoader = 'lm-list-loader';
 export const overlayer = 'lm-overlayer';
 export const paginator = 'lm-paginator';
@@ -21,7 +22,6 @@ export const sequencer = 'lm-sequencer';
 export const shadowRoot = 'lm-shadow-root';
 export const subtitles = 'lm-subtitles';
 export const textarea = 'lm-textarea';
-export const theatre = 'lm-theatre';
 export const uiModule = 'lm-ui-module';
 export const video = 'lm-video';
 export const videoWrapper = 'lm-video-wrapper';

package/index.d.ts

@@ -1,3 +1,3 @@
 export * as agnostic from './agnostic/index.js'
-export * as node from './node/index.js'
 export * as components from './components/index.js'
+export * as node from './node/index.js'

package/index.js

@@ -1,3 +1,3 @@
 export * as agnostic from './agnostic/index.js'
-export * as node from './node/index.js'
 export * as components from './components/index.js'
+export * as node from './node/index.js'

package/node/@aws-s3/storage/file/index.d.ts

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
+export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
-export * as move from './move/index.js'
 export * as upload from './upload/index.js'

package/node/@aws-s3/storage/file/index.js

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
+export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
-export * as move from './move/index.js'
 export * as upload from './upload/index.js'

package/node/@google-cloud/storage/directory/index.d.ts

@@ -1,4 +1,4 @@
-export * as list from './list/index.js'
 export * as copyDir from './copy-dir/index.js'
-export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'
+export * as list from './list/index.js'
+export * as moveDir from './move-dir/index.js'

package/node/@google-cloud/storage/directory/index.js

@@ -1,4 +1,4 @@
-export * as list from './list/index.js'
 export * as copyDir from './copy-dir/index.js'
-export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'
+export * as list from './list/index.js'
+export * as moveDir from './move-dir/index.js'

package/node/@google-cloud/storage/file/index.d.ts

@@ -1,12 +1,12 @@
 export * as copy from './copy/index.js'
-export * as exists from './exists/index.js'
 export * as generateSignedUrl from './generate-signed-url/index.js'
+export * as download from './download/index.js'
 export * as getMetadata from './get-metadata/index.js'
 export * as getPermissions from './get-permissions/index.js'
 export * as move from './move/index.js'
-export * as download from './download/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
 export * as revokeSignedUrls from './revoke-signed-urls/index.js'
+export * as exists from './exists/index.js'
 export * as updateMetadata from './update-metadata/index.js'
 export * as upload from './upload/index.js'

package/node/@google-cloud/storage/file/index.js

@@ -1,12 +1,12 @@
 export * as copy from './copy/index.js'
-export * as exists from './exists/index.js'
 export * as generateSignedUrl from './generate-signed-url/index.js'
+export * as download from './download/index.js'
 export * as getMetadata from './get-metadata/index.js'
 export * as getPermissions from './get-permissions/index.js'
 export * as move from './move/index.js'
-export * as download from './download/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
 export * as revokeSignedUrls from './revoke-signed-urls/index.js'
+export * as exists from './exists/index.js'
 export * as updateMetadata from './update-metadata/index.js'
 export * as upload from './upload/index.js'

package/node/@google-cloud/storage/index.d.ts

@@ -1,3 +1,3 @@
 export * as bucket from './bucket/index.js'
-export * as directory from './directory/index.js'
 export * as file from './file/index.js'
+export * as directory from './directory/index.js'

package/node/@google-cloud/storage/index.js

@@ -1,3 +1,3 @@
 export * as bucket from './bucket/index.js'
-export * as directory from './directory/index.js'
 export * as file from './file/index.js'
+export * as directory from './directory/index.js'

package/node/cloud-storage/operations/index.d.ts

@@ -3,8 +3,8 @@ export * as copyFile from './copy-file/index.js'
 export * as downloadFile from './download-file/index.js'
 export * as existsFile from './exists-file/index.js'
 export * as listDir from './list-dir/index.js'
-export * as moveFile from './move-file/index.js'
 export * as moveDir from './move-dir/index.js'
+export * as moveFile from './move-file/index.js'
 export * as removeDir from './remove-dir/index.js'
 export * as removeFile from './remove-file/index.js'
 export * as statFile from './stat-file/index.js'

package/node/cloud-storage/operations/index.js

@@ -3,8 +3,8 @@ export * as copyFile from './copy-file/index.js'
 export * as downloadFile from './download-file/index.js'
 export * as existsFile from './exists-file/index.js'
 export * as listDir from './list-dir/index.js'
-export * as moveFile from './move-file/index.js'
 export * as moveDir from './move-dir/index.js'
+export * as moveFile from './move-file/index.js'
 export * as removeDir from './remove-dir/index.js'
 export * as removeFile from './remove-file/index.js'
 export * as statFile from './stat-file/index.js'

package/node/images/index.d.ts

@@ -1,5 +1,5 @@
+export * as create from './create/index.js'
 export * as format from './format/index.js'
-export * as metadata from './metadata/index.js'
 export * as transform from './transform/index.js'
+export * as metadata from './metadata/index.js'
 export * as utils from './utils/index.js'
-export * as create from './create/index.js'

package/node/images/index.js

@@ -1,5 +1,5 @@
+export * as create from './create/index.js'
 export * as format from './format/index.js'
-export * as metadata from './metadata/index.js'
 export * as transform from './transform/index.js'
+export * as metadata from './metadata/index.js'
 export * as utils from './utils/index.js'
-export * as create from './create/index.js'

package/node/images/transform/operations/index.d.ts

@@ -1,15 +1,15 @@
-export * as brighten from './brighten/index.js'
 export * as blur from './blur/index.js'
+export * as brighten from './brighten/index.js'
 export * as extend from './extend/index.js'
-export * as flatten from './flatten/index.js'
 export * as extract from './extract/index.js'
+export * as flatten from './flatten/index.js'
 export * as flip from './flip/index.js'
-export * as flop from './flop/index.js'
-export * as level from './level/index.js'
 export * as hue from './hue/index.js'
-export * as normalize from './normalize/index.js'
+export * as level from './level/index.js'
 export * as lighten from './lighten/index.js'
+export * as normalize from './normalize/index.js'
 export * as overlay from './overlay/index.js'
 export * as resize from './resize/index.js'
-export * as saturate from './saturate/index.js'
+export * as flop from './flop/index.js'
 export * as rotate from './rotate/index.js'
+export * as saturate from './saturate/index.js'

package/node/images/transform/operations/index.js

@@ -1,15 +1,15 @@
-export * as brighten from './brighten/index.js'
 export * as blur from './blur/index.js'
+export * as brighten from './brighten/index.js'
 export * as extend from './extend/index.js'
-export * as flatten from './flatten/index.js'
 export * as extract from './extract/index.js'
+export * as flatten from './flatten/index.js'
 export * as flip from './flip/index.js'
-export * as flop from './flop/index.js'
-export * as level from './level/index.js'
 export * as hue from './hue/index.js'
-export * as normalize from './normalize/index.js'
+export * as level from './level/index.js'
 export * as lighten from './lighten/index.js'
+export * as normalize from './normalize/index.js'
 export * as overlay from './overlay/index.js'
 export * as resize from './resize/index.js'
-export * as saturate from './saturate/index.js'
+export * as flop from './flop/index.js'
 export * as rotate from './rotate/index.js'
+export * as saturate from './saturate/index.js'

package/node/sftp/directory/index.d.ts

@@ -1,4 +1,4 @@
-export * as copyDir from './copy-dir/index.js'
 export * as list from './list/index.js'
+export * as copyDir from './copy-dir/index.js'
 export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'

package/node/sftp/directory/index.js

@@ -1,4 +1,4 @@
-export * as copyDir from './copy-dir/index.js'
 export * as list from './list/index.js'
+export * as copyDir from './copy-dir/index.js'
 export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'

package/node/sftp/file/index.d.ts

@@ -2,6 +2,6 @@ export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
-export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
+export * as remove from './remove/index.js'
 export * as upload from './upload/index.js'

package/node/sftp/file/index.js

@@ -2,6 +2,6 @@ export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
-export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
+export * as remove from './remove/index.js'
 export * as upload from './upload/index.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-edito/tools",
-  "version": "0.5.8",
+  "version": "0.5.10",
   "description": "",
   "author": "Maxime Fabas",
   "license": "ISC",
@@ -1495,6 +1495,13 @@
       "import": "./components/JsonEditor/types.js",
       "types": "./components/JsonEditor/types.d.ts"
     },
+    "./components/Lightbox": {
+      "import": "./components/Lightbox/index.js",
+      "types": "./components/Lightbox/index.d.ts"
+    },
+    "./components/Lightbox/index.js": {
+      "import": "./components/Lightbox/index.js"
+    },
     "./components/ListLoader": {
       "import": "./components/ListLoader/index.js",
       "types": "./components/ListLoader/index.d.ts"
@@ -1572,13 +1579,6 @@
     "./components/Textarea/index.js": {
       "import": "./components/Textarea/index.js"
     },
-    "./components/Theatre": {
-      "import": "./components/Theatre/index.js",
-      "types": "./components/Theatre/index.d.ts"
-    },
-    "./components/Theatre/index.js": {
-      "import": "./components/Theatre/index.js"
-    },
     "./components/UIModule": {
       "import": "./components/UIModule/index.js",
       "types": "./components/UIModule/index.d.ts"

package/components/Theatre/index.d.ts

@@ -1,70 +0,0 @@
-import { type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
-import type { WithClassName } from '../utils/types.js';
-/**
- * Props for the {@link Theatre} component.
- *
- * @property closeBtnContent - Content rendered inside the close/exit button.
- * @property openBtnContent - Content rendered inside the open/enter button.
- * @property isOn - Controlled theatre mode state. When defined, the component
- * behaves as a controlled component and internal state is never updated.
- * @property defaultIsOn - Initial theatre mode state in uncontrolled mode.
- * Ignored when `isOn` is provided. Defaults to `false`.
- * @property exitOnEscape - When `true`, pressing `Escape` while the stage is
- * open counts as a toggle.
- * @property exitOnBgClick - When `true`, clicking the stage background — and
- * not its content — counts as a toggle.
- * @property onOpenButtonClicked - Called when the open button is clicked, before
- * the theatre reacts, with the state as it was.
- * @property onCloseButtonClicked - Called when the close button is clicked,
- * before the theatre reacts, with the state as it was.
- * @property onBackgroundClicked - Called when the stage background is clicked
- * (only while `exitOnBgClick` is `true`), before the theatre reacts, with the
- * state as it was.
- * @property onEscapePressed - Called when `Escape` is pressed while the stage is
- * open (only while `exitOnEscape` is `true`), before the theatre reacts, with
- * the state as it was.
- * @property onIsOnChanged - Called after the theatre mode changed, with the new
- * value.
- * @property className - Optional additional class name(s) applied to the root element.
- * @property children - Content rendered both in the default slot and, when
- * theatre mode is active, duplicated inside the stage element.
- */
-export type Props = PropsWithChildren<WithClassName<{
-    closeBtnContent?: ReactNode;
-    openBtnContent?: ReactNode;
-    isOn?: boolean;
-    defaultIsOn?: boolean;
-    exitOnEscape?: boolean;
-    exitOnBgClick?: boolean;
-    onOpenButtonClicked?: (isOn: boolean) => void;
-    onCloseButtonClicked?: (isOn: boolean) => void;
-    onBackgroundClicked?: (isOn: boolean) => void;
-    onEscapePressed?: (isOn: boolean) => void;
-    onIsOnChanged?: (isOn: boolean) => void;
-}>>;
-/**
- * Theatre mode component. Wraps content in a toggleable fullscreen-like "stage"
- * overlay.
- *
- * ### CSS modifiers
- * - `on` — theatre mode is active.
- * - `off` — theatre mode is inactive.
- *
- * ### CSS elements
- * - `stage` — holds the duplicated `children`, mounted only when `isOn`.
- * - `open-btn`
- * - `close-btn`
- *
- * @param props - Component properties.
- * @see {@link Props}
- * @returns A root `<div>` containing the children in their original position,
- * a stage overlay with the duplicated children when active, and both toggles.
- *
- * @remarks
- * - In controlled mode (`isOn` defined), the state is fully driven by the
- *   parent and internal state is never updated.
- * - The four toggle-source handlers fire in both modes — a controlled parent
- *   needs them to know a toggle was requested at all.
- * - `onIsOnChanged` fires in both modes too, and never on mount.
- */
-export declare const Theatre: FunctionComponent<Props>;

package/components/Theatre/index.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef } from 'react';
-import { clss } from '../../agnostic/css/clss/index.js';
-import { mergeClassNames, useChangeDispatch } from '../utils/index.js';
-import { theatre as publicClassName } from '../public-classnames.js';
-import cssModule from './styles.module.css';
-/**
- * Theatre mode component. Wraps content in a toggleable fullscreen-like "stage"
- * overlay.
- *
- * ### CSS modifiers
- * - `on` — theatre mode is active.
- * - `off` — theatre mode is inactive.
- *
- * ### CSS elements
- * - `stage` — holds the duplicated `children`, mounted only when `isOn`.
- * - `open-btn`
- * - `close-btn`
- *
- * @param props - Component properties.
- * @see {@link Props}
- * @returns A root `<div>` containing the children in their original position,
- * a stage overlay with the duplicated children when active, and both toggles.
- *
- * @remarks
- * - In controlled mode (`isOn` defined), the state is fully driven by the
- *   parent and internal state is never updated.
- * - The four toggle-source handlers fire in both modes — a controlled parent
- *   needs them to know a toggle was requested at all.
- * - `onIsOnChanged` fires in both modes too, and never on mount.
- */
-export const Theatre = ({ closeBtnContent, openBtnContent, isOn: isOnProp, defaultIsOn = false, exitOnEscape, exitOnBgClick, onOpenButtonClicked, onCloseButtonClicked, onBackgroundClicked, onEscapePressed, onIsOnChanged, children, className }) => {
-    // State & refs
-    const [internalIsOn, setInternalIsOn] = useState(defaultIsOn);
-    const stageRef = useRef(null);
-    const isControlled = isOnProp !== undefined;
-    const isOn = isOnProp ?? internalIsOn;
-    // State dispatch
-    useChangeDispatch(isOn, onIsOnChanged);
-    // User action handlers
-    const requestToggle = (targetIsOn) => {
-        if (isControlled)
-            return;
-        setInternalIsOn(targetIsOn);
-    };
-    const handleOpenButtonClick = () => {
-        onOpenButtonClicked?.(isOn);
-        requestToggle(true);
-    };
-    const handleCloseButtonClick = () => {
-        onCloseButtonClicked?.(isOn);
-        requestToggle(false);
-    };
-    const handleStageBgClick = e => {
-        if (exitOnBgClick !== true)
-            return;
-        if (e.target !== stageRef.current)
-            return;
-        onBackgroundClicked?.(isOn);
-        requestToggle(false);
-    };
-    // Fx. dep. `exitOnEscape`, `isOn` - close the stage on the Escape key
-    useEffect(() => {
-        if (exitOnEscape !== true || !isOn)
-            return;
-        const handleKeyDown = (e) => {
-            if (e.key !== 'Escape')
-                return;
-            onEscapePressed?.(isOn);
-            requestToggle(false);
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => window.removeEventListener('keydown', handleKeyDown);
-    }, [exitOnEscape, isOn, isControlled, onEscapePressed]);
-    // Rendering
-    const c = clss(publicClassName, { cssModule });
-    const rootClss = mergeClassNames(c(null, {
-        'on': isOn,
-        'off': !isOn
-    }), className);
-    const stageClss = c('stage');
-    const openBtnClss = c('open-btn');
-    const closeBtnClss = c('close-btn');
-    return _jsxs("div", { className: rootClss, children: [children, _jsx("div", { className: stageClss, onClick: handleStageBgClick, ref: stageRef, children: isOn && children }), _jsx("div", { className: closeBtnClss, onClick: handleCloseButtonClick, children: closeBtnContent }), _jsx("div", { className: openBtnClss, onClick: handleOpenButtonClick, children: openBtnContent })] });
-};