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

package/lib/button/stories/text-button.stories.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/button/stories/text-button.stories.ts"],"names":[],"mappings":";;;;;;;;AASA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,mBAAA;AAAA,EACP,SAAA,EAAW,mBAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,MAAM,mBAAA,CAAoB,mBAAA,CAAW,IAAA,EAAM,mBAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IAC5D,OAAO,qBAAA,CAAsB,mBAAA,CAAW,KAAA,EAAO,mBAAA,CAAW,MAAM,MAAM,CAAA;AAAA,IACtE,OAAO,mBAAA,CAAoB,mBAAA,CAAW,KAAA,EAAO,mBAAA,CAAW,MAAM,IAAI;AAAA;AAEtE,CAAA;AAEA,IAAO,2BAAA,GAAQ;AAGR,IAAM,KAAA,GAAe;AAAA,EAC1B,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,cAAA;AAAA,IACN,IAAA,EAAM,oBAAW,IAAA,CAAK,CAAA;AAAA,IACtB,KAAA,EAAO,oBAAW,KAAA,CAAM,MAAA;AAAA,IACxB,KAAA,EAAO,oBAAW,KAAA,CAAM,IAAA;AAAA,IACxB,MAAA,EAAQ,KAAA;AAAA,IACR,QAAA,EAAU,KAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA,EACA,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD","file":"text-button.stories.mjs","sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport {\n  getRadioArgFromObject,\n  getRadioArgFromEnum,\n} from '../../storybook/utils/get-enum-arg'\n// components\nimport TextButton from '../components/text-button'\n\nconst meta = {\n  title: 'Button/TextButton',\n  component: TextButton,\n  argTypes: {\n    size: getRadioArgFromEnum(TextButton.Size, TextButton.Size.S),\n    theme: getRadioArgFromObject(TextButton.THEME, TextButton.THEME.normal),\n    style: getRadioArgFromEnum(TextButton.Style, TextButton.Style.DARK),\n  },\n} satisfies Meta<typeof TextButton>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Basic: Story = {\n  args: {\n    text: '文字',\n    size: TextButton.Size.S,\n    theme: TextButton.THEME.normal,\n    style: TextButton.Style.DARK,\n    active: false,\n    disabled: false,\n    loading: false,\n  },\n  parameters: { controls: { exclude: ['className'] } },\n}\n"]}
+{"version":3,"sources":["../../../src/button/stories/text-button.stories.ts"],"names":[],"mappings":";;;;;;;;;AASA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,mBAAA;AAAA,EACP,SAAA,EAAW,mBAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,MAAM,mBAAA,CAAoB,mBAAA,CAAW,IAAA,EAAM,mBAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IAC5D,OAAO,qBAAA,CAAsB,mBAAA,CAAW,KAAA,EAAO,mBAAA,CAAW,MAAM,MAAM,CAAA;AAAA,IACtE,OAAO,mBAAA,CAAoB,mBAAA,CAAW,KAAA,EAAO,mBAAA,CAAW,MAAM,IAAI;AAAA;AAEtE,CAAA;AAEA,IAAO,2BAAA,GAAQ;AAGR,IAAM,KAAA,GAAe;AAAA,EAC1B,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,cAAA;AAAA,IACN,IAAA,EAAM,oBAAW,IAAA,CAAK,CAAA;AAAA,IACtB,KAAA,EAAO,oBAAW,KAAA,CAAM,MAAA;AAAA,IACxB,KAAA,EAAO,oBAAW,KAAA,CAAM,IAAA;AAAA,IACxB,MAAA,EAAQ,KAAA;AAAA,IACR,QAAA,EAAU,KAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA,EACA,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD","file":"text-button.stories.mjs","sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport {\n  getRadioArgFromObject,\n  getRadioArgFromEnum,\n} from '../../storybook/utils/get-enum-arg'\n// components\nimport TextButton from '../components/text-button'\n\nconst meta = {\n  title: 'Button/TextButton',\n  component: TextButton,\n  argTypes: {\n    size: getRadioArgFromEnum(TextButton.Size, TextButton.Size.S),\n    theme: getRadioArgFromObject(TextButton.THEME, TextButton.THEME.normal),\n    style: getRadioArgFromEnum(TextButton.Style, TextButton.Style.DARK),\n  },\n} satisfies Meta<typeof TextButton>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Basic: Story = {\n  args: {\n    text: '文字',\n    size: TextButton.Size.S,\n    theme: TextButton.THEME.normal,\n    style: TextButton.Style.DARK,\n    active: false,\n    disabled: false,\n    loading: false,\n  },\n  parameters: { controls: { exclude: ['className'] } },\n}\n"]}

