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

package/lib/chunk-JHLT5GDV.mjs

@@ -0,0 +1,50 @@
+import { TYPE } from './chunk-UM7RNC2Y.mjs';
+import clsx from 'clsx';
+import React from 'react';
+
+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.createElement(
+      htmlTag,
+      {
+        className: clsx(
+          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");
+
+export { H1, H2, H3, H4, H5, H6 };
+//# sourceMappingURL=chunk-JHLT5GDV.mjs.map
+//# sourceMappingURL=chunk-JHLT5GDV.mjs.map

package/lib/chunk-JHLT5GDV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text/heading.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,SAAA,GAAY,WAAA;AAElB,IAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,+CAAA;AAAA,EACJ,EAAA,EAAI,+CAAA;AAAA,EACJ,EAAA,EAAI,+CAAA;AAAA,EACJ,EAAA,EAAI,+CAAA;AAAA,EACJ,EAAA,EAAI,+CAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,cAAA,GAAiB,CAAC,OAAA,KAAuC;AAC7D,EAAA,MAAM,YAA4D,CAAC;AAAA,IACjE,IAAA,GAAO,EAAA;AAAA,IACP,OAAO,IAAA,CAAK,OAAA;AAAA,IACZ,SAAA,GAAY,EAAA;AAAA,IACZ,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,OAAA,GAAU,QAAQ,WAAA,EAAY;AACpC,IAAA,MAAM,UAAA,GAAa,IAAA,KAAS,IAAA,CAAK,OAAA,GAAU,YAAA,GAAe,cAAA;AAC1D,IAAA,OAAO,KAAA,CAAM,aAAA;AAAA,MACX,OAAA;AAAA,MACA;AAAA,QACE,SAAA,EAAW,IAAA;AAAA,UACT,UAAA;AAAA,UACA,SAAA;AAAA,UACA,aAAa,OAAO,CAAA;AAAA,UACpB;AAAA,SACF;AAAA,QACA,GAAG;AAAA,OACL;AAAA,MACA;AAAA,KACF;AAAA,EACF,CAAA;AACA,EAAA,SAAA,CAAU,WAAA,GAAc,OAAA;AACxB,EAAA,SAAA,CAAU,IAAA,GAAO,IAAA;AACjB,EAAA,OAAO,SAAA;AACT,CAAA;AAEA,IAAM,EAAA,GAAK,eAAe,IAAI;AAC9B,IAAM,EAAA,GAAK,eAAe,IAAI;AAC9B,IAAM,EAAA,GAAK,eAAe,IAAI;AAC9B,IAAM,EAAA,GAAK,eAAe,IAAI;AAC9B,IAAM,EAAA,GAAK,eAAe,IAAI;AAC9B,IAAM,EAAA,GAAK,eAAe,IAAI","file":"chunk-JHLT5GDV.mjs","sourcesContent":["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"]}

package/lib/chunk-QE5LVT7A.mjs

@@ -0,0 +1,90 @@
+import { P2, P1 } from './chunk-HQG6Q2EY.mjs';
+import { THEME } from './chunk-JB4TYHDE.mjs';
+import { Size, Style } from './chunk-URJXIWFX.mjs';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TextButton = ({
+  text,
+  leftIconComponent,
+  rightIconComponent,
+  size = 0 /* S */,
+  theme = THEME.normal,
+  style = 1 /* DARK */,
+  active = false,
+  disabled = false,
+  loading = false,
+  className = ""
+}) => {
+  const TextJSX = useMemo(
+    () => size === 0 /* S */ ? /* @__PURE__ */ jsx(P2, { text }) : /* @__PURE__ */ jsx(P1, { text }),
+    [size, text]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        "flex items-center",
+        {
+          "cursor-default": disabled,
+          "cursor-pointer": !disabled
+        },
+        {
+          "text-gray-500 hover:text-gray-500": disabled && (theme === THEME.photography || theme === THEME.transparent),
+          "text-gray-400 hover:text-gray-400": disabled || theme === THEME.photography && style === 2 /* LIGHT */ && !active && !disabled,
+          "text-gray-200 hover:text-supportive-pastel": theme === THEME.photography && !active && !disabled,
+          "text-gray-300 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */ && active && !disabled,
+          "text-gray-white hover:text-supportive-pastel": theme === THEME.photography && style === 1 /* DARK */ && active && !disabled,
+          "text-supportive-faded hover:text-supportive-pastel": theme === THEME.photography && style === 0 /* BRAND */ && active && !disabled,
+          "text-gray-100 hover:text-gray-200": theme === THEME.transparent && !active && !disabled,
+          "text-gray-white hover:text-gray-white": theme === THEME.transparent && active && !disabled,
+          "text-gray-600 hover:text-brand-heavy": theme === THEME.normal && !active && !disabled,
+          "text-brand-heavy hover:text-brand-heavy": theme === THEME.normal && active && !disabled
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center items-center", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx("flex justify-center items-center", {
+              "opacity-0": loading,
+              "opacity-100": !loading
+            }),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center mr-[4px]", children: leftIconComponent }),
+              TextJSX,
+              /* @__PURE__ */ jsx("div", { className: "flex items-center ml-[4px]", children: rightIconComponent })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: clsx(
+              "inline-block absolute box-border animation-spin",
+              "border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]",
+              {
+                "size-[18px]": size === 0 /* S */,
+                "size-[24px]": size === 1 /* L */
+              },
+              {
+                "opacity-0": !loading,
+                "opacity-100": loading
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+TextButton.Size = Size;
+TextButton.Style = Style;
+TextButton.THEME = THEME;
+var text_button_default = TextButton;
+
+export { text_button_default };
+//# sourceMappingURL=chunk-QE5LVT7A.mjs.map
+//# sourceMappingURL=chunk-QE5LVT7A.mjs.map

package/lib/chunk-QE5LVT7A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/components/text-button/index.tsx"],"names":[],"mappings":"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","file":"chunk-QE5LVT7A.mjs","sourcesContent":["import { type FC, type ReactElement, useMemo } from 'react'\nimport clsx from 'clsx'\n// components\nimport { P1, P2 } from '../../../text/paragraph'\n// enums\nimport { Size, Style } from '../../enum'\n// type\nimport type { Theme } from '../../constant'\n// constants\nimport { THEME } from '../../constant'\n\ntype TextButtonProps = {\n  text: string\n  leftIconComponent?: ReactElement\n  rightIconComponent?: ReactElement\n  size?: Size\n  style?: Style\n  theme?: Theme\n  active?: boolean\n  disabled?: boolean\n  loading?: boolean\n  className?: string\n}\nconst TextButton: FC<TextButtonProps> & {\n  Size: typeof Size\n  Style: typeof Style\n  THEME: typeof THEME\n} = ({\n  text,\n  leftIconComponent,\n  rightIconComponent,\n  size = Size.S,\n  theme = THEME.normal,\n  style = Style.DARK,\n  active = false,\n  disabled = false,\n  loading = false,\n  className = '',\n}) => {\n  const TextJSX = useMemo(\n    () => (size === Size.S ? <P2 text={text} /> : <P1 text={text} />),\n    [size, text]\n  )\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center',\n        {\n          'cursor-default': disabled,\n          'cursor-pointer': !disabled,\n        },\n        {\n          'text-gray-500 hover:text-gray-500':\n            disabled &&\n            (theme === THEME.photography || theme === THEME.transparent),\n          'text-gray-400 hover:text-gray-400':\n            disabled ||\n            (theme === THEME.photography &&\n              style === Style.LIGHT &&\n              !active &&\n              !disabled),\n          'text-gray-200 hover:text-supportive-pastel':\n            theme === THEME.photography && !active && !disabled,\n          'text-gray-300 hover:text-gray-400':\n            theme === THEME.photography &&\n            style === Style.LIGHT &&\n            active &&\n            !disabled,\n          'text-gray-white hover:text-supportive-pastel':\n            theme === THEME.photography &&\n            style === Style.DARK &&\n            active &&\n            !disabled,\n          'text-supportive-faded hover:text-supportive-pastel':\n            theme === THEME.photography &&\n            style === Style.BRAND &&\n            active &&\n            !disabled,\n          'text-gray-100 hover:text-gray-200':\n            theme === THEME.transparent && !active && !disabled,\n          'text-gray-white hover:text-gray-white':\n            theme === THEME.transparent && active && !disabled,\n          'text-gray-600 hover:text-brand-heavy':\n            theme === THEME.normal && !active && !disabled,\n          'text-brand-heavy hover:text-brand-heavy':\n            theme === THEME.normal && active && !disabled,\n        },\n        className\n      )}\n    >\n      <div className=\"relative flex justify-center items-center\">\n        <div\n          className={clsx('flex justify-center items-center', {\n            'opacity-0': loading,\n            'opacity-100': !loading,\n          })}\n        >\n          <div className=\"flex items-center mr-[4px]\">{leftIconComponent}</div>\n          {TextJSX}\n          <div className=\"flex items-center ml-[4px]\">{rightIconComponent}</div>\n        </div>\n        <span\n          className={clsx(\n            'inline-block absolute box-border animation-spin',\n            'border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]',\n            {\n              'size-[18px]': size === Size.S,\n              'size-[24px]': size === Size.L,\n            },\n            {\n              'opacity-0': !loading,\n              'opacity-100': loading,\n            }\n          )}\n        />\n      </div>\n    </div>\n  )\n}\nTextButton.Size = Size\nTextButton.Style = Style\nTextButton.THEME = THEME\n\nexport default TextButton\n"]}

package/lib/chunk-QOLETTSG.mjs

@@ -0,0 +1,28 @@
+// src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromObject(object, defaultValue) {
+  return {
+    defaultValue,
+    options: Object.values(object),
+    control: { type: "radio" }
+  };
+}
+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" }
+  };
+}
+
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=chunk-QOLETTSG.mjs.map
+//# sourceMappingURL=chunk-QOLETTSG.mjs.map

package/lib/chunk-QOLETTSG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storybook/utils/get-enum-arg.ts"],"names":[],"mappings":";AAMO,SAAS,qBAAA,CACd,QACA,YAAA,EACmB;AACnB,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,OAAA,EAAS,MAAA,CAAO,MAAA,CAAO,MAAM,CAAA;AAAA,IAC7B,OAAA,EAAS,EAAE,IAAA,EAAM,OAAA;AAAQ,GAC3B;AACF;AASO,SAAS,mBAAA,CACd,YACA,YAAA,EAC0B;AAE1B,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,UAAU,CAAA,CAAE,MAAA;AAAA,IAAO,CAAC,GAAA,KAC3C,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,GAAG,CAAC;AAAA,GAC1B;AAEA,EAAA,MAAM,UAAsC,EAAC;AAC7C,EAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACpB,IAAA,OAAA,CAAQ,GAAG,CAAA,GAAI,UAAA,CAAW,GAAc,CAAA;AAAA,EAC1C,CAAC,CAAA;AAGD,EAAA,MAAM,UAAA,GACJ,IAAA,CAAK,IAAA,CAAK,CAAC,GAAA,KAAQ,UAAA,CAAW,GAAc,CAAA,KAAM,YAAY,CAAA,IAAK,IAAA,CAAK,CAAC,CAAA;AAE3E,EAAA,OAAO;AAAA,IACL,YAAA,EAAc,WAAW,UAAqB,CAAA;AAAA,IAC9C,OAAA,EAAS,IAAA;AAAA,IACT,OAAA;AAAA,IACA,OAAA,EAAS,EAAE,IAAA,EAAM,OAAA;AAAQ,GAC3B;AACF","file":"chunk-QOLETTSG.mjs","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"]}

package/lib/chunk-R4F4LGAY.mjs

@@ -0,0 +1,56 @@
+import { tab_item_default } from './chunk-GRCEZABQ.mjs';
+import { useScrollStatus } from './chunk-GQWO45DN.mjs';
+import { H1 } from './chunk-JHLT5GDV.mjs';
+import clsx from 'clsx';
+import { useState, useEffect, createElement } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TitleTab = ({
+  title,
+  tabs = [],
+  activeTabIndex = 0
+}) => {
+  const [activeIndex, setActiveIndex] = useState(activeTabIndex);
+  const [showGradientMask, setShowGradientMask] = useState(false);
+  const ref = useScrollStatus(setShowGradientMask);
+  useEffect(() => {
+    setActiveIndex(activeTabIndex);
+  }, [activeTabIndex]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full text-gray-800", children: [
+    /* @__PURE__ */ jsx(H1, { text: title }),
+    tabs.length > 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(
+          "flex items-center",
+          "overflow-x-scroll scrollbar:!w-0",
+          {
+            "[mask-image:linear-gradient(to_left,rgba(241,241,241,0),#f1f1f1_48px)] [-webkit-mask-image:linear-gradient(to_left,rgba(241,241,241,0),#f1f1f1_48px)]": showGradientMask
+          }
+        ),
+        children: tabs.map((tab, index) => {
+          const tabProps = { ...tab, isActive: index === activeIndex };
+          const handleClick = () => {
+            setActiveIndex(index);
+          };
+          return /* @__PURE__ */ createElement(tab_item_default, { ...tabProps, key: `tab-${tab.text}-${index}`, onClick: handleClick });
+        })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "w-full h-[1px] bg-gray-300 mt-[0px]",
+          "desktop:mt-[0px]"
+        )
+      }
+    )
+  ] });
+};
+var title_tab_default = TitleTab;
+
+export { title_tab_default };
+//# sourceMappingURL=chunk-R4F4LGAY.mjs.map
+//# sourceMappingURL=chunk-R4F4LGAY.mjs.map

