@nuskin/marketing-components 1.34.1 → 1.35.0

package/dist/utils/deviceConstants.d.ts

@@ -0,0 +1,13 @@
+/** Shared breakpoints and layout constants for column-control and carousel. */
+export declare const DEVICE_SIZES: {
+    readonly ULTRA_SMALL: 320;
+    readonly EXTRA_SMALL: 480;
+    readonly SMALL: 600;
+    readonly MEDIUM: 768;
+    readonly LARGE: 1024;
+    readonly EXTRA_LARGE: 1200;
+    readonly ULTRA_LARGE: 1440;
+    readonly SUPER_LARGE: 1920;
+};
+/** Max height of a slide/card when height is content-driven. */
+export declare const MAX_SLIDE_HEIGHT_PX = 750;

package/dist/utils/viewportLayoutUtils.d.ts

@@ -0,0 +1,4 @@
+/** Preset name used by both column-control and carousel. */
+type PresetName = 'single-full' | 'two-equal' | 'two-small-large' | 'three-equal' | 'three-small-medium-large' | 'four-equal';
+export declare function getPresetColumns(preset: PresetName | undefined): number;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/marketing-components",
-    "version": "1.34.1",
+    "version": "1.35.0",
     "description": "A React based component library for marketing components to use with content stack pagebuilding",
     "types": "dist/index.d.ts",
     "main": "dist/index.js",

package/dist/column-control/Carousel.d.ts

@@ -1,6 +0,0 @@
-import type { ColumnControlProps } from './types';
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
-/** Carousel layout: slider with arrows and dots. Uses shared hook and UI with ColumnControl. */
-export declare function Carousel<T = unknown>(props: Readonly<Omit<ColumnControlProps<T>, 'layout'>>): import("react/jsx-runtime").JSX.Element;
-export default Carousel;

package/dist/column-control/hooks/useColumnControlResize.d.ts

@@ -1,6 +0,0 @@
-import type { ColumnControlProps } from '../types';
-export interface UseColumnControlResizeResult {
-    windowWidth: number;
-    carouselKey: string;
-}
-export declare function useColumnControlResize(preset: ColumnControlProps['preset'], slideCount: number): UseColumnControlResizeResult;

package/dist/column-control/shared.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-declare const Slider: any;
-declare const ColumnControlContainer: any;
-declare const ArrowButton: any;
-declare const InnerWrapper: any;
-declare const TabletGridContainer: any;
-declare const SlideSection: any;
-declare const SlideInner: any;
-declare const SlideContentInner: any;
-export declare const CONTAINER_CLASS = "column-control-container";
-export { Slider, ColumnControlContainer, ArrowButton, InnerWrapper, TabletGridContainer, SlideSection, SlideInner, SlideContentInner };
-export interface SliderRefInstance {
-    slickPrev: () => void;
-    slickNext: () => void;
-}
-export declare function getSlideKey(slide: unknown, index: number, isPlaceholder: boolean): string;
-export declare function getSlideContent<T>(slide: T | {
-    __emptyPlaceholder: true;
-}, index: number, isPlaceholder: boolean, emptyBlockParentClass: string | undefined, renderSlide: (slide: T, index: number) => React.ReactNode, emptyPlaceholderText?: string): React.ReactNode;
-export declare function renderSlidesContent<T>(params: {
-    slidesForRender: (T | {
-        __emptyPlaceholder: true;
-    })[];
-    renderSlide: (slide: T, index: number) => React.ReactNode;
-    presetColumns: number;
-    gap: number;
-    isVariableWidth: boolean;
-    getSlideWidth: (index: number) => string;
-    stackedVerticalGap: number;
-    stackedItemHeight: string;
-    stackedItemMaxHeight?: number;
-    useFlexLayout?: boolean;
-    emptyBlockParentClass?: string;
-    emptyPlaceholderText?: string;
-    $?: Record<string, unknown>;
-}): import("react/jsx-runtime").JSX.Element[];
-export declare function renderContentOrEmpty(hasSlides: boolean, content: React.ReactNode, emptyBlockParentClass: string | undefined, emptyPlaceholderText?: string, $?: Record<string, unknown>): React.ReactNode;