package/lib/{chunk-R4F4LGAY.mjs → chunk-7NJDHQ2X.mjs}

@@ -1,5 +1,5 @@
-import { tab_item_default } from './chunk-GRCEZABQ.mjs';
 import { useScrollStatus } from './chunk-GQWO45DN.mjs';
+import { tab_item_default } from './chunk-FF422IYY.mjs';
 import { H1 } from './chunk-JHLT5GDV.mjs';
 import clsx from 'clsx';
 import { useState, useEffect, createElement } from 'react';
@@ -52,5 +52,5 @@ var TitleTab = ({
 var title_tab_default = TitleTab;
 
 export { title_tab_default };
-//# sourceMappingURL=chunk-R4F4LGAY.mjs.map
-//# sourceMappingURL=chunk-R4F4LGAY.mjs.map
+//# sourceMappingURL=chunk-7NJDHQ2X.mjs.map
+//# sourceMappingURL=chunk-7NJDHQ2X.mjs.map

package/lib/{chunk-R4F4LGAY.mjs.map → chunk-7NJDHQ2X.mjs.map}

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

package/lib/chunk-ELECTE3D.mjs

@@ -0,0 +1,8 @@
+import { text_button_default } from './chunk-U22UKMAJ.mjs';
+
+// src/button/index.ts
+var button_default = { TextButton: text_button_default };
+
+export { button_default };
+//# sourceMappingURL=chunk-ELECTE3D.mjs.map
+//# sourceMappingURL=chunk-ELECTE3D.mjs.map

package/lib/{chunk-7DK5MO62.mjs.map → chunk-ELECTE3D.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/button/index.ts"],"names":[],"mappings":";;;AAIA,IAAO,cAAA,GAAQ,EAAE,UAAA,EAAA,mBAAA","file":"chunk-7DK5MO62.mjs","sourcesContent":["import TextButton from './components/text-button'\n\nexport { TextButton }\n\nexport default { TextButton }\n"]}
+{"version":3,"sources":["../src/button/index.ts"],"names":[],"mappings":";;;AAIA,IAAO,cAAA,GAAQ,EAAE,UAAA,EAAA,mBAAA","file":"chunk-ELECTE3D.mjs","sourcesContent":["import TextButton from './components/text-button'\n\nexport { TextButton }\n\nexport default { TextButton }\n"]}

package/lib/{chunk-GRCEZABQ.mjs → chunk-FF422IYY.mjs}

@@ -1,4 +1,4 @@
-import { text_button_default } from './chunk-QE5LVT7A.mjs';
+import { text_button_default } from './chunk-U22UKMAJ.mjs';
 import { external_link_default } from './chunk-X2UWIBNH.mjs';
 import { internal_link_default } from './chunk-XO7SDD7W.mjs';
 import clsx from 'clsx';
@@ -34,5 +34,5 @@ var TabItem = ({
 var tab_item_default = TabItem;
 
 export { tab_item_default };
-//# sourceMappingURL=chunk-GRCEZABQ.mjs.map
-//# sourceMappingURL=chunk-GRCEZABQ.mjs.map
+//# sourceMappingURL=chunk-FF422IYY.mjs.map
+//# sourceMappingURL=chunk-FF422IYY.mjs.map

package/lib/{chunk-GRCEZABQ.mjs.map → chunk-FF422IYY.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/title-bar/components/title-tab/tab-item.tsx"],"names":[],"mappings":";;;;;;AAYA,IAAM,UAA4B,CAAC;AAAA,EACjC,IAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,cAAA,GAAiB,aAAa,qBAAA,GAAe,qBAAA;AACnD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,mCAAA,EAAqC,SAAS,CAAA;AAAA,MAC9D,OAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAI,IAAA,EAClB,QAAA,kBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,MAAA,EAAQ,QAAA;AAAA,UACR,IAAA,EAAM,oBAAW,IAAA,CAAK,CAAA;AAAA,UACtB,SAAA,EAAU;AAAA;AAAA,OACZ,EACF;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"chunk-GRCEZABQ.mjs","sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// type\nimport type { Tab } from './type'\n// component\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport { TextButton } from '../../../button'\n\ntype TabItemProps = Tab & {\n  onClick: () => void\n  className?: string\n}\nconst TabItem: FC<TabItemProps> = ({\n  text,\n  link,\n  isExternal = false,\n  isActive = false,\n  onClick,\n  className = '',\n}) => {\n  const CustomizedLink = isExternal ? ExternalLink : InternalLink\n  return (\n    <button\n      className={clsx('flex shrink-0 mr-[24px] last:mr-0', className)}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <CustomizedLink to={link}>\n        <TextButton\n          text={text}\n          active={isActive}\n          size={TextButton.Size.L}\n          className=\"py-[16px]\"\n        />\n      </CustomizedLink>\n    </button>\n  )\n}\n\nexport default TabItem\n"]}
+{"version":3,"sources":["../src/title-bar/components/title-tab/tab-item.tsx"],"names":[],"mappings":";;;;;;AAYA,IAAM,UAA4B,CAAC;AAAA,EACjC,IAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,cAAA,GAAiB,aAAa,qBAAA,GAAe,qBAAA;AACnD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,mCAAA,EAAqC,SAAS,CAAA;AAAA,MAC9D,OAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAI,IAAA,EAClB,QAAA,kBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,MAAA,EAAQ,QAAA;AAAA,UACR,IAAA,EAAM,oBAAW,IAAA,CAAK,CAAA;AAAA,UACtB,SAAA,EAAU;AAAA;AAAA,OACZ,EACF;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"chunk-FF422IYY.mjs","sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// type\nimport type { Tab } from './type'\n// component\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport { TextButton } from '../../../button'\n\ntype TabItemProps = Tab & {\n  onClick: () => void\n  className?: string\n}\nconst TabItem: FC<TabItemProps> = ({\n  text,\n  link,\n  isExternal = false,\n  isActive = false,\n  onClick,\n  className = '',\n}) => {\n  const CustomizedLink = isExternal ? ExternalLink : InternalLink\n  return (\n    <button\n      className={clsx('flex shrink-0 mr-[24px] last:mr-0', className)}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <CustomizedLink to={link}>\n        <TextButton\n          text={text}\n          active={isActive}\n          size={TextButton.Size.L}\n          className=\"py-[16px]\"\n        />\n      </CustomizedLink>\n    </button>\n  )\n}\n\nexport default TabItem\n"]}

package/lib/chunk-FVKIUNIP.mjs

@@ -0,0 +1,58 @@
+import { THEME } from './chunk-JB4TYHDE.mjs';
+
+// src/button/components/text-button/theme.ts
+var getDisabledContainerTheme = (theme) => {
+  return [
+    // default theme
+    "text-gray-400 hover:text-gray-400",
+    // photography & transparent theme
+    {
+      "text-gray-500 hover:text-gray-500": theme === THEME.photography || theme === THEME.transparent
+    }
+  ];
+};
+var getActiveContainerTheme = (theme, style) => {
+  return [
+    // default theme
+    {
+      "text-gray-800 hover:text-gray-800": style === 2 /* LIGHT */,
+      "text-brand-heavy hover:text-brand-heavy": style === 1 /* DARK */,
+      "text-brand-dark hover:text-brand-dark": style === 0 /* BRAND */
+    },
+    // photography theme
+    {
+      "text-gray-400 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */,
+      "text-supportive-pastel hover:text-supportive-pastel": theme === THEME.photography && style !== 2 /* LIGHT */
+    },
+    // transparent theme
+    {
+      "text-gray-black hover:text-gray-black": theme === THEME.transparent && style === 2 /* LIGHT */,
+      "text-gray-200 hover:text-gray-200": theme === THEME.transparent && style !== 2 /* LIGHT */
+    }
+  ];
+};
+var getContainerTheme = (theme, style) => {
+  return [
+    // default theme
+    {
+      "text-gray-600 hover:text-gray-800": style === 2 /* LIGHT */,
+      "text-gray-800 hover:text-brand-heavy": style === 1 /* DARK */,
+      "text-brand-heavy hover:text-brand-dark": style === 0 /* BRAND */
+    },
+    // photography
+    {
+      "text-gray-300 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */,
+      "text-gray-white hover:text-supportive-pastel": theme === THEME.photography && style === 1 /* DARK */,
+      "text-supportive-faded hover:text-supportive-pastel": theme === THEME.photography && style === 0 /* BRAND */
+    },
+    // transparent theme
+    {
+      "text-gray-800 hover:text-gray-black": theme === THEME.transparent && style === 2 /* LIGHT */,
+      "text-gray-white hover:text-gray-200": theme === THEME.transparent && style !== 2 /* LIGHT */
+    }
+  ];
+};
+
+export { getActiveContainerTheme, getContainerTheme, getDisabledContainerTheme };
+//# sourceMappingURL=chunk-FVKIUNIP.mjs.map
+//# sourceMappingURL=chunk-FVKIUNIP.mjs.map

package/lib/chunk-FVKIUNIP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/components/text-button/theme.ts"],"names":[],"mappings":";;;AAUO,IAAM,yBAAA,GAAuC,CAAC,KAAA,KAAU;AAC7D,EAAA,OAAO;AAAA;AAAA,IAEL,mCAAA;AAAA;AAAA,IAEA;AAAA,MACE,mCAAA,EAAqC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,UAAU,KAAA,CAAM;AAAA;AACtF,GACF;AACF;AAEO,IAAM,uBAAA,GAAqC,CAAC,KAAA,EAAO,KAAA,KAAU;AAClE,EAAA,OAAO;AAAA;AAAA,IAEL;AAAA,MACE,mCAAA,EAAqC,KAAA,KAAA,CAAA;AAAA,MACrC,yCAAA,EAA2C,KAAA,KAAA,CAAA;AAAA,MAC3C,uCAAA,EAAyC,KAAA,KAAA,CAAA;AAAA,KAC3C;AAAA;AAAA,IAEA;AAAA,MACE,mCAAA,EAAqC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,MACpE,qDAAA,EAAuD,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,KACxF;AAAA;AAAA,IAEA;AAAA,MACE,uCAAA,EAAyC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,MACxE,mCAAA,EAAqC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA;AACtE,GACF;AACF;AAEO,IAAM,iBAAA,GAA+B,CAAC,KAAA,EAAO,KAAA,KAAU;AAC5D,EAAA,OAAO;AAAA;AAAA,IAEL;AAAA,MACE,mCAAA,EAAqC,KAAA,KAAA,CAAA;AAAA,MACrC,sCAAA,EAAwC,KAAA,KAAA,CAAA;AAAA,MACxC,wCAAA,EAA0C,KAAA,KAAA,CAAA;AAAA,KAC5C;AAAA;AAAA,IAEA;AAAA,MACE,mCAAA,EAAqC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,MACpE,8CAAA,EAAgD,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,MAC/E,oDAAA,EAAsD,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,KACvF;AAAA;AAAA,IAEA;AAAA,MACE,qCAAA,EAAuC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA,MACtE,qCAAA,EAAuC,KAAA,KAAU,KAAA,CAAM,WAAA,IAAe,KAAA,KAAA,CAAA;AAAA;AACxE,GACF;AACF","file":"chunk-FVKIUNIP.mjs","sourcesContent":["// constants\nimport { THEME } from '../../constant'\n// type\nimport type { Theme } from '../../constant'\nimport type { ClassArray } from 'clsx'\n// enum\nimport { Style } from '../../enum'\n\ntype ThemeFunc = (theme: Theme, style?: Style) => ClassArray\n\nexport const getDisabledContainerTheme: ThemeFunc = (theme) => {\n  return [\n    // default theme\n    'text-gray-400 hover:text-gray-400',\n    // photography & transparent theme\n    {\n      'text-gray-500 hover:text-gray-500': theme === THEME.photography || theme === THEME.transparent,\n    }\n  ]\n}\n\nexport const getActiveContainerTheme: ThemeFunc = (theme, style) => {\n  return [\n    // default theme\n    {\n      'text-gray-800 hover:text-gray-800': style === Style.LIGHT,\n      'text-brand-heavy hover:text-brand-heavy': style === Style.DARK,\n      'text-brand-dark hover:text-brand-dark': style === Style.BRAND,\n    },\n    // photography theme\n    {\n      'text-gray-400 hover:text-gray-400': theme === THEME.photography && style === Style.LIGHT,\n      'text-supportive-pastel hover:text-supportive-pastel': theme === THEME.photography && style !== Style.LIGHT,\n    },\n    // transparent theme\n    {\n      'text-gray-black hover:text-gray-black': theme === THEME.transparent && style === Style.LIGHT,\n      'text-gray-200 hover:text-gray-200': theme === THEME.transparent && style !== Style.LIGHT,\n    },\n  ]\n}\n\nexport const getContainerTheme: ThemeFunc = (theme, style) => {\n  return [\n    // default theme\n    {\n      'text-gray-600 hover:text-gray-800': style === Style.LIGHT,\n      'text-gray-800 hover:text-brand-heavy': style === Style.DARK,\n      'text-brand-heavy hover:text-brand-dark': style === Style.BRAND,\n    },\n    // photography\n    {\n      'text-gray-300 hover:text-gray-400': theme === THEME.photography && style === Style.LIGHT,\n      'text-gray-white hover:text-supportive-pastel': theme === THEME.photography && style === Style.DARK,\n      'text-supportive-faded hover:text-supportive-pastel': theme === THEME.photography && style === Style.BRAND,\n    },\n    // transparent theme\n    {\n      'text-gray-800 hover:text-gray-black': theme === THEME.transparent && style === Style.LIGHT,\n      'text-gray-white hover:text-gray-200': theme === THEME.transparent && style !== Style.LIGHT,\n    },\n  ]\n}"]}

package/lib/{chunk-QE5LVT7A.mjs → chunk-U22UKMAJ.mjs}

@@ -1,3 +1,4 @@
+import { getDisabledContainerTheme, getActiveContainerTheme, getContainerTheme } from './chunk-FVKIUNIP.mjs';
 import { P2, P1 } from './chunk-HQG6Q2EY.mjs';
 import { THEME } from './chunk-JB4TYHDE.mjs';
 import { Size, Style } from './chunk-URJXIWFX.mjs';
@@ -18,9 +19,13 @@ var TextButton = ({
   className = ""
 }) => {
   const TextJSX = useMemo(
-    () => size === 0 /* S */ ? /* @__PURE__ */ jsx(P2, { text }) : /* @__PURE__ */ jsx(P1, { text }),
+    () => size === 0 /* S */ ? /* @__PURE__ */ jsx(P2, { text, weight: P2.Weight.bold }) : /* @__PURE__ */ jsx(P1, { text, weight: P1.Weight.bold }),
     [size, text]
   );
+  const themeClass = useMemo(() => {
+    const themeFunc = disabled ? getDisabledContainerTheme : active ? getActiveContainerTheme : getContainerTheme;
+    return themeFunc(theme, style);
+  }, [disabled, active, theme, style]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -30,18 +35,7 @@ var TextButton = ({
           "cursor-default": disabled,
           "cursor-pointer": !disabled
         },
-        {
-          "text-gray-500 hover:text-gray-500": disabled && (theme === THEME.photography || theme === THEME.transparent),
-          "text-gray-400 hover:text-gray-400": disabled || theme === THEME.photography && style === 2 /* LIGHT */ && !active && !disabled,
-          "text-gray-200 hover:text-supportive-pastel": theme === THEME.photography && !active && !disabled,
-          "text-gray-300 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */ && active && !disabled,
-          "text-gray-white hover:text-supportive-pastel": theme === THEME.photography && style === 1 /* DARK */ && active && !disabled,
-          "text-supportive-faded hover:text-supportive-pastel": theme === THEME.photography && style === 0 /* BRAND */ && active && !disabled,
-          "text-gray-100 hover:text-gray-200": theme === THEME.transparent && !active && !disabled,
-          "text-gray-white hover:text-gray-white": theme === THEME.transparent && active && !disabled,
-          "text-gray-600 hover:text-brand-heavy": theme === THEME.normal && !active && !disabled,
-          "text-brand-heavy hover:text-brand-heavy": theme === THEME.normal && active && !disabled
-        },
+        themeClass,
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center items-center", children: [
@@ -86,5 +80,5 @@ TextButton.THEME = THEME;
 var text_button_default = TextButton;
 
 export { text_button_default };
-//# sourceMappingURL=chunk-QE5LVT7A.mjs.map
-//# sourceMappingURL=chunk-QE5LVT7A.mjs.map
+//# sourceMappingURL=chunk-U22UKMAJ.mjs.map
+//# sourceMappingURL=chunk-U22UKMAJ.mjs.map

package/lib/chunk-U22UKMAJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/components/text-button/index.tsx"],"names":[],"mappings":";;;;;;;;AAyBA,IAAM,aAIF,CAAC;AAAA,EACH,IAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,IAAA,GAAA,CAAA;AAAA,EACA,QAAQ,KAAA,CAAM,MAAA;AAAA,EACd,KAAA,GAAA,CAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MAAO,IAAA,KAAA,CAAA,2BAAkB,GAAA,CAAC,EAAA,EAAA,EAAG,IAAA,EAAY,QAAQ,EAAA,CAAG,MAAA,CAAO,IAAA,EAAM,CAAA,uBAAM,EAAA,EAAA,EAAG,IAAA,EAAY,MAAA,EAAQ,EAAA,CAAG,OAAO,IAAA,EAAM,CAAA;AAAA,IAC9G,CAAC,MAAM,IAAI;AAAA,GACb;AACA,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAC/B,IAAA,MAAM,SAAA,GAAY,QAAA,GAAW,yBAAA,GAA6B,MAAA,GAAS,uBAAA,GAA0B,iBAAA;AAC7F,IAAA,OAAO,SAAA,CAAU,OAAO,KAAK,CAAA;AAAA,EAC/B,GAAG,CAAC,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,KAAK,CAAC,CAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,mBAAA;AAAA,QACA;AAAA,UACE,gBAAA,EAAkB,QAAA;AAAA,UAClB,kBAAkB,CAAC;AAAA,SACrB;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,KAAK,kCAAA,EAAoC;AAAA,cAClD,WAAA,EAAa,OAAA;AAAA,cACb,eAAe,CAAC;AAAA,aACjB,CAAA;AAAA,YAED,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,iBAAA,EAAkB,CAAA;AAAA,cAC9D,OAAA;AAAA,8BACD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,kBAAA,EAAmB;AAAA;AAAA;AAAA,SAClE;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,IAAA;AAAA,cACT,iDAAA;AAAA,cACA,uEAAA;AAAA,cACA;AAAA,gBACE,aAAA,EAAe,IAAA,KAAA,CAAA;AAAA,gBACf,aAAA,EAAe,IAAA,KAAA,CAAA;AAAA,eACjB;AAAA,cACA;AAAA,gBACE,aAAa,CAAC,OAAA;AAAA,gBACd,aAAA,EAAe;AAAA;AACjB;AACF;AAAA;AACF,OAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAA;AACA,UAAA,CAAW,IAAA,GAAO,IAAA;AAClB,UAAA,CAAW,KAAA,GAAQ,KAAA;AACnB,UAAA,CAAW,KAAA,GAAQ,KAAA;AAEnB,IAAO,mBAAA,GAAQ","file":"chunk-U22UKMAJ.mjs","sourcesContent":["import { type FC, type ReactElement, useMemo } from 'react'\nimport clsx from 'clsx'\n// components\nimport { P1, P2 } from '../../../text/paragraph'\n// enums\nimport { Size, Style } from '../../enum'\n// type\nimport type { Theme } from '../../constant'\n// constants\nimport { THEME } from '../../constant'\n// utils\nimport { getContainerTheme, getActiveContainerTheme, getDisabledContainerTheme } from './theme'\n\ntype TextButtonProps = {\n  text: string\n  leftIconComponent?: ReactElement\n  rightIconComponent?: ReactElement\n  size?: Size\n  style?: Style\n  theme?: Theme\n  active?: boolean\n  disabled?: boolean\n  loading?: boolean\n  className?: string\n}\nconst TextButton: FC<TextButtonProps> & {\n  Size: typeof Size\n  Style: typeof Style\n  THEME: typeof THEME\n} = ({\n  text,\n  leftIconComponent,\n  rightIconComponent,\n  size = Size.S,\n  theme = THEME.normal,\n  style = Style.DARK,\n  active = false,\n  disabled = false,\n  loading = false,\n  className = '',\n}) => {\n  const TextJSX = useMemo(\n    () => (size === Size.S ? <P2 text={text} weight={P2.Weight.bold} /> : <P1 text={text} weight={P1.Weight.bold} />),\n    [size, text]\n  )\n  const themeClass = useMemo(() => {\n    const themeFunc = disabled ? getDisabledContainerTheme : (active ? getActiveContainerTheme : getContainerTheme)\n    return themeFunc(theme, style)\n  }, [disabled, active, theme, style])\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center',\n        {\n          'cursor-default': disabled,\n          'cursor-pointer': !disabled,\n        },\n        themeClass,\n        className\n      )}\n    >\n      <div className=\"relative flex justify-center items-center\">\n        <div\n          className={clsx('flex justify-center items-center', {\n            'opacity-0': loading,\n            'opacity-100': !loading,\n          })}\n        >\n          <div className=\"flex items-center mr-[4px]\">{leftIconComponent}</div>\n          {TextJSX}\n          <div className=\"flex items-center ml-[4px]\">{rightIconComponent}</div>\n        </div>\n        <span\n          className={clsx(\n            'inline-block absolute box-border animation-spin',\n            'border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]',\n            {\n              'size-[18px]': size === Size.S,\n              'size-[24px]': size === Size.L,\n            },\n            {\n              'opacity-0': !loading,\n              'opacity-100': loading,\n            }\n          )}\n        />\n      </div>\n    </div>\n  )\n}\nTextButton.Size = Size\nTextButton.Style = Style\nTextButton.THEME = THEME\n\nexport default TextButton\n"]}

package/lib/{chunk-CZVB2Y6O.mjs → chunk-ZALXWB2J.mjs}

@@ -13,7 +13,7 @@ var Title1 = ({ title, subtitle = "", className = "" }) => {
       "div",
       {
         className: clsx(
-          "w-full h-[1px] bg-gray-800 mt-[8px]",
+          "w-full h-[1px] bg-gray-300 mt-[8px]",
           "desktop:mt-[16px]"
         )
       }
@@ -23,5 +23,5 @@ var Title1 = ({ title, subtitle = "", className = "" }) => {
 var title1_default = Title1;
 
 export { title1_default };
-//# sourceMappingURL=chunk-CZVB2Y6O.mjs.map
-//# sourceMappingURL=chunk-CZVB2Y6O.mjs.map
+//# sourceMappingURL=chunk-ZALXWB2J.mjs.map
+//# sourceMappingURL=chunk-ZALXWB2J.mjs.map

package/lib/{chunk-CZVB2Y6O.mjs.map → chunk-ZALXWB2J.mjs.map}

@@ -1 +1 @@
-{"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-CZVB2Y6O.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-800 mt-[8px]',\n          'desktop:mt-[16px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default Title1\n"]}
+{"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/styles.css

@@ -7,7 +7,6 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-    --color-gray-100: #f1f1f1;
     --color-gray-200: #e2e2e2;
     --color-gray-300: #cdcdcd;
     --color-gray-400: #bbbbbb;
@@ -19,9 +18,11 @@
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --color-brand-heavy: #c40d23;
+    --color-brand-dark: #9b051e;
     --color-supportive-faded: #f0d5be;
     --color-supportive-pastel: #e3be98;
     --color-gray-white: #ffffff;
+    --color-gray-black: #000000;
     --font-title: "merriweather", "source-han-serif-tc", serif;
     --font-default: "Roboto Slab", "Noto Sans TC", sans-serif, "Tauhu Oo";
   }
@@ -326,12 +327,12 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .text-brand-dark {
+    color: var(--color-brand-dark);
+  }
   .text-brand-heavy {
     color: var(--color-brand-heavy);
   }
-  .text-gray-100 {
-    color: var(--color-gray-100);
-  }
   .text-gray-200 {
     color: var(--color-gray-200);
   }
@@ -350,12 +351,18 @@
   .text-gray-800 {
     color: var(--color-gray-800);
   }
+  .text-gray-black {
+    color: var(--color-gray-black);
+  }
   .text-gray-white {
     color: var(--color-gray-white);
   }
   .text-supportive-faded {
     color: var(--color-supportive-faded);
   }
+  .text-supportive-pastel {
+    color: var(--color-supportive-pastel);
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -370,6 +377,13 @@
       margin-right: calc(var(--spacing) * 0);
     }
   }
+  .hover\:text-brand-dark {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-brand-dark);
+      }
+    }
+  }
   .hover\:text-brand-heavy {
     &:hover {
       @media (hover: hover) {
@@ -398,10 +412,17 @@
       }
     }
   }
-  .hover\:text-gray-white {
+  .hover\:text-gray-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-800);
+      }
+    }
+  }
+  .hover\:text-gray-black {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-gray-white);
+        color: var(--color-gray-black);
       }
     }
   }