package/lib/chunk-R4F4LGAY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/title-bar/components/title-tab/index.tsx"],"names":[],"mappings":";;;;;;;AAeA,IAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,OAAO,EAAC;AAAA,EACR,cAAA,GAAiB;AACnB,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,cAAc,CAAA;AAC7D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9D,EAAA,MAAM,GAAA,GAAM,gBAAgB,mBAAmB,CAAA;AAE/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,cAAc,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,EAAA,EAAA,EAAG,MAAM,KAAA,EAAO,CAAA;AAAA,IAChB,IAAA,CAAK,SAAS,CAAA,mBACb,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA;AAAA,UACT,mBAAA;AAAA,UACA,kCAAA;AAAA,UACA;AAAA,YACE,uJAAA,EACE;AAAA;AACJ,SACF;AAAA,QAEC,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,KAAU;AACxB,UAAA,MAAM,WAAW,EAAE,GAAG,GAAA,EAAK,QAAA,EAAU,UAAU,WAAA,EAAY;AAC3D,UAAA,MAAM,cAAc,MAAM;AACxB,YAAA,cAAA,CAAe,KAAK,CAAA;AAAA,UACtB,CAAA;AACA,UAAA,uBACE,aAAA,CAAC,gBAAA,EAAA,EAAS,GAAG,QAAA,EAAU,GAAA,EAAK,CAAA,IAAA,EAAO,GAAA,CAAI,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAI,OAAA,EAAS,WAAA,EAAa,CAAA;AAAA,QAElF,CAAC;AAAA;AAAA,KACH,GACE,IAAA;AAAA,oBACJ,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA;AAAA,UACT,qCAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,iBAAA,GAAQ","file":"chunk-R4F4LGAY.mjs","sourcesContent":["import clsx from 'clsx'\nimport { type FC, useState, useEffect } from 'react'\n// hook\nimport { useScrollStatus } from './hook'\n// components\nimport TabItem from './tab-item'\nimport { H1 } from '../../../text/heading'\n// type\nimport type { Tab } from './type'\n\ntype TitleTabProps = {\n  title: string\n  tabs: Tab[]\n  activeTabIndex?: number\n}\nconst TitleTab: FC<TitleTabProps> = ({\n  title,\n  tabs = [],\n  activeTabIndex = 0,\n}) => {\n  const [activeIndex, setActiveIndex] = useState(activeTabIndex)\n  const [showGradientMask, setShowGradientMask] = useState(false)\n\n  const ref = useScrollStatus(setShowGradientMask)\n\n  useEffect(() => {\n    setActiveIndex(activeTabIndex)\n  }, [activeTabIndex])\n\n  return (\n    <div className=\"flex flex-col w-full text-gray-800\">\n      <H1 text={title} />\n      {tabs.length > 0 ? (\n        <div\n          ref={ref}\n          className={clsx(\n            'flex items-center',\n            'overflow-x-scroll scrollbar:!w-0',\n            {\n              '[mask-image:linear-gradient(to_left,rgba(241,241,241,0),#f1f1f1_48px)] [-webkit-mask-image:linear-gradient(to_left,rgba(241,241,241,0),#f1f1f1_48px)]':\n                showGradientMask,\n            }\n          )}\n        >\n          {tabs.map((tab, index) => {\n            const tabProps = { ...tab, isActive: index === activeIndex }\n            const handleClick = () => {\n              setActiveIndex(index)\n            }\n            return (\n              <TabItem {...tabProps} key={`tab-${tab.text}-${index}`} onClick={handleClick} />\n            )\n          })}\n        </div>\n      ) : null}\n      <div\n        className={clsx(\n          'w-full h-[1px] bg-gray-300 mt-[0px]',\n          'desktop:mt-[0px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default TitleTab\n"]}

