@cntrl-site/components 1.0.19-alpha.5 → 1.0.19-alpha.6

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@cntrl-site/components",
-  "version": "1.0.19-alpha.5",
-  "description": "Custom components for control editor and public websites.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "style": "dist/components.css",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./utils": {
-      "types": "./dist/Components/utils/index.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.js"
-    },
-    "./style/components.css": {
-      "default": "./dist/components.css"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "utils": [
-        "./dist/Components/utils/index.d.ts"
-      ]
-    }
-  },
-  "scripts": {
-    "test": "jest",
-    "dev": "vite development",
-    "prebuild": "rimraf ./dist",
-    "build": "vite build",
-    "build:watch": "vite build --watch",
-    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
-  },
-  "files": [
-    "dist",
-    "resources"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cntrl-site/components.git"
-  },
-  "author": "arsen@momdesign.nyc",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/cntrl-site/components/issues"
-  },
-  "homepage": "https://github.com/cntrl-site/components#readme",
-  "directories": {
-    "lib": "dist"
-  },
-  "dependencies": {
-    "classnames": "^2.5.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^3.16.0",
-    "@splidejs/react-splide": "^0.7.12",
-    "ts-node": "^10.9.1",
-    "@tsconfig/node16": "^1.0.3",
-    "@tsconfig/recommended": "^1.0.1",
-    "@types/node": "^18.11.7",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "cross-env": "^10.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^6.0.1",
-    "sass": "^1.86.3",
-    "typescript": "^5.2.2",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3"
-  }
-}
+{
+  "name": "@cntrl-site/components",
+  "version": "1.0.19-alpha.6",
+  "description": "Custom components for control editor and public websites.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "style": "dist/components.css",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./utils": {
+      "types": "./dist/Components/utils/index.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.js"
+    },
+    "./style/components.css": {
+      "default": "./dist/components.css"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "utils": [
+        "./dist/Components/utils/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "test": "jest",
+    "dev": "vite development",
+    "prebuild": "rimraf ./dist",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
+  },
+  "files": [
+    "dist",
+    "resources"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cntrl-site/components.git"
+  },
+  "author": "arsen@momdesign.nyc",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cntrl-site/components/issues"
+  },
+  "homepage": "https://github.com/cntrl-site/components#readme",
+  "directories": {
+    "lib": "dist"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^3.16.0",
+    "@splidejs/react-splide": "^0.7.12",
+    "ts-node": "^10.9.1",
+    "@tsconfig/node16": "^1.0.3",
+    "@tsconfig/recommended": "^1.0.1",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "cross-env": "^10.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^6.0.1",
+    "sass": "^1.86.3",
+    "typescript": "^5.2.2",
+    "vite": "^6.2.5",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}

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

@@ -1,97 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,85 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,92 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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

@@ -1,72 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

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