@cntrl-site/components 1.0.19 → 1.0.21

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 GX Platform
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 GX Platform
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Control Components
-
+# Control Components
+
 This is custom components for control editor and public websites.

package/dist/Components/LightboxJournal/LightboxJournal.d.ts

@@ -0,0 +1,97 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+import { ImageRatioFit } from '../utils/imageFitStyles';
+export type LightboxJournalImage = {
+    url: string;
+    name?: string;
+    objectFit?: 'cover' | 'contain';
+};
+export type LightboxJournalItem = {
+    title1: string;
+    title2: string;
+    title3: string;
+    image: LightboxJournalImage[];
+};
+type LightboxJournalProps = {
+    settings: LightboxJournalSettings;
+    content?: LightboxJournalItem[];
+    isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
+    portalId?: string;
+} & CommonComponentProps;
+export declare const LightboxJournal: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId, metadata }: LightboxJournalProps) => import("react/jsx-runtime").JSX.Element;
+export type LightboxJournalSettings = {
+    cover: string | null;
+    coverFit: ImageRatioFit;
+    type: 'A' | 'B';
+    maxWidth: number;
+    maxHeight: number;
+    backgroundColor: string;
+    imageGap?: number;
+    textTransition: 'none' | 'fade';
+    title1Width?: number;
+    title2Width?: number;
+    title3Width?: number;
+    title1MarginLeft?: number;
+    title2MarginLeft?: number;
+    title3MarginLeft?: number;
+    titleRowMarginBottom?: number;
+    titleHeaderLayout?: 'desktop' | 'mobile';
+    countCloseGap?: number;
+    title1Color: string;
+    title2Color: string;
+    title3Color: string;
+    countColor: string;
+    title1FontFamily?: string;
+    title1FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title1FontSize?: number;
+    title1LineHeight?: number;
+    title1LetterSpacing?: number;
+    title1WordSpacing?: number;
+    title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title1TextAppearance?: TextStyles['textAppearance'];
+    title2FontFamily?: string;
+    title2FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title2FontSize?: number;
+    title2LineHeight?: number;
+    title2LetterSpacing?: number;
+    title2WordSpacing?: number;
+    title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title2TextAppearance?: TextStyles['textAppearance'];
+    title3FontFamily?: string;
+    title3FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title3FontSize?: number;
+    title3LineHeight?: number;
+    title3LetterSpacing?: number;
+    title3WordSpacing?: number;
+    title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title3TextAppearance?: TextStyles['textAppearance'];
+    countFontFamily?: string;
+    countFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    countFontSize?: number;
+    countLineHeight?: number;
+    countLetterSpacing?: number;
+    countWordSpacing?: number;
+    countTextAlign?: 'left' | 'center' | 'right' | 'justify';
+    countTextAppearance?: TextStyles['textAppearance'];
+    contentMarginTop: number;
+    iconMarginRight: number;
+    closeIcon: string | null;
+    closeIconMaxWidth: number;
+    closeIconColor: string;
+    closeIconHoverColor: string;
+};
+export {};

package/dist/Components/LightboxJournal/LightboxJournalComponent.d.ts

@@ -0,0 +1,44 @@
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+export declare const LightboxJournalComponent: {
+    element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId, metadata }: {
+        settings: import('./LightboxJournal').LightboxJournalSettings;
+        content?: import('./LightboxJournal').LightboxJournalItem[];
+        isEditor?: boolean;
+        isEditMode?: boolean;
+        isPreviewMode?: boolean;
+        portalId?: string;
+    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    name: string;
+    category: string;
+    version: number;
+    defaultSize: {
+        d: {
+            width: number;
+            height: number;
+        };
+        m: {
+            width: number;
+            height: number;
+        };
+    };
+    preview: {
+        type: "image";
+        url: string;
+    };
+    schema: ComponentSchemaV1;
+    sourceCode: string;
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    fontSettingsPaths: {
+        content: never[];
+        parameters: {
+            path: string;
+        }[];
+    };
+};

package/dist/Components/LightboxJournal/LightboxOverlay.d.ts

