npm - @anker-in/headless-ui - Versions diffs - 1.1.17-alpha.1766385794881 → 1.1.17-alpha.1766563773661 - Mend

@anker-in/headless-ui 1.1.17-alpha.1766385794881 → 1.1.17-alpha.1766563773661

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/dist/esm/stories/eventSchedule.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/eventSchedule.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport EventSchedule, { type EventScheduleData } from '../biz-components/EventSchedule/index.js'\n\n// \u6A21\u62DF\u56FE\u6807\u7EC4\u4EF6\nconst CalendarIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 5v5l3.333 1.667\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst GiftIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229',\n      date: '2024-12-01',\n      active: true,\n      backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670815\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8',\n      date: '2024-12-16',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670816\u65E5 - 12\u670831\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u5019\u4F18\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2',\n        },\n      ],\n    },\n  ],\n}\n\n// \u4E09\u4E2A\u6D3B\u52A8\u7684\u6570\u636E\nconst threeEventsData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8',\n      date: '2024-12-01',\n      active: true,\n      backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670810\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u72C2\u6B22',\n      date: '2024-12-11',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670811\u65E5 - 12\u670825\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500',\n        },\n      ],\n    },\n    {\n      title: '\u8DE8\u5E74\u7279\u60E0',\n      date: '2024-12-26',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1467810563316-b5476525c0f9?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670826\u65E5 - 1\u67081\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5012\u8BA1\u65F6\u7279\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D',\n        },\n      ],\n    },\n  ],\n}\n\nconst meta = {\n  title: 'Biz Components/EventSchedule',\n  component: EventSchedule,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868',\n      control: { type: 'object' },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof EventSchedule>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4E24\u4E2A\u6D3B\u52A8\n */\nexport const Default: Story = {\n  args: {\n    data: mockData,\n  },\n}\n\n/**\n * \u4E09\u4E2A\u6D3B\u52A8\u5C55\u793A\n */\nexport const ThreeEvents: Story = {\n  args: {\n    data: threeEventsData,\n  },\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\n */\nexport const SingleEvent: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u9650\u65F6\u79D2\u6740\u6D3B\u52A8',\n          date: '2024-12-01',\n          active: true,\n          backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '12\u67081\u65E5\u5168\u5929',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u65E0\u80CC\u666F\u56FE\u7247\n */\nexport const WithoutBackgroundImage: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u590F\u5B63\u6E05\u4ED3\u7279\u5356',\n          date: '2024-06-01',\n          active: true,\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '6\u67081\u65E5 - 6\u670830\u65E5',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u5168\u5929\u5019\u4F18\u60E0',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u4E70\u4E00\u9001\u4E00',\n            },\n          ],\n        },\n        {\n          title: '\u65B0\u54C1\u4E0A\u5E02',\n          date: '2024-07-01',\n          active: false,\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '7\u67081\u65E5\u8D77',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6301\u7EED\u4E00\u4E2A\u6708',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u65B0\u54C1\u5C1D\u9C9C\u4EF7',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n"],
-  "mappings": "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B,MAAO,CACL,CACE,KAAMZ,EAACG,EAAA,EAAa,EACpB,MAAO,6BACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,uCACT,CACF,CACF,CACF,CACF,CACF,CACF,EAKaQ,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,KAAMb,EAACG,EAAA,EAAa,EACpB,MAAO,kCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,EACA,CACE,MAAO,2BACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,KAAML,EAACG,EAAA,EAAa,EACpB,MAAO,sBACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,gCACT,CACF,CACF,CACF,CACF,CACF,CACF",
-  "names": ["jsx", "jsxs", "EventSchedule", "CalendarIcon", "ClockIcon", "GiftIcon", "mockData", "threeEventsData", "meta", "eventSchedule_stories_default", "Default", "ThreeEvents", "SingleEvent", "WithoutBackgroundImage"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport EventSchedule, { type EventScheduleData } from '../biz-components/EventSchedule/index.js'\n\n// \u6A21\u62DF\u56FE\u6807\u7EC4\u4EF6\nconst CalendarIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 5v5l3.333 1.667\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst GiftIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229',\n      startDate: '2024-12-01',\n      endDate: '2024-12-15',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670815\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8',\n      startDate: '2024-12-16',\n      endDate: '2024-12-31',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670816\u65E5 - 12\u670831\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u5019\u4F18\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2',\n        },\n      ],\n    },\n  ],\n  backgroundImage: {\n    active: {\n      mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1.jpg?v=1766391000',\n      laptop: 'https://example.com/laptop.jpg',\n      desktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1_c4d0ec1e-5484-46be-af8c-273935f4ba28.jpg?v=1766398957',\n      lgDesktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1_44d92293-1f4b-483a-8233-6277b0437e7c.jpg?v=1766391004',\n    },\n    inactive: {\n      mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2.jpg?v=1766390999',\n      laptop: 'https://example.com/laptop.jpg',\n      desktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2_99fd4944-58ee-4c90-9b0d-b758926386fe.jpg?v=1766398957',\n      lgDesktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2_844d5e75-a3d2-4f2b-b1a6-cad60c67c871.jpg?v=1766391005',\n    },\n  },\n}\n\n// \u4E09\u4E2A\u6D3B\u52A8\u7684\u6570\u636E\nconst threeEventsData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8',\n      startDate: '2024-12-01',\n      endDate: '2024-12-10',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670810\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u72C2\u6B22',\n      startDate: '2024-12-11',\n      endDate: '2024-12-25',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670811\u65E5 - 12\u670825\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500',\n        },\n      ],\n    },\n    {\n      title: '\u8DE8\u5E74\u7279\u60E0',\n      startDate: '2024-12-26',\n      endDate: '2025-01-01',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670826\u65E5 - 1\u67081\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5012\u8BA1\u65F6\u7279\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D',\n        },\n      ],\n    },\n  ],\n}\n\nconst meta = {\n  title: 'Biz Components/EventSchedule',\n  component: EventSchedule,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868',\n      control: { type: 'object' },\n    },\n    'data.showTimeline': {\n      description: '\u662F\u5426\u663E\u793A\u65F6\u95F4\u8F74\uFF0C\u9ED8\u8BA4\u4E3A true',\n      control: { type: 'boolean' },\n      table: {\n        defaultValue: { summary: 'true' },\n        type: { summary: 'boolean' },\n      },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof EventSchedule>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4E24\u4E2A\u6D3B\u52A8\n */\nexport const Default: Story = {\n  args: {\n    data: mockData,\n  },\n}\n\n/**\n * \u4E09\u4E2A\u6D3B\u52A8\u5C55\u793A\n */\nexport const ThreeEvents: Story = {\n  args: {\n    data: threeEventsData,\n  },\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\n */\nexport const SingleEvent: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u9650\u65F6\u79D2\u6740\u6D3B\u52A8',\n          startDate: '2025-12-23',\n          endDate: '2025-12-23',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '12\u67081\u65E5\u5168\u5929',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u81EA\u52A8\u5224\u65AD\u6FC0\u6D3B\u72B6\u6001 - \u6839\u636E\u5F53\u524D\u65F6\u95F4\u81EA\u52A8\u5224\u65AD\u54EA\u4E2A\u6D3B\u52A8\u662F\u6FC0\u6D3B\u72B6\u6001\n * \u8FD9\u4E2A\u793A\u4F8B\u5C55\u793A\u4E86\u7EC4\u4EF6\u5982\u4F55\u6839\u636E startDate \u548C endDate \u81EA\u52A8\u5224\u65AD\u6D3B\u52A8\u662F\u5426\u6FC0\u6D3B\n */\nexport const AutoActiveStatus: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u5DF2\u7ED3\u675F\u7684\u6D3B\u52A8',\n          startDate: '2024-01-01',\n          endDate: '2024-01-31',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '1\u67081\u65E5 - 1\u670831\u65E5',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u5DF2\u7ED3\u675F',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u611F\u8C22\u53C2\u4E0E',\n            },\n          ],\n        },\n        {\n          title: '\u8FDB\u884C\u4E2D\u7684\u6D3B\u52A8',\n          startDate: '2025-01-01',\n          endDate: '2025-12-31',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '2025\u5E74\u5168\u5E74',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6B63\u5728\u8FDB\u884C\u4E2D',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u9650\u65F6\u4F18\u60E0',\n            },\n          ],\n        },\n        {\n          title: '\u5373\u5C06\u5F00\u59CB\u7684\u6D3B\u52A8',\n          startDate: '2026-01-01',\n          endDate: '2026-12-31',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '2026\u5E74\u5F00\u59CB',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u656C\u8BF7\u671F\u5F85',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u8D85\u503C\u798F\u5229',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u9690\u85CF\u65F6\u95F4\u8F74 - \u4E0D\u663E\u793A\u65F6\u95F4\u8F74\uFF0C\u53EA\u663E\u793A\u6D3B\u52A8\u5361\u7247\n */\nexport const WithoutTimeline: Story = {\n  args: {\n    data: {\n      ...mockData,\n      showTimeline: false,\n    },\n  },\n}\n\n/**\n * \u9690\u85CF\u65F6\u95F4\u8F74 - \u4E09\u4E2A\u6D3B\u52A8\n */\nexport const ThreeEventsWithoutTimeline: Story = {\n  args: {\n    data: {\n      ...threeEventsData,\n      showTimeline: false,\n    },\n  },\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "EventSchedule", "CalendarIcon", "ClockIcon", "GiftIcon", "mockData", "threeEventsData", "meta", "eventSchedule_stories_default", "Default", "ThreeEvents", "SingleEvent", "AutoActiveStatus", "WithoutTimeline", "ThreeEventsWithoutTimeline"]
 }

