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

package/lib/chunk-X2UWIBNH.mjs

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/chunk-ZALXWB2J.mjs

@@ -1,27 +0,0 @@
-import { H2 } from './chunk-JHLT5GDV.mjs';
-import { P1 } from './chunk-HQG6Q2EY.mjs';
-import clsx from 'clsx';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Title1 = ({ title, subtitle = "", 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(H2, { className: "text-gray-800", text: title }),
-      subtitle ? /* @__PURE__ */ jsx(P1, { className: "text-gray-600", text: subtitle }) : null
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          "w-full h-[1px] bg-gray-300 mt-[8px]",
-          "desktop:mt-[16px]"
-        )
-      }
-    )
-  ] });
-};
-var title1_default = Title1;
-
-export { title1_default };
-//# sourceMappingURL=chunk-ZALXWB2J.mjs.map
-//# sourceMappingURL=chunk-ZALXWB2J.mjs.map

package/lib/chunk-ZALXWB2J.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/title-bar/components/title1.tsx"],"names":[],"mappings":";;;;;AAYA,IAAM,MAAA,GAA0B,CAAC,EAAE,KAAA,EAAO,WAAW,EAAA,EAAI,SAAA,GAAY,IAAG,KAAM;AAC5E,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,oBACA,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-ZALXWB2J.mjs","sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// components\nimport { H2 } from '../../text/heading'\nimport { P1 } from '../../text/paragraph'\n\ntype Title1Props = {\n  title: string\n  subtitle?: string\n  className?: string\n}\n\nconst Title1: FC<Title1Props> = ({ title, subtitle = '', className = '' }) => {\n  return (\n    <div className={clsx('flex justify-between flex-col', className)}>\n      <div className={clsx('flex items-baseline gap-[16px]')}>\n        <H2 className=\"text-gray-800\" text={title} />\n        {subtitle ? <P1 className=\"text-gray-600\" text={subtitle} /> : null}\n      </div>\n      <div\n        className={clsx(\n          'w-full h-[1px] bg-gray-300 mt-[8px]',\n          'desktop:mt-[16px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default Title1\n"]}

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

@@ -1 +0,0 @@
-{"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.map

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

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

@@ -1 +0,0 @@
-{"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.map

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

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

@@ -1 +0,0 @@
-{"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.map

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

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

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

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

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

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

@@ -1,19 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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.js

@@ -1,31 +0,0 @@
-'use strict';
-
-// 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" }
-  };
-}
-
-exports.getRadioArgFromEnum = getRadioArgFromEnum;
-exports.getRadioArgFromObject = getRadioArgFromObject;
-//# sourceMappingURL=get-enum-arg.js.map
-//# sourceMappingURL=get-enum-arg.js.map

package/lib/storybook/utils/get-enum-arg.js.map

@@ -1 +0,0 @@
-{"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":"get-enum-arg.js","sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n"]}

package/lib/storybook/utils/get-enum-arg.mjs

@@ -1,3 +0,0 @@
-export { getRadioArgFromEnum, getRadioArgFromObject } from '../../chunk-QOLETTSG.mjs';
-//# sourceMappingURL=get-enum-arg.mjs.map
-//# sourceMappingURL=get-enum-arg.mjs.map

package/lib/storybook/utils/get-enum-arg.mjs.map

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