@@ -0,0 +1,16 @@
+import { LightboxJournalItem, LightboxJournalSettings } from './LightboxJournal';
+type LightboxOverlayProps = {
+    prefix: string;
+    entries: LightboxJournalItem[];
+    settings: LightboxJournalSettings;
+    isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
+    initialSlideIndex?: number;
+    enableUrlSync?: boolean;
+    journalItemId?: string | null;
+    onBeforeClose?: () => void;
+    onClose: () => void;
+};
+export declare const LightboxOverlay: ({ prefix: P, entries, settings, isEditor, isEditMode, isPreviewMode, initialSlideIndex, enableUrlSync, journalItemId, onBeforeClose, onClose, }: LightboxOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Components/LightboxJournal/utils.d.ts

@@ -0,0 +1,85 @@
+import { CSSProperties } from 'react';
+import { TextStyles } from '../utils/textStylesToCss';
+import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
+type JournalImage = {
+    url: string;
+    name?: string;
+    objectFit?: 'cover' | 'contain';
+};
+type JournalEntry = {
+    title1: string;
+    title2: string;
+    title3: string;
+    image: JournalImage[];
+};
+type JournalSettings = {
+    title1Color: string;
+    title2Color: string;
+    title3Color: string;
+    countColor: string;
+} & Record<string, unknown>;
+export declare const STRIP_NAV_SWIPE_MIN_PX = 50;
+export declare const STRIP_NAV_TAP_MAX_PX = 10;
+export declare const findJournalUrlSlideNumber: (itemId?: string | null) => number | null;
+export declare const slideNumberToIndex: (slideNumber: number, slideCount: number) => number;
+export declare const setJournalUrlParam: (slideNumber: number, itemId?: string | null, replace?: boolean) => void;
+export declare const hasJournalUrlParam: (itemId?: string | null) => boolean;
+export declare const removeJournalUrlParam: (didPushHistory: boolean, itemId?: string | null) => void;
+type JournalSlide = {
+    entry: JournalEntry;
+    entryIndex: number;
+    images: JournalImage[];
+};
+export declare const getGapControlSize: (gap: string) => string;
+export declare const getEntryImages: (entry: JournalEntry | undefined) => JournalImage[];
+export declare const buildJournalSlides: (entries: JournalEntry[], journalType: "A" | "B") => JournalSlide[];
+export declare const formatSlideCounter: (slides: JournalSlide[], activeSlideIndex: number, journalType: "A" | "B", entries: JournalEntry[]) => string;
+export declare const getEntryTitleKey: (entry: JournalEntry | undefined) => string;
+export declare const shouldShowCounter: (journalType: "A" | "B", slides: JournalSlide[], entries: JournalEntry[]) => boolean;
+type JournalTitleWidthKey = 'title1Width' | 'title2Width' | 'title3Width';
+export declare const TITLE_RESIZE_HANDLE_WIDTH = 0.004;
+export declare const TITLE_PADDING_HANDLE_WIDTH = 0.004;
+export declare const DEFAULT_JOURNAL_TITLE_WIDTHS: Record<JournalTitleWidthKey, number>;
+export type JournalTitleSlot = {
+    prefix: 'title1' | 'title2' | 'title3';
+    widthKey: JournalTitleWidthKey;
+    marginLeftKey?: 'title2MarginLeft' | 'title3MarginLeft';
+    className: string;
+    style: CSSProperties;
+    text: string;
+};
+export declare const buildJournalTitleSlots: (prefix: string, entry: JournalEntry, title1Style: CSSProperties, title2Style: CSSProperties, title3Style: CSSProperties) => JournalTitleSlot[];
+export declare const resolveJournalTitleWidths: (count: number, storedWidths: number[]) => number[];
+export declare const getEffectiveJournalTitleWidths: (count: number, storedWidths: number[]) => number[];
+export declare const getJournalTitleMaxWidth: (columnIndex: number, resolvedWidths: number[]) => number;
+export declare const getRowScopedJournalTitleWidths: (slots: JournalTitleSlot[], widthByKey: Record<JournalTitleWidthKey, number>) => {
+    resolved: number[];
+    effective: number[];
+};
+export declare const getJournalTitleOffsetBeforeSlot: (slots: JournalTitleSlot[], resolvedWidths: number[], marginByKey: Record<"title2MarginLeft" | "title3MarginLeft", number>, slotIndex: number) => number;
+export declare const getJournalTitleBoundaryOffset: (slots: JournalTitleSlot[], resolvedWidths: number[], marginByKey: Record<"title2MarginLeft" | "title3MarginLeft", number>, upToIndex: number) => number;
+export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
+export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];
+export declare const JOURNAL_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
+export type JournalGlobalTextStyleKey = typeof JOURNAL_GLOBAL_TEXT_STYLE_KEYS[number];
+export declare const getJournalTextStyleSettingKey: (prefix: JournalTextStylePrefix, globalKey: JournalGlobalTextStyleKey) => string;
+export declare const JOURNAL_TEXT_STYLE_TAB_LABELS: Record<JournalTextStylePrefix, string>;
+export declare const createJournalTextStyleTabContentItems: (prefix: JournalTextStylePrefix) => LayoutItem[];
+export declare const createJournalTextStylePanelTab: () => LayoutTab;
+type ResolvedJournalTextFields = {
+    fontFamily: string;
+    fontSettings: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    fontSize?: number;
+    lineHeight?: number;
+    letterSpacing: number;
+    wordSpacing: number;
+    textAlign: 'left' | 'center' | 'right' | 'justify';
+    textAppearance?: TextStyles['textAppearance'];
+    color?: string;
+};
+export declare const resolveJournalTextFields: (settings: JournalSettings, prefix: JournalTextStylePrefix) => ResolvedJournalTextFields;
+export declare const journalTextFieldsToCss: (prefix: JournalTextStylePrefix, fields: ResolvedJournalTextFields, isEditor?: boolean) => CSSProperties;
+export {};