package/lib/chunk-UM7RNC2Y.mjs

@@ -0,0 +1,14 @@
+// src/text/enum/index.ts
+var TYPE = {
+  default: "default",
+  article: "article"
+};
+var WEIGHT = {
+  extraLight: "extra-light",
+  normal: "normal",
+  bold: "bold"
+};
+
+export { TYPE, WEIGHT };
+//# sourceMappingURL=chunk-UM7RNC2Y.mjs.map
+//# sourceMappingURL=chunk-UM7RNC2Y.mjs.map

package/lib/chunk-UM7RNC2Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text/enum/index.ts"],"names":[],"mappings":";AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX;AAIO,IAAM,MAAA,GAAS;AAAA,EACpB,UAAA,EAAY,aAAA;AAAA,EACZ,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM;AACR","file":"chunk-UM7RNC2Y.mjs","sourcesContent":["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"]}

package/lib/chunk-URJXIWFX.mjs

@@ -0,0 +1,16 @@
+// src/button/enum.ts
+var Size = /* @__PURE__ */ ((Size2) => {
+  Size2[Size2["S"] = 0] = "S";
+  Size2[Size2["L"] = 1] = "L";
+  return Size2;
+})(Size || {});
+var Style = /* @__PURE__ */ ((Style2) => {
+  Style2[Style2["BRAND"] = 0] = "BRAND";
+  Style2[Style2["DARK"] = 1] = "DARK";
+  Style2[Style2["LIGHT"] = 2] = "LIGHT";
+  return Style2;
+})(Style || {});
+
+export { Size, Style };
+//# sourceMappingURL=chunk-URJXIWFX.mjs.map
+//# sourceMappingURL=chunk-URJXIWFX.mjs.map

