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

package/lib/chunk-3B7LTZRJ.mjs

@@ -0,0 +1,33 @@
+import { H5 } from './chunk-JHLT5GDV.mjs';
+import { P2 } from './chunk-HQG6Q2EY.mjs';
+import clsx from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Title2 = ({
+  title,
+  subtitle = "",
+  renderButton = null,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: clsx("flex justify-between flex-col", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: clsx("flex items-baseline gap-[16px]"), children: [
+      /* @__PURE__ */ jsx(H5, { className: "text-gray-800", text: title }),
+      subtitle ? /* @__PURE__ */ jsx(P2, { className: "text-gray-600", text: subtitle }) : null
+    ] }),
+    renderButton || null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          "w-full h-[1px] bg-gray-800 mt-[8px]",
+          "desktop:mt-[16px]"
+        )
+      }
+    )
+  ] });
+};
+var title2_default = Title2;
+
+export { title2_default };
+//# sourceMappingURL=chunk-3B7LTZRJ.mjs.map
+//# sourceMappingURL=chunk-3B7LTZRJ.mjs.map

package/lib/chunk-3B7LTZRJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/title-bar/components/title2.tsx"],"names":[],"mappings":";;;;;AAaA,IAAM,SAAgC,CAAC;AAAA,EACrC,KAAA;AAAA,EACA,QAAA,GAAW,EAAA;AAAA,EACX,YAAA,GAAe,IAAA;AAAA,EACf,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,+BAAA,EAAiC,SAAS,CAAA,EAC7D,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,gCAAgC,CAAA,EACnD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,EAAA,EAAA,EAAG,SAAA,EAAU,eAAA,EAAgB,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,MAC1C,2BAAW,GAAA,CAAC,EAAA,EAAA,EAAG,WAAU,eAAA,EAAgB,IAAA,EAAM,UAAU,CAAA,GAAK;AAAA,KAAA,EACjE,CAAA;AAAA,IACC,YAAA,IAAgB,IAAA;AAAA,oBACjB,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,cAAA,GAAQ","file":"chunk-3B7LTZRJ.mjs","sourcesContent":["import clsx from 'clsx'\nimport type React from 'react'\n// components\nimport { H5 } from '../../text/heading'\nimport { P2 } from '../../text/paragraph'\n\ntype Title2Props = {\n  title: string\n  subtitle?: string\n  renderButton?: React.ReactNode\n  className?: string\n}\n\nconst Title2: React.FC<Title2Props> = ({\n  title,\n  subtitle = '',\n  renderButton = null,\n  className = '',\n}) => {\n  return (\n    <div className={clsx('flex justify-between flex-col', className)}>\n      <div className={clsx('flex items-baseline gap-[16px]')}>\n        <H5 className=\"text-gray-800\" text={title} />\n        {subtitle ? <P2 className=\"text-gray-600\" text={subtitle} /> : null}\n      </div>\n      {renderButton || null}\n      <div\n        className={clsx(\n          'w-full h-[1px] bg-gray-800 mt-[8px]',\n          'desktop:mt-[16px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default Title2\n"]}

package/lib/chunk-HQG6Q2EY.mjs

