@anker-in/headless-ui 1.1.33 → 1.1.34-alpha.1768461697532

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

@@ -1,373 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Tabs } from '../components/index.js';
-import React, { type ComponentType } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        align?: import("../types/props.js").Align;
-        shape?: import("../types/props.js").Shape;
-    } & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        TabsList: ComponentType<unknown>;
-        TabsTrigger: ComponentType<unknown>;
-        TabsContent: ComponentType<unknown>;
-    };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        content?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        prefix?: string | undefined | undefined;
-        className?: string | undefined | undefined;
-        asChild?: boolean | undefined;
-        value?: string | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: ("ltr" | "rtl") | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined | undefined;
-        title?: string | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        color?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
-        onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
-        inert?: boolean | undefined | undefined;
-        tw?: string | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        children?: React.ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        key?: React.Key | null | undefined;
-        orientation?: "horizontal" | "vertical" | undefined;
-        onValueChange?: ((value: string) => void) | undefined;
-        activationMode?: "automatic" | "manual" | undefined;
-        align?: import("../types/props.js").Align | undefined;
-        shape?: import("../types/props.js").Shape | undefined;
-        ref?: React.LegacyRef<HTMLDivElement> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    args: {
-        defaultValue: string;
-        align: "left";
-    };
-    argTypes: {
-        defaultValue: {
-            description: string;
-            control: "text";
-            table: {
-                summary: string;
-                readonly: boolean;
-            };
-        };
-        value: {
-            description: string;
-            control: {
-                type: "radio";
-            };
-            options: string[];
-        };
-        align: {
-            description: string;
-        };
-        onValueChange: {
-            description: string;
-            action: string;
-            type: "function";
-        };
-        orientation: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        dir: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-export declare const Default: Story;
-export declare const AlignCenter: Story;
-export declare const AlignRight: Story;
-export declare const Disabled: Story;

package/dist/esm/stories/tabs.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Tabs as r,TabsList as l,TabsTrigger as t,TabsContent as a,Text as s}from"../components/index.js";import"react";const u={title:"Components/Tabs",component:r,subcomponents:{TabsList:l,TabsTrigger:t,TabsContent:a},decorators:[n=>e("div",{style:{margin:"2em"},children:e(n,{})})],parameters:{layout:"fullscreen",docs:{description:{component:"Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs"}}},tags:["autodocs"],args:{defaultValue:"bestSeller",align:"left"},argTypes:{defaultValue:{description:"\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C",control:"text",table:{summary:"bestSeller",readonly:!0}},value:{description:"\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09",control:{type:"radio"},options:["bestSeller","discountProducts","bundleDeals","recommend"]},align:{description:"\u5BF9\u9F50\u65B9\u5411"},onValueChange:{description:"\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570",action:"changed",type:"function"},orientation:{control:{type:"inline-radio"},options:["horizontal","vertical"],description:"\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411",table:{defaultValue:{summary:"horizontal"}}},dir:{control:{type:"inline-radio"},options:["ltr","rtl"],description:"\u6587\u672C\u65B9\u5411",table:{defaultValue:{summary:"ltr"}}}}};var d=u;const c={render:n=>o(r,{...n,children:[o(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},g={args:{align:"center"},render:n=>o(r,{...n,children:[o(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},m={args:{align:"right"},render:n=>o(r,{...n,children:[o(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},p={args:{defaultValue:""},render:n=>o(r,{...n,children:[o(l,{children:[e(t,{disabled:!0,value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})};export{g as AlignCenter,m as AlignRight,c as Default,p as Disabled,d as default};
-//# sourceMappingURL=tabs.stories.js.map

package/dist/esm/stories/tabs.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/tabs.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent, Text } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  subcomponents: {\n    TabsList: TabsList as ComponentType<unknown>,\n    TabsTrigger: TabsTrigger as ComponentType<unknown>,\n    TabsContent: TabsContent as ComponentType<unknown>,\n  },\n  decorators: [\n    Story => (\n      <div style={{ margin: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    defaultValue: 'bestSeller',\n    align: 'left',\n  },\n  argTypes: {\n    defaultValue: {\n      description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n      control: 'text',\n      table: {\n        summary: 'bestSeller',\n        readonly: true,\n      },\n    },\n    value: {\n      description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n      control: {\n        type: 'radio',\n      },\n      options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n    },\n    align: {\n      description: '\u5BF9\u9F50\u65B9\u5411',\n    },\n    onValueChange: {\n      description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n      action: 'changed',\n      type: 'function',\n    },\n    orientation: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['horizontal', 'vertical'],\n      description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'horizontal',\n        },\n      },\n    },\n    dir: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['ltr', 'rtl'],\n      description: '\u6587\u672C\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'ltr',\n        },\n      },\n    },\n    // activationMode: {\n    //   control: {\n    //     type: 'select',\n    //   },\n    //   options: ['automatic', 'manual'],\n    //   description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n    //   table: {\n    //     defaultValue: {\n    //       summary: 'automatic',\n    //     },\n    //   },\n    // },\n  },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignCenter: Story = {\n  args: {\n    align: 'center',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignRight: Story = {\n  args: {\n    align: 'right',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const Disabled: Story = {\n  args: {\n    defaultValue: '',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger disabled value=\"bestSeller\">\n          Best Seller\n        </TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n"],
-  "mappings": "AAiBQ,cAAAA,EAuFF,QAAAC,MAvFE,oBAfR,OAAS,QAAAC,EAAM,YAAAC,EAAU,eAAAC,EAAa,eAAAC,EAAa,QAAAC,MAAY,yBAE/D,MAA0C,QAE1C,MAAMC,EAAO,CACX,MAAO,kBACP,UAAWL,EACX,cAAe,CACb,SAAUC,EACV,YAAaC,EACb,YAAaC,CACf,EACA,WAAY,CACVG,GACER,EAAC,OAAI,MAAO,CAAE,OAAQ,KAAM,EAC1B,SAAAA,EAACQ,EAAA,EAAM,EACT,CAEJ,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,+HACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,aAAc,aACd,MAAO,MACT,EACA,SAAU,CACR,aAAc,CACZ,YAAa,yDACb,QAAS,OACT,MAAO,CACL,QAAS,aACT,SAAU,EACZ,CACF,EACA,MAAO,CACL,YAAa,6FACb,QAAS,CACP,KAAM,OACR,EACA,QAAS,CAAC,aAAc,mBAAoB,cAAe,WAAW,CACxE,EACA,MAAO,CACL,YAAa,0BACf,EACA,cAAe,CACb,YAAa,2EACb,OAAQ,UACR,KAAM,UACR,EACA,YAAa,CACX,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,aAAc,UAAU,EAClC,YAAa,6CACb,MAAO,CACL,aAAc,CACZ,QAAS,YACX,CACF,CACF,EACA,IAAK,CACH,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,MAAO,KAAK,EACtB,YAAa,2BACb,MAAO,CACL,aAAc,CACZ,QAAS,KACX,CACF,CACF,CAaF,CACF,EAEA,IAAOC,EAAQF,EAIR,MAAMG,EAAiB,CAC5B,OAAQC,GACNV,EAACC,EAAA,CAAM,GAAGS,EACR,UAAAV,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,MAAM,aAAa,uBAAW,EAC3CJ,EAACI,EAAA,CAAY,MAAM,mBAAmB,6BAAiB,EACvDJ,EAACI,EAAA,CAAY,MAAM,cAAc,wBAAY,EAC7CJ,EAACI,EAAA,CAAY,MAAM,YAAY,qBAAS,GAC1C,EACAJ,EAACK,EAAA,CAAY,MAAM,aACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,mBACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,cACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,YACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,GACF,CAEJ,EAEaM,EAAqB,CAChC,KAAM,CACJ,MAAO,QACT,EACA,OAAQD,GACNV,EAACC,EAAA,CAAM,GAAGS,EACR,UAAAV,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,MAAM,aAAa,uBAAW,EAC3CJ,EAACI,EAAA,CAAY,MAAM,mBAAmB,6BAAiB,EACvDJ,EAACI,EAAA,CAAY,MAAM,cAAc,wBAAY,EAC7CJ,EAACI,EAAA,CAAY,MAAM,YAAY,qBAAS,GAC1C,EACAJ,EAACK,EAAA,CAAY,MAAM,aACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,mBACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,cACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,YACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,GACF,CAEJ,EAEaO,EAAoB,CAC/B,KAAM,CACJ,MAAO,OACT,EACA,OAAQF,GACNV,EAACC,EAAA,CAAM,GAAGS,EACR,UAAAV,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,MAAM,aAAa,uBAAW,EAC3CJ,EAACI,EAAA,CAAY,MAAM,mBAAmB,6BAAiB,EACvDJ,EAACI,EAAA,CAAY,MAAM,cAAc,wBAAY,EAC7CJ,EAACI,EAAA,CAAY,MAAM,YAAY,qBAAS,GAC1C,EACAJ,EAACK,EAAA,CAAY,MAAM,aACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,mBACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,cACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,YACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,GACF,CAEJ,EAEaQ,EAAkB,CAC7B,KAAM,CACJ,aAAc,EAChB,EACA,OAAQH,GACNV,EAACC,EAAA,CAAM,GAAGS,EACR,UAAAV,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,SAAQ,GAAC,MAAM,aAAa,uBAEzC,EACAJ,EAACI,EAAA,CAAY,MAAM,mBAAmB,6BAAiB,EACvDJ,EAACI,EAAA,CAAY,MAAM,cAAc,wBAAY,EAC7CJ,EAACI,EAAA,CAAY,MAAM,YAAY,qBAAS,GAC1C,EACAJ,EAACK,EAAA,CAAY,MAAM,aACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,mBACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,cACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,EAAe,IACfN,EAACK,EAAA,CAAY,MAAM,YACjB,SAAAL,EAACM,EAAA,CAAK,8EAAW,EACnB,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Text", "meta", "Story", "tabs_stories_default", "Default", "args", "AlignCenter", "AlignRight", "Disabled"]
-}

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { StoryObj } from '@storybook/react';
-import type { TabsWithMediaProps } from '../biz-components/TabsWithMedia/types.js';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<TabsWithMediaProps & 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"> & React.RefAttributes<any>>;
-    parameters: {
-        layout: string;
-        backgrounds: {
-            default: string;
-        };
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const ThreeItems: Story;
-export declare const FourItems: Story;
-export declare const WithCustomStyles: Story;

package/dist/esm/stories/tabsWithMedia.stories.js

@@ -1,68 +0,0 @@
-import"react";import t from"../biz-components/TabsWithMedia/index.js";const i={title:"Biz Components/TabsWithMedia",component:t,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"Tab \u5207\u6362\u5A92\u4F53\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u89C6\u9891\u81EA\u52A8\u5207\u6362 Tab\u3001Swiper \u5185\u5BB9\u5207\u6362\u3001\u52A8\u753B\u6548\u679C\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u529F\u80FD\u7279\u6027"}}},tags:["autodocs"]};var n=i;const e={title:"All You Need, All-in-One",poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",alt:"All You Need, All-in-One",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"image/png"},video:{url:"https://cdn.shopify.com/videos/c/o/v/1478fa98828e4879890963a4c60fff14.mp4",alt:"All You Need, All-in-One Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"video/mp4"},mobvideo:{url:"https://cdn.shopify.com/videos/c/vp/b8cf80b388c54228860dd0bf1de7c36c/b8cf80b388c54228860dd0bf1de7c36c.SD-480p-0.9Mbps-50503406.mp4",alt:"All You Need, All-in-One Mobile Video",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"video/mp4"},items:[{tab:"Self-Emptying",desc:"3L dust bag supports up to 75 days of maintenance-free cleaning.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824",alt:"Self-Emptying",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",alt:"Self-Emptying Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046",mimeType:"image/png"}},{tab:"Self-Refilling",desc:"Features a 2.5L clean water tank, sufficient for 4 mopping sessions in a 2,000 sq ft house.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870",alt:"Self-Refilling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082",alt:"Self-Refilling Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082",mimeType:"image/png"}},{tab:"Self-Washing",desc:"Automatically washes the mop after each session.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912",alt:"Self-Washing",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128",alt:"Self-Washing Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128",mimeType:"image/png"}},{tab:"Hot Air Drying",desc:"Intelligent 35-50\xB0C (95-122\xB0F) temperature control for efficient drying.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932",alt:"Hot Air Drying",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106",alt:"Hot Air Drying Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106",mimeType:"image/png"}},{tab:"Wastewater Collection",desc:"1.8L tank collects dirty water.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955",alt:"Wastewater Collection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624",alt:"Wastewater Collection Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624",mimeType:"image/png"}},{tab:"Automatic Detergent Dispensing",desc:"Automatically dispenses detergent, lasting up to  6 months.",icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012",alt:"Automatic Detergent Dispensing",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012",mimeType:"image/png"},poster:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659",alt:"Automatic Detergent Dispensing Poster",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659",mimeType:"image/png"}}]},p={args:{data:e}},l={args:{data:{...e,items:e.items.slice(0,3),timeIdx:[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2}]}}},c={args:{data:{...e,items:e.items.slice(0,4),timeIdx:[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2},{time:2.8,point:10.2,highlightIdx:3}]}}},f={args:{data:e,className:"custom-tabs-with-media"},parameters:{docs:{description:{story:`
-\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
-
-**\u6839\u5143\u7D20\uFF1A**
-- \`.tabs-with-media\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-
-**\u6807\u9898\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__title\` - \u4E3B\u6807\u9898
-
-**\u6807\u7B7E\u9875\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__tabs-wrapper\` - \u6807\u7B7E\u9875\u5916\u5C42\u5305\u88C5\u5668
-- \`.tabs-with-media__tabs-inner\` - \u6807\u7B7E\u9875\u5185\u5C42\u5BB9\u5668
-- \`.tabs-with-media__tabs-container\` - \u6807\u7B7E\u9875\u5BB9\u5668\uFF08\u5305\u542B\u6240\u6709\u6807\u7B7E\u9879\uFF09
-- \`.tabs-with-media__tab-item\` - \u5355\u4E2A\u6807\u7B7E\u9879\uFF08motion.div\uFF09
-- \`.tabs-with-media__tab-inner\` - \u6807\u7B7E\u9879\u5185\u5C42\u5BB9\u5668
-- \`.tabs-with-media__tab-content\` - \u6807\u7B7E\u9879\u5185\u5BB9\u5BB9\u5668
-- \`.tabs-with-media__tab-icon\` - \u6807\u7B7E\u56FE\u6807\u5BB9\u5668
-- \`.tabs-with-media__tab-icon-image\` - \u6807\u7B7E\u56FE\u6807\u56FE\u7247
-- \`.tabs-with-media__tab-text-wrapper\` - \u6807\u7B7E\u6587\u672C\u5305\u88C5\u5668
-- \`.tabs-with-media__tab-text\` - \u6807\u7B7E\u6587\u672C
-
-**\u63CF\u8FF0\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__description-container\` - \u63CF\u8FF0\u533A\u57DF\u5916\u5C42\u5BB9\u5668
-- \`.tabs-with-media__description-swiper\` - \u63CF\u8FF0 Swiper \u5B9E\u4F8B
-- \`.tabs-with-media__description-slide\` - \u63CF\u8FF0\u6ED1\u5757
-- \`.tabs-with-media__description-content\` - \u63CF\u8FF0\u5185\u5BB9\u5BB9\u5668
-- \`.tabs-with-media__description-text\` - \u63CF\u8FF0\u6587\u672C
-
-**\u89C6\u9891\u533A\u57DF\uFF1A**
-- \`.tabs-with-media__video-wrapper\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668
-- \`.tabs-with-media__video\` - \u89C6\u9891\u5143\u7D20
-
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
-.tabs-with-media__title {
-  color: #ff6b6b;
-}
-
-/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u9879\u60AC\u505C\u6548\u679C */
-.tabs-with-media__tab-item:hover .tabs-with-media__tab-icon {
-  transform: scale(1.1);
-  transition: transform 0.3s ease;
-}
-
-/* \u81EA\u5B9A\u4E49\u6D3B\u8DC3\u6807\u7B7E\u6837\u5F0F */
-.tabs-with-media__tab-content {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-
-/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */
-.tabs-with-media__description-text {
-  font-weight: 500;
-  line-height: 1.8;
-}
-
-/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5C3A\u5BF8 */
-.tabs-with-media__video {
-  max-height: 600px;
-}
-
-/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u56FE\u6807\u80CC\u666F */
-.tabs-with-media__tab-icon {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-\`\`\`
-        `}}}};export{p as Default,c as FourItems,l as ThreeItems,f as WithCustomStyles,n as default};
-//# sourceMappingURL=tabsWithMedia.stories.js.map

package/dist/esm/stories/tabsWithMedia.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/tabsWithMedia.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport TabsWithMedia from '../biz-components/TabsWithMedia/index.js'\nimport type { TabsWithMediaProps } from '../biz-components/TabsWithMedia/types.js'\n\nconst meta = {\n  title: 'Biz Components/TabsWithMedia',\n  component: TabsWithMedia,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: 'Tab \u5207\u6362\u5A92\u4F53\u5C55\u793A\u7EC4\u4EF6\uFF0C\u652F\u6301\u89C6\u9891\u81EA\u52A8\u5207\u6362 Tab\u3001Swiper \u5185\u5BB9\u5207\u6362\u3001\u52A8\u753B\u6548\u679C\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u529F\u80FD\u7279\u6027',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof TabsWithMedia>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: TabsWithMediaProps['data'] = {\n  title: 'All You Need, All-in-One',\n  poster: {\n    url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    alt: 'All You Need, All-in-One',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'image/png',\n  },\n  video: {\n    url: 'https://cdn.shopify.com/videos/c/o/v/1478fa98828e4879890963a4c60fff14.mp4',\n    alt: 'All You Need, All-in-One Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'video/mp4',\n  },\n  mobvideo: {\n    url: 'https://cdn.shopify.com/videos/c/vp/b8cf80b388c54228860dd0bf1de7c36c/b8cf80b388c54228860dd0bf1de7c36c.SD-480p-0.9Mbps-50503406.mp4',\n    alt: 'All You Need, All-in-One Mobile Video',\n    thumbnailURL:\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n    mimeType: 'video/mp4',\n  },\n  items: [\n    {\n      tab: 'Self-Emptying',\n      desc: '3L dust bag supports up to 75 days of maintenance-free cleaning.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824',\n        alt: 'Self-Emptying',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6a7e92ad-5be0-4ba1-a549-eb794a8cbdcb_Property_1_Self-Emptying.png?v=1751509824',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n        alt: 'Self-Emptying Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/a4bb1353-863a-4541-8abb-fd19f1db548d_1952837054.png?v=1751440046',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Self-Refilling',\n      desc: 'Features a 2.5L clean water tank, sufficient for 4 mopping sessions in a 2,000 sq ft house.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870',\n        alt: 'Self-Refilling',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/98814790-6119-48d3-9518-3706103971ce_Property_1_Self-Refilling.png?v=1751509870',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082',\n        alt: 'Self-Refilling Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/62f8efdb-baa0-4b66-b0ce-e43ba80aaa93_1952837054_2.png?v=1751440082',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Self-Washing',\n      desc: 'Automatically washes the mop after each session.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912',\n        alt: 'Self-Washing',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/cb041a84-9e89-4844-ac1b-8fc6fff8f13c_Property_1_Self-Washing.png?v=1751509912',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128',\n        alt: 'Self-Washing Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0506a613-f916-4bce-84ab-a3da4cd9078a_1952837054_4.png?v=1751440128',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Hot Air Drying',\n      desc: 'Intelligent 35-50\u00B0C (95-122\u00B0F) temperature control for efficient drying.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932',\n        alt: 'Hot Air Drying',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/074f6c07-dc85-44b1-9351-fcc8b3423f1f_Property_1_Hot_Air_Drying.png?v=1751509932',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106',\n        alt: 'Hot Air Drying Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/65e9ba72-06d6-49cb-90b4-27406c409567_1952837054_3.png?v=1751440106',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Wastewater Collection',\n      desc: '1.8L tank collects dirty water.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955',\n        alt: 'Wastewater Collection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/6f392913-919d-4842-9b40-a1736c3b1213_Property_1_Wastewater_Collection.png?v=1751509955',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624',\n        alt: 'Wastewater Collection Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/39b69bf4-e615-42b7-8eda-eaef031c79c4_1952837054_5.png?v=1751536624',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      tab: 'Automatic Detergent Dispensing',\n      desc: 'Automatically dispenses detergent, lasting up to  6 months.',\n      icon: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012',\n        alt: 'Automatic Detergent Dispensing',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/57d9d293-e511-40a5-a100-0763f7681ba6_Property_1_Automatic_Detergent_Dispensing.png?v=1751510012',\n        mimeType: 'image/png',\n      },\n      poster: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659',\n        alt: 'Automatic Detergent Dispensing Poster',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/03b6c2d7-e5a8-47c4-9d21-20fcb70eb385_1952837054_6.png?v=1751536659',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 3),\n      timeIdx: [\n        { time: 2.4, point: 2.4, highlightIdx: 0 },\n        { time: 2.5, point: 4.9, highlightIdx: 1 },\n        { time: 2.5, point: 7.4, highlightIdx: 2 },\n      ],\n    },\n  },\n}\n\nexport const FourItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 4),\n      timeIdx: [\n        { time: 2.4, point: 2.4, highlightIdx: 0 },\n        { time: 2.5, point: 4.9, highlightIdx: 1 },\n        { time: 2.5, point: 7.4, highlightIdx: 2 },\n        { time: 2.8, point: 10.2, highlightIdx: 3 },\n      ],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-tabs-with-media',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.tabs-with-media\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u6807\u9898\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__title\\` - \u4E3B\u6807\u9898\n\n**\u6807\u7B7E\u9875\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__tabs-wrapper\\` - \u6807\u7B7E\u9875\u5916\u5C42\u5305\u88C5\u5668\n- \\`.tabs-with-media__tabs-inner\\` - \u6807\u7B7E\u9875\u5185\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__tabs-container\\` - \u6807\u7B7E\u9875\u5BB9\u5668\uFF08\u5305\u542B\u6240\u6709\u6807\u7B7E\u9879\uFF09\n- \\`.tabs-with-media__tab-item\\` - \u5355\u4E2A\u6807\u7B7E\u9879\uFF08motion.div\uFF09\n- \\`.tabs-with-media__tab-inner\\` - \u6807\u7B7E\u9879\u5185\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__tab-content\\` - \u6807\u7B7E\u9879\u5185\u5BB9\u5BB9\u5668\n- \\`.tabs-with-media__tab-icon\\` - \u6807\u7B7E\u56FE\u6807\u5BB9\u5668\n- \\`.tabs-with-media__tab-icon-image\\` - \u6807\u7B7E\u56FE\u6807\u56FE\u7247\n- \\`.tabs-with-media__tab-text-wrapper\\` - \u6807\u7B7E\u6587\u672C\u5305\u88C5\u5668\n- \\`.tabs-with-media__tab-text\\` - \u6807\u7B7E\u6587\u672C\n\n**\u63CF\u8FF0\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__description-container\\` - \u63CF\u8FF0\u533A\u57DF\u5916\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__description-swiper\\` - \u63CF\u8FF0 Swiper \u5B9E\u4F8B\n- \\`.tabs-with-media__description-slide\\` - \u63CF\u8FF0\u6ED1\u5757\n- \\`.tabs-with-media__description-content\\` - \u63CF\u8FF0\u5185\u5BB9\u5BB9\u5668\n- \\`.tabs-with-media__description-text\\` - \u63CF\u8FF0\u6587\u672C\n\n**\u89C6\u9891\u533A\u57DF\uFF1A**\n- \\`.tabs-with-media__video-wrapper\\` - \u89C6\u9891\u5916\u5C42\u5BB9\u5668\n- \\`.tabs-with-media__video\\` - \u89C6\u9891\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.tabs-with-media__title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u9879\u60AC\u505C\u6548\u679C */\n.tabs-with-media__tab-item:hover .tabs-with-media__tab-icon {\n  transform: scale(1.1);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u6D3B\u8DC3\u6807\u7B7E\u6837\u5F0F */\n.tabs-with-media__tab-content {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */\n.tabs-with-media__description-text {\n  font-weight: 500;\n  line-height: 1.8;\n}\n\n/* \u81EA\u5B9A\u4E49\u89C6\u9891\u5C3A\u5BF8 */\n.tabs-with-media__video {\n  max-height: 600px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u7B7E\u56FE\u6807\u80CC\u666F */\n.tabs-with-media__tab-icon {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["TabsWithMedia", "meta", "tabsWithMedia_stories_default", "defaultData", "Default", "ThreeItems", "FourItems", "WithCustomStyles"]
-}