package/lib/chunk-URJXIWFX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/enum.ts"],"names":["Size","Style"],"mappings":";AAAO,IAAK,IAAA,qBAAAA,KAAAA,KAAL;AACL,EAAAA,KAAAA,CAAAA,KAAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAA;AACA,EAAAA,KAAAA,CAAAA,KAAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAA;AAFU,EAAA,OAAAA,KAAAA;AAAA,CAAA,EAAA,IAAA,IAAA,EAAA;AAKL,IAAK,KAAA,qBAAAC,MAAAA,KAAL;AACL,EAAAA,MAAAA,CAAAA,MAAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA;AACA,EAAAA,MAAAA,CAAAA,MAAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA;AACA,EAAAA,MAAAA,CAAAA,MAAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA;AAHU,EAAA,OAAAA,MAAAA;AAAA,CAAA,EAAA,KAAA,IAAA,EAAA","file":"chunk-URJXIWFX.mjs","sourcesContent":["export enum Size {\n  S,\n  L,\n}\n\nexport enum Style {\n  BRAND,\n  DARK,\n  LIGHT,\n}\n"]}

package/lib/chunk-X2UWIBNH.mjs

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/customized-link/external-link.tsx
+var ExternalLink = ({
+  to,
+  target = "_self",
+  className = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsx("a", { href: to, target, className, children });
+};
+var external_link_default = ExternalLink;
+
+export { external_link_default };
+//# sourceMappingURL=chunk-X2UWIBNH.mjs.map
+//# sourceMappingURL=chunk-X2UWIBNH.mjs.map

package/lib/chunk-X2UWIBNH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/customized-link/external-link.tsx"],"names":[],"mappings":";;;AAIA,IAAM,eAAsC,CAAC;AAAA,EAC3C,EAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,2BACG,GAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,MAAA,EAAgB,WAC1B,QAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-X2UWIBNH.mjs","sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"]}

package/lib/chunk-XO7SDD7W.mjs

@@ -0,0 +1,17 @@
+import Link from 'next/link';
+import { jsx } from 'react/jsx-runtime';
+
+// src/customized-link/internal-link.tsx
+var InternalLink = ({
+  to,
+  target = "_self",
+  className = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsx(Link, { href: to, target, className, children });
+};
+var internal_link_default = InternalLink;
+
+export { internal_link_default };
+//# sourceMappingURL=chunk-XO7SDD7W.mjs.map
+//# sourceMappingURL=chunk-XO7SDD7W.mjs.map

package/lib/chunk-XO7SDD7W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/customized-link/internal-link.tsx"],"names":[],"mappings":";;;;AAOA,IAAM,eAAsC,CAAC;AAAA,EAC3C,EAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,2BACG,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,MAAA,EAAgB,WAC7B,QAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"chunk-XO7SDD7W.mjs","sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype InternalLinkProps = CustomizedLinkProps\nconst InternalLink: FC<InternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <Link href={to} target={target} className={className}>\n      {children}\n    </Link>\n  )\n}\n\nexport default InternalLink\n"]}

