@anker-in/headless-ui 1.0.26-alpha.1762330464162 → 1.0.26-alpha.1762331489014

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.0.26-alpha.1762330464162",
+  "version": "1.0.26-alpha.1762331489014",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -68,9 +68,10 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@hyrious/esbuild-plugin-commonjs": "^0.2.6",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.12",
+    "@types/jump.js": "^1.0.6",
     "@types/node": "^20",
     "babel-jest": "^29.7.0",
     "esbuild": "^0.20.2",
@@ -92,26 +93,35 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
-    "@payloadcms/richtext-lexical": "^3.39.1",
-    "@radix-ui/react-avatar": "^1.1.9",
-    "@radix-ui/react-checkbox": "^1.3.1",
-    "@radix-ui/react-dialog": "^1.1.13",
-    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@payloadcms/richtext-lexical": "^3.62.1",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-popover": "^1.1.13",
-    "@radix-ui/react-radio-group": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.2",
-    "@radix-ui/react-tabs": "^1.1.11",
-    "@radix-ui/react-visually-hidden": "^1.2.2",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-visually-hidden": "^1.2.3",
+    "@testing-library/dom": "^10.4.1",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-class-names": "^8.5.2",
     "embla-carousel-react": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.0.1",
     "es-toolkit": "^1.36.0",
     "fitty": "^2.4.2",
+    "framer-motion": "^12.23.24",
+    "jump.js": "^1.0.2",
+    "lexical": "^0.38.2",
+    "lodash": "^4.17.21",
     "postcss": "^8.4.38",
     "react-fast-marquee": "^1.6.5",
     "react-intersection-observer": "^9.4.0",
@@ -120,6 +130,7 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
+    "typescript": "5.4.5",
     "vaul": "^1.1.2"
   },
   "peerDependencies": {
@@ -147,6 +158,7 @@
     "test": "jest",
     "test:snapshots:update": "jest -u",
     "test:coverage": "jest --coverage && jest-coverage-badges output \"./badges\"",
+    "test:watch": "jest --watch",
     "clean": "rm -rf .turbo node_modules dist style.css"
   }
 }

package/style.css