package/lib/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\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-800: #404040;\n    --spacing: 0.25rem;\n    --font-weight-bold: 700;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-brand-heavy: #c40d23;\n    --color-brand-dark: #9b051e;\n    --color-supportive-faded: #f0d5be;\n    --color-supportive-pastel: #e3be98;\n    --color-gray-white: #ffffff;\n    --color-gray-black: #000000;\n    --font-title: \"merriweather\", \"source-han-serif-tc\", serif;\n    --font-default: \"Roboto Slab\", \"Noto Sans TC\", sans-serif, \"Tauhu Oo\";\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    -moz-tab-size: 4;\n      -o-tab-size: 4;\n         tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::-moz-placeholder {\n    opacity: 1;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::-moz-placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    -webkit-appearance: button;\n       -moz-appearance: button;\n            appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .m-0 {\n    margin: calc(var(--spacing) * 0);\n  }\n  .mt-\\[0px\\] {\n    margin-top: 0px;\n  }\n  .mt-\\[8px\\] {\n    margin-top: 8px;\n  }\n  .mr-\\[4px\\] {\n    margin-right: 4px;\n  }\n  .mr-\\[24px\\] {\n    margin-right: 24px;\n  }\n  .ml-\\[4px\\] {\n    margin-left: 4px;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .size-\\[24px\\] {\n    width: 24px;\n    height: 24px;\n  }\n  .h-\\[1px\\] {\n    height: 1px;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .gap-\\[16px\\] {\n    gap: 16px;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .rounded-\\[50\\%\\] {\n    border-radius: 50%;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-gray-400 {\n    border-color: var(--color-gray-400);\n  }\n  .border-t-gray-600 {\n    border-top-color: var(--color-gray-600);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n  .\\[mask-image\\:linear-gradient\\(to_left\\,rgba\\(241\\,241\\,241\\,0\\)\\,\\#f1f1f1_48px\\)\\] {\n    -webkit-mask-image: linear-gradient(to left,rgba(241,241,241,0),#f1f1f1 48px);\n            mask-image: linear-gradient(to left,rgba(241,241,241,0),#f1f1f1 48px);\n  }\n  .py-\\[16px\\] {\n    padding-block: 16px;\n  }\n  .font-default {\n    font-family: var(--font-default);\n  }\n  .font-title {\n    font-family: var(--font-title);\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n  .text-\\[16px\\] {\n    font-size: 16px;\n  }\n  .text-\\[17px\\] {\n    font-size: 17px;\n  }\n  .text-\\[18px\\] {\n    font-size: 18px;\n  }\n  .text-\\[22px\\] {\n    font-size: 22px;\n  }\n  .text-\\[24px\\] {\n    font-size: 24px;\n  }\n  .text-\\[28px\\] {\n    font-size: 28px;\n  }\n  .leading-\\[125\\%\\] {\n    --tw-leading: 125%;\n    line-height: 125%;\n  }\n  .leading-\\[150\\%\\] {\n    --tw-leading: 150%;\n    line-height: 150%;\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-brand-dark {\n    color: var(--color-brand-dark);\n  }\n  .text-brand-heavy {\n    color: var(--color-brand-heavy);\n  }\n  .text-gray-200 {\n    color: var(--color-gray-200);\n  }\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n  .text-gray-800 {\n    color: var(--color-gray-800);\n  }\n  .text-gray-black {\n    color: var(--color-gray-black);\n  }\n  .text-gray-white {\n    color: var(--color-gray-white);\n  }\n  .text-supportive-faded {\n    color: var(--color-supportive-faded);\n  }\n  .text-supportive-pastel {\n    color: var(--color-supportive-pastel);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .\\[-webkit-mask-image\\:linear-gradient\\(to_left\\,rgba\\(241\\,241\\,241\\,0\\)\\,\\#f1f1f1_48px\\)\\] {\n    -webkit-mask-image: linear-gradient(to left,rgba(241,241,241,0),#f1f1f1 48px);\n  }\n  .last\\:mr-0 {\n    &:last-child {\n      margin-right: calc(var(--spacing) * 0);\n    }\n  }\n  .hover\\:text-brand-dark {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-brand-dark);\n      }\n    }\n  }\n  .hover\\:text-brand-heavy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-brand-heavy);\n      }\n    }\n  }\n  .hover\\:text-gray-200 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-200);\n      }\n    }\n  }\n  .hover\\:text-gray-400 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-400);\n      }\n    }\n  }\n  .hover\\:text-gray-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-500);\n      }\n    }\n  }\n  .hover\\:text-gray-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-800);\n      }\n    }\n  }\n  .hover\\:text-gray-black {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-black);\n      }\n    }\n  }\n  .hover\\:text-supportive-pastel {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-supportive-pastel);\n      }\n    }\n  }\n  .tablet\\:text-\\[16px\\] {\n    @media (width >= 768px) {\n      font-size: 16px;\n    }\n  }\n  .tablet\\:text-\\[18px\\] {\n    @media (width >= 768px) {\n      font-size: 18px;\n    }\n  }\n  .tablet\\:text-\\[22px\\] {\n    @media (width >= 768px) {\n      font-size: 22px;\n    }\n  }\n  .tablet\\:text-\\[28px\\] {\n    @media (width >= 768px) {\n      font-size: 28px;\n    }\n  }\n  .tablet\\:text-\\[32px\\] {\n    @media (width >= 768px) {\n      font-size: 32px;\n    }\n  }\n  .tablet\\:text-\\[36px\\] {\n    @media (width >= 768px) {\n      font-size: 36px;\n    }\n  }\n  .desktop\\:mt-\\[0px\\] {\n    @media (width >= 1024px) {\n      margin-top: 0px;\n    }\n  }\n  .desktop\\:mt-\\[16px\\] {\n    @media (width >= 1024px) {\n      margin-top: 16px;\n    }\n  }\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/lib/styles.d.mts

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

package/lib/styles.d.ts

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

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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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,17 +0,0 @@
-'use strict';
-
-// src/text/enum/index.ts
-var TYPE = {
-  default: "default",
-  article: "article"
-};
-var WEIGHT = {
-  extraLight: "extra-light",
-  normal: "normal",
-  bold: "bold"
-};
-
-exports.TYPE = TYPE;
-exports.WEIGHT = WEIGHT;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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

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

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

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

package/lib/text/heading.js.map

@@ -1 +0,0 @@
-{"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.map

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

package/lib/text/paragraph.js.map

@@ -1 +0,0 @@
-{"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.map

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

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

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

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

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

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

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

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

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

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

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

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

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