package/lib/customized-link/external-link.d.mts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CustomizedLinkProps } from './type.mjs';
+
+type ExternalLinkProps = CustomizedLinkProps;
+declare const ExternalLink: FC<ExternalLinkProps>;
+
+export { ExternalLink as default };

package/lib/customized-link/external-link.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CustomizedLinkProps } from './type.js';
+
+type ExternalLinkProps = CustomizedLinkProps;
+declare const ExternalLink: FC<ExternalLinkProps>;
+
+export { ExternalLink as default };

package/lib/customized-link/external-link.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/customized-link/external-link.tsx
+var ExternalLink = ({
+  to,
+  target = "_self",
+  className = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href: to, target, className, children });
+};
+var external_link_default = ExternalLink;
+
+module.exports = external_link_default;
+//# sourceMappingURL=external-link.js.map
+//# sourceMappingURL=external-link.js.map

package/lib/customized-link/external-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/customized-link/external-link.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,eAAsC,CAAC;AAAA,EAC3C,EAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,sCACG,GAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,MAAA,EAAgB,WAC1B,QAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"external-link.js","sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"]}

package/lib/customized-link/external-link.mjs

@@ -0,0 +1,3 @@
+export { external_link_default as default } from '../chunk-X2UWIBNH.mjs';
+//# sourceMappingURL=external-link.mjs.map
+//# sourceMappingURL=external-link.mjs.map

