@anker-in/headless-ui 1.0.26-alpha.1762425612656 → 1.0.26-alpha.1762426225057

package/dist/esm/stories/cpnProductcard.stories.d.ts

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

package/dist/esm/stories/cpnTitle.stories.d.ts

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

package/dist/esm/stories/creativeModule.stories.d.ts

@@ -1,19 +1,3 @@
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<{
-        data: {
-            shape?: "rounded" | "square";
-            productsTab: import("../biz-components/CreativeModule/index.js").CreativeModuleDataType[];
-        };
-        className?: string;
-    }, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    } & import("react").RefAttributes<any>>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/dialog.stories.d.ts

@@ -1,20 +1,6 @@
-import React from 'react';
 import { Dialog } from '../components/index.js';
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("@radix-ui/react-dialog").DialogProps>;
-    subcomponents: any;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof Dialog>;
 export declare const Default: Story;

package/dist/esm/stories/drawer.stories.d.ts

@@ -1,19 +1,6 @@
 import { Drawer } from '../components/index.js';
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: typeof Drawer;
-    subcomponents: any;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof Drawer>;
 export declare const Default: Story;

package/dist/esm/stories/drop-down.stories.d.ts

@@ -1,16 +1,3 @@
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("react").RefAttributes<never>>;
-    subcomponents: any;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/evaluate.stories.d.ts

@@ -1,15 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Evaluate/index.js").EvaluateProps & 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[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/faq.stories.d.ts

@@ -1,21 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import type { FaqProps } from '../biz-components/Faq/types.js';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<FaqProps & 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[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/featureCards.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LightTheme: Story;
+export declare const WithLinks: Story;
+export declare const TwoCards: Story;
+export declare const SingleCard: Story;
+export declare const WithoutSubtitle: Story;
+export declare const FourCards: Story;
+export declare const WithCustomStyles: Story;

package/dist/esm/stories/featureShowcase.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SingleList: Story;
+export declare const SingleItemPerList: Story;
+export declare const EmptyLists: Story;
+export declare const WithCustomStyles: Story;

package/dist/esm/stories/graphic.stories.d.ts

@@ -1,62 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Graphic/index.js").GraphicProps & 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;
-            };
-        };
-    };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        container?: {
-            desktopSpan: number;
-            mobileSpan: number;
-        } | undefined;
-        className?: string | undefined;
-        disabled?: boolean | undefined;
-        id?: string | undefined;
-        style?: string | undefined;
-        data: {
-            title?: string;
-            items?: {
-                imgUrl: import("../types/props.js").Img;
-                title: string;
-                description?: string;
-                textColor?: string;
-                href?: string;
-                video?: import("../types/props.js").Video;
-                mobileVideo?: import("../types/props.js").Video;
-                youtubeId?: string;
-                isYouTube?: boolean;
-                isShowIcon?: boolean;
-                buttonText?: string;
-                icon?: import("../types/props.js").Img;
-                theme?: import("../types/props.js").Theme;
-                extension?: {
-                    text: string;
-                    textDesc: string;
-                    textTitle: string;
-                    textPcImg: import("../types/props.js").Img;
-                    textMobileImg: import("../types/props.js").Img;
-                };
-            }[];
-            itemShape?: "round" | "square";
-            itemTheme?: import("../types/props.js").Theme;
-        } & Record<string, any>;
-        key?: string | undefined;
-        uid?: string | undefined;
-        event?: any;
-        condition?: any;
-        ref?: import("react").LegacyRef<any> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/grid.stories.d.ts

@@ -1,20 +1,4 @@
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../index.js").GridProps & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        GridItem: React.ForwardRefExoticComponent<import("../index.js").GridItemProps & React.RefAttributes<HTMLDivElement>>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
 export declare const CustomPosition: ({ baseStart, baseEnd, showBoundaryExamples, gridGap, colorScheme, }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/heading.stories.d.ts

@@ -1,82 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../index.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: (string | number)[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        weight: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        align: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            table: {
-                defaultValue: {
-                    summary: undefined;
-                };
-            };
-        };
-        color: {
-            control: {
-                type: "color";
-            };
-        };
-        as: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        html: {
-            type: "string";
-            description: string;
-        };
-    };
-    args: {
-        as: "h1";
-        size: 1;
-        weight: "bold";
-        align: "left";
-    };
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/imageTextFeature.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ImageRight: Story;
+export declare const DarkTheme: Story;
+export declare const WithoutSubtitle: Story;
+export declare const TwoItems: Story;
+export declare const SingleItem: Story;
+export declare const WithCustomStyles: Story;

