@twreporter/react-typescript-components 0.1.0-beta.5 → 0.1.0-beta.7

package/lib/text/heading.d.ts

@@ -1,28 +1,28 @@
-import React__default from 'react';
+import react__default from 'react';
 import { Type, TYPE } from './enum/index.js';
 import '../types/index.js';
 
-type HeadingProps = React__default.HTMLAttributes<HTMLHeadingElement> & {
+type HeadingProps = react__default.HTMLAttributes<HTMLHeadingElement> & {
     text?: string;
     type?: Type;
     className?: string;
 };
-declare const H1: React__default.FC<HeadingProps> & {
+declare const H1: react__default.FC<HeadingProps> & {
     Type: typeof TYPE;
 };
-declare const H2: React__default.FC<HeadingProps> & {
+declare const H2: react__default.FC<HeadingProps> & {
     Type: typeof TYPE;
 };
-declare const H3: React__default.FC<HeadingProps> & {
+declare const H3: react__default.FC<HeadingProps> & {
     Type: typeof TYPE;
 };
-declare const H4: React__default.FC<HeadingProps> & {
+declare const H4: react__default.FC<HeadingProps> & {
     Type: typeof TYPE;
 };
-declare const H5: React__default.FC<HeadingProps> & {
+declare const H5: react__default.FC<HeadingProps> & {
     Type: typeof TYPE;
 };
-declare const H6: React__default.FC<HeadingProps> & {
+declare const H6: react__default.FC<HeadingProps> & {
     Type: typeof TYPE;
 };
 

package/lib/text/paragraph.d.mts

@@ -1,22 +1,22 @@
-import React__default from 'react';
+import react__default from 'react';
 import { Weight, WEIGHT } from './enum/index.mjs';
 import '../types/index.mjs';
 
-type ParagraphProps = React__default.HTMLAttributes<HTMLParagraphElement> & {
+type ParagraphProps = react__default.HTMLAttributes<HTMLParagraphElement> & {
     text?: string;
     weight?: Weight;
     className?: string;
 };
-declare const P1: React__default.FC<ParagraphProps> & {
+declare const P1: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
-declare const P2: React__default.FC<ParagraphProps> & {
+declare const P2: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
-declare const P3: React__default.FC<ParagraphProps> & {
+declare const P3: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
-declare const P4: React__default.FC<ParagraphProps> & {
+declare const P4: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
 

package/lib/text/paragraph.d.ts

@@ -1,22 +1,22 @@
-import React__default from 'react';
+import react__default from 'react';
 import { Weight, WEIGHT } from './enum/index.js';
 import '../types/index.js';
 
-type ParagraphProps = React__default.HTMLAttributes<HTMLParagraphElement> & {
+type ParagraphProps = react__default.HTMLAttributes<HTMLParagraphElement> & {
     text?: string;
     weight?: Weight;
     className?: string;
 };
-declare const P1: React__default.FC<ParagraphProps> & {
+declare const P1: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
-declare const P2: React__default.FC<ParagraphProps> & {
+declare const P2: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
-declare const P3: React__default.FC<ParagraphProps> & {
+declare const P3: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
-declare const P4: React__default.FC<ParagraphProps> & {
+declare const P4: react__default.FC<ParagraphProps> & {
     Weight: typeof WEIGHT;
 };
 

package/lib/text/stories/heading.stories.d.mts

@@ -0,0 +1,35 @@
+import { Type, TYPE } from '../enum/index.mjs';
+import * as react from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import '../../types/index.mjs';
+
+declare const meta: {
+    title: string;
+    component: react.FC<react.HTMLAttributes<HTMLHeadingElement> & {
+        text?: string;
+        type?: Type;
+        className?: string;
+    }> & {
+        Type: typeof TYPE;
+    };
+    argTypes: {
+        type: {
+            defaultValue: "article" | "default";
+            options: string[];
+            mapping: Record<string, "article" | "default">;
+            control: {
+                type: "radio";
+            };
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const h1: Story;
+declare const h2: Story;
+declare const h3: Story;
+declare const h4: Story;
+declare const h5: Story;
+declare const h6: Story;
+
+export { meta as default, h1, h2, h3, h4, h5, h6 };

package/lib/text/stories/heading.stories.d.ts

@@ -0,0 +1,35 @@
+import { Type, TYPE } from '../enum/index.js';
+import * as react from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import '../../types/index.js';
+
+declare const meta: {
+    title: string;
+    component: react.FC<react.HTMLAttributes<HTMLHeadingElement> & {
+        text?: string;
+        type?: Type;
+        className?: string;
+    }> & {
+        Type: typeof TYPE;
+    };
+    argTypes: {
+        type: {
+            defaultValue: "article" | "default";
+            options: string[];
+            mapping: Record<string, "article" | "default">;
+            control: {
+                type: "radio";
+            };
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const h1: Story;
+declare const h2: Story;
+declare const h3: Story;
+declare const h4: Story;
+declare const h5: Story;
+declare const h6: Story;
+
+export { meta as default, h1, h2, h3, h4, h5, h6 };

package/lib/text/stories/heading.stories.js

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var clsx = require('clsx');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromEnum(enumObject, defaultValue) {
+  const keys = Object.keys(enumObject).filter(
+    (key) => Number.isNaN(Number(key))
+  );
+  const mapping = {};
+  keys.forEach((key) => {
+    mapping[key] = enumObject[key];
+  });
+  const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
+  return {
+    defaultValue: enumObject[defaultKey],
+    options: keys,
+    mapping,
+    control: { type: "radio" }
+  };
+}
+
+// src/text/enum/index.ts
+var TYPE = {
+  default: "default",
+  article: "article"
+};
+
+// src/text/heading.tsx
+var baseClass = "font-bold";
+var variantClass = {
+  H1: "text-[28px] leading-[125%] tablet:text-[36px]",
+  H2: "text-[24px] leading-[125%] tablet:text-[32px]",
+  H3: "text-[22px] leading-[150%] tablet:text-[28px]",
+  H4: "text-[18px] leading-[150%] tablet:text-[22px]",
+  H5: "text-[17px] leading-[150%] tablet:text-[18px]",
+  H6: "text-[16px] leading-[150%] tablet:text-[16px]"
+};
+var HeadingVariant = (variant) => {
+  const Component = ({
+    text = "",
+    type = TYPE.default,
+    className = "",
+    ...props
+  }) => {
+    const htmlTag = variant.toLowerCase();
+    const fontFamily = type === TYPE.article ? "font-title" : "font-default";
+    return React__default.default.createElement(
+      htmlTag,
+      {
+        className: clsx__default.default(
+          fontFamily,
+          baseClass,
+          variantClass[variant],
+          className
+        ),
+        ...props
+      },
+      text
+    );
+  };
+  Component.displayName = variant;
+  Component.Type = TYPE;
+  return Component;
+};
+var H1 = HeadingVariant("H1");
+var H2 = HeadingVariant("H2");
+var H3 = HeadingVariant("H3");
+var H4 = HeadingVariant("H4");
+var H5 = HeadingVariant("H5");
+var H6 = HeadingVariant("H6");
+var meta = {
+  title: "Text/Headline",
+  component: H1,
+  argTypes: {
+    type: getRadioArgFromEnum(H1.Type, H1.Type.default)
+  }
+};
+var heading_stories_default = meta;
+var defaultArg = {
+  text: "\u6A19\u984C\u300C\u6A19\u984C\u300D\uFF1A\u6A19\u984C\uFF0C\u300A\u6A19\u984C\u300B\u6A19\u984CEnglish\u6A19\u984C123\u6A19\u984C\uFF1F",
+  type: H1.Type.default
+};
+var h1 = {
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h2 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(H2, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h3 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(H3, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h4 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(H4, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h5 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(H5, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h6 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(H6, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+
+exports.default = heading_stories_default;
+exports.h1 = h1;
+exports.h2 = h2;
+exports.h3 = h3;
+exports.h4 = h4;
+exports.h5 = h5;
+exports.h6 = h6;
+//# sourceMappingURL=heading.stories.js.map
+//# sourceMappingURL=heading.stories.js.map

package/lib/text/stories/heading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/storybook/utils/get-enum-arg.ts","../../../src/text/enum/index.ts","../../../src/text/heading.tsx","../../../src/text/stories/heading.stories.tsx"],"names":["React","clsx","jsx"],"mappings":"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","file":"heading.stories.js","sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n","import type { ValuesOf } from '../../types'\n\nexport const TYPE = {\n  default: 'default',\n  article: 'article',\n} as const\n\nexport type Type = ValuesOf<typeof TYPE>\n\nexport const WEIGHT = {\n  extraLight: 'extra-light',\n  normal: 'normal',\n  bold: 'bold',\n} as const\n\nexport type Weight = ValuesOf<typeof WEIGHT>\n","import clsx from 'clsx'\nimport React from 'react'\nimport { TYPE, type Type } from './enum'\n\ntype HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {\n  text?: string\n  type?: Type\n  className?: string\n}\n\nconst baseClass = 'font-bold'\n\nconst variantClass = {\n  H1: 'text-[28px] leading-[125%] tablet:text-[36px]',\n  H2: 'text-[24px] leading-[125%] tablet:text-[32px]',\n  H3: 'text-[22px] leading-[150%] tablet:text-[28px]',\n  H4: 'text-[18px] leading-[150%] tablet:text-[22px]',\n  H5: 'text-[17px] leading-[150%] tablet:text-[18px]',\n  H6: 'text-[16px] leading-[150%] tablet:text-[16px]',\n}\n\nconst HeadingVariant = (variant: keyof typeof variantClass) => {\n  const Component: React.FC<HeadingProps> & { Type: typeof TYPE } = ({\n    text = '',\n    type = TYPE.default,\n    className = '',\n    ...props\n  }) => {\n    const htmlTag = variant.toLowerCase() // 產生 'h1', 'h2', ...\n    const fontFamily = type === TYPE.article ? 'font-title' : 'font-default'\n    return React.createElement(\n      htmlTag,\n      {\n        className: clsx(\n          fontFamily,\n          baseClass,\n          variantClass[variant],\n          className\n        ),\n        ...props,\n      },\n      text\n    )\n  }\n  Component.displayName = variant\n  Component.Type = TYPE\n  return Component\n}\n\nconst H1 = HeadingVariant('H1')\nconst H2 = HeadingVariant('H2')\nconst H3 = HeadingVariant('H3')\nconst H4 = HeadingVariant('H4')\nconst H5 = HeadingVariant('H5')\nconst H6 = HeadingVariant('H6')\n\nexport { H1, H2, H3, H4, H5, H6 }\n","import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport { getRadioArgFromEnum } from '../../storybook/utils/get-enum-arg'\n// components\nimport { H1, H2, H3, H4, H5, H6 } from '../heading'\n\nconst meta = {\n  title: 'Text/Headline',\n  component: H1,\n  argTypes: {\n    type: getRadioArgFromEnum(H1.Type, H1.Type.default),\n  },\n} satisfies Meta<typeof H1>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst defaultArg = {\n  text: '標題「標題」：標題，《標題》標題English標題123標題？',\n  type: H1.Type.default,\n}\n\nexport const h1: Story = {\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h2: Story = {\n  render: (args) => <H2 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h3: Story = {\n  render: (args) => <H3 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h4: Story = {\n  render: (args) => <H4 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h5: Story = {\n  render: (args) => <H5 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h6: Story = {\n  render: (args) => <H6 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n"]}

package/lib/text/stories/heading.stories.mjs

@@ -0,0 +1,50 @@
+import { H1, H2, H3, H4, H5, H6 } from '../../chunk-JHLT5GDV.mjs';
+import { getRadioArgFromEnum } from '../../chunk-QOLETTSG.mjs';
+import '../../chunk-UM7RNC2Y.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var meta = {
+  title: "Text/Headline",
+  component: H1,
+  argTypes: {
+    type: getRadioArgFromEnum(H1.Type, H1.Type.default)
+  }
+};
+var heading_stories_default = meta;
+var defaultArg = {
+  text: "\u6A19\u984C\u300C\u6A19\u984C\u300D\uFF1A\u6A19\u984C\uFF0C\u300A\u6A19\u984C\u300B\u6A19\u984CEnglish\u6A19\u984C123\u6A19\u984C\uFF1F",
+  type: H1.Type.default
+};
+var h1 = {
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h2 = {
+  render: (args) => /* @__PURE__ */ jsx(H2, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h3 = {
+  render: (args) => /* @__PURE__ */ jsx(H3, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h4 = {
+  render: (args) => /* @__PURE__ */ jsx(H4, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h5 = {
+  render: (args) => /* @__PURE__ */ jsx(H5, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var h6 = {
+  render: (args) => /* @__PURE__ */ jsx(H6, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+
+export { heading_stories_default as default, h1, h2, h3, h4, h5, h6 };
+//# sourceMappingURL=heading.stories.mjs.map
+//# sourceMappingURL=heading.stories.mjs.map

package/lib/text/stories/heading.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/text/stories/heading.stories.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,eAAA;AAAA,EACP,SAAA,EAAW,EAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,MAAM,mBAAA,CAAoB,EAAA,CAAG,IAAA,EAAM,EAAA,CAAG,KAAK,OAAO;AAAA;AAEtD,CAAA;AAEA,IAAO,uBAAA,GAAQ;AAGf,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAM,0IAAA;AAAA,EACN,IAAA,EAAM,GAAG,IAAA,CAAK;AAChB,CAAA;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD","file":"heading.stories.mjs","sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport { getRadioArgFromEnum } from '../../storybook/utils/get-enum-arg'\n// components\nimport { H1, H2, H3, H4, H5, H6 } from '../heading'\n\nconst meta = {\n  title: 'Text/Headline',\n  component: H1,\n  argTypes: {\n    type: getRadioArgFromEnum(H1.Type, H1.Type.default),\n  },\n} satisfies Meta<typeof H1>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst defaultArg = {\n  text: '標題「標題」：標題，《標題》標題English標題123標題？',\n  type: H1.Type.default,\n}\n\nexport const h1: Story = {\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h2: Story = {\n  render: (args) => <H2 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h3: Story = {\n  render: (args) => <H3 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h4: Story = {\n  render: (args) => <H4 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h5: Story = {\n  render: (args) => <H5 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const h6: Story = {\n  render: (args) => <H6 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n"]}

package/lib/text/stories/paragraph.stories.d.mts

@@ -0,0 +1,33 @@
+import { Weight, WEIGHT } from '../enum/index.mjs';
+import * as react from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import '../../types/index.mjs';
+
+declare const meta: {
+    title: string;
+    component: react.FC<react.HTMLAttributes<HTMLParagraphElement> & {
+        text?: string;
+        weight?: Weight;
+        className?: string;
+    }> & {
+        Weight: typeof WEIGHT;
+    };
+    argTypes: {
+        weight: {
+            defaultValue: "bold" | "extra-light" | "normal";
+            options: string[];
+            mapping: Record<string, "bold" | "extra-light" | "normal">;
+            control: {
+                type: "radio";
+            };
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const p1: Story;
+declare const p2: Story;
+declare const p3: Story;
+declare const p4: Story;
+
+export { meta as default, p1, p2, p3, p4 };

package/lib/text/stories/paragraph.stories.d.ts

@@ -0,0 +1,33 @@
+import { Weight, WEIGHT } from '../enum/index.js';
+import * as react from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import '../../types/index.js';
+
+declare const meta: {
+    title: string;
+    component: react.FC<react.HTMLAttributes<HTMLParagraphElement> & {
+        text?: string;
+        weight?: Weight;
+        className?: string;
+    }> & {
+        Weight: typeof WEIGHT;
+    };
+    argTypes: {
+        weight: {
+            defaultValue: "bold" | "extra-light" | "normal";
+            options: string[];
+            mapping: Record<string, "bold" | "extra-light" | "normal">;
+            control: {
+                type: "radio";
+            };
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const p1: Story;
+declare const p2: Story;
+declare const p3: Story;
+declare const p4: Story;
+
+export { meta as default, p1, p2, p3, p4 };

package/lib/text/stories/paragraph.stories.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+// src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromEnum(enumObject, defaultValue) {
+  const keys = Object.keys(enumObject).filter(
+    (key) => Number.isNaN(Number(key))
+  );
+  const mapping = {};
+  keys.forEach((key) => {
+    mapping[key] = enumObject[key];
+  });
+  const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
+  return {
+    defaultValue: enumObject[defaultKey],
+    options: keys,
+    mapping,
+    control: { type: "radio" }
+  };
+}
+
+// src/text/enum/index.ts
+var WEIGHT = {
+  extraLight: "extra-light",
+  normal: "normal",
+  bold: "bold"
+};
+var baseClass = "font-default leading-[150%] flex items-center m-0";
+var variantClass = {
+  P1: "text-[16px]",
+  P2: "text-[14px]",
+  P3: "text-[12px]",
+  P4: "text-[10px]"
+};
+var ParagraphVariant = (variant) => {
+  const Component = ({
+    text = "",
+    weight = WEIGHT.normal,
+    className = "",
+    ...props
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: clsx__default.default(
+        baseClass,
+        variantClass[variant],
+        `font-${weight}`,
+        className
+      ),
+      ...props,
+      children: text
+    }
+  );
+  Component.displayName = variant;
+  Component.Weight = WEIGHT;
+  return Component;
+};
+var P1 = ParagraphVariant("P1");
+var P2 = ParagraphVariant("P2");
+var P3 = ParagraphVariant("P3");
+var P4 = ParagraphVariant("P4");
+var meta = {
+  title: "Text/Paragraph",
+  component: P1,
+  argTypes: {
+    weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal)
+  }
+};
+var paragraph_stories_default = meta;
+var defaultArg = {
+  text: "\u5167\u6587\u300C\u5167\u6587\u300D\uFF1A\u5167\u6587\uFF0C\u300A\u5167\u6587\u300B\u5167\u6587English\u5167\u6587123\u5167\u6587\uFF1F",
+  weight: P1.Weight.normal
+};
+var p1 = {
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var p2 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(P2, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var p3 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(P3, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var p4 = {
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsx(P4, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+
+exports.default = paragraph_stories_default;
+exports.p1 = p1;
+exports.p2 = p2;
+exports.p3 = p3;
+exports.p4 = p4;
+//# sourceMappingURL=paragraph.stories.js.map
+//# sourceMappingURL=paragraph.stories.js.map

package/lib/text/stories/paragraph.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/storybook/utils/get-enum-arg.ts","../../../src/text/enum/index.ts","../../../src/text/paragraph.tsx","../../../src/text/stories/paragraph.stories.tsx"],"names":["jsx","clsx"],"mappings":"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","file":"paragraph.stories.js","sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n","import type { ValuesOf } from '../../types'\n\nexport const TYPE = {\n  default: 'default',\n  article: 'article',\n} as const\n\nexport type Type = ValuesOf<typeof TYPE>\n\nexport const WEIGHT = {\n  extraLight: 'extra-light',\n  normal: 'normal',\n  bold: 'bold',\n} as const\n\nexport type Weight = ValuesOf<typeof WEIGHT>\n","import clsx from 'clsx'\nimport type React from 'react'\nimport { WEIGHT, type Weight } from './enum'\n\ntype ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {\n  text?: string\n  weight?: Weight\n  className?: string\n}\n\nconst baseClass = 'font-default leading-[150%] flex items-center m-0'\n\nconst variantClass = {\n  P1: 'text-[16px]',\n  P2: 'text-[14px]',\n  P3: 'text-[12px]',\n  P4: 'text-[10px]',\n}\n\nconst ParagraphVariant = (variant: keyof typeof variantClass) => {\n  const Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT } = ({\n    text = '',\n    weight = WEIGHT.normal,\n    className = '',\n    ...props\n  }) => (\n    <p\n      className={clsx(\n        baseClass,\n        variantClass[variant],\n        `font-${weight}`,\n        className\n      )}\n      {...props}\n    >\n      {text}\n    </p>\n  )\n  Component.displayName = variant\n  Component.Weight = WEIGHT\n  return Component\n}\n\nconst P1 = ParagraphVariant('P1')\nconst P2 = ParagraphVariant('P2')\nconst P3 = ParagraphVariant('P3')\nconst P4 = ParagraphVariant('P4')\n\nexport { P1, P2, P3, P4 }\n","import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport { getRadioArgFromEnum } from '../../storybook/utils/get-enum-arg'\n// components\nimport { P1, P2, P3, P4 } from '../paragraph'\n\nconst meta = {\n  title: 'Text/Paragraph',\n  component: P1,\n  argTypes: {\n    weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal),\n  },\n} satisfies Meta<typeof P1>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst defaultArg = {\n  text: '內文「內文」：內文，《內文》內文English內文123內文？',\n  weight: P1.Weight.normal,\n}\n\nexport const p1: Story = {\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p2: Story = {\n  render: (args) => <P2 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p3: Story = {\n  render: (args) => <P3 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p4: Story = {\n  render: (args) => <P4 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n"]}

package/lib/text/stories/paragraph.stories.mjs

@@ -0,0 +1,40 @@
+import { getRadioArgFromEnum } from '../../chunk-QOLETTSG.mjs';
+import { P1, P2, P3, P4 } from '../../chunk-HQG6Q2EY.mjs';
+import '../../chunk-UM7RNC2Y.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var meta = {
+  title: "Text/Paragraph",
+  component: P1,
+  argTypes: {
+    weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal)
+  }
+};
+var paragraph_stories_default = meta;
+var defaultArg = {
+  text: "\u5167\u6587\u300C\u5167\u6587\u300D\uFF1A\u5167\u6587\uFF0C\u300A\u5167\u6587\u300B\u5167\u6587English\u5167\u6587123\u5167\u6587\uFF1F",
+  weight: P1.Weight.normal
+};
+var p1 = {
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var p2 = {
+  render: (args) => /* @__PURE__ */ jsx(P2, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var p3 = {
+  render: (args) => /* @__PURE__ */ jsx(P3, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+var p4 = {
+  render: (args) => /* @__PURE__ */ jsx(P4, { ...args }),
+  args: defaultArg,
+  parameters: { controls: { exclude: ["className"] } }
+};
+
+export { paragraph_stories_default as default, p1, p2, p3, p4 };
+//# sourceMappingURL=paragraph.stories.mjs.map
+//# sourceMappingURL=paragraph.stories.mjs.map

package/lib/text/stories/paragraph.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/text/stories/paragraph.stories.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,gBAAA;AAAA,EACP,SAAA,EAAW,EAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,QAAQ,mBAAA,CAAoB,EAAA,CAAG,MAAA,EAAQ,EAAA,CAAG,OAAO,MAAM;AAAA;AAE3D,CAAA;AAEA,IAAO,yBAAA,GAAQ;AAGf,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAM,0IAAA;AAAA,EACN,MAAA,EAAQ,GAAG,MAAA,CAAO;AACpB,CAAA;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD","file":"paragraph.stories.mjs","sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport { getRadioArgFromEnum } from '../../storybook/utils/get-enum-arg'\n// components\nimport { P1, P2, P3, P4 } from '../paragraph'\n\nconst meta = {\n  title: 'Text/Paragraph',\n  component: P1,\n  argTypes: {\n    weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal),\n  },\n} satisfies Meta<typeof P1>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst defaultArg = {\n  text: '內文「內文」：內文，《內文》內文English內文123內文？',\n  weight: P1.Weight.normal,\n}\n\nexport const p1: Story = {\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p2: Story = {\n  render: (args) => <P2 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p3: Story = {\n  render: (args) => <P3 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p4: Story = {\n  render: (args) => <P4 {...args} />,\n  args: defaultArg,\n  parameters: { controls: { exclude: ['className'] } },\n}\n"]}

package/lib/title-bar/components/title-tab/hook.d.mts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react.RefObject<HTMLDivElement | null>;
+
+export { useScrollStatus };

package/lib/title-bar/components/title-tab/hook.d.ts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react.RefObject<HTMLDivElement | null>;
+
+export { useScrollStatus };