package/lib/customized-link/external-link.mjs.map

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

package/lib/customized-link/index.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { CustomizedLinkProps } from './type.mjs';
+export { default as ExternalLink } from './external-link.mjs';
+export { default as InternalLink } from './internal-link.mjs';
+
+declare const _default: {
+    ExternalLink: react.FC<CustomizedLinkProps>;
+    InternalLink: react.FC<CustomizedLinkProps>;
+};
+
+export { _default as default };

package/lib/customized-link/index.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { CustomizedLinkProps } from './type.js';
+export { default as ExternalLink } from './external-link.js';
+export { default as InternalLink } from './internal-link.js';
+
+declare const _default: {
+    ExternalLink: react.FC<CustomizedLinkProps>;
+    InternalLink: react.FC<CustomizedLinkProps>;
+};
+
+export { _default as default };

package/lib/customized-link/index.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Link = require('next/link');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/customized-link/external-link.tsx
+var ExternalLink = ({
+  to,
+  target = "_self",
+  className = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href: to, target, className, children });
+};
+var external_link_default = ExternalLink;
+var InternalLink = ({
+  to,
+  target = "_self",
+  className = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: to, target, className, children });
+};
+var internal_link_default = InternalLink;
+
+// src/customized-link/index.ts
+var customized_link_default = {
+  ExternalLink: external_link_default,
+  InternalLink: internal_link_default
+};
+
+exports.ExternalLink = external_link_default;
+exports.InternalLink = internal_link_default;
+exports.default = customized_link_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/customized-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/customized-link/external-link.tsx","../../src/customized-link/internal-link.tsx","../../src/customized-link/index.ts"],"names":["jsx","Link"],"mappings":";;;;;;;;;;;;AAIA,IAAM,eAAsC,CAAC;AAAA,EAC3C,EAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,sCACG,GAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,MAAA,EAAgB,WAC1B,QAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,GAAQ;ACVf,IAAM,eAAsC,CAAC;AAAA,EAC3C,EAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,uBACEA,cAAAA,CAACC,qBAAA,EAAA,EAAK,MAAM,EAAA,EAAI,MAAA,EAAgB,WAC7B,QAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,GAAQ;;;ACff,IAAO,uBAAA,GAAQ;AAAA,EACb,YAAA,EAAA,qBAAA;AAAA,EACA,YAAA,EAAA;AACF","file":"index.js","sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n","'use client'\n\nimport Link from 'next/link'\nimport type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype InternalLinkProps = CustomizedLinkProps\nconst InternalLink: FC<InternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <Link href={to} target={target} className={className}>\n      {children}\n    </Link>\n  )\n}\n\nexport default InternalLink\n","import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n  ExternalLink,\n  InternalLink,\n}\n"]}