package/dist/esm/stories/imageWithText.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DarkTheme: Story;
+export declare const WithDescriptionText: Story;
+export declare const WithDescriptionTextDark: Story;
+export declare const WithoutSubtitle: Story;
+export declare const MinimalContent: Story;
+export declare const LayoutRight: Story;
+export declare const LayoutTop: Story;
+export declare const LayoutBottom: Story;
+export declare const WithVideo: Story;
+export declare const WithVideoRight: Story;
+export declare const WithVideoTop: Story;
+export declare const WithItems: Story;
+export declare const WithItemsImageRight: Story;
+export declare const WithItemsDark: Story;
+export declare const WithItemsVideo: Story;
+export declare const TabMode: Story;
+export declare const TabModeThreeItems: Story;
+export declare const TabModeWithVideo: Story;
+export declare const WithCustomStyles: Story;

package/dist/esm/stories/input-number.stories.d.ts

@@ -1,37 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        asChild?: boolean;
-        className?: string;
-        tips?: string;
-        status?: "default" | "error" | "success" | "warning" | null;
-        value?: number;
-        defaultValue?: number;
-        step?: number;
-        min?: number;
-        max?: number;
-        disabled?: boolean;
-        readonly?: boolean;
-        style?: React.CSSProperties;
-        onChange?: (value: number) => void;
-        onBlur?: (value: number, e: import("react").FocusEvent) => void;
-        onEnter?: (value: number, e: import("react").KeyboardEvent) => void;
-    } & import("class-variance-authority").VariantProps<(props?: ({
-        status?: "default" | "error" | "success" | "warning" | null | undefined;
-        disabled?: boolean | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"div", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLDivElement>>;
-    subcomponents: any;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {
-        onBlur: undefined;
-        onChange: undefined;
-        onEnter: undefined;
-    };
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/input.stories.d.ts

@@ -1,33 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import type { ComponentType } from 'react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../components/input.js").InputProps & React.RefAttributes<HTMLInputElement>>;
-    subcomponents: {
-        InputSlot: ComponentType<unknown>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        size: "base";
-    };
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/ksp.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * 默认状态 - 展示完整的 7 个 KSP 卡片布局
+ *
+ * 💡 提示：查看 "CustomStyle" story，了解如何使用固定 class name 自定义样式
+ */
+export declare const Default: Story;
+/**
+ * 中文内容 - 展示中文卖点
+ */
+export declare const Chinese: Story;
+/**
+ * 视频内容 - 展示视频卡片
+ */
+export declare const WithVideo: Story;
+/**
+ * 无标题 - 只展示卡片
+ */
+export declare const NoTitle: Story;
+/**
+ * 自定义样式示例
+ *
+ * 展示如何通过固定的 class name 自定义组件样式：
+ * - `.ksp-title` - 渐变色标题
+ * - `.ksp-card` - hover 缩放效果
+ * - `.ksp-card-title` - 金色标题
+ * - `.ksp-card-desc` - 灰色描述
+ * - `.ksp-card::before` - hover 渐变边框
+ */
+export declare const CustomStyle: Story;

package/dist/esm/stories/link.stories.d.ts

@@ -1,67 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        asChild?: boolean;
-        className?: string;
-        disabled?: boolean;
-        suffixIcon?: import("react").ReactNode;
-        href?: string;
-        style?: React.CSSProperties;
-        onClick?: Function;
-    } & import("class-variance-authority").VariantProps<(props?: ({
-        size?: "base" | "lg" | null | undefined;
-        variant?: "primary" | "secoundry" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"a", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLAnchorElement>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        size: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        variant: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        onClick: {
-            control: false;
-        };
-        suffixIcon: {
-            control: false;
-        };
-        style: {
-            control: false;
-        };
-        className: {
-            control: false;
-        };
-        children: {
-            control: false;
-        };
-    };
-    args: {
-        onClick: undefined;
-    };
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/marquee.stories.d.ts

@@ -1,27 +1,5 @@
-import React, { type ComponentType } from 'react';
 import type { StoryObj } from '@storybook/react';
-import type { MarqueeProps } from '../biz-components/Marquee/type.js';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<MarqueeProps & React.RefAttributes<import("swiper/react").SwiperRef>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & React.RefAttributes<any>>;
-    subcomponents: {
-        MarqueeItem: ComponentType<unknown>;
-        MarqueeImageContent: ComponentType<unknown>;
-        MarqueeTextContent: ComponentType<unknown>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/mediaplayerMulti.stories.d.ts

@@ -1,15 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/MediaPlayerMulti/types.js").MediaPlayerMultiProps & 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[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/esm/stories/picture.stories.d.ts

@@ -1,18 +1,10 @@
 import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("../components/picture.js").PictureProps & import("react").RefAttributes<HTMLPictureElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const NotMatchDomain: Story;
+export declare const WithAltFromUrl: Story;
+export declare const WithAltFromUrlMultipleBreakpoints: Story;
+export declare const AltPriority: Story;
+export declare const MixedAltSources: Story;

package/dist/esm/stories/popover.stories.d.ts

@@ -1,17 +1,3 @@
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.FC<import("@radix-ui/react-popover").PopoverProps>;
-    subcomponents: any;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
+declare const meta: ComponentAnnotations<import("@storybook/react").ReactRenderer, import("react").ComponentProps<TCmpOrArgs>>;
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;