@@ -104,7 +104,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 } /*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */ /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -1485,7 +1485,6 @@ video {
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition-colors {

package/tailwind.config.js

@@ -16,6 +16,18 @@ module.exports = {
         desktop: '1440px', // ≥1440px 大桌面
         'lg-desktop': '1920px', // ≥1920px 超大屏
       },
+      keyframes: {
+        'marquee-scroll': {
+          from: { transform: 'translateY(0%)' },
+          to: { transform: 'translateY(-50%)' },
+        },
+      },
+      animation: {
+        'marquee-scroll': 'marquee-scroll 20s linear infinite',
+      },
+      maskImage: {
+        'fade-vertical': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
+      },
       colors: {
         brand: {
           0: 'var(--brand-color-0)',
@@ -52,9 +64,11 @@ module.exports = {
         container: {
           primary: 'var(--container-primary-color)',
           secondary: {
+            default: 'var(--container-secondary-color-0)',
             0: 'var(--container-secondary-color-0)',
             1: 'var(--container-secondary-color-1)',
           },
+          tertiary: 'var(--container-tertiary-color)',
         },
         tabs: {
           list: {
@@ -161,4 +175,19 @@ module.exports = {
       },
     },
   },
+  plugins: [
+    function ({ addUtilities, theme }) {
+      const maskUtilities = {
+        '.mask-fade-vertical': {
+          '-webkit-mask-image': theme('maskImage.fade-vertical'),
+          'mask-image': theme('maskImage.fade-vertical'),
+          '-webkit-mask-repeat': 'no-repeat',
+          'mask-repeat': 'no-repeat',
+          '-webkit-mask-size': '100% 100%',
+          'mask-size': '100% 100%',
+        },
+      }
+      addUtilities(maskUtilities)
+    },
+  ],
 }

package/dist/cjs/biz-components/index.d.ts

@@ -1,34 +0,0 @@
-export { default as BrandEquity } from './BrandEquity/index.js';
-export { default as MemberEquity } from './MemberEquity/index.js';
-export { default as Slogan } from './Slogan/index.js';
-export { default as Title } from './Title/index.js';
-export { default as Spacer } from './Spacer/index.js';
-export { default as ShelfDisplay } from './ShelfDisplay/index.js';
-export { default as Evaluate } from './Evaluate/index.js';
-export { default as Category } from './Category/index.js';
-export { default as HeroBanner } from './HeroBanner/index.js';
-export { default as AccordionCards } from './AccordionCards/index.js';
-export { default as Graphic } from './Graphic/index.js';
-export { default as MediaPlayerBase } from './MediaPlayerBase/index.js';
-export { default as MediaPlayerSticky } from './MediaPlayerSticky/index.js';
-export { default as MediaPlayerMulti } from './MediaPlayerMulti/index.js';
-export { default as Marquee } from './Marquee/index.js';
-export { default as WhyChoose } from './WhyChoose/index.js';
-export { default as Faq } from './Faq/index.js';
-export { MarqueeItem, MarqueeImageContent, MarqueeTextContent } from './Marquee/index.js';
-export { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js';
-export type { MultiLayoutGraphicBlockProps } from './MultiLayoutGraphicBlock/index.js';
-export { default as GraphicAttractionBlock } from './GraphicAttractionBlock/index.js';
-export type { GraphicAttractionBlockProps } from './GraphicAttractionBlock/index.js';
-export { default as HeaderNavigation } from './HeaderNavigation/index.js';
-export { default as FooterNavigation } from './FooterNavigation/index.js';
-export { default as SearchPage } from './SearchPage/index.js';
-export type { SearchPageProps } from './SearchPage/types.js';
-export { IPC_SEARCH_PAGE, SearchPageTabType } from './SearchPage/types.js';
-export { withLayout } from '../shared/Styles.js';
-export { default as AiuiProvider } from './AiuiProvider/index.js';
-export { default as Tabs } from './Tabs/index.js';
-export { default as CreativeModule } from './CreativeModule/index.js';
-export { default as GraphicOverlay } from './GraphicOverlay/index.js';
-export { default as Specs } from './Specs/index.js';
-export { default as TabGroup } from './TabsGroup/index.js';

package/dist/cjs/stories/HeroBanner.stories.d.ts

@@ -1,26 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import HeroBanner from '../biz-components/HeroBanner/HeroBanner.js';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/HeroBanner/types.js").HeroBannerProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof HeroBanner>;
-export declare const LightTheme: Story;
-export declare const DarkTheme: Story;
-export declare const MultiBanner: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutSecondaryButton: Story;
-export declare const WithPadImage: Story;
-export declare const WithPlayButton: Story;

package/dist/cjs/stories/MemberEquity.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import MemberEquity from '../biz-components/MemberEquity/index.js';
-declare const meta: Meta<typeof MemberEquity>;
-export default meta;
-type Story = StoryObj<typeof MemberEquity>;
-export declare const Default: Story;
-export declare const Round: Story;
-export declare const CustomButtons: Story;
-export declare const CustomStyles: Story;

package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js';
-declare const meta: Meta<typeof MultiLayoutGraphicBlock>;
-export default meta;
-type Story = StoryObj<typeof MultiLayoutGraphicBlock>;
-export declare const Default: Story;
-export declare const ThirdWidth: Story;
-export declare const WithCarousel: Story;
-export declare const WithTabs: Story;

package/dist/cjs/stories/accordionCards.stories.d.ts

@@ -1,17 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/AccordionCards/index.js").AccordionCardsType & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Round: Story;
-export declare const CustomLayout: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/alert.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
-        variant?: "default" | "destructive" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-        status?: "success" | "error" | "warning" | "info";
-        closable?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-        AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/avatar.stories.d.ts

@@ -1,39 +0,0 @@
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        asChild?: boolean;
-        className?: string;
-        style?: React.CSSProperties;
-        onClick?: Function;
-        isAdaptation?: boolean;
-        minSize?: number;
-        maxSize?: number;
-        textClassName?: string;
-    } & import("class-variance-authority").VariantProps<(props?: ({
-        size?: "small" | "medium" | "large" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    tags: string[];
-    subcomponents: any;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        size: {
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-};
-export default meta;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/badge.stories.d.ts

@@ -1,31 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Badge } from '../components/index.js';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    args: {
-        size: "lg";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Examples: Story;

package/dist/cjs/stories/bizTabs.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Tabs from '../biz-components/Tabs/index.js';
-declare const meta: Meta<typeof Tabs>;
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-export declare const Default: Story;
-export declare const Dark: Story;

package/dist/cjs/stories/board.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Board from '../components/board';
-declare const meta: Meta<typeof Board>;
-export default meta;
-type Story = StoryObj<typeof Board>;
-export declare const Default: Story;

package/dist/cjs/stories/brandEquity.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/BrandEquity/types.js").BrandEquityProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const CustomBackground: Story;

package/dist/cjs/stories/button.stories.d.ts

@@ -1,56 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../components/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        hoverEffect: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        variant: "primary";
-        size: "base";
-        children: string;
-        disabled: false;
-        loading: false;
-        hoverEffect: "none";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Link: Story;
-export declare const WithIcon: Story;
-export declare const Loading: Story;
-export declare const Aschild: Story;
-export declare const Spinner: Story;
-export declare const AsLinkTag: Story;

package/dist/cjs/stories/card.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithHeader: Story;
-export declare const WithImage: Story;

package/dist/cjs/stories/carousel.stories.d.ts

@@ -1,62 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        showNavigation?: boolean;
-        navigationPosition?: "inner" | "outter";
-        opts?: Partial<import("node_modules/embla-carousel/esm/components/Options.js").OptionsType> | undefined;
-        plugins?: import("embla-carousel").CreatePluginType<import("node_modules/embla-carousel/esm/components/Plugins.js").LoosePluginType, {}>[] | undefined;
-        orientation?: "horizontal" | "vertical";
-        setApi?: (api: import("../index.js").CarouselApi) => void;
-    } & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        opts: {
-            description: string;
-            control: {
-                type: "object";
-            };
-        };
-        showNavigation: {
-            description: string;
-            control: {
-                type: "boolean";
-            };
-        };
-        orientation: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-        setApi: {
-            description: string;
-        };
-        plugins: {
-            description: string;
-        };
-    };
-    args: {
-        opts: {};
-        orientation: "horizontal";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Vertical: Story;
-export declare const OverrideClassName: Story;

package/dist/cjs/stories/category.stories.d.ts

@@ -1,17 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Category/index.js").CategoryProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Round: Story;
-export declare const MoreThanFive: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/checkbox.stories.d.ts

@@ -1,46 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../components/checkbox.js").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    args: {
-        size: "base";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Sizes: {
-    (): import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/container.stories.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-        children?: React.ReactNode;
-        className?: string;
-        childClassName?: string;
-        spaceY?: import("../types/props.js").SpaceY;
-        spaceTop?: import("../types/props.js").SpaceTop;
-        spaceBottom?: import("../types/props.js").SpaceBottom;
-        mode?: import("../types/props.js").Mode;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithPaddingAndBackground: () => import("react/jsx-runtime").JSX.Element;
-export declare const ResponsivePadding: () => import("react/jsx-runtime").JSX.Element;
-export declare const NestedContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/cpnBanner.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnBanner/types.js").BannerProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        viewport: {
-            defaultViewport: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/cpnCountdown.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnCountDown/types.js").CountDownProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;