package/lib/customized-link/index.mjs

@@ -0,0 +1,5 @@
+export { customized_link_default as default } from '../chunk-JFT6JILC.mjs';
+export { external_link_default as ExternalLink } from '../chunk-X2UWIBNH.mjs';
+export { internal_link_default as InternalLink } from '../chunk-XO7SDD7W.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/lib/customized-link/index.mjs.map

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

package/lib/customized-link/internal-link.d.mts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CustomizedLinkProps } from './type.mjs';
+
+type InternalLinkProps = CustomizedLinkProps;
+declare const InternalLink: FC<InternalLinkProps>;
+
+export { InternalLink as default };

package/lib/customized-link/internal-link.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CustomizedLinkProps } from './type.js';
+
+type InternalLinkProps = CustomizedLinkProps;
+declare const InternalLink: FC<InternalLinkProps>;
+
+export { InternalLink as default };

package/lib/customized-link/internal-link.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var Link = require('next/link');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+var InternalLink = ({
+  to,
+  target = "_self",
+  className = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: to, target, className, children });
+};
+var internal_link_default = InternalLink;
+
+module.exports = internal_link_default;
+//# sourceMappingURL=internal-link.js.map
+//# sourceMappingURL=internal-link.js.map

package/lib/customized-link/internal-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/customized-link/internal-link.tsx"],"names":["Link"],"mappings":";;;;;;;;;AAOA,IAAM,eAAsC,CAAC;AAAA,EAC3C,EAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,sCACGA,qBAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,MAAA,EAAgB,WAC7B,QAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"internal-link.js","sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype InternalLinkProps = CustomizedLinkProps\nconst InternalLink: FC<InternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <Link href={to} target={target} className={className}>\n      {children}\n    </Link>\n  )\n}\n\nexport default InternalLink\n"]}