package/lib/styles.css.map

@@ -1 +1 @@
-{"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-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-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-supportive-faded: #f0d5be;\n    --color-supportive-pastel: #e3be98;\n    --color-gray-white: #ffffff;\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-heavy {\n    color: var(--color-brand-heavy);\n  }\n  .text-gray-100 {\n    color: var(--color-gray-100);\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-white {\n    color: var(--color-gray-white);\n  }\n  .text-supportive-faded {\n    color: var(--color-supportive-faded);\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-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-white {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-white);\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":[]}
+{"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/title-bar/components/title-tab/index.js

@@ -121,6 +121,59 @@ var THEME = {
   transparent: "transparent",
   index: "index"
 };
+
+// src/button/components/text-button/theme.ts
+var getDisabledContainerTheme = (theme) => {
+  return [
+    // default theme
+    "text-gray-400 hover:text-gray-400",
+    // photography & transparent theme
+    {
+      "text-gray-500 hover:text-gray-500": theme === THEME.photography || theme === THEME.transparent
+    }
+  ];
+};
+var getActiveContainerTheme = (theme, style) => {
+  return [
+    // default theme
+    {
+      "text-gray-800 hover:text-gray-800": style === 2 /* LIGHT */,
+      "text-brand-heavy hover:text-brand-heavy": style === 1 /* DARK */,
+      "text-brand-dark hover:text-brand-dark": style === 0 /* BRAND */
+    },
+    // photography theme
+    {
+      "text-gray-400 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */,
+      "text-supportive-pastel hover:text-supportive-pastel": theme === THEME.photography && style !== 2 /* LIGHT */
+    },
+    // transparent theme
+    {
+      "text-gray-black hover:text-gray-black": theme === THEME.transparent && style === 2 /* LIGHT */,
+      "text-gray-200 hover:text-gray-200": theme === THEME.transparent && style !== 2 /* LIGHT */
+    }
+  ];
+};
+var getContainerTheme = (theme, style) => {
+  return [
+    // default theme
+    {
+      "text-gray-600 hover:text-gray-800": style === 2 /* LIGHT */,
+      "text-gray-800 hover:text-brand-heavy": style === 1 /* DARK */,
+      "text-brand-heavy hover:text-brand-dark": style === 0 /* BRAND */
+    },
+    // photography
+    {
+      "text-gray-300 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */,
+      "text-gray-white hover:text-supportive-pastel": theme === THEME.photography && style === 1 /* DARK */,
+      "text-supportive-faded hover:text-supportive-pastel": theme === THEME.photography && style === 0 /* BRAND */
+    },
+    // transparent theme
+    {
+      "text-gray-800 hover:text-gray-black": theme === THEME.transparent && style === 2 /* LIGHT */,
+      "text-gray-white hover:text-gray-200": theme === THEME.transparent && style !== 2 /* LIGHT */
+    }
+  ];
+};
 var TextButton = ({
   text,
   leftIconComponent,
@@ -134,9 +187,13 @@ var TextButton = ({
   className = ""
 }) => {
   const TextJSX = React.useMemo(
-    () => size === 0 /* S */ ? /* @__PURE__ */ jsxRuntime.jsx(P2, { text }) : /* @__PURE__ */ jsxRuntime.jsx(P1, { text }),
+    () => size === 0 /* S */ ? /* @__PURE__ */ jsxRuntime.jsx(P2, { text, weight: P2.Weight.bold }) : /* @__PURE__ */ jsxRuntime.jsx(P1, { text, weight: P1.Weight.bold }),
     [size, text]
   );
+  const themeClass = React.useMemo(() => {
+    const themeFunc = disabled ? getDisabledContainerTheme : active ? getActiveContainerTheme : getContainerTheme;
+    return themeFunc(theme, style);
+  }, [disabled, active, theme, style]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -146,18 +203,7 @@ var TextButton = ({
           "cursor-default": disabled,
           "cursor-pointer": !disabled
         },
-        {
-          "text-gray-500 hover:text-gray-500": disabled && (theme === THEME.photography || theme === THEME.transparent),
-          "text-gray-400 hover:text-gray-400": disabled || theme === THEME.photography && style === 2 /* LIGHT */ && !active && !disabled,
-          "text-gray-200 hover:text-supportive-pastel": theme === THEME.photography && !active && !disabled,
-          "text-gray-300 hover:text-gray-400": theme === THEME.photography && style === 2 /* LIGHT */ && active && !disabled,
-          "text-gray-white hover:text-supportive-pastel": theme === THEME.photography && style === 1 /* DARK */ && active && !disabled,
-          "text-supportive-faded hover:text-supportive-pastel": theme === THEME.photography && style === 0 /* BRAND */ && active && !disabled,
-          "text-gray-100 hover:text-gray-200": theme === THEME.transparent && !active && !disabled,
-          "text-gray-white hover:text-gray-white": theme === THEME.transparent && active && !disabled,
-          "text-gray-600 hover:text-brand-heavy": theme === THEME.normal && !active && !disabled,
-          "text-brand-heavy hover:text-brand-heavy": theme === THEME.normal && active && !disabled
-        },
+        themeClass,
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex justify-center items-center", children: [