package/dist/esm/stories/promotionalBar.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"../biz-components/PromotionalBar/index.js";const o={title:"\u63A8\u5E7F\u680F"},a={title:"Biz Components/PromotionalBar",component:t,parameters:{layout:"centered",docs:{description:{component:"\u63A8\u5E7F\u680F - \u63A8\u5E7F\u680F"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E"}},args:{data:o}};var e=a;const n={args:{}};export{n as Default,e as default};
+import o from"../biz-components/PromotionalBar/index.js";const t={contentTitle:"Special Promotion",contentDesc:"Get amazing deals on our best-selling products this season",buttonText:"Shop Now",buttonLink:"#",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}},s={contentTitle:"Exclusive Offer",contentDesc:"Limited time deals with free shipping on orders over $50",buttonText:"Learn More",buttonLink:"#",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}},e={title:"Biz Components/PromotionalBar",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"\u63A8\u5E7F\u680F\u7EC4\u4EF6 - \u652F\u6301\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u3001\u6807\u9898\u3001\u63CF\u8FF0\u548C\u884C\u52A8\u6309\u94AE"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u3001\u63CF\u8FF0\u3001\u6309\u94AE\u548C\u80CC\u666F\u56FE\u7247"}},args:{data:t}};var i=e;const n={args:{}},l={args:{data:s}},r={args:{data:{contentTitle:"New Arrivals",contentDesc:"Check out our latest collection of premium products",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}}}},a={args:{data:{contentTitle:"Up to 50% Off",contentDesc:"Enjoy massive discounts on thousands of items. Limited time offer!",buttonText:"Shop Now",buttonLink:"/sale",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}}}};export{n as Default,a as FullFeatures,l as ResponsiveBackground,r as WithoutButton,i as default};
 //# sourceMappingURL=promotionalBar.stories.js.map

package/dist/esm/stories/promotionalBar.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/promotionalBar.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport PromotionalBar, { type PromotionalBarData } from '../biz-components/PromotionalBar/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: PromotionalBarData = {\n  title: '\u63A8\u5E7F\u680F',\n  // \u6839\u636E\u5B9E\u9645\u4E1A\u52A1\u9700\u6C42\u6DFB\u52A0\u66F4\u591A\u6570\u636E\u5B57\u6BB5\n}\n\nconst meta = {\n  title: 'Biz Components/PromotionalBar',\n  component: PromotionalBar,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u63A8\u5E7F\u680F - \u63A8\u5E7F\u680F',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E',\n    },\n  },\n  args: {\n    data: mockData,\n  },\n} satisfies Meta<typeof PromotionalBar>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {},\n}\n"],
-  "mappings": "AAEA,OAAOA,MAAiD,4CAGxD,MAAMC,EAA+B,CACnC,MAAO,oBAET,EAEMC,EAAO,CACX,MAAO,gCACP,UAAWF,EACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,yCACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0BACf,CACF,EACA,KAAM,CACJ,KAAMC,CACR,CACF,EAEA,IAAOE,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CAAC,CACT",
-  "names": ["PromotionalBar", "mockData", "meta", "promotionalBar_stories_default", "Default"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport PromotionalBar, { type PromotionalBarData } from '../biz-components/PromotionalBar/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E - \u4F7F\u7528\u5355\u4E00\u80CC\u666F\u56FE\u7247\nconst mockData: PromotionalBarData = {\n  contentTitle: 'Special Promotion',\n  contentDesc: 'Get amazing deals on our best-selling products this season',\n  buttonText: 'Shop Now',\n  buttonLink: '#',\n  backgroundImage: {\n    mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n    tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n    laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n    desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n    lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n  },\n}\n\n// \u4F7F\u7528\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\nconst responsiveData: PromotionalBarData = {\n  contentTitle: 'Exclusive Offer',\n  contentDesc: 'Limited time deals with free shipping on orders over $50',\n  buttonText: 'Learn More',\n  buttonLink: '#',\n  backgroundImage: {\n    mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n    tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n    laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n    desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n    lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n  },\n}\n\nconst meta = {\n  title: 'Biz Components/PromotionalBar',\n  component: PromotionalBar,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u63A8\u5E7F\u680F\u7EC4\u4EF6 - \u652F\u6301\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u3001\u6807\u9898\u3001\u63CF\u8FF0\u548C\u884C\u52A8\u6309\u94AE',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u3001\u63CF\u8FF0\u3001\u6309\u94AE\u548C\u80CC\u666F\u56FE\u7247',\n    },\n  },\n  args: {\n    data: mockData,\n  },\n} satisfies Meta<typeof PromotionalBar>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4F7F\u7528\u5355\u4E00\u80CC\u666F\u56FE\u7247 URL\n */\nexport const Default: Story = {\n  args: {},\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247 - \u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u663E\u793A\u4E0D\u540C\u56FE\u7247\n */\nexport const ResponsiveBackground: Story = {\n  args: {\n    data: responsiveData,\n  },\n}\n\n/**\n * \u65E0\u6309\u94AE - \u4EC5\u663E\u793A\u6807\u9898\u548C\u63CF\u8FF0\n */\nexport const WithoutButton: Story = {\n  args: {\n    data: {\n      contentTitle: 'New Arrivals',\n      contentDesc: 'Check out our latest collection of premium products',\n      backgroundImage: {\n        mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n        tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n        laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n        desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n        lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n      },\n    },\n  },\n}\n\n/**\n * \u5B8C\u6574\u529F\u80FD\u5C55\u793A\n */\nexport const FullFeatures: Story = {\n  args: {\n    data: {\n      contentTitle: 'Up to 50% Off',\n      contentDesc: 'Enjoy massive discounts on thousands of items. Limited time offer!',\n      buttonText: 'Shop Now',\n      buttonLink: '/sale',\n      backgroundImage: {\n        mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n        tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n        laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n        desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n        lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n      },\n    },\n  },\n}\n"],
+  "mappings": "AAEA,OAAOA,MAAiD,4CAGxD,MAAMC,EAA+B,CACnC,aAAc,oBACd,YAAa,6DACb,WAAY,WACZ,WAAY,IACZ,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,EAGMC,EAAqC,CACzC,aAAc,kBACd,YAAa,2DACb,WAAY,aACZ,WAAY,IACZ,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,EAEMC,EAAO,CACX,MAAO,gCACP,UAAWH,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,2JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0HACf,CACF,EACA,KAAM,CACJ,KAAMC,CACR,CACF,EAEA,IAAOG,EAAQD,EAMR,MAAME,EAAiB,CAC5B,KAAM,CAAC,CACT,EAKaC,EAA8B,CACzC,KAAM,CACJ,KAAMJ,CACR,CACF,EAKaK,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,aAAc,eACd,YAAa,sDACb,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,CACF,CACF,EAKaC,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,aAAc,gBACd,YAAa,qEACb,WAAY,WACZ,WAAY,QACZ,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,CACF,CACF",
+  "names": ["PromotionalBar", "mockData", "responsiveData", "meta", "promotionalBar_stories_default", "Default", "ResponsiveBackground", "WithoutButton", "FullFeatures"]
 }

package/dist/esm/stories/title.stories.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import t from"../biz-components/Title/index.js";const e={title:"Biz Components/Title",component:t,parameters:{layout:"padded",docs:{description:{component:"Title \u7EC4\u4EF6 - \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u5012\u8BA1\u65F6\u548C\u94FE\u63A5\u6309\u94AE"}}},tags:["autodocs"],argTypes:{as:{control:"select",options:["h1","h2","h3","h4","h5","h6"],description:"\u6807\u9898\u6807\u7B7E"},weight:{control:"select",options:["medium","semibold","bold","extraBold","black"],description:"\u5B57\u91CD"}}};var s=e;const a={args:{data:{title:"Welcome to Our Store",align:"left"}}},r={args:{data:{title:"Exclusive Holiday Benefits",subtitle:"Join us for amazing deals and special offers this season",align:"left"}}},n={args:{data:{title:"Flash Sale Ends Soon",subtitle:"Don't miss out on these limited-time offers",countdown:{targetDate:"2025-12-31T23:59:59",labels:{days:"Day",hours:"Hours",minutes:"Mins",seconds:"Secs"}},align:"left"}}},i={args:{data:{title:"Special Event Starting Soon",subtitle:"Get ready for the biggest sale of the year with exclusive deals",countdown:{targetDate:"2025-12-25T00:00:00",showDays:!0,showHours:!0,showMinutes:!0,showSeconds:!0,labels:{days:"Day",hours:"Hours",minutes:"Mins",seconds:"Secs"}},align:"left",extensions:{textLink:"Learn More",link:"#"}}}},l={args:{data:{title:"Centered Title with Countdown",subtitle:"This layout is perfect for hero sections",countdown:{targetDate:"2026-01-01T00:00:00"},align:"center"}}},d={args:{data:{title:"Dark Theme Title",subtitle:"Perfect for dark backgrounds",countdown:{targetDate:"2025-12-31T23:59:59"},theme:"dark",align:"left",extensions:{textLink:"Shop Now",link:"#"}}},parameters:{backgrounds:{default:"dark"}}},u={args:{data:{title:"Limited Time Offer",countdown:{targetDate:"2025-12-31T23:59:59",showDays:!0,showHours:!0,showMinutes:!0,showSeconds:!1},align:"left"}}};export{l as CenterAligned,u as CountdownOnly,d as DarkTheme,a as Default,i as FullFeatures,n as WithCountdown,r as WithSubtitle,s as default};
2	+ //# sourceMappingURL=title.stories.js.map

package/dist/esm/stories/title.stories.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/title.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Title from '../biz-components/Title/index.js'\n\nconst meta = {\n  title: 'Biz Components/Title',\n  component: Title,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: 'Title \u7EC4\u4EF6 - \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u5012\u8BA1\u65F6\u548C\u94FE\u63A5\u6309\u94AE',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    as: {\n      control: 'select',\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: '\u6807\u9898\u6807\u7B7E',\n    },\n    weight: {\n      control: 'select',\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u5B57\u91CD',\n    },\n  },\n} satisfies Meta<typeof Title>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u57FA\u7840\u6807\u9898\n */\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Welcome to Our Store',\n      align: 'left',\n    },\n  },\n}\n\n/**\n * \u5E26\u526F\u6807\u9898\u7684\u6807\u9898\n */\nexport const WithSubtitle: Story = {\n  args: {\n    data: {\n      title: 'Exclusive Holiday Benefits',\n      subtitle: 'Join us for amazing deals and special offers this season',\n      align: 'left',\n    },\n  },\n}\n\n/**\n * \u5E26\u5012\u8BA1\u65F6\u7684\u6807\u9898\n */\nexport const WithCountdown: Story = {\n  args: {\n    data: {\n      title: 'Flash Sale Ends Soon',\n      subtitle: \"Don't miss out on these limited-time offers\",\n      countdown: {\n        targetDate: '2025-12-31T23:59:59',\n        labels: {\n          days: 'Day',\n          hours: 'Hours',\n          minutes: 'Mins',\n          seconds: 'Secs',\n        },\n      },\n      align: 'left',\n    },\n  },\n}\n\n/**\n * \u5B8C\u6574\u529F\u80FD\u5C55\u793A - \u6807\u9898 + \u526F\u6807\u9898 + \u5012\u8BA1\u65F6 + \u6309\u94AE\n */\nexport const FullFeatures: Story = {\n  args: {\n    data: {\n      title: 'Special Event Starting Soon',\n      subtitle: 'Get ready for the biggest sale of the year with exclusive deals',\n      countdown: {\n        targetDate: '2025-12-25T00:00:00',\n        showDays: true,\n        showHours: true,\n        showMinutes: true,\n        showSeconds: true,\n        labels: {\n          days: 'Day',\n          hours: 'Hours',\n          minutes: 'Mins',\n          seconds: 'Secs',\n        },\n      },\n      align: 'left',\n      extensions: {\n        textLink: 'Learn More',\n        link: '#',\n      },\n    },\n  },\n}\n\n/**\n * \u5C45\u4E2D\u5BF9\u9F50\n */\nexport const CenterAligned: Story = {\n  args: {\n    data: {\n      title: 'Centered Title with Countdown',\n      subtitle: 'This layout is perfect for hero sections',\n      countdown: {\n        targetDate: '2026-01-01T00:00:00',\n      },\n      align: 'center',\n    },\n  },\n}\n\n/**\n * \u6697\u8272\u4E3B\u9898\n */\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Dark Theme Title',\n      subtitle: 'Perfect for dark backgrounds',\n      countdown: {\n        targetDate: '2025-12-31T23:59:59',\n      },\n      theme: 'dark',\n      align: 'left',\n      extensions: {\n        textLink: 'Shop Now',\n        link: '#',\n      },\n    },\n  },\n  parameters: {\n    backgrounds: { default: 'dark' },\n  },\n}\n\n/**\n * \u4EC5\u5012\u8BA1\u65F6\uFF08\u65E0\u526F\u6807\u9898\uFF09\n */\nexport const CountdownOnly: Story = {\n  args: {\n    data: {\n      title: 'Limited Time Offer',\n      countdown: {\n        targetDate: '2025-12-31T23:59:59',\n        showDays: true,\n        showHours: true,\n        showMinutes: true,\n        showSeconds: false, // \u4E0D\u663E\u793A\u79D2\u6570\n      },\n      align: 'left',\n    },\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAW,mCAElB,MAAMC,EAAO,CACX,MAAO,uBACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,6HACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,GAAI,CACF,QAAS,SACT,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,0BACf,EACA,OAAQ,CACN,QAAS,SACT,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,cACf,CACF,CACF,EAEA,IAAOE,EAAQD,EAMR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,uBACP,MAAO,MACT,CACF,CACF,EAKaC,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,6BACP,SAAU,2DACV,MAAO,MACT,CACF,CACF,EAKaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,uBACP,SAAU,8CACV,UAAW,CACT,WAAY,sBACZ,OAAQ,CACN,KAAM,MACN,MAAO,QACP,QAAS,OACT,QAAS,MACX,CACF,EACA,MAAO,MACT,CACF,CACF,EAKaC,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,8BACP,SAAU,kEACV,UAAW,CACT,WAAY,sBACZ,SAAU,GACV,UAAW,GACX,YAAa,GACb,YAAa,GACb,OAAQ,CACN,KAAM,MACN,MAAO,QACP,QAAS,OACT,QAAS,MACX,CACF,EACA,MAAO,OACP,WAAY,CACV,SAAU,aACV,KAAM,GACR,CACF,CACF,CACF,EAKaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,gCACP,SAAU,2CACV,UAAW,CACT,WAAY,qBACd,EACA,MAAO,QACT,CACF,CACF,EAKaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,mBACP,SAAU,+BACV,UAAW,CACT,WAAY,qBACd,EACA,MAAO,OACP,MAAO,OACP,WAAY,CACV,SAAU,WACV,KAAM,GACR,CACF,CACF,EACA,WAAY,CACV,YAAa,CAAE,QAAS,MAAO,CACjC,CACF,EAKaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,UAAW,CACT,WAAY,sBACZ,SAAU,GACV,UAAW,GACX,YAAa,GACb,YAAa,EACf,EACA,MAAO,MACT,CACF,CACF",
+  "names": ["Title", "meta", "title_stories_default", "Default", "WithSubtitle", "WithCountdown", "FullFeatures", "CenterAligned", "DarkTheme", "CountdownOnly"]
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.17-alpha.1766385794881",
+  "version": "1.1.17-alpha.1766563773661",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",