package/lib/customized-link/internal-link.mjs

@@ -0,0 +1,3 @@
+export { internal_link_default as default } from '../chunk-XO7SDD7W.mjs';
+//# sourceMappingURL=internal-link.mjs.map
+//# sourceMappingURL=internal-link.mjs.map

package/lib/customized-link/internal-link.mjs.map

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

package/lib/customized-link/type.d.mts

@@ -0,0 +1,9 @@
+type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+type CustomizedLinkProps = {
+    to: string;
+    target?: LinkTarget;
+    className?: string;
+    children?: React.ReactNode;
+};
+
+export type { CustomizedLinkProps, LinkTarget };

package/lib/customized-link/type.d.ts

@@ -0,0 +1,9 @@
+type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+type CustomizedLinkProps = {
+    to: string;
+    target?: LinkTarget;
+    className?: string;
+    children?: React.ReactNode;
+};
+
+export type { CustomizedLinkProps, LinkTarget };

package/lib/customized-link/type.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/lib/customized-link/type.js.map

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

package/lib/customized-link/type.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=type.mjs.map
+//# sourceMappingURL=type.mjs.map

package/lib/customized-link/type.mjs.map

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

package/lib/storybook/utils/get-enum-arg.d.mts

@@ -0,0 +1,19 @@
+type RadioArgObject<T> = {
+    defaultValue: T;
+    options: T[];
+    control: {
+        type: 'radio';
+    };
+};
+declare function getRadioArgFromObject<T extends string | number>(object: Record<string, T>, defaultValue: T): RadioArgObject<T>;
+type RadioArgEnum<E> = {
+    defaultValue: E;
+    options: string[];
+    mapping: Record<string, E>;
+    control: {
+        type: 'radio';
+    };
+};
+declare function getRadioArgFromEnum<E extends Record<string, string | number>>(enumObject: E, defaultValue: E[keyof E]): RadioArgEnum<E[keyof E]>;
+
+export { getRadioArgFromEnum, getRadioArgFromObject };

package/lib/storybook/utils/get-enum-arg.d.ts

@@ -0,0 +1,19 @@
+type RadioArgObject<T> = {
+    defaultValue: T;
+    options: T[];
+    control: {
+        type: 'radio';
+    };
+};
+declare function getRadioArgFromObject<T extends string | number>(object: Record<string, T>, defaultValue: T): RadioArgObject<T>;
+type RadioArgEnum<E> = {
+    defaultValue: E;
+    options: string[];
+    mapping: Record<string, E>;
+    control: {
+        type: 'radio';
+    };
+};
+declare function getRadioArgFromEnum<E extends Record<string, string | number>>(enumObject: E, defaultValue: E[keyof E]): RadioArgEnum<E[keyof E]>;
+
+export { getRadioArgFromEnum, getRadioArgFromObject };