@@ -0,0 +1,42 @@
+import { WEIGHT } from './chunk-UM7RNC2Y.mjs';
+import clsx from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+
+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__ */ jsx(
+    "p",
+    {
+      className: clsx(
+        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");
+
+export { P1, P2, P3, P4 };
+//# sourceMappingURL=chunk-HQG6Q2EY.mjs.map
+//# sourceMappingURL=chunk-HQG6Q2EY.mjs.map

package/lib/chunk-HQG6Q2EY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text/paragraph.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,SAAA,GAAY,mDAAA;AAElB,IAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,gBAAA,GAAmB,CAAC,OAAA,KAAuC;AAC/D,EAAA,MAAM,YAAkE,CAAC;AAAA,IACvE,IAAA,GAAO,EAAA;AAAA,IACP,SAAS,MAAA,CAAO,MAAA;AAAA,IAChB,SAAA,GAAY,EAAA;AAAA,IACZ,GAAG;AAAA,GACL,qBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,SAAA;AAAA,QACA,aAAa,OAAO,CAAA;AAAA,QACpB,QAAQ,MAAM,CAAA,CAAA;AAAA,QACd;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEF,EAAA,SAAA,CAAU,WAAA,GAAc,OAAA;AACxB,EAAA,SAAA,CAAU,MAAA,GAAS,MAAA;AACnB,EAAA,OAAO,SAAA;AACT,CAAA;AAEA,IAAM,EAAA,GAAK,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI","file":"chunk-HQG6Q2EY.mjs","sourcesContent":["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"]}

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-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/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../tailwind-config/shared-styles.css"],"sourcesContent":["@import 'tailwindcss';\n\n@theme {\n  /* Brand */\n  --color-brand-faded: #f4c6c6;\n  --color-brand-pastel: #f76977;\n  --color-brand-main: #f80b28;\n  --color-brand-heavy: #c40d23;\n  --color-brand-dark: #9b051e;\n\n  /* Photography */\n  --color-photo-faded: #abdef4;\n  --color-photo-pastel: #6d9be0;\n  --color-photo-main: #2f58cc;\n  --color-photo-heavy: #143071;\n  --color-photo-dark: #052142;\n\n  /* Podcast */\n  --color-podcast-faded: #c4f2dc;\n  --color-podcast-pastel: #99ecc9;\n  --color-podcast-main: #6ee5b5;\n  --color-podcast-heavy: #3c927a;\n  --color-podcast-dark: #0e3532;\n\n  /* Supportive */\n  --color-supportive-faded: #f0d5be;\n  --color-supportive-pastel: #e3be98;\n  --color-supportive-main: #c09662;\n  --color-supportive-heavy: #9f7544;\n  --color-supportive-dark: #7a522c;\n\n  /* Grayscale */\n  --color-gray-white: #ffffff;\n  --color-gray-100: #f1f1f1;\n  --color-gray-200: #e2e2e2;\n  --color-gray-300: #cdcdcd;\n  --color-gray-400: #bbbbbb;\n  --color-gray-500: #9c9c9c;\n  --color-gray-600: #808080;\n  --color-gray-700: #666666;\n  --color-gray-800: #404040;\n  --color-gray-900: #262626;\n  --color-gray-black: #000000;\n\n  /* Opacity colors */\n  --color-opacity-white-0: rgba(255, 255, 255, 0.0);\n  --color-opacity-white-02: rgba(255, 255, 255, 0.2);\n  --color-opacity-white-05: rgba(255, 255, 255, 0.5);\n  --color-opacity-white-08: rgba(255, 255, 255, 0.8);\n  --color-opacity-white-09: rgba(255, 255, 255, 0.9);\n  --color-opacity-gray100-08: rgba(241, 241, 241, 0.8);\n  --color-opacity-black-01: rgba(0, 0, 0, 0.1);\n  --color-opacity-black-02: rgba(0, 0, 0, 0.2);\n  --color-opacity-black-05: rgba(0, 0, 0, 0.5);\n  --color-opacity-black-07: rgba(0, 0, 0, 0.7);\n  --color-opacity-black-08: rgba(0, 0, 0, 0.8);\n  --color-opacity-black-005: rgba(0, 0, 0, 0.05);\n\n  /* Semantic */\n  --color-semantic-danger: #c7000a;\n  --color-semantic-success: #4db41d;\n  --color-semantic-info: #1a7aeb;\n  --color-semantic-warning: #fcaa0c;\n\n  /* Pink Article */\n  --color-pink-article-light-blue: #2440fb;\n  --color-pink-article-blue: #355ed3;\n  --color-pink-article-dark-blue: #08192d;\n  --color-pink-article-light-pink: #fadaf5;\n  --color-pink-article-pink: #fbafef;\n  --color-pink-article-dark-pink: #ef7ede;\n\n  /* Font families */\n  --font-title: 'merriweather', 'source-han-serif-tc', serif;\n  --font-default: 'Roboto Slab', 'Noto Sans TC', sans-serif, 'Tauhu Oo';\n  --font-default-fallback: 'Roboto Slab', sans-serif;\n\n  /* Font weights */\n  --font-weight-extra-light: 100;\n  --font-weight-normal: 400;\n  --font-weight-bold: 700;\n\n  /* Screen breakpoint */\n  --breakpoint-tablet: 768px;\n  --breakpoint-desktop: 1024px;\n  --breakpoint-hd: 1440px;\n}\n"],"mappings":";;;AAEA,OAAO,EAEL,mBAAmB,EAAE,OAAO,EAC5B,oBAAoB,EAAE,OAAO,EAC7B,kBAAkB,EAAE,OAAO,EAC3B,mBAAmB,EAAE,OAAO,EAC5B,kBAAkB,EAAE,OAAO,EAG3B,mBAAmB,EAAE,OAAO,EAC5B,oBAAoB,EAAE,OAAO,EAC7B,kBAAkB,EAAE,OAAO,EAC3B,mBAAmB,EAAE,OAAO,EAC5B,kBAAkB,EAAE,OAAO,EAG3B,qBAAqB,EAAE,OAAO,EAC9B,sBAAsB,EAAE,OAAO,EAC/B,oBAAoB,EAAE,OAAO,EAC7B,qBAAqB,EAAE,OAAO,EAC9B,oBAAoB,EAAE,OAAO,EAG7B,wBAAwB,EAAE,OAAO,EACjC,yBAAyB,EAAE,OAAO,EAClC,uBAAuB,EAAE,OAAO,EAChC,wBAAwB,EAAE,OAAO,EACjC,uBAAuB,EAAE,OAAO,EAGhC,kBAAkB,EAAE,OAAO,EAC3B,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,OAAO,EACzB,kBAAkB,EAAE,OAAO,EAG3B,uBAAuB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EACjD,wBAAwB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAClD,wBAAwB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAClD,wBAAwB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAClD,wBAAwB,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAClD,0BAA0B,EAAE,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EACpD,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAC5C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAG9C,uBAAuB,EAAE,OAAO,EAChC,wBAAwB,EAAE,OAAO,EACjC,qBAAqB,EAAE,OAAO,EAC9B,wBAAwB,EAAE,OAAO,EAGjC,+BAA+B,EAAE,OAAO,EACxC,yBAAyB,EAAE,OAAO,EAClC,8BAA8B,EAAE,OAAO,EACvC,+BAA+B,EAAE,OAAO,EACxC,yBAAyB,EAAE,OAAO,EAClC,8BAA8B,EAAE,OAAO,EAGvC,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,KAAK,EAC1D,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EACrE,uBAAuB,EAAE,aAAa,EAAE,UAAU,EAGlD,yBAAyB,EAAE,GAAG,EAC9B,oBAAoB,EAAE,GAAG,EACzB,kBAAkB,EAAE,GAAG,EAGvB,mBAAmB,EAAE,KAAK,EAC1B,oBAAoB,EAAE,MAAM,EAC5B,eAAe,EAAE,MAAM;","names":[]}

package/lib/styles.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/lib/styles.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/lib/text/enum/index.d.mts

@@ -0,0 +1,15 @@
+import { ValuesOf } from '../../types/index.mjs';
+
+declare const TYPE: {
+    readonly default: "default";
+    readonly article: "article";
+};
+type Type = ValuesOf<typeof TYPE>;
+declare const WEIGHT: {
+    readonly extraLight: "extra-light";
+    readonly normal: "normal";
+    readonly bold: "bold";
+};
+type Weight = ValuesOf<typeof WEIGHT>;
+
+export { TYPE, type Type, WEIGHT, type Weight };

package/lib/text/enum/index.d.ts

@@ -0,0 +1,15 @@
+import { ValuesOf } from '../../types/index.js';
+
+declare const TYPE: {
+    readonly default: "default";
+    readonly article: "article";
+};
+type Type = ValuesOf<typeof TYPE>;
+declare const WEIGHT: {
+    readonly extraLight: "extra-light";
+    readonly normal: "normal";
+    readonly bold: "bold";
+};
+type Weight = ValuesOf<typeof WEIGHT>;
+
+export { TYPE, type Type, WEIGHT, type Weight };

package/lib/text/enum/index.js

@@ -1,29 +1,6 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
 // src/text/enum/index.ts
-var enum_exports = {};
-__export(enum_exports, {
-  TYPE: () => TYPE,
-  WEIGHT: () => WEIGHT
-});
-module.exports = __toCommonJS(enum_exports);
 var TYPE = {
   default: "default",
   article: "article"
@@ -33,8 +10,8 @@ var WEIGHT = {
   normal: "normal",
   bold: "bold"
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TYPE,
-  WEIGHT
-});
+
+exports.TYPE = TYPE;
+exports.WEIGHT = WEIGHT;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/text/enum/index.js.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":"index.js","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/text/enum/index.mjs

@@ -0,0 +1,3 @@
+export { TYPE, WEIGHT } from '../../chunk-UM7RNC2Y.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/lib/text/enum/index.mjs.map

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

package/lib/text/heading.d.mts

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

package/lib/text/heading.d.ts

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

package/lib/text/heading.js

@@ -1,45 +1,14 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+var clsx = require('clsx');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/text/heading.tsx
-var heading_exports = {};
-__export(heading_exports, {
-  H1: () => H1,
-  H2: () => H2,
-  H3: () => H3,
-  H4: () => H4,
-  H5: () => H5,
-  H6: () => H6
-});
-module.exports = __toCommonJS(heading_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
 
 // src/text/enum/index.ts
 var TYPE = {
@@ -66,10 +35,10 @@ var HeadingVariant = (variant) => {
   }) => {
     const htmlTag = variant.toLowerCase();
     const fontFamily = type === TYPE.article ? "font-title" : "font-default";
-    return import_react.default.createElement(
+    return React__default.default.createElement(
       htmlTag,
       {
-        className: (0, import_clsx.default)(
+        className: clsx__default.default(
           fontFamily,
           baseClass,
           variantClass[variant],
@@ -90,12 +59,12 @@ var H3 = HeadingVariant("H3");
 var H4 = HeadingVariant("H4");
 var H5 = HeadingVariant("H5");
 var H6 = HeadingVariant("H6");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6
-});
+
+exports.H1 = H1;
+exports.H2 = H2;
+exports.H3 = H3;
+exports.H4 = H4;
+exports.H5 = H5;
+exports.H6 = H6;
+//# sourceMappingURL=heading.js.map
+//# sourceMappingURL=heading.js.map

package/lib/text/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/text/enum/index.ts","../../src/text/heading.tsx"],"names":["React","clsx"],"mappings":";;;;;;;;;;;;;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;;;ACKA,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,OAAOA,sBAAA,CAAM,aAAA;AAAA,MACX,OAAA;AAAA,MACA;AAAA,QACE,SAAA,EAAWC,qBAAA;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":"heading.js","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","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/text/heading.mjs

@@ -0,0 +1,4 @@
+export { H1, H2, H3, H4, H5, H6 } from '../chunk-JHLT5GDV.mjs';
+import '../chunk-UM7RNC2Y.mjs';
+//# sourceMappingURL=heading.mjs.map
+//# sourceMappingURL=heading.mjs.map

package/lib/text/heading.mjs.map

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

package/lib/text/paragraph.d.mts

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

package/lib/text/paragraph.d.ts

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

package/lib/text/paragraph.js

@@ -1,42 +1,13 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+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/text/paragraph.tsx
-var paragraph_exports = {};
-__export(paragraph_exports, {
-  P1: () => P1,
-  P2: () => P2,
-  P3: () => P3,
-  P4: () => P4
-});
-module.exports = __toCommonJS(paragraph_exports);
-var import_clsx = __toESM(require("clsx"));
 
 // src/text/enum/index.ts
 var WEIGHT = {
@@ -44,9 +15,6 @@ var WEIGHT = {
   normal: "normal",
   bold: "bold"
 };
-
-// src/text/paragraph.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 var baseClass = "font-default leading-[150%] flex items-center m-0";
 var variantClass = {
   P1: "text-[16px]",
@@ -60,10 +28,10 @@ var ParagraphVariant = (variant) => {
     weight = WEIGHT.normal,
     className = "",
     ...props
-  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: (0, import_clsx.default)(
+      className: clsx__default.default(
         baseClass,
         variantClass[variant],
         `font-${weight}`,
@@ -81,10 +49,10 @@ var P1 = ParagraphVariant("P1");
 var P2 = ParagraphVariant("P2");
 var P3 = ParagraphVariant("P3");
 var P4 = ParagraphVariant("P4");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  P1,
-  P2,
-  P3,
-  P4
-});
+
+exports.P1 = P1;
+exports.P2 = P2;
+exports.P3 = P3;
+exports.P4 = P4;
+//# sourceMappingURL=paragraph.js.map
+//# sourceMappingURL=paragraph.js.map

package/lib/text/paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/text/enum/index.ts","../../src/text/paragraph.tsx"],"names":["jsx","clsx"],"mappings":";;;;;;;;;;;;AASO,IAAM,MAAA,GAAS;AAAA,EACpB,UAAA,EAAY,aAAA;AAAA,EACZ,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAA;ACHA,IAAM,SAAA,GAAY,mDAAA;AAElB,IAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,gBAAA,GAAmB,CAAC,OAAA,KAAuC;AAC/D,EAAA,MAAM,YAAkE,CAAC;AAAA,IACvE,IAAA,GAAO,EAAA;AAAA,IACP,SAAS,MAAA,CAAO,MAAA;AAAA,IAChB,SAAA,GAAY,EAAA;AAAA,IACZ,GAAG;AAAA,GACL,qBACEA,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,qBAAA;AAAA,QACT,SAAA;AAAA,QACA,aAAa,OAAO,CAAA;AAAA,QACpB,QAAQ,MAAM,CAAA,CAAA;AAAA,QACd;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEF,EAAA,SAAA,CAAU,WAAA,GAAc,OAAA;AACxB,EAAA,SAAA,CAAU,MAAA,GAAS,MAAA;AACnB,EAAA,OAAO,SAAA;AACT,CAAA;AAEA,IAAM,EAAA,GAAK,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI","file":"paragraph.js","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","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"]}

package/lib/text/paragraph.mjs

@@ -0,0 +1,4 @@
+export { P1, P2, P3, P4 } from '../chunk-HQG6Q2EY.mjs';
+import '../chunk-UM7RNC2Y.mjs';
+//# sourceMappingURL=paragraph.mjs.map
+//# sourceMappingURL=paragraph.mjs.map

package/lib/text/paragraph.mjs.map

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

package/lib/title-bar/components/title2.d.mts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type Title2Props = {
+    title: string;
+    subtitle?: string;
+    renderButton?: React__default.ReactNode;
+    className?: string;
+};
+declare const Title2: React__default.FC<Title2Props>;
+
+export { Title2 as default };

package/lib/title-bar/components/title2.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type Title2Props = {
+    title: string;
+    subtitle?: string;
+    renderButton?: React__default.ReactNode;
+    className?: string;
+};
+declare const Title2: React__default.FC<Title2Props>;
+
+export { Title2 as default };

package/lib/title-bar/components/title2.js

@@ -1,43 +1,15 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/title-bar/components/title2.tsx
-var title2_exports = {};
-__export(title2_exports, {
-  default: () => title2_default
-});
-module.exports = __toCommonJS(title2_exports);
-var import_clsx3 = __toESM(require("clsx"));
+var clsx3 = require('clsx');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
-// src/text/heading.tsx
-var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx3__default = /*#__PURE__*/_interopDefault(clsx3);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/title-bar/components/title2.tsx
 
 // src/text/enum/index.ts
 var TYPE = {
@@ -69,10 +41,10 @@ var HeadingVariant = (variant) => {
   }) => {
     const htmlTag = variant.toLowerCase();
     const fontFamily = type === TYPE.article ? "font-title" : "font-default";
-    return import_react.default.createElement(
+    return React__default.default.createElement(
       htmlTag,
       {
-        className: (0, import_clsx.default)(
+        className: clsx3__default.default(
           fontFamily,
           baseClass,
           variantClass[variant],
@@ -87,16 +59,12 @@ var HeadingVariant = (variant) => {
   Component.Type = TYPE;
   return Component;
 };
-var H1 = HeadingVariant("H1");
-var H2 = HeadingVariant("H2");
-var H3 = HeadingVariant("H3");
-var H4 = HeadingVariant("H4");
+HeadingVariant("H1");
+HeadingVariant("H2");
+HeadingVariant("H3");
+HeadingVariant("H4");
 var H5 = HeadingVariant("H5");
-var H6 = HeadingVariant("H6");
-
-// src/text/paragraph.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_jsx_runtime = require("react/jsx-runtime");
+HeadingVariant("H6");
 var baseClass2 = "font-default leading-[150%] flex items-center m-0";
 var variantClass2 = {
   P1: "text-[16px]",
@@ -110,10 +78,10 @@ var ParagraphVariant = (variant) => {
     weight = WEIGHT.normal,
     className = "",
     ...props
-  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: (0, import_clsx2.default)(
+      className: clsx3__default.default(
         baseClass2,
         variantClass2[variant],
         `font-${weight}`,
@@ -127,29 +95,26 @@ var ParagraphVariant = (variant) => {
   Component.Weight = WEIGHT;
   return Component;
 };
-var P1 = ParagraphVariant("P1");
+ParagraphVariant("P1");
 var P2 = ParagraphVariant("P2");
-var P3 = ParagraphVariant("P3");
-var P4 = ParagraphVariant("P4");
-
-// src/title-bar/components/title2.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+ParagraphVariant("P3");
+ParagraphVariant("P4");
 var Title2 = ({
   title,
   subtitle = "",
   renderButton = null,
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx3.default)("flex justify-between flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx3.default)("flex items-baseline gap-[16px]"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(H5, { className: "text-gray-800", text: title }),
-      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(P2, { className: "text-gray-600", text: subtitle }) : null
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx3__default.default("flex justify-between flex-col", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx3__default.default("flex items-baseline gap-[16px]"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(H5, { className: "text-gray-800", text: title }),
+      subtitle ? /* @__PURE__ */ jsxRuntime.jsx(P2, { className: "text-gray-600", text: subtitle }) : null
     ] }),
     renderButton || null,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: (0, import_clsx3.default)(
+        className: clsx3__default.default(
           "w-full h-[1px] bg-gray-800 mt-[8px]",
           "desktop:mt-[16px]"
         )
@@ -158,3 +123,7 @@ var Title2 = ({
   ] });
 };
 var title2_default = Title2;
+
+module.exports = title2_default;
+//# sourceMappingURL=title2.js.map
+//# sourceMappingURL=title2.js.map

package/lib/title-bar/components/title2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/text/enum/index.ts","../../../src/text/heading.tsx","../../../src/text/paragraph.tsx","../../../src/title-bar/components/title2.tsx"],"names":["React","clsx","baseClass","variantClass","jsx","jsxs"],"mappings":"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","file":"title2.js","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","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 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 clsx from 'clsx'\nimport type React from 'react'\n// components\nimport { H5 } from '../../text/heading'\nimport { P2 } from '../../text/paragraph'\n\ntype Title2Props = {\n  title: string\n  subtitle?: string\n  renderButton?: React.ReactNode\n  className?: string\n}\n\nconst Title2: React.FC<Title2Props> = ({\n  title,\n  subtitle = '',\n  renderButton = null,\n  className = '',\n}) => {\n  return (\n    <div className={clsx('flex justify-between flex-col', className)}>\n      <div className={clsx('flex items-baseline gap-[16px]')}>\n        <H5 className=\"text-gray-800\" text={title} />\n        {subtitle ? <P2 className=\"text-gray-600\" text={subtitle} /> : null}\n      </div>\n      {renderButton || null}\n      <div\n        className={clsx(\n          'w-full h-[1px] bg-gray-800 mt-[8px]',\n          'desktop:mt-[16px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default Title2\n"]}

package/lib/title-bar/components/title2.mjs

@@ -0,0 +1,6 @@
+export { title2_default as default } from '../../chunk-3B7LTZRJ.mjs';
+import '../../chunk-JHLT5GDV.mjs';
+import '../../chunk-HQG6Q2EY.mjs';
+import '../../chunk-UM7RNC2Y.mjs';
+//# sourceMappingURL=title2.mjs.map
+//# sourceMappingURL=title2.mjs.map

package/lib/title-bar/components/title2.mjs.map

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

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

@@ -0,0 +1,13 @@
+import * as React$1 from 'react';
+export { default as Title2 } from './components/title2.mjs';
+
+declare const _default: {
+    Title2: React$1.FC<{
+        title: string;
+        subtitle?: string;
+        renderButton?: React.ReactNode;
+        className?: string;
+    }>;
+};
+
+export { _default as default };

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

@@ -0,0 +1,13 @@
+import * as React$1 from 'react';
+export { default as Title2 } from './components/title2.js';
+
+declare const _default: {
+    Title2: React$1.FC<{
+        title: string;
+        subtitle?: string;
+        renderButton?: React.ReactNode;
+        className?: string;
+    }>;
+};
+
+export { _default as default };

package/lib/title-bar/index.js

@@ -1,46 +1,17 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/title-bar/index.ts
-var title_bar_exports = {};
-__export(title_bar_exports, {
-  Title2: () => title2_default,
-  default: () => title_bar_default
-});
-module.exports = __toCommonJS(title_bar_exports);
+Object.defineProperty(exports, '__esModule', { value: true });
 
-// src/title-bar/components/title2.tsx
-var import_clsx3 = __toESM(require("clsx"));
+var clsx3 = require('clsx');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
-// src/text/heading.tsx
-var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx3__default = /*#__PURE__*/_interopDefault(clsx3);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/title-bar/components/title2.tsx
 
 // src/text/enum/index.ts
 var TYPE = {
@@ -72,10 +43,10 @@ var HeadingVariant = (variant) => {
   }) => {
     const htmlTag = variant.toLowerCase();
     const fontFamily = type === TYPE.article ? "font-title" : "font-default";
-    return import_react.default.createElement(
+    return React__default.default.createElement(
       htmlTag,
       {
-        className: (0, import_clsx.default)(
+        className: clsx3__default.default(
           fontFamily,
           baseClass,
           variantClass[variant],
@@ -90,16 +61,12 @@ var HeadingVariant = (variant) => {
   Component.Type = TYPE;
   return Component;
 };
-var H1 = HeadingVariant("H1");
-var H2 = HeadingVariant("H2");
-var H3 = HeadingVariant("H3");
-var H4 = HeadingVariant("H4");
+HeadingVariant("H1");
+HeadingVariant("H2");
+HeadingVariant("H3");
+HeadingVariant("H4");
 var H5 = HeadingVariant("H5");
-var H6 = HeadingVariant("H6");
-
-// src/text/paragraph.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_jsx_runtime = require("react/jsx-runtime");
+HeadingVariant("H6");
 var baseClass2 = "font-default leading-[150%] flex items-center m-0";
 var variantClass2 = {
   P1: "text-[16px]",
@@ -113,10 +80,10 @@ var ParagraphVariant = (variant) => {
     weight = WEIGHT.normal,
     className = "",
     ...props
-  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: (0, import_clsx2.default)(
+      className: clsx3__default.default(
         baseClass2,
         variantClass2[variant],
         `font-${weight}`,
@@ -130,29 +97,26 @@ var ParagraphVariant = (variant) => {
   Component.Weight = WEIGHT;
   return Component;
 };
-var P1 = ParagraphVariant("P1");
+ParagraphVariant("P1");
 var P2 = ParagraphVariant("P2");
-var P3 = ParagraphVariant("P3");
-var P4 = ParagraphVariant("P4");
-
-// src/title-bar/components/title2.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+ParagraphVariant("P3");
+ParagraphVariant("P4");
 var Title2 = ({
   title,
   subtitle = "",
   renderButton = null,
   className = ""
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx3.default)("flex justify-between flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx3.default)("flex items-baseline gap-[16px]"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(H5, { className: "text-gray-800", text: title }),
-      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(P2, { className: "text-gray-600", text: subtitle }) : null
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx3__default.default("flex justify-between flex-col", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx3__default.default("flex items-baseline gap-[16px]"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(H5, { className: "text-gray-800", text: title }),
+      subtitle ? /* @__PURE__ */ jsxRuntime.jsx(P2, { className: "text-gray-600", text: subtitle }) : null
     ] }),
     renderButton || null,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: (0, import_clsx3.default)(
+        className: clsx3__default.default(
           "w-full h-[1px] bg-gray-800 mt-[8px]",
           "desktop:mt-[16px]"
         )
@@ -166,7 +130,8 @@ var title2_default = Title2;
 var title_bar_default = {
   Title2: title2_default
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Title2
-});
+
+exports.Title2 = title2_default;
+exports.default = title_bar_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/title-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/text/enum/index.ts","../../src/text/heading.tsx","../../src/text/paragraph.tsx","../../src/title-bar/components/title2.tsx","../../src/title-bar/index.ts"],"names":["React","clsx","baseClass","variantClass","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAIO,IAAM,MAAA,GAAS;AAAA,EACpB,UAAA,EAAY,aAAA;AAAA,EACZ,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAA;;;ACHA,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,OAAOA,sBAAA,CAAM,aAAA;AAAA,MACX,OAAA;AAAA,MACA;AAAA,QACE,SAAA,EAAWC,sBAAA;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;AAEW,eAAe,IAAI;AACnB,eAAe,IAAI;AACnB,eAAe,IAAI;AACnB,eAAe,IAAI;AAC9B,IAAM,EAAA,GAAK,eAAe,IAAI,CAAA;AACnB,eAAe,IAAI;AC5C9B,IAAMC,UAAAA,GAAY,mDAAA;AAElB,IAAMC,aAAAA,GAAe;AAAA,EACnB,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,gBAAA,GAAmB,CAAC,OAAA,KAAuC;AAC/D,EAAA,MAAM,YAAkE,CAAC;AAAA,IACvE,IAAA,GAAO,EAAA;AAAA,IACP,SAAS,MAAA,CAAO,MAAA;AAAA,IAChB,SAAA,GAAY,EAAA;AAAA,IACZ,GAAG;AAAA,GACL,qBACEC,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWH,sBAAAA;AAAA,QACTC,UAAAA;AAAA,QACAC,cAAa,OAAO,CAAA;AAAA,QACpB,QAAQ,MAAM,CAAA,CAAA;AAAA,QACd;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEF,EAAA,SAAA,CAAU,WAAA,GAAc,OAAA;AACxB,EAAA,SAAA,CAAU,MAAA,GAAS,MAAA;AACnB,EAAA,OAAO,SAAA;AACT,CAAA;AAEW,iBAAiB,IAAI;AAChC,IAAM,EAAA,GAAK,iBAAiB,IAAI,CAAA;AACrB,iBAAiB,IAAI;AACrB,iBAAiB,IAAI;ACjChC,IAAM,SAAgC,CAAC;AAAA,EACrC,KAAA;AAAA,EACA,QAAA,GAAW,EAAA;AAAA,EACX,YAAA,GAAe,IAAA;AAAA,EACf,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWF,sBAAAA,CAAK,+BAAA,EAAiC,SAAS,CAAA,EAC7D,QAAA,EAAA;AAAA,oBAAAI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWJ,sBAAAA,CAAK,gCAAgC,CAAA,EACnD,QAAA,EAAA;AAAA,sBAAAG,cAAAA,CAAC,EAAA,EAAA,EAAG,SAAA,EAAU,eAAA,EAAgB,MAAM,KAAA,EAAO,CAAA;AAAA,MAC1C,QAAA,mBAAWA,cAAAA,CAAC,EAAA,EAAA,EAAG,WAAU,eAAA,EAAgB,IAAA,EAAM,UAAU,CAAA,GAAK;AAAA,KAAA,EACjE,CAAA;AAAA,IACC,YAAA,IAAgB,IAAA;AAAA,oBACjBA,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWH,sBAAAA;AAAA,UACT,qCAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ;;;AChCf,IAAO,iBAAA,GAAQ;AAAA,EACb,MAAA,EAAA;AACF","file":"index.js","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","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 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 clsx from 'clsx'\nimport type React from 'react'\n// components\nimport { H5 } from '../../text/heading'\nimport { P2 } from '../../text/paragraph'\n\ntype Title2Props = {\n  title: string\n  subtitle?: string\n  renderButton?: React.ReactNode\n  className?: string\n}\n\nconst Title2: React.FC<Title2Props> = ({\n  title,\n  subtitle = '',\n  renderButton = null,\n  className = '',\n}) => {\n  return (\n    <div className={clsx('flex justify-between flex-col', className)}>\n      <div className={clsx('flex items-baseline gap-[16px]')}>\n        <H5 className=\"text-gray-800\" text={title} />\n        {subtitle ? <P2 className=\"text-gray-600\" text={subtitle} /> : null}\n      </div>\n      {renderButton || null}\n      <div\n        className={clsx(\n          'w-full h-[1px] bg-gray-800 mt-[8px]',\n          'desktop:mt-[16px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default Title2\n","import Title2 from './components/title2'\n\nexport { Title2 }\n\nexport default {\n  Title2,\n}\n"]}

package/lib/title-bar/index.mjs

@@ -0,0 +1,14 @@
+import { title2_default } from '../chunk-3B7LTZRJ.mjs';
+export { title2_default as Title2 } from '../chunk-3B7LTZRJ.mjs';
+import '../chunk-JHLT5GDV.mjs';
+import '../chunk-HQG6Q2EY.mjs';
+import '../chunk-UM7RNC2Y.mjs';
+
+// src/title-bar/index.ts
+var title_bar_default = {
+  Title2: title2_default
+};
+
+export { title_bar_default as default };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/lib/title-bar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/title-bar/index.ts"],"names":[],"mappings":";;;;;;;AAIA,IAAO,iBAAA,GAAQ;AAAA,EACb,MAAA,EAAA;AACF","file":"index.mjs","sourcesContent":["import Title2 from './components/title2'\n\nexport { Title2 }\n\nexport default {\n  Title2,\n}\n"]}

package/lib/types/index.d.mts

@@ -0,0 +1,3 @@
+type ValuesOf<T> = T[keyof T];
+
+export type { ValuesOf };

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+type ValuesOf<T> = T[keyof T];
+
+export type { ValuesOf };

package/lib/types/index.js

@@ -1,18 +1,4 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/types/index.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/types/index.js.map

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

package/lib/types/index.mjs

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

package/lib/types/index.mjs.map

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

package/package.json

@@ -3,11 +3,8 @@
   "description": "React components using TypeScript and Tailwind CSS",
   "author": "twreporter <developer@twreporter.org>",
   "license": "MIT",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.5",
   "type": "commonjs",
-  "main": "lib/index.js",
-  "module": "lib/index.mjs",
-  "types": "lib/index.d.ts",
   "scripts": {
     "clean": "rm -rf lib",
     "build:styles": "tailwindcss -i ./src/styles.css -o ./lib/styles.css",
@@ -26,7 +23,7 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.1.11",
     "@tailwindcss/postcss": "^4.1.11",
-    "@twreporter/tailwind-config": "^0.1.0-beta.3",
+    "@twreporter/tailwind-config": "^0.1.0-beta.4",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "autoprefixer": "^10.4.21",