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

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 };

package/lib/title-bar/components/title-tab/hook.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var react = require('react');
+
+// src/title-bar/components/title-tab/hook.ts
+var useScrollStatus = (setShowNext) => {
+  const ref = react.useRef(null);
+  react.useEffect(() => {
+    if (!ref.current) return;
+    if (ref.current.scrollWidth > ref.current.clientWidth) {
+      setShowNext(true);
+    }
+  }, [setShowNext]);
+  react.useEffect(() => {
+    if (!ref.current) return;
+    const refEle = ref.current;
+    const handleScroll = () => {
+      if (refEle.offsetWidth + refEle.scrollLeft >= refEle.scrollWidth) {
+        setShowNext(false);
+      } else {
+        setShowNext(true);
+      }
+    };
+    refEle.addEventListener("scroll", handleScroll);
+    return () => {
+      refEle.removeEventListener("scroll", handleScroll);
+    };
+  }, [setShowNext]);
+  return ref;
+};
+
+exports.useScrollStatus = useScrollStatus;
+//# sourceMappingURL=hook.js.map
+//# sourceMappingURL=hook.js.map

package/lib/title-bar/components/title-tab/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/title-bar/components/title-tab/hook.ts"],"names":["useRef","useEffect"],"mappings":";;;;;AAEO,IAAM,eAAA,GAAkB,CAAC,WAAA,KAAyC;AACvE,EAAA,MAAM,GAAA,GAAMA,aAAuB,IAAI,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAElB,IAAA,IAAI,GAAA,CAAI,OAAA,CAAQ,WAAA,GAAc,GAAA,CAAI,QAAQ,WAAA,EAAa;AAErD,MAAA,WAAA,CAAY,IAAI,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAElB,IAAA,MAAM,SAAS,GAAA,CAAI,OAAA;AACnB,IAAA,MAAM,eAA8B,MAAM;AACxC,MAAA,IAAI,MAAA,CAAO,WAAA,GAAc,MAAA,CAAO,UAAA,IAAc,OAAO,WAAA,EAAa;AAEhE,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,MACnB,CAAA,MAAO;AACL,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IACnD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,OAAO,GAAA;AACT","file":"hook.js","sourcesContent":["import { useRef, useEffect } from 'react'\n\nexport const useScrollStatus = (setShowNext: (show: boolean) => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    if (ref.current.scrollWidth > ref.current.clientWidth) {\n      // scrollbar occur\n      setShowNext(true)\n    }\n  }, [setShowNext])\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    const refEle = ref.current\n    const handleScroll: EventListener = () => {\n      if (refEle.offsetWidth + refEle.scrollLeft >= refEle.scrollWidth) {\n        // scroll to end\n        setShowNext(false)\n      } else {\n        setShowNext(true)\n      }\n    }\n\n    refEle.addEventListener('scroll', handleScroll)\n\n    return () => {\n      refEle.removeEventListener('scroll', handleScroll)\n    }\n  }, [setShowNext])\n\n  return ref\n}\n"]}

package/lib/title-bar/components/title-tab/hook.mjs

@@ -0,0 +1,3 @@
+export { useScrollStatus } from '../../../chunk-GQWO45DN.mjs';
+//# sourceMappingURL=hook.mjs.map
+//# sourceMappingURL=hook.mjs.map

package/lib/title-bar/components/title-tab/hook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"hook.mjs"}

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Tab } from './type.mjs';
+
+type TitleTabProps = {
+    title: string;
+    tabs: Tab[];
+    activeTabIndex?: number;
+};
+declare const TitleTab: FC<TitleTabProps>;
+
+export { TitleTab as default };

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Tab } from './type.js';
+
+type TitleTabProps = {
+    title: string;
+    tabs: Tab[];
+    activeTabIndex?: number;
+};
+declare const TitleTab: FC<TitleTabProps>;
+
+export { TitleTab as default };