package/dist/Components/LightboxStrip/LightboxOverlay.d.ts

@@ -0,0 +1,12 @@
+import { LightboxStripItem, LightboxStripSettings } from './LightboxStrip';
+type LightboxOverlayProps = {
+    prefix: string;
+    images: LightboxStripItem[];
+    settings: LightboxStripSettings;
+    isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
+    onClose: () => void;
+};
+export declare const LightboxOverlay: ({ prefix: P, images, settings, isEditor, isEditMode, isPreviewMode, onClose, }: LightboxOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Components/LightboxStrip/LightboxStrip.d.ts

@@ -0,0 +1,92 @@
+import { CommonComponentProps } from '../props';
+import { ImageRatioFit } from '../utils/imageFitStyles';
+import { TextStyles } from '../utils/textStylesToCss';
+export { createStripTextStylePanelTab, createStripTextStyleTabContentItems, extractTitlesFromLegacyText, getStripTextStyleSettingKey, resolveSharedStripTitles, STRIP_GLOBAL_TEXT_STYLE_KEYS, STRIP_TEXT_STYLE_PREFIXES, STRIP_TEXT_STYLE_TAB_LABELS, STRIP_TITLE_WIDTH_KEYS, } from './utils';
+export type { StripGlobalTextStyleKey, StripTextStylePrefix, StripTitleWidthKey, } from './utils';
+export type LightboxStripItem = {
+    image: {
+        url: string;
+        name?: string;
+        objectFit?: 'cover' | 'contain';
+    };
+    title1?: string;
+    title2?: string;
+    title3?: string;
+};
+export type SharedStripTitles = {
+    title1: string;
+    title2: string;
+    title3: string;
+};
+export type LightboxStripSettings = {
+    cover: string | null;
+    coverFit: ImageRatioFit;
+    backgroundColor: string;
+    thumbnailVisibility: 'on' | 'off';
+    thumbnailObjectFit: ImageRatioFit;
+    thumbnailTrigger: 'click' | 'hover';
+    thumbnailActive: 'outline' | 'color' | 'scale-up';
+    thumbnailActiveColor: string;
+    thumbnailGap: number;
+    thumbnailMarginBottom?: number;
+    imageGap?: number;
+    title1Width: number;
+    title2Width: number;
+    title3Width: number;
+    title1MarginLeft: number;
+    title2MarginLeft: number;
+    title3MarginLeft: number;
+    titleRowMarginBottom?: number;
+    titleHeaderLayout?: 'desktop' | 'mobile';
+    title1Color: string;
+    title2Color: string;
+    title3Color: string;
+    title1FontFamily?: string;
+    title1FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title1FontSize?: number;
+    title1LineHeight?: number;
+    title1LetterSpacing?: number;
+    title1WordSpacing?: number;
+    title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title1TextAppearance?: TextStyles['textAppearance'];
+    title2FontFamily?: string;
+    title2FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title2FontSize?: number;
+    title2LineHeight?: number;
+    title2LetterSpacing?: number;
+    title2WordSpacing?: number;
+    title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title2TextAppearance?: TextStyles['textAppearance'];
+    title3FontFamily?: string;
+    title3FontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    title3FontSize?: number;
+    title3LineHeight?: number;
+    title3LetterSpacing?: number;
+    title3WordSpacing?: number;
+    title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
+    title3TextAppearance?: TextStyles['textAppearance'];
+    contentMarginTop: number;
+    iconMarginLeft: number;
+    closeIcon: string | null;
+    closeIconMaxWidth: number;
+    closeIconColor: string;
+    closeIconHoverColor: string;
+};
+type LightboxStripProps = {
+    settings: LightboxStripSettings;
+    content?: LightboxStripItem[];
+    isEditor?: boolean;
+    isEditMode?: boolean;
+    isPreviewMode?: boolean;
+    portalId?: string;
+} & CommonComponentProps;
+export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/LightboxStrip/LightboxStripComponent.d.ts

@@ -0,0 +1,44 @@
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+export declare const LightboxStripComponent: {
+    element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
+        settings: import('./LightboxStrip').LightboxStripSettings;
+        content?: import('./LightboxStrip').LightboxStripItem[];
+        isEditor?: boolean;
+        isEditMode?: boolean;
+        isPreviewMode?: boolean;
+        portalId?: string;
+    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    name: string;
+    category: string;
+    version: number;
+    defaultSize: {
+        d: {
+            width: number;
+            height: number;
+        };
+        m: {
+            width: number;
+            height: number;
+        };
+    };
+    preview: {
+        type: "image";
+        url: string;
+    };
+    schema: ComponentSchemaV1;
+    sourceCode: string;
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    fontSettingsPaths: {
+        content: never[];
+        parameters: {
+            path: string;
+        }[];
+    };
+};

package/dist/Components/LightboxStrip/utils.d.ts

@@ -0,0 +1,72 @@
+import { CSSProperties } from 'react';
+import { TextStyles } from '../utils/textStylesToCss';
+import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
+import { LightboxStripItem, LightboxStripSettings, SharedStripTitles } from './LightboxStrip';
+export declare const LIGHTBOX_ANIM_MS = 300;
+export declare const SNAP_SCROLL_MIN_MS = 900;
+export declare const SNAP_SCROLL_MAX_MS = 1500;
+export declare const SNAP_SCROLL_EASING = "cubic-bezier(0.16, 1, 0.3, 1)";
+export declare const CONTROLS_IDLE_MS = 3000;
+export declare const THUMB_MAX_SIZE_PX = 50;
+export declare const WHEEL_SPEED = 2;
+export declare const WHEEL_LINE_HEIGHT_PX = 16;
+export declare const WHEEL_LERP = 0.05;
+export declare const MOUSE_DRAG_THRESHOLD_PX = 1;
+export declare const DRAG_SNAP_RATIO = 0.5;
+export declare const GAP_LABEL_AREA_PX = 20;
+export declare const TITLE_RESIZE_HANDLE_WIDTH = 0.004;
+export declare const STRIP_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3"];
+export type StripTextStylePrefix = typeof STRIP_TEXT_STYLE_PREFIXES[number];
+export declare const STRIP_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
+export type StripGlobalTextStyleKey = typeof STRIP_GLOBAL_TEXT_STYLE_KEYS[number];
+export declare const STRIP_TEXT_STYLE_TAB_LABELS: Record<StripTextStylePrefix, string>;
+export declare const STRIP_TITLE_WIDTH_KEYS: readonly ["title1Width", "title2Width", "title3Width"];
+export type StripTitleWidthKey = typeof STRIP_TITLE_WIDTH_KEYS[number];
+type LightboxStripLegacyItem = LightboxStripItem & {
+    text?: Array<{
+        type?: string;
+        children?: Array<{
+            text?: string;
+        }>;
+    }>;
+};
+type ResolvedStripTextFields = {
+    fontFamily: string;
+    fontSettings: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    fontSize?: number;
+    lineHeight?: number;
+    letterSpacing: number;
+    wordSpacing: number;
+    textAlign: 'left' | 'center' | 'right' | 'justify';
+    textAppearance?: TextStyles['textAppearance'];
+    color?: string;
+};
+export type StripTitleSlot = {
+    prefix: StripTextStylePrefix;
+    widthKey: StripTitleWidthKey;
+    marginLeftKey?: 'title1MarginLeft' | 'title2MarginLeft' | 'title3MarginLeft';
+    className: string;
+    style: CSSProperties;
+    text: string;
+};
+export declare const getGapControlSize: (gap: string) => string;
+export declare const extractTitlesFromLegacyText: (text: LightboxStripLegacyItem["text"]) => Partial<SharedStripTitles>;
+export declare const resolveSharedStripTitles: (items: LightboxStripLegacyItem[]) => SharedStripTitles;
+export declare const getStripTextStyleSettingKey: (prefix: StripTextStylePrefix, globalKey: StripGlobalTextStyleKey) => string;
+export declare const createStripTextStyleTabContentItems: (prefix: StripTextStylePrefix) => LayoutItem[];
+export declare const createStripTextStylePanelTab: () => LayoutTab;
+export declare const resolveStripTitleWidths: (count: number, storedWidths: number[]) => number[];
+export declare const getEffectiveStripTitleWidths: (count: number, storedWidths: number[]) => number[];
+export declare const getStripTitleMaxWidth: (columnIndex: number, resolvedWidths: number[]) => number;
+export declare const getRowScopedStripTitleWidths: (slots: StripTitleSlot[], widthByKey: Record<StripTitleWidthKey, number>) => {
+    resolved: number[];
+    effective: number[];
+};
+export declare const buildStripTitleSlots: (prefix: string, title1: string, title2: string, title3: string, title1Style: CSSProperties, title2Style: CSSProperties, title3Style: CSSProperties) => StripTitleSlot[];
+export declare const resolveStripTextFields: (settings: LightboxStripSettings, prefix: StripTextStylePrefix) => ResolvedStripTextFields;
+export declare const getStripTitleOffsetBeforeSlot: (slots: StripTitleSlot[], resolvedWidths: number[], marginByKey: Record<"title1MarginLeft" | "title2MarginLeft" | "title3MarginLeft", number>, slotIndex: number) => number;
+export declare const stripTextFieldsToCss: (prefix: StripTextStylePrefix, fields: ReturnType<typeof resolveStripTextFields>, isEditor?: boolean) => CSSProperties;
+export {};

package/dist/Components/utils/animateStripScroll.d.ts

@@ -0,0 +1,8 @@
+type AnimateStripScrollOptions = {
+    duration: number;
+    easing: string;
+    onComplete?: () => void;
+};
+export declare const getDistanceScaledDuration: (distance: number, minMs: number, maxMs: number, referenceDistance: number) => number;
+export declare const animateStripScroll: (strip: HTMLElement, track: HTMLElement, targetLeft: number, { duration, easing, onComplete }: AnimateStripScrollOptions) => (() => void);
+export {};

package/dist/Components/utils/imageFitStyles.d.ts

@@ -0,0 +1,7 @@
+export type ImageRatioFit = {
+    display: 'fit' | 'cover';
+    ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+    reversed: boolean;
+};
+export declare const isImageRatioCover: (fit: ImageRatioFit) => boolean;
+export declare const getAspectRatio: (fit: ImageRatioFit) => string;

package/dist/Components/utils/useLightboxScrollLock.d.ts

@@ -0,0 +1 @@
+export declare const useLightboxScrollLock: () => void;

package/dist/Components/utils/useLightboxSwipeDismiss.d.ts

@@ -0,0 +1,25 @@
+type UseLightboxSwipeDismissOptions = {
+    enabled: boolean;
+    onClose: () => void;
+    animMs?: number;
+    isBlockedTarget?: (target: HTMLElement) => boolean;
+};
+export declare const useLightboxSwipeDismiss: ({ enabled, onClose, animMs, isBlockedTarget, }: UseLightboxSwipeDismissOptions) => {
+    isSwipeDragging: boolean;
+    backdropStyle: React.CSSProperties;
+    mediaAreaStyle: React.CSSProperties;
+    overlayContentStyle: import('react').CSSProperties | undefined;
+    swipeHandlers: {
+        onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLElement>) => void;
+        onPointerCancel: (event: React.PointerEvent<HTMLElement>) => void;
+    } | {
+        onPointerDown?: undefined;
+        onPointerMove?: undefined;
+        onPointerUp?: undefined;
+        onPointerCancel?: undefined;
+    };
+    dismissAreaStyle: import('react').CSSProperties | undefined;
+};
+export {};