remotion 4.0.498 → 4.0.500

package/dist/cjs/interactivity-schema.d.ts

@@ -328,6 +328,41 @@ export declare const backgroundSchema: {
         readonly description: "Color";
     };
 };
+export declare const svgStrokeSchema: {
+    readonly stroke: {
+        readonly type: "color";
+        readonly default: "none";
+        readonly description: "Stroke";
+    };
+    readonly strokeWidth: {
+        readonly type: "number";
+        readonly default: 1;
+        readonly description: "Stroke width";
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: false;
+    };
+};
+export declare const svgPaintSchema: {
+    readonly stroke: {
+        readonly type: "color";
+        readonly default: "none";
+        readonly description: "Stroke";
+    };
+    readonly strokeWidth: {
+        readonly type: "number";
+        readonly default: 1;
+        readonly description: "Stroke width";
+        readonly min: 0;
+        readonly step: 1;
+        readonly hiddenFromList: false;
+    };
+    readonly fill: {
+        readonly type: "color";
+        readonly default: undefined;
+        readonly description: "Fill";
+    };
+};
 export declare const textContentSchema: {
     readonly children: {
         readonly type: "text-content";
@@ -374,6 +409,90 @@ export declare const sequencePremountSchema: {
         readonly keyframable: false;
     };
 };
+export declare const cropSchema: {
+    readonly cropLeft: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop left";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropRight: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop right";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropTop: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop top";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropBottom: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop bottom";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+};
+export declare const sequenceCropSchema: {
+    readonly cropLeft: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop left";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropRight: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop right";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropTop: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop top";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropBottom: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop bottom";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+};
 export declare const sequenceStyleSchema: {
     readonly 'style.transformOrigin': {
         readonly type: "transform-origin";
@@ -462,6 +581,46 @@ export declare const sequenceStyleSchema: {
         readonly hiddenFromList: true;
         readonly keyframable: false;
     };
+    readonly cropLeft: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop left";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropRight: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop right";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropTop: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop top";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
+    readonly cropBottom: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly description: "Crop bottom";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly hiddenFromList: false;
+        readonly keyframable: true;
+    };
 };
 export declare const hiddenField: InteractivitySchemaField;
 export declare const sequenceNameField: InteractivitySchemaField;
@@ -648,6 +807,46 @@ export declare const sequenceSchema: {
                     readonly hiddenFromList: true;
                     readonly keyframable: false;
                 };
+                readonly cropLeft: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop left";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropRight: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop right";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropTop: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop top";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropBottom: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop bottom";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
             };
             readonly none: {};
         };
@@ -795,6 +994,46 @@ export declare const sequenceSchemaWithoutFrom: {
                     readonly hiddenFromList: true;
                     readonly keyframable: false;
                 };
+                readonly cropLeft: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop left";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropRight: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop right";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropTop: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop top";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
+                readonly cropBottom: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Crop bottom";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly hiddenFromList: false;
+                    readonly keyframable: true;
+                };
             };
             readonly none: {};
         };

package/dist/cjs/interactivity-schema.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.baseSchemaWithoutFrom = exports.sequenceSchema = exports.baseSchema = exports.freezeField = exports.trimBeforeField = exports.fromField = exports.durationInFramesField = exports.extendSchemaWithSequenceName = exports.sequenceNameField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.premountSchema = exports.textContentSchema = exports.backgroundSchema = exports.borderSchema = exports.textSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = void 0;
+exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.baseSchemaWithoutFrom = exports.sequenceSchema = exports.baseSchema = exports.freezeField = exports.trimBeforeField = exports.fromField = exports.durationInFramesField = exports.extendSchemaWithSequenceName = exports.sequenceNameField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequenceCropSchema = exports.cropSchema = exports.sequencePremountSchema = exports.premountSchema = exports.textContentSchema = exports.svgPaintSchema = exports.svgStrokeSchema = exports.backgroundSchema = exports.borderSchema = exports.textSchema = exports.sequenceVisualStyleSchema = exports.transformSchema = void 0;
 exports.transformSchema = {
     'style.transformOrigin': {
         type: 'transform-origin',
@@ -157,6 +157,31 @@ exports.backgroundSchema = {
         description: 'Color',
     },
 };
+exports.svgStrokeSchema = {
+    stroke: {
+        type: 'color',
+        // `none` is the SVG initial value of stroke.
+        default: 'none',
+        description: 'Stroke',
+    },
+    strokeWidth: {
+        type: 'number',
+        // `1` is the SVG initial value of stroke-width.
+        default: 1,
+        description: 'Stroke width',
+        min: 0,
+        step: 1,
+        hiddenFromList: false,
+    },
+};
+exports.svgPaintSchema = {
+    fill: {
+        type: 'color',
+        default: undefined,
+        description: 'Fill',
+    },
+    ...exports.svgStrokeSchema,
+};
 exports.textContentSchema = {
     children: {
         type: 'text-content',
@@ -187,7 +212,51 @@ exports.premountSchema = {
 exports.sequencePremountSchema = {
     ...exports.premountSchema,
 };
+exports.cropSchema = {
+    cropLeft: {
+        type: 'number',
+        default: 0,
+        description: 'Crop left',
+        min: 0,
+        max: 1,
+        step: 0.01,
+        hiddenFromList: false,
+        keyframable: true,
+    },
+    cropRight: {
+        type: 'number',
+        default: 0,
+        description: 'Crop right',
+        min: 0,
+        max: 1,
+        step: 0.01,
+        hiddenFromList: false,
+        keyframable: true,
+    },
+    cropTop: {
+        type: 'number',
+        default: 0,
+        description: 'Crop top',
+        min: 0,
+        max: 1,
+        step: 0.01,
+        hiddenFromList: false,
+        keyframable: true,
+    },
+    cropBottom: {
+        type: 'number',
+        default: 0,
+        description: 'Crop bottom',
+        min: 0,
+        max: 1,
+        step: 0.01,
+        hiddenFromList: false,
+        keyframable: true,
+    },
+};
+exports.sequenceCropSchema = exports.cropSchema;
 exports.sequenceStyleSchema = {
+    ...exports.sequenceCropSchema,
     ...exports.transformSchema,
     ...exports.backgroundSchema,
     ...exports.borderSchema,

package/dist/cjs/internals.d.ts

@@ -237,6 +237,46 @@ export declare const Internals: {
                         readonly hiddenFromList: true;
                         readonly keyframable: false;
                     };
+                    readonly cropLeft: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop left";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
+                    readonly cropRight: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop right";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
+                    readonly cropTop: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop top";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
+                    readonly cropBottom: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop bottom";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
                 };
                 readonly none: {};
             };
@@ -331,6 +371,46 @@ export declare const Internals: {
             readonly hiddenFromList: true;
             readonly keyframable: false;
         };
+        readonly cropLeft: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop left";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+        readonly cropRight: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop right";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+        readonly cropTop: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop top";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+        readonly cropBottom: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop bottom";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
     };
     readonly sequenceVisualStyleSchema: {
         readonly 'style.transformOrigin': {
@@ -388,6 +468,48 @@ export declare const Internals: {
             readonly keyframable: false;
         };
     };
+    readonly sequenceCropSchema: {
+        readonly cropLeft: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop left";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+        readonly cropRight: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop right";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+        readonly cropTop: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop top";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+        readonly cropBottom: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly description: "Crop bottom";
+            readonly min: 0;
+            readonly max: 1;
+            readonly step: 0.01;
+            readonly hiddenFromList: false;
+            readonly keyframable: true;
+        };
+    };
     readonly textSchema: {
         readonly 'style.color': {
             readonly type: "color";
@@ -935,7 +1057,6 @@ export declare const Internals: {
         duration: number;
         doesVolumeChange: boolean;
         nonce: import("./nonce.js").NonceHistoryContext;
-        rootId: string;
         finalDisplayName: string;
         startMediaFrom: number;
         src: string;
@@ -1059,5 +1180,10 @@ export declare const Internals: {
         readonly step: 1;
         readonly hiddenFromList: true;
     };
+    readonly resolveSequenceCrop: ({ cropLeft, cropRight, cropTop, cropBottom, }: import("./sequence-crop.js").SequenceCropInput) => import("./sequence-crop.js").ResolvedSequenceCrop;
+    readonly useCropStyle: ({ cropLeft, cropRight, cropTop, cropBottom, style, componentName, }: import("./sequence-crop.js").SequenceCropInput & {
+        readonly style: import("react").CSSProperties | null;
+        readonly componentName: string;
+    }) => import("react").CSSProperties | null;
 };
 export type { ArrayFieldSchema, AssetFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, VideoConfigNumericExpression, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, InteractivitySchemaField, SequenceNodePath, SequencePropsSubscriptionKey, VideoConfigValues, InteractivitySchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -81,6 +81,7 @@ const RemotionRoot_js_1 = require("./RemotionRoot.js");
 const RenderAssetManager_js_1 = require("./RenderAssetManager.js");
 const resolve_video_config_js_1 = require("./resolve-video-config.js");
 const ResolveCompositionConfig_js_1 = require("./ResolveCompositionConfig.js");
+const sequence_crop_js_1 = require("./sequence-crop.js");
 const sequence_node_path_js_1 = require("./sequence-node-path.js");
 const sequence_stack_traces_js_1 = require("./sequence-stack-traces.js");
 const Sequence_js_1 = require("./Sequence.js");
@@ -91,6 +92,7 @@ const TimelinePosition = __importStar(require("./timeline-position-state.js"));
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const TimelineContext_js_1 = require("./TimelineContext.js");
 const truthy_js_1 = require("./truthy.js");
+const use_crop_style_js_1 = require("./use-crop-style.js");
 const use_current_scale_js_1 = require("./use-current-scale.js");
 const use_delay_render_js_1 = require("./use-delay-render.js");
 const use_lazy_component_js_1 = require("./use-lazy-component.js");
@@ -149,6 +151,7 @@ exports.Internals = {
     sequenceStyleSchema: interactivity_schema_js_1.sequenceStyleSchema,
     sequenceVisualStyleSchema: interactivity_schema_js_1.sequenceVisualStyleSchema,
     sequencePremountSchema: interactivity_schema_js_1.sequencePremountSchema,
+    sequenceCropSchema: interactivity_schema_js_1.sequenceCropSchema,
     textSchema: interactivity_schema_js_1.textSchema,
     transformSchema: interactivity_schema_js_1.transformSchema,
     premountSchema: interactivity_schema_js_1.premountSchema,
@@ -273,4 +276,6 @@ exports.Internals = {
     durationInFramesField: interactivity_schema_js_1.durationInFramesField,
     freezeField: interactivity_schema_js_1.freezeField,
     fromField: interactivity_schema_js_1.fromField,
+    resolveSequenceCrop: sequence_crop_js_1.resolveSequenceCrop,
+    useCropStyle: use_crop_style_js_1.useCropStyle,
 };

package/dist/cjs/no-react.d.ts

@@ -185,6 +185,46 @@ export declare const NoReactInternals: {
                         readonly hiddenFromList: true;
                         readonly keyframable: false;
                     };
+                    readonly cropLeft: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop left";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
+                    readonly cropRight: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop right";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
+                    readonly cropTop: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop top";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
+                    readonly cropBottom: {
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly description: "Crop bottom";
+                        readonly min: 0;
+                        readonly max: 1;
+                        readonly step: 0.01;
+                        readonly hiddenFromList: false;
+                        readonly keyframable: true;
+                    };
                 };
                 readonly none: {};
             };

package/dist/cjs/sequence-crop.d.ts

@@ -0,0 +1,19 @@
+export type ResolvedSequenceCrop = {
+    readonly left: number;
+    readonly right: number;
+    readonly top: number;
+    readonly bottom: number;
+};
+type ResolvedSequenceCropWithBorderRadius = ResolvedSequenceCrop & {
+    readonly borderRadius?: string | number;
+};
+export type SequenceCropInput = {
+    readonly cropLeft?: number;
+    readonly cropRight?: number;
+    readonly cropTop?: number;
+    readonly cropBottom?: number;
+};
+export declare const resolveSequenceCrop: ({ cropLeft, cropRight, cropTop, cropBottom, }: SequenceCropInput) => ResolvedSequenceCrop;
+export declare const getSequenceCropClipPath: ({ left, right, top, bottom, borderRadius, }: ResolvedSequenceCropWithBorderRadius) => string | null;
+export declare const validateSequenceCrop: (crop: SequenceCropInput, componentName?: string) => void;
+export {};

package/dist/cjs/sequence-crop.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateSequenceCrop = exports.getSequenceCropClipPath = exports.resolveSequenceCrop = void 0;
+const clampCrop = (value) => {
+    return Math.min(1, Math.max(0, value !== null && value !== void 0 ? value : 0));
+};
+const resolveAxis = (start, end) => {
+    const resolvedStart = clampCrop(start);
+    const resolvedEnd = clampCrop(end);
+    if (resolvedStart + resolvedEnd > 1) {
+        return [0.5, 0.5];
+    }
+    return [resolvedStart, resolvedEnd];
+};
+const resolveSequenceCrop = ({ cropLeft, cropRight, cropTop, cropBottom, }) => {
+    const [left, right] = resolveAxis(cropLeft, cropRight);
+    const [top, bottom] = resolveAxis(cropTop, cropBottom);
+    return { left, right, top, bottom };
+};
+exports.resolveSequenceCrop = resolveSequenceCrop;
+const getSequenceCropClipPath = ({ left, right, top, bottom, borderRadius, }) => {
+    if (left === 0 && right === 0 && top === 0 && bottom === 0) {
+        return null;
+    }
+    const serializedBorderRadius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;
+    const rounded = serializedBorderRadius
+        ? ` round ${serializedBorderRadius}`
+        : '';
+    return `inset(${top * 100}% ${right * 100}% ${bottom * 100}% ${left * 100}%${rounded})`;
+};
+exports.getSequenceCropClipPath = getSequenceCropClipPath;
+const validateSequenceCrop = (crop, componentName = '<Sequence />') => {
+    for (const [name, value] of Object.entries(crop)) {
+        if (value === undefined) {
+            continue;
+        }
+        if (typeof value !== 'number' || !Number.isFinite(value)) {
+            throw new TypeError(`The "${name}" prop of ${componentName} must be a finite number, but got ${String(value)}.`);
+        }
+        if (value < 0 || value > 1) {
+            throw new RangeError(`The "${name}" prop of ${componentName} must be between 0 and 1, but got ${value}.`);
+        }
+    }
+};
+exports.validateSequenceCrop = validateSequenceCrop;

package/dist/cjs/use-crop-style.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import { type SequenceCropInput } from './sequence-crop.js';
+export declare const useCropStyle: ({ cropLeft, cropRight, cropTop, cropBottom, style, componentName, }: SequenceCropInput & {
+    readonly style: React.CSSProperties | null;
+    readonly componentName: string;
+}) => React.CSSProperties | null;