@kids-reporter/routing-ui 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/components/input.js

@@ -35,7 +35,7 @@ const CloseIcon = ({
 });
 const inputVariants = (0, _classVarianceAuthority.cva)(
 // Base styles
-'prose-p1 desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 transition-colors duration-200 hover:border-neutral-600', {
+'desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 prose-p1 transition-colors duration-200 hover:border-neutral-600', {
   variants: {
     state: {
       default: 'border-transparent',

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["Object","defineProperty","exports","value","default","_classVarianceAuthority","require","_react","_icons","_cn","_jsxRuntime","CloseIcon","className","jsxs","width","height","viewBox","fill","xmlns","children","jsx","cx","cy","r","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","inputVariants","cva","variants","state","hover","focus","active","unfocus","error","defaultVariants","Input","forwardRef","placeholder","onChange","onClear","showClearButton","onFocus","onBlur","inputRef","props","ref","internalValue","setInternalValue","useState","isFocused","setIsFocused","isActive","setIsActive","innerInputRef","useRef","currentValue","undefined","hasValue","length","currentState","handleChange","e","newValue","target","handleFocus","handleBlur","handleClear","preventDefault","stopPropagation","currentRef","current","inputClasses","cn","SearchIconSmall","type","onClick","_default"],"sources":["../../src/components/input.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { forwardRef, useRef, useState } from 'react'\n\nimport { SearchIconSmall } from '../icons'\nimport { cn } from '../utils/cn'\n\n// Close icon component\nconst CloseIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"currentColor\" />\n    <path\n      d=\"M7 7l6 6M13 7l-6 6\"\n      stroke=\"white\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst inputVariants = cva(\n  // Base styles\n  'prose-p1 desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 transition-colors duration-200 hover:border-neutral-600',\n  {\n    variants: {\n      state: {\n        default: 'border-transparent',\n        hover: 'border-neutral-600',\n        focus: 'border-neutral-600',\n        active: 'border-neutral-600',\n        unfocus: 'border-transparent',\n        error: 'border-red-600',\n      },\n    },\n    defaultVariants: {\n      state: 'default',\n    },\n  }\n)\n\nexport type InputProps = {\n  placeholder?: string\n  value?: string\n  onChange?: (value: string) => void\n  onClear?: () => void\n  showClearButton?: boolean\n  children?: React.ReactNode\n  inputRef?: React.RefObject<HTMLInputElement>\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      placeholder = '搜尋更多新聞、議題',\n      value,\n      onChange,\n      onClear,\n      showClearButton = true,\n      className,\n      onFocus,\n      onBlur,\n      inputRef,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState('')\n    const [isFocused, setIsFocused] = useState(false)\n    const [isActive, setIsActive] = useState(false)\n    const innerInputRef = useRef<HTMLInputElement>(null)\n    const currentValue = value !== undefined ? value : internalValue\n    const hasValue = currentValue.length > 0\n\n    // Determine current state\n    const currentState = isFocused\n      ? 'focus'\n      : hasValue\n        ? isActive\n          ? 'active'\n          : 'unfocus'\n        : 'default'\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n      if (onChange) {\n        onChange(newValue)\n      } else {\n        setInternalValue(newValue)\n      }\n      setIsActive(true)\n    }\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (onFocus) {\n        onFocus(e)\n      }\n      setIsFocused(true)\n      setIsActive(true)\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (onBlur) {\n        onBlur(e)\n      }\n      setIsFocused(false)\n      setIsActive(false)\n    }\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (onChange) {\n        onChange('')\n      } else {\n        setInternalValue('')\n      }\n      if (onClear) {\n        onClear()\n      }\n\n      const currentRef = inputRef ?? innerInputRef\n      currentRef.current?.focus()\n    }\n\n    const inputClasses = cn(inputVariants({ state: currentState }), className)\n\n    return (\n      <div className=\"gap-2 flex flex-col\">\n        <div className={inputClasses} ref={ref}>\n          <div className=\"text-neutral-600\">\n            <SearchIconSmall />\n          </div>\n          <input\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            className=\"placeholder:font-medium ml-2 max-w-[72%] flex-1 flex-shrink-1 bg-transparent text-neutral-900 placeholder:text-neutral-400 focus:outline-none\"\n            ref={inputRef ?? innerInputRef}\n            {...props}\n          />\n\n          {showClearButton && hasValue && (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"p-1/2 ml-auto flex-shrink-0 cursor-pointer rounded-full text-neutral-400 transition-colors hover:text-neutral-600 active:bg-neutral-200\"\n              aria-label=\"Clear input\"\n            >\n              <CloseIcon />\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nexport default Input\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["Object","defineProperty","exports","value","default","_classVarianceAuthority","require","_react","_icons","_cn","_jsxRuntime","CloseIcon","className","jsxs","width","height","viewBox","fill","xmlns","children","jsx","cx","cy","r","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","inputVariants","cva","variants","state","hover","focus","active","unfocus","error","defaultVariants","Input","forwardRef","placeholder","onChange","onClear","showClearButton","onFocus","onBlur","inputRef","props","ref","internalValue","setInternalValue","useState","isFocused","setIsFocused","isActive","setIsActive","innerInputRef","useRef","currentValue","undefined","hasValue","length","currentState","handleChange","e","newValue","target","handleFocus","handleBlur","handleClear","preventDefault","stopPropagation","currentRef","current","inputClasses","cn","SearchIconSmall","type","onClick","_default"],"sources":["../../src/components/input.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { forwardRef, useRef, useState } from 'react'\n\nimport { SearchIconSmall } from '../icons'\nimport { cn } from '../utils/cn'\n\n// Close icon component\nconst CloseIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"currentColor\" />\n    <path\n      d=\"M7 7l6 6M13 7l-6 6\"\n      stroke=\"white\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst inputVariants = cva(\n  // Base styles\n  'desktop:bg-white! px-4 py-1.5 h-11 flex items-center rounded-full border border-transparent bg-neutral-100 prose-p1 transition-colors duration-200 hover:border-neutral-600',\n  {\n    variants: {\n      state: {\n        default: 'border-transparent',\n        hover: 'border-neutral-600',\n        focus: 'border-neutral-600',\n        active: 'border-neutral-600',\n        unfocus: 'border-transparent',\n        error: 'border-red-600',\n      },\n    },\n    defaultVariants: {\n      state: 'default',\n    },\n  }\n)\n\nexport type InputProps = {\n  placeholder?: string\n  value?: string\n  onChange?: (value: string) => void\n  onClear?: () => void\n  showClearButton?: boolean\n  children?: React.ReactNode\n  inputRef?: React.RefObject<HTMLInputElement>\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      placeholder = '搜尋更多新聞、議題',\n      value,\n      onChange,\n      onClear,\n      showClearButton = true,\n      className,\n      onFocus,\n      onBlur,\n      inputRef,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState('')\n    const [isFocused, setIsFocused] = useState(false)\n    const [isActive, setIsActive] = useState(false)\n    const innerInputRef = useRef<HTMLInputElement>(null)\n    const currentValue = value !== undefined ? value : internalValue\n    const hasValue = currentValue.length > 0\n\n    // Determine current state\n    const currentState = isFocused\n      ? 'focus'\n      : hasValue\n        ? isActive\n          ? 'active'\n          : 'unfocus'\n        : 'default'\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value\n      if (onChange) {\n        onChange(newValue)\n      } else {\n        setInternalValue(newValue)\n      }\n      setIsActive(true)\n    }\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (onFocus) {\n        onFocus(e)\n      }\n      setIsFocused(true)\n      setIsActive(true)\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (onBlur) {\n        onBlur(e)\n      }\n      setIsFocused(false)\n      setIsActive(false)\n    }\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (onChange) {\n        onChange('')\n      } else {\n        setInternalValue('')\n      }\n      if (onClear) {\n        onClear()\n      }\n\n      const currentRef = inputRef ?? innerInputRef\n      currentRef.current?.focus()\n    }\n\n    const inputClasses = cn(inputVariants({ state: currentState }), className)\n\n    return (\n      <div className=\"gap-2 flex flex-col\">\n        <div className={inputClasses} ref={ref}>\n          <div className=\"text-neutral-600\">\n            <SearchIconSmall />\n          </div>\n          <input\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            className=\"placeholder:font-medium ml-2 max-w-[72%] flex-1 flex-shrink-1 bg-transparent text-neutral-900 placeholder:text-neutral-400 focus:outline-none\"\n            ref={inputRef ?? innerInputRef}\n            {...props}\n          />\n\n          {showClearButton && hasValue && (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"p-1/2 ml-auto flex-shrink-0 cursor-pointer rounded-full text-neutral-400 transition-colors hover:text-neutral-600 active:bg-neutral-200\"\n              aria-label=\"Clear input\"\n            >\n              <CloseIcon />\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nexport default Input\n"],"mappings":"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"}

package/dist/constants/default-values.js

@@ -55,7 +55,7 @@ const MENU_ITEMS = exports.MENU_ITEMS = [{
   }]
 }, {
   label: '校園',
-  href: '/category/campus/news-classroom',
+  href: '/category/campus',
   subItems: [{
     label: '校園寶可夢',
     href: '/category/campus/campus-pokemon'

package/dist/constants/default-values.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-values.js","names":["_icons","require","_jsxRuntime","SUBSCRIBE_URL","exports","DONATE_URL","PRIVACY_POLICY","SEARCH_PLACEHOLDER","MENU_ITEMS","label","href","subItems","ADDITIONAL_MENU_ITEMS","showIcon","icon","jsx","SettingsIconSmall","external","SOCIAL_MEDIA_ITEMS"],"sources":["../../src/constants/default-values.tsx"],"sourcesContent":["import { SettingsIconSmall } from '../icons'\nimport { MenuItem } from '../types'\n\nexport const SUBSCRIBE_URL = 'https://solink.soundon.fm/kidstwreporter'\nexport const DONATE_URL = 'https://support.twreporter.org/'\nexport const PRIVACY_POLICY = 'https://www.twreporter.org/a/privacy-policy'\nexport const SEARCH_PLACEHOLDER = '搜尋更多新聞、議題'\n\nexport const MENU_ITEMS: MenuItem[] = [\n  {\n    label: '最新',\n    href: '/all',\n    subItems: [],\n  },\n  {\n    label: '專題',\n    href: '/topic/page',\n    subItems: [],\n  },\n  {\n    label: '新聞',\n    href: '/category/news',\n    subItems: [\n      { label: '焦點新聞', href: '/category/news/times' },\n      { label: '真的假的', href: '/category/news/knowledge' },\n      { label: '人物故事', href: '/category/news/story' },\n      { label: '文化報導', href: '/category/news/explore' },\n      { label: '專欄', href: '/category/news/column' },\n      { label: '英文新聞', href: '/categories/news/english-version' },\n    ],\n  },\n  {\n    label: '多媒體',\n    href: '/category/comics',\n    subItems: [\n      { label: '圖解新聞', href: '/category/comics/times' },\n      { label: '新聞遊戲', href: '/category/comics/test-news' },\n      { label: '圖文故事', href: '/category/comics/graphic-story' },\n    ],\n  },\n  {\n    label: '校園',\n    href: '/category/campus/news-classroom',\n    subItems: [\n      { label: '校園寶可夢', href: '/category/campus/campus-pokemon' },\n      { label: '上課好好玩', href: '/category/campus/teaching' },\n      { label: '小讀者連線', href: '/category/campus/joining' },\n    ],\n  },\n  {\n    label: 'Podcast',\n    href: '/category/listening-news',\n    subItems: [\n      {\n        label: '小記者，問什麼？',\n        href: '/category/listening-news/kids-reporter-ask',\n      },\n      {\n        label: '新聞讀報',\n        href: '/category/listening-news/multilingual-listening-news',\n      },\n      {\n        label: '新聞關鍵字',\n        href: '/category/listening-news/listening-news-keywords',\n      },\n      {\n        label: '文化關鍵字',\n        href: '/category/listening-news/listening-news-culture-keywords',\n      },\n    ],\n  },\n  {\n    label: '教案',\n    href: '/category/classroom',\n    subItems: [],\n  },\n]\n\nexport const ADDITIONAL_MENU_ITEMS: MenuItem[] = [\n  {\n    label: '閱讀探索設定',\n    href: '/reading-settings',\n    subItems: [],\n    showIcon: true,\n    icon: <SettingsIconSmall />,\n  },\n  {\n    label: '關於我們',\n    href: '/about',\n    subItems: [],\n  },\n  {\n    label: '呼叫報導仔流程',\n    href: '/about#callkidsreporter',\n    subItems: [],\n  },\n  {\n    label: '投稿專區',\n    href: 'https://forms.gle/49AEG8kFj7QWjgij8',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '加入小記者',\n    href: 'https://forms.gle/eGq5jagNTwriwSCX6',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '訂閱Podcast',\n    href: 'https://solink.soundon.fm/kidstwreporter',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '聯絡我們',\n    href: '/about#mail',\n    subItems: [],\n  },\n  {\n    label: '前往《報導者》',\n    href: 'https://www.twreporter.org/',\n    subItems: [],\n    external: true,\n  },\n]\n\nexport const SOCIAL_MEDIA_ITEMS = [\n  {\n    label: 'Facebook',\n    href: 'https://www.facebook.com/twreporter/',\n  },\n  {\n    label: 'Instagram',\n    href: 'https://www.instagram.com/twreporter/',\n  },\n  {\n    label: 'YouTube',\n    href: 'https://www.youtube.com/@TwreporterOrg',\n  },\n  {\n    label: 'Threads',\n    href: 'https://www.threads.com/@twreporter',\n  },\n  {\n    label: 'Medium',\n    href: 'https://medium.com/twreporter',\n  },\n  {\n    label: 'RSS',\n    href: 'https://kids-storage.twreporter.org/rss/rss.xml',\n  },\n]\n"],"mappings":"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"}
+{"version":3,"file":"default-values.js","names":["_icons","require","_jsxRuntime","SUBSCRIBE_URL","exports","DONATE_URL","PRIVACY_POLICY","SEARCH_PLACEHOLDER","MENU_ITEMS","label","href","subItems","ADDITIONAL_MENU_ITEMS","showIcon","icon","jsx","SettingsIconSmall","external","SOCIAL_MEDIA_ITEMS"],"sources":["../../src/constants/default-values.tsx"],"sourcesContent":["import { SettingsIconSmall } from '../icons'\nimport { MenuItem } from '../types'\n\nexport const SUBSCRIBE_URL = 'https://solink.soundon.fm/kidstwreporter'\nexport const DONATE_URL = 'https://support.twreporter.org/'\nexport const PRIVACY_POLICY = 'https://www.twreporter.org/a/privacy-policy'\nexport const SEARCH_PLACEHOLDER = '搜尋更多新聞、議題'\n\nexport const MENU_ITEMS: MenuItem[] = [\n  {\n    label: '最新',\n    href: '/all',\n    subItems: [],\n  },\n  {\n    label: '專題',\n    href: '/topic/page',\n    subItems: [],\n  },\n  {\n    label: '新聞',\n    href: '/category/news',\n    subItems: [\n      { label: '焦點新聞', href: '/category/news/times' },\n      { label: '真的假的', href: '/category/news/knowledge' },\n      { label: '人物故事', href: '/category/news/story' },\n      { label: '文化報導', href: '/category/news/explore' },\n      { label: '專欄', href: '/category/news/column' },\n      { label: '英文新聞', href: '/categories/news/english-version' },\n    ],\n  },\n  {\n    label: '多媒體',\n    href: '/category/comics',\n    subItems: [\n      { label: '圖解新聞', href: '/category/comics/times' },\n      { label: '新聞遊戲', href: '/category/comics/test-news' },\n      { label: '圖文故事', href: '/category/comics/graphic-story' },\n    ],\n  },\n  {\n    label: '校園',\n    href: '/category/campus',\n    subItems: [\n      { label: '校園寶可夢', href: '/category/campus/campus-pokemon' },\n      { label: '上課好好玩', href: '/category/campus/teaching' },\n      { label: '小讀者連線', href: '/category/campus/joining' },\n    ],\n  },\n  {\n    label: 'Podcast',\n    href: '/category/listening-news',\n    subItems: [\n      {\n        label: '小記者，問什麼？',\n        href: '/category/listening-news/kids-reporter-ask',\n      },\n      {\n        label: '新聞讀報',\n        href: '/category/listening-news/multilingual-listening-news',\n      },\n      {\n        label: '新聞關鍵字',\n        href: '/category/listening-news/listening-news-keywords',\n      },\n      {\n        label: '文化關鍵字',\n        href: '/category/listening-news/listening-news-culture-keywords',\n      },\n    ],\n  },\n  {\n    label: '教案',\n    href: '/category/classroom',\n    subItems: [],\n  },\n]\n\nexport const ADDITIONAL_MENU_ITEMS: MenuItem[] = [\n  {\n    label: '閱讀探索設定',\n    href: '/reading-settings',\n    subItems: [],\n    showIcon: true,\n    icon: <SettingsIconSmall />,\n  },\n  {\n    label: '關於我們',\n    href: '/about',\n    subItems: [],\n  },\n  {\n    label: '呼叫報導仔流程',\n    href: '/about#callkidsreporter',\n    subItems: [],\n  },\n  {\n    label: '投稿專區',\n    href: 'https://forms.gle/49AEG8kFj7QWjgij8',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '加入小記者',\n    href: 'https://forms.gle/eGq5jagNTwriwSCX6',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '訂閱Podcast',\n    href: 'https://solink.soundon.fm/kidstwreporter',\n    subItems: [],\n    external: true,\n  },\n  {\n    label: '聯絡我們',\n    href: '/about#mail',\n    subItems: [],\n  },\n  {\n    label: '前往《報導者》',\n    href: 'https://www.twreporter.org/',\n    subItems: [],\n    external: true,\n  },\n]\n\nexport const SOCIAL_MEDIA_ITEMS = [\n  {\n    label: 'Facebook',\n    href: 'https://www.facebook.com/twreporter/',\n  },\n  {\n    label: 'Instagram',\n    href: 'https://www.instagram.com/twreporter/',\n  },\n  {\n    label: 'YouTube',\n    href: 'https://www.youtube.com/@TwreporterOrg',\n  },\n  {\n    label: 'Threads',\n    href: 'https://www.threads.com/@twreporter',\n  },\n  {\n    label: 'Medium',\n    href: 'https://medium.com/twreporter',\n  },\n  {\n    label: 'RSS',\n    href: 'https://kids-storage.twreporter.org/rss/rss.xml',\n  },\n]\n"],"mappings":"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"}

package/dist/footer.js

@@ -41,7 +41,7 @@ const Footer = ({
                 })
               })
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-              className: "prose-p2 w-full text-neutral-900",
+              className: "w-full prose-p2 text-neutral-900",
               children: "\u300A\u5C11\u5E74\u5831\u5C0E\u8005\u300B\u662F\u7531\u975E\u71DF\u5229\u5A92\u9AD4\u300A\u5831\u5C0E\u8005\u300B\u91DD\u5C0D\u5152\u5C11\u6253\u9020\u7684\u6DF1\u5EA6\u65B0\u805E\u5831\u5C0E\u54C1\u724C\uFF0C\u8207\u5152\u7AE5\u548C\u5C11\u5E74\u4E00\u8D77\u7406\u89E3\u4E16\u754C\uFF0C\u53C3\u8207\u672A\u4F86\u3002"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
               size: 44,
@@ -61,7 +61,7 @@ const Footer = ({
               className: "gap-2 flex flex-col",
               children: additionalMenuItems.slice(0, 4).map(link => /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
                 href: link.href,
-                className: "prose-p2-bold min-w-30 text-neutral-900 transition-colors duration-200 hover:text-red-400",
+                className: "min-w-30 prose-p2-bold text-neutral-900 transition-colors duration-200 hover:text-red-400",
                 target: link.external ? '_blank' : undefined,
                 rel: link.external ? 'noopener noreferrer' : undefined,
                 children: link.label
@@ -70,7 +70,7 @@ const Footer = ({
               className: "gap-2 flex flex-col",
               children: additionalMenuItems.slice(4).map(link => /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
                 href: link.href,
-                className: "prose-p2-bold min-w-30 text-neutral-900 transition-colors duration-200 hover:text-red-400",
+                className: "min-w-30 prose-p2-bold text-neutral-900 transition-colors duration-200 hover:text-red-400",
                 target: link.external ? '_blank' : undefined,
                 rel: link.external ? 'noopener noreferrer' : undefined,
                 children: link.label
@@ -104,7 +104,7 @@ const Footer = ({
               }, social.label);
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "prose-p3 text-center text-neutral-white desktop:order-1 desktop:text-left",
+            className: "text-center prose-p3 text-neutral-white desktop:order-1 desktop:text-left",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
               className: "desktop:inline",
               children: ["\u885B\u90E8\u6551\u5B57\u7B2C1131363879\u865F\uFF5C\u52F8\u52DF\u671F\u9593 2025/1/1~12/31", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/dist/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_button","_defaultValues","_generateSocialMediaConfig","_jsxRuntime","Footer","socialMediaHrefs","SOCIAL_MEDIA_ITEMS","map","item","href","additionalMenuItems","ADDITIONAL_MENU_ITEMS","donateUrl","DONATE_URL","privacyPolicyUrl","PRIVACY_POLICY","socialMediaConfig","generateSocialMediaConfig","jsxs","className","children","jsx","src","alt","loading","width","height","size","variant","asChild","target","rel","slice","link","external","undefined","label","social","IconComponent","icon","Date","getFullYear","_default"],"sources":["../src/footer.tsx"],"sourcesContent":["'use client'\n\nimport Button from './components/button'\nimport {\n  ADDITIONAL_MENU_ITEMS,\n  DONATE_URL,\n  PRIVACY_POLICY,\n  SOCIAL_MEDIA_ITEMS,\n} from './constants/default-values'\nimport { MenuItem, SocialMediaHrefs } from './types'\nimport { generateSocialMediaConfig } from './utils/generate-social-media-config'\n\ntype FooterProps = {\n  socialMediaHrefs?: SocialMediaHrefs\n  additionalMenuItems?: MenuItem[]\n  donateUrl?: string\n  privacyPolicyUrl?: string\n}\n\nconst Footer = ({\n  socialMediaHrefs = SOCIAL_MEDIA_ITEMS.map((item) => item.href),\n  additionalMenuItems = ADDITIONAL_MENU_ITEMS,\n  donateUrl = DONATE_URL,\n  privacyPolicyUrl = PRIVACY_POLICY,\n}: FooterProps) => {\n  const socialMediaConfig = generateSocialMediaConfig(socialMediaHrefs)\n\n  return (\n    <footer className=\"w-full bg-neutral-white\">\n      {/* Main Footer Content */}\n      <div className=\"py-12 desktop:py-14 w-full bg-neutral-white px-(--margin-mobile) desktop:px-(--margin-desktop)\">\n        <div className=\"max-w-300 mx-auto\">\n          <div className=\"gap-8 flex flex-col items-center desktop:flex-row desktop:justify-between\">\n            {/* Logo and Description */}\n            <div className=\"max-w-100 gap-6 flex w-full flex-col items-center desktop:items-start\">\n              <div className=\"flex items-center\">\n                <a href=\"/\" className=\"flex items-center\">\n                  <img\n                    src=\"/assets/images/footer-logo.svg\"\n                    alt=\"少年報導者\"\n                    loading=\"lazy\"\n                    width={238}\n                    height={26}\n                  />\n                </a>\n              </div>\n              <p className=\"prose-p2 w-full text-neutral-900\">\n                《少年報導者》是由非營利媒體《報導者》針對兒少打造的深度新聞報導品牌，與兒童和少年一起理解世界，參與未來。\n              </p>\n              <Button size={44} variant=\"secondary\" asChild className=\"w-75\">\n                <a href={donateUrl} target=\"_blank\" rel=\"noreferrer\">\n                  贊助我們\n                </a>\n              </Button>\n            </div>\n\n            <div className=\"gap-6 flex flex-row\">\n              <div className=\"gap-2 flex flex-col\">\n                {additionalMenuItems.slice(0, 4).map((link) => (\n                  <a\n                    key={link.label}\n                    href={link.href}\n                    className=\"prose-p2-bold min-w-30 text-neutral-900 transition-colors duration-200 hover:text-red-400\"\n                    target={link.external ? '_blank' : undefined}\n                    rel={link.external ? 'noopener noreferrer' : undefined}\n                  >\n                    {link.label}\n                  </a>\n                ))}\n              </div>\n              <div className=\"gap-2 flex flex-col\">\n                {additionalMenuItems.slice(4).map((link) => (\n                  <a\n                    key={link.label}\n                    href={link.href}\n                    className=\"prose-p2-bold min-w-30 text-neutral-900 transition-colors duration-200 hover:text-red-400\"\n                    target={link.external ? '_blank' : undefined}\n                    rel={link.external ? 'noopener noreferrer' : undefined}\n                  >\n                    {link.label}\n                  </a>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"py-6 w-full bg-red-400 px-(--margin-mobile) desktop:px-(--margin-desktop)\">\n        <div className=\"max-w-300 mx-auto\">\n          <div className=\"gap-5 desktop:gap-4 flex flex-col items-center desktop:flex-row desktop:justify-between\">\n            <div className=\"gap-4 order-1 flex items-center desktop:order-2\">\n              {socialMediaConfig.map((social) => {\n                const IconComponent = social.icon\n                return (\n                  <a\n                    key={social.label}\n                    href={social.href}\n                    className=\"relative text-neutral-white transition-colors duration-200 hover:text-neutral-200\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    aria-label={social.label}\n                  >\n                    <div className=\"peer w-6 h-6 relative z-10 flex items-center justify-center rounded-full text-neutral-white transition-all duration-200 hover:text-red-500\">\n                      {IconComponent && <IconComponent />}\n                    </div>\n                    <div className=\"p-2 peer-hover:bg-white absolute top-1/2 left-1/2 z-1 flex h-[23px] w-[23px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full transition-all duration-200\"></div>\n                  </a>\n                )\n              })}\n            </div>\n\n            <div className=\"prose-p3 text-center text-neutral-white desktop:order-1 desktop:text-left\">\n              <p className=\"desktop:inline\">\n                衛部救字第1131363879號｜勸募期間 2025/1/1~12/31\n                <span className=\"hidden desktop:inline\">｜</span>\n              </p>\n              <p className=\"desktop:inline\">\n                <a\n                  href={privacyPolicyUrl}\n                  target=\"_blank\"\n                  className=\"desktop:ml-1 text-neutral-white underline\"\n                  rel=\"noopener noreferrer\"\n                >\n                  隱私政策\n                </a>\n                ｜\n                <a\n                  href=\"https://www.twreporter.org/a/license-footer\"\n                  target=\"_blank\"\n                  className=\"desktop:ml-1 text-neutral-white underline\"\n                  rel=\"noopener noreferrer\"\n                >\n                  許可協議\n                </a>\n              </p>\n              <p className=\"hidden desktop:inline\">｜</p>\n              <p className=\"desktop:inline\">\n                Copyright © {new Date().getFullYear()} The Reporter\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":"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"}
+{"version":3,"file":"footer.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_button","_defaultValues","_generateSocialMediaConfig","_jsxRuntime","Footer","socialMediaHrefs","SOCIAL_MEDIA_ITEMS","map","item","href","additionalMenuItems","ADDITIONAL_MENU_ITEMS","donateUrl","DONATE_URL","privacyPolicyUrl","PRIVACY_POLICY","socialMediaConfig","generateSocialMediaConfig","jsxs","className","children","jsx","src","alt","loading","width","height","size","variant","asChild","target","rel","slice","link","external","undefined","label","social","IconComponent","icon","Date","getFullYear","_default"],"sources":["../src/footer.tsx"],"sourcesContent":["'use client'\n\nimport Button from './components/button'\nimport {\n  ADDITIONAL_MENU_ITEMS,\n  DONATE_URL,\n  PRIVACY_POLICY,\n  SOCIAL_MEDIA_ITEMS,\n} from './constants/default-values'\nimport { MenuItem, SocialMediaHrefs } from './types'\nimport { generateSocialMediaConfig } from './utils/generate-social-media-config'\n\ntype FooterProps = {\n  socialMediaHrefs?: SocialMediaHrefs\n  additionalMenuItems?: MenuItem[]\n  donateUrl?: string\n  privacyPolicyUrl?: string\n}\n\nconst Footer = ({\n  socialMediaHrefs = SOCIAL_MEDIA_ITEMS.map((item) => item.href),\n  additionalMenuItems = ADDITIONAL_MENU_ITEMS,\n  donateUrl = DONATE_URL,\n  privacyPolicyUrl = PRIVACY_POLICY,\n}: FooterProps) => {\n  const socialMediaConfig = generateSocialMediaConfig(socialMediaHrefs)\n\n  return (\n    <footer className=\"w-full bg-neutral-white\">\n      {/* Main Footer Content */}\n      <div className=\"py-12 desktop:py-14 w-full bg-neutral-white px-(--margin-mobile) desktop:px-(--margin-desktop)\">\n        <div className=\"max-w-300 mx-auto\">\n          <div className=\"gap-8 flex flex-col items-center desktop:flex-row desktop:justify-between\">\n            {/* Logo and Description */}\n            <div className=\"max-w-100 gap-6 flex w-full flex-col items-center desktop:items-start\">\n              <div className=\"flex items-center\">\n                <a href=\"/\" className=\"flex items-center\">\n                  <img\n                    src=\"/assets/images/footer-logo.svg\"\n                    alt=\"少年報導者\"\n                    loading=\"lazy\"\n                    width={238}\n                    height={26}\n                  />\n                </a>\n              </div>\n              <p className=\"w-full prose-p2 text-neutral-900\">\n                《少年報導者》是由非營利媒體《報導者》針對兒少打造的深度新聞報導品牌，與兒童和少年一起理解世界，參與未來。\n              </p>\n              <Button size={44} variant=\"secondary\" asChild className=\"w-75\">\n                <a href={donateUrl} target=\"_blank\" rel=\"noreferrer\">\n                  贊助我們\n                </a>\n              </Button>\n            </div>\n\n            <div className=\"gap-6 flex flex-row\">\n              <div className=\"gap-2 flex flex-col\">\n                {additionalMenuItems.slice(0, 4).map((link) => (\n                  <a\n                    key={link.label}\n                    href={link.href}\n                    className=\"min-w-30 prose-p2-bold text-neutral-900 transition-colors duration-200 hover:text-red-400\"\n                    target={link.external ? '_blank' : undefined}\n                    rel={link.external ? 'noopener noreferrer' : undefined}\n                  >\n                    {link.label}\n                  </a>\n                ))}\n              </div>\n              <div className=\"gap-2 flex flex-col\">\n                {additionalMenuItems.slice(4).map((link) => (\n                  <a\n                    key={link.label}\n                    href={link.href}\n                    className=\"min-w-30 prose-p2-bold text-neutral-900 transition-colors duration-200 hover:text-red-400\"\n                    target={link.external ? '_blank' : undefined}\n                    rel={link.external ? 'noopener noreferrer' : undefined}\n                  >\n                    {link.label}\n                  </a>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"py-6 w-full bg-red-400 px-(--margin-mobile) desktop:px-(--margin-desktop)\">\n        <div className=\"max-w-300 mx-auto\">\n          <div className=\"gap-5 desktop:gap-4 flex flex-col items-center desktop:flex-row desktop:justify-between\">\n            <div className=\"gap-4 order-1 flex items-center desktop:order-2\">\n              {socialMediaConfig.map((social) => {\n                const IconComponent = social.icon\n                return (\n                  <a\n                    key={social.label}\n                    href={social.href}\n                    className=\"relative text-neutral-white transition-colors duration-200 hover:text-neutral-200\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    aria-label={social.label}\n                  >\n                    <div className=\"peer w-6 h-6 relative z-10 flex items-center justify-center rounded-full text-neutral-white transition-all duration-200 hover:text-red-500\">\n                      {IconComponent && <IconComponent />}\n                    </div>\n                    <div className=\"p-2 peer-hover:bg-white absolute top-1/2 left-1/2 z-1 flex h-[23px] w-[23px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full transition-all duration-200\"></div>\n                  </a>\n                )\n              })}\n            </div>\n\n            <div className=\"text-center prose-p3 text-neutral-white desktop:order-1 desktop:text-left\">\n              <p className=\"desktop:inline\">\n                衛部救字第1131363879號｜勸募期間 2025/1/1~12/31\n                <span className=\"hidden desktop:inline\">｜</span>\n              </p>\n              <p className=\"desktop:inline\">\n                <a\n                  href={privacyPolicyUrl}\n                  target=\"_blank\"\n                  className=\"desktop:ml-1 text-neutral-white underline\"\n                  rel=\"noopener noreferrer\"\n                >\n                  隱私政策\n                </a>\n                ｜\n                <a\n                  href=\"https://www.twreporter.org/a/license-footer\"\n                  target=\"_blank\"\n                  className=\"desktop:ml-1 text-neutral-white underline\"\n                  rel=\"noopener noreferrer\"\n                >\n                  許可協議\n                </a>\n              </p>\n              <p className=\"hidden desktop:inline\">｜</p>\n              <p className=\"desktop:inline\">\n                Copyright © {new Date().getFullYear()} The Reporter\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":"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"}

package/dist/header/desktop-header.d.ts

@@ -8,7 +8,9 @@ type DesktopHeaderProps = {
     searchPlaceholder: string;
     subscribeUrl: string;
     menuItems: MenuItem[];
+    isLoggedIn?: boolean;
+    loginUrl?: string;
 };
-export declare function DesktopHeader({ onHamburgerOverlayOpen, keywords, compactMode, postTitle, hide, searchPlaceholder, subscribeUrl, menuItems, }: DesktopHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DesktopHeader({ onHamburgerOverlayOpen, keywords, compactMode, postTitle, hide, searchPlaceholder, subscribeUrl, menuItems, isLoggedIn, loginUrl, }: DesktopHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=desktop-header.d.ts.map

package/dist/header/desktop-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"desktop-header.d.ts","sourceRoot":"","sources":["../../src/header/desktop-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AASxC,KAAK,kBAAkB,GAAG;IACxB,sBAAsB,EAAE,MAAM,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,OAAO,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,sBAAsB,EACtB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,2CA+FpB"}
+{"version":3,"file":"desktop-header.d.ts","sourceRoot":"","sources":["../../src/header/desktop-header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AASxC,KAAK,kBAAkB,GAAG;IACxB,sBAAsB,EAAE,MAAM,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,OAAO,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,sBAAsB,EACtB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,2CA+FpB"}

package/dist/header/desktop-header.js

@@ -17,7 +17,9 @@ function DesktopHeader({
   hide,
   searchPlaceholder,
   subscribeUrl,
-  menuItems
+  menuItems,
+  isLoggedIn,
+  loginUrl
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -46,13 +48,13 @@ function DesktopHeader({
               }), postTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "pr-12 block",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  className: "prose-p2 font-medium tracking-wide max-w-124 overflow-hidden text-ellipsis whitespace-nowrap text-neutral-900",
+                  className: "font-medium tracking-wide max-w-124 overflow-hidden prose-p2 text-ellipsis whitespace-nowrap text-neutral-900",
                   children: postTitle
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: (0, _cn.cn)('ease-in-out overflow-hidden transition-all duration-500', compactMode ? 'max-h-0 -translate-x-8 scale-95 opacity-0' : 'max-h-20 max-w-auto scale-100 opacity-100', postTitle && compactMode && 'max-w-0'),
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "prose-p2 font-medium translate-y-0 inline-block tracking-[2.2px]! text-nowrap text-neutral-900 opacity-100",
+                  className: "font-medium translate-y-0 inline-block prose-p2 tracking-[2.2px]! text-nowrap text-neutral-900 opacity-100",
                   children: "\u7406\u89E3\u4E16\u754C \xD7 \u53C3\u8207\u672A\u4F86"
                 })
               })]
@@ -64,7 +66,7 @@ function DesktopHeader({
                 searchPlaceholder: searchPlaceholder,
                 subscribeUrl: subscribeUrl
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-                href: "/login",
+                href: isLoggedIn ? '/member' : loginUrl ?? '/login',
                 className: "w-8 h-8 flex items-center justify-center rounded-full text-red-400 transition-colors duration-200 hover:text-red-500",
                 "aria-label": "\u767B\u5165",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoginIcon, {})

package/dist/header/desktop-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktop-header.js","names":["Object","defineProperty","exports","value","DesktopHeader","_icons","require","_cn","_sharedComponents","_jsxRuntime","onHamburgerOverlayOpen","keywords","compactMode","postTitle","hide","searchPlaceholder","subscribeUrl","menuItems","jsxs","Fragment","children","jsx","className","cn","HamburgerButton","small","LogoLink","ActionButtons","tags","hideCtaButtons","href","LoginIcon","BottomNavigation"],"sources":["../../src/header/desktop-header.tsx"],"sourcesContent":["'use client'\n\nimport { LoginIcon } from '../icons'\nimport type { MenuItem } from '../types'\nimport { cn } from '../utils/cn'\nimport {\n  ActionButtons,\n  BottomNavigation,\n  HamburgerButton,\n  LogoLink,\n} from './shared-components'\n\ntype DesktopHeaderProps = {\n  onHamburgerOverlayOpen: () => void\n  keywords: string[]\n  compactMode: boolean\n  postTitle?: string\n  hide: boolean\n  searchPlaceholder: string\n  subscribeUrl: string\n  menuItems: MenuItem[]\n}\n\nexport function DesktopHeader({\n  onHamburgerOverlayOpen,\n  keywords,\n  compactMode,\n  postTitle,\n  hide,\n  searchPlaceholder,\n  subscribeUrl,\n  menuItems,\n}: DesktopHeaderProps) {\n  return (\n    <>\n      <div className=\"hidden h-(--desktop-header-height) desktop:block\"></div>\n      <div\n        className={cn(\n          'top-0 ease-in-out fixed left-1/2 z-1000 hidden w-full -translate-x-1/2 transform transition-all duration-500 desktop:block',\n          compactMode && 'bg-white',\n          hide\n            ? 'pointer-events-none -translate-y-full opacity-0'\n            : 'translate-y-0 pointer-events-auto opacity-100'\n        )}\n      >\n        <div className=\"px-12 hidden w-full bg-transparent desktop:block\">\n          <div className=\"max-w-300 mx-auto\">\n            <div\n              className={cn(\n                'px-4 flex items-center justify-between py-[18px]',\n                compactMode && 'py-2.5'\n              )}\n            >\n              <div className={'flex items-center'}>\n                <div\n                  className={cn(\n                    'ease-in-out overflow-hidden transition-all duration-500',\n                    compactMode\n                      ? 'translate-x-0 max-w-12 mr-4 w-auto scale-100 opacity-100'\n                      : '-translate-x-2 w-0 max-w-0 pointer-events-none scale-95 opacity-0'\n                  )}\n                >\n                  <HamburgerButton\n                    onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n                    small\n                  />\n                </div>\n                <div className={compactMode ? 'mr-12' : 'mr-8'}>\n                  <LogoLink compactMode={compactMode} />\n                </div>\n                {postTitle && (\n                  <div className=\"pr-12 block\">\n                    <p className=\"prose-p2 font-medium tracking-wide max-w-124 overflow-hidden text-ellipsis whitespace-nowrap text-neutral-900\">\n                      {postTitle}\n                    </p>\n                  </div>\n                )}\n                <div\n                  className={cn(\n                    'ease-in-out overflow-hidden transition-all duration-500',\n                    compactMode\n                      ? 'max-h-0 -translate-x-8 scale-95 opacity-0'\n                      : 'max-h-20 max-w-auto scale-100 opacity-100',\n                    postTitle && compactMode && 'max-w-0'\n                  )}\n                >\n                  <span className=\"prose-p2 font-medium translate-y-0 inline-block tracking-[2.2px]! text-nowrap text-neutral-900 opacity-100\">\n                    理解世界 × 參與未來\n                  </span>\n                </div>\n              </div>\n\n              <div className=\"gap-4 flex items-center\">\n                <ActionButtons\n                  tags={keywords}\n                  hideCtaButtons={compactMode}\n                  searchPlaceholder={searchPlaceholder}\n                  subscribeUrl={subscribeUrl}\n                />\n                <a\n                  href=\"/login\"\n                  className=\"w-8 h-8 flex items-center justify-center rounded-full text-red-400 transition-colors duration-200 hover:text-red-500\"\n                  aria-label=\"登入\"\n                >\n                  <LoginIcon />\n                </a>\n              </div>\n            </div>\n\n            <div\n              className={cn(\n                'ease-in-out overflow-hidden transition-all duration-500',\n                compactMode\n                  ? 'h-0 -translate-y-4 opacity-0'\n                  : 'translate-y-0 h-auto opacity-100'\n              )}\n            >\n              <BottomNavigation\n                onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n                menuItems={menuItems}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"desktop-header.js","names":["Object","defineProperty","exports","value","DesktopHeader","_icons","require","_cn","_sharedComponents","_jsxRuntime","onHamburgerOverlayOpen","keywords","compactMode","postTitle","hide","searchPlaceholder","subscribeUrl","menuItems","isLoggedIn","loginUrl","jsxs","Fragment","children","jsx","className","cn","HamburgerButton","small","LogoLink","ActionButtons","tags","hideCtaButtons","href","LoginIcon","BottomNavigation"],"sources":["../../src/header/desktop-header.tsx"],"sourcesContent":["'use client'\n\nimport { LoginIcon } from '../icons'\nimport type { MenuItem } from '../types'\nimport { cn } from '../utils/cn'\nimport {\n  ActionButtons,\n  BottomNavigation,\n  HamburgerButton,\n  LogoLink,\n} from './shared-components'\n\ntype DesktopHeaderProps = {\n  onHamburgerOverlayOpen: () => void\n  keywords: string[]\n  compactMode: boolean\n  postTitle?: string\n  hide: boolean\n  searchPlaceholder: string\n  subscribeUrl: string\n  menuItems: MenuItem[]\n  isLoggedIn?: boolean\n  loginUrl?: string\n}\n\nexport function DesktopHeader({\n  onHamburgerOverlayOpen,\n  keywords,\n  compactMode,\n  postTitle,\n  hide,\n  searchPlaceholder,\n  subscribeUrl,\n  menuItems,\n  isLoggedIn,\n  loginUrl,\n}: DesktopHeaderProps) {\n  return (\n    <>\n      <div className=\"hidden h-(--desktop-header-height) desktop:block\"></div>\n      <div\n        className={cn(\n          'top-0 ease-in-out fixed left-1/2 z-1000 hidden w-full -translate-x-1/2 transform transition-all duration-500 desktop:block',\n          compactMode && 'bg-white',\n          hide\n            ? 'pointer-events-none -translate-y-full opacity-0'\n            : 'translate-y-0 pointer-events-auto opacity-100'\n        )}\n      >\n        <div className=\"px-12 hidden w-full bg-transparent desktop:block\">\n          <div className=\"max-w-300 mx-auto\">\n            <div\n              className={cn(\n                'px-4 flex items-center justify-between py-[18px]',\n                compactMode && 'py-2.5'\n              )}\n            >\n              <div className={'flex items-center'}>\n                <div\n                  className={cn(\n                    'ease-in-out overflow-hidden transition-all duration-500',\n                    compactMode\n                      ? 'translate-x-0 max-w-12 mr-4 w-auto scale-100 opacity-100'\n                      : '-translate-x-2 w-0 max-w-0 pointer-events-none scale-95 opacity-0'\n                  )}\n                >\n                  <HamburgerButton\n                    onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n                    small\n                  />\n                </div>\n                <div className={compactMode ? 'mr-12' : 'mr-8'}>\n                  <LogoLink compactMode={compactMode} />\n                </div>\n                {postTitle && (\n                  <div className=\"pr-12 block\">\n                    <p className=\"font-medium tracking-wide max-w-124 overflow-hidden prose-p2 text-ellipsis whitespace-nowrap text-neutral-900\">\n                      {postTitle}\n                    </p>\n                  </div>\n                )}\n                <div\n                  className={cn(\n                    'ease-in-out overflow-hidden transition-all duration-500',\n                    compactMode\n                      ? 'max-h-0 -translate-x-8 scale-95 opacity-0'\n                      : 'max-h-20 max-w-auto scale-100 opacity-100',\n                    postTitle && compactMode && 'max-w-0'\n                  )}\n                >\n                  <span className=\"font-medium translate-y-0 inline-block prose-p2 tracking-[2.2px]! text-nowrap text-neutral-900 opacity-100\">\n                    理解世界 × 參與未來\n                  </span>\n                </div>\n              </div>\n\n              <div className=\"gap-4 flex items-center\">\n                <ActionButtons\n                  tags={keywords}\n                  hideCtaButtons={compactMode}\n                  searchPlaceholder={searchPlaceholder}\n                  subscribeUrl={subscribeUrl}\n                />\n                <a\n                  href={isLoggedIn ? '/member' : (loginUrl ?? '/login')}\n                  className=\"w-8 h-8 flex items-center justify-center rounded-full text-red-400 transition-colors duration-200 hover:text-red-500\"\n                  aria-label=\"登入\"\n                >\n                  <LoginIcon />\n                </a>\n              </div>\n            </div>\n\n            <div\n              className={cn(\n                'ease-in-out overflow-hidden transition-all duration-500',\n                compactMode\n                  ? 'h-0 -translate-y-4 opacity-0'\n                  : 'translate-y-0 h-auto opacity-100'\n              )}\n            >\n              <BottomNavigation\n                onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n                menuItems={menuItems}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/header/header-context.d.ts

@@ -6,6 +6,12 @@ type HeaderContextType = {
     openMenu: () => void;
     closeMenu: () => void;
     keywords: string[];
+    isLoggedIn: boolean;
+    setIsLoggedIn: (isLoggedIn: boolean) => void;
+    mobileBackButtonHref?: string;
+    setMobileBackButtonHref: (href?: string) => void;
+    loginUrl?: string;
+    setLoginUrl: (url?: string) => void;
 };
 export declare function HeaderProvider({ children, keywords, }: {
     children: ReactNode;

package/dist/header/header-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-context.d.ts","sourceRoot":"","sources":["../../src/header/header-context.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAA;AAEd,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,CAAA;AAID,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,2CAuBA;AAED,wBAAgB,gBAAgB,kCAG/B"}
+{"version":3,"file":"header-context.d.ts","sourceRoot":"","sources":["../../src/header/header-context.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAA;AAEd,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,uBAAuB,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC,CAAA;AAID,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,2CA2CA;AAED,wBAAgB,gBAAgB,kCAG/B"}

package/dist/header/header-context.js

@@ -15,6 +15,9 @@ function HeaderProvider({
 }) {
   const [postTitle, setPostTitle] = (0, _react.useState)(undefined);
   const [isMenuOpen, setIsMenuOpen] = (0, _react.useState)(false);
+  const [isLoggedIn, setIsLoggedIn] = (0, _react.useState)(false);
+  const [mobileBackButtonHref, setMobileBackButtonHref] = (0, _react.useState)(undefined);
+  const [loginUrl, setLoginUrl] = (0, _react.useState)(undefined);
   const openMenu = (0, _react.useCallback)(() => setIsMenuOpen(true), []);
   const closeMenu = (0, _react.useCallback)(() => setIsMenuOpen(false), []);
   const contextValue = (0, _react.useMemo)(() => ({
@@ -23,8 +26,14 @@ function HeaderProvider({
     isMenuOpen,
     openMenu,
     closeMenu,
-    keywords
-  }), [postTitle, setPostTitle, isMenuOpen, openMenu, closeMenu, keywords]);
+    keywords,
+    isLoggedIn,
+    setIsLoggedIn,
+    mobileBackButtonHref,
+    setMobileBackButtonHref,
+    loginUrl,
+    setLoginUrl
+  }), [postTitle, isMenuOpen, openMenu, closeMenu, keywords, isLoggedIn, mobileBackButtonHref, loginUrl]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderContext.Provider, {
     value: contextValue,
     children: children

package/dist/header/header-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-context.js","names":["Object","defineProperty","exports","value","HeaderProvider","useHeaderContext","_react","require","_jsxRuntime","HeaderContext","createContext","undefined","children","keywords","postTitle","setPostTitle","useState","isMenuOpen","setIsMenuOpen","openMenu","useCallback","closeMenu","contextValue","useMemo","jsx","Provider","context","useContext"],"sources":["../../src/header/header-context.tsx"],"sourcesContent":["'use client'\nimport {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react'\n\ntype HeaderContextType = {\n  postTitle?: string\n  setPostTitle: (title?: string) => void\n  isMenuOpen: boolean\n  openMenu: () => void\n  closeMenu: () => void\n  keywords: string[]\n}\n\nconst HeaderContext = createContext<HeaderContextType | undefined>(undefined)\n\nexport function HeaderProvider({\n  children,\n  keywords,\n}: {\n  children: ReactNode\n  keywords: string[]\n}) {\n  const [postTitle, setPostTitle] = useState<string | undefined>(undefined)\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const openMenu = useCallback(() => setIsMenuOpen(true), [])\n  const closeMenu = useCallback(() => setIsMenuOpen(false), [])\n\n  const contextValue = useMemo(\n    () => ({\n      postTitle,\n      setPostTitle,\n      isMenuOpen,\n      openMenu,\n      closeMenu,\n      keywords,\n    }),\n    [postTitle, setPostTitle, isMenuOpen, openMenu, closeMenu, keywords]\n  )\n\n  return (\n    <HeaderContext.Provider value={contextValue}>\n      {children}\n    </HeaderContext.Provider>\n  )\n}\n\nexport function useHeaderContext() {\n  const context = useContext(HeaderContext)\n  return context\n}\n"],"mappings":";AAAA,YAAY;;AAAAA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,cAAA,GAAAA,cAAA;AAAAF,OAAA,CAAAG,gBAAA,GAAAA,gBAAA;AACZ,IAAAC,MAAA,GAAAC,OAAA;AAOc,IAAAC,WAAA,GAAAD,OAAA;AAWd,MAAME,aAAa,gBAAG,IAAAC,oBAAa,EAAgCC,SAAS,CAAC;AAEtE,SAASP,cAAcA,CAAC;EAC7BQ,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAqBL,SAAS,CAAC;EACzE,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAMG,QAAQ,GAAG,IAAAC,kBAAW,EAAC,MAAMF,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAC3D,MAAMG,SAAS,GAAG,IAAAD,kBAAW,EAAC,MAAMF,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE7D,MAAMI,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLT,SAAS;IACTC,YAAY;IACZE,UAAU;IACVE,QAAQ;IACRE,SAAS;IACTR;EACF,CAAC,CAAC,EACF,CAACC,SAAS,EAAEC,YAAY,EAAEE,UAAU,EAAEE,QAAQ,EAAEE,SAAS,EAAER,QAAQ,CACrE,CAAC;EAED,oBACE,IAAAL,WAAA,CAAAgB,GAAA,EAACf,aAAa,CAACgB,QAAQ;IAACtB,KAAK,EAAEmB,YAAa;IAAAV,QAAA,EACzCA;EAAQ,CACa,CAAC;AAE7B;AAEO,SAASP,gBAAgBA,CAAA,EAAG;EACjC,MAAMqB,OAAO,GAAG,IAAAC,iBAAU,EAAClB,aAAa,CAAC;EACzC,OAAOiB,OAAO;AAChB"}
+{"version":3,"file":"header-context.js","names":["Object","defineProperty","exports","value","HeaderProvider","useHeaderContext","_react","require","_jsxRuntime","HeaderContext","createContext","undefined","children","keywords","postTitle","setPostTitle","useState","isMenuOpen","setIsMenuOpen","isLoggedIn","setIsLoggedIn","mobileBackButtonHref","setMobileBackButtonHref","loginUrl","setLoginUrl","openMenu","useCallback","closeMenu","contextValue","useMemo","jsx","Provider","context","useContext"],"sources":["../../src/header/header-context.tsx"],"sourcesContent":["'use client'\nimport {\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react'\n\ntype HeaderContextType = {\n  postTitle?: string\n  setPostTitle: (title?: string) => void\n  isMenuOpen: boolean\n  openMenu: () => void\n  closeMenu: () => void\n  keywords: string[]\n  isLoggedIn: boolean\n  setIsLoggedIn: (isLoggedIn: boolean) => void\n  mobileBackButtonHref?: string\n  setMobileBackButtonHref: (href?: string) => void\n  loginUrl?: string\n  setLoginUrl: (url?: string) => void\n}\n\nconst HeaderContext = createContext<HeaderContextType | undefined>(undefined)\n\nexport function HeaderProvider({\n  children,\n  keywords,\n}: {\n  children: ReactNode\n  keywords: string[]\n}) {\n  const [postTitle, setPostTitle] = useState<string | undefined>(undefined)\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [isLoggedIn, setIsLoggedIn] = useState(false)\n  const [mobileBackButtonHref, setMobileBackButtonHref] = useState<\n    string | undefined\n  >(undefined)\n  const [loginUrl, setLoginUrl] = useState<string | undefined>(undefined)\n  const openMenu = useCallback(() => setIsMenuOpen(true), [])\n  const closeMenu = useCallback(() => setIsMenuOpen(false), [])\n\n  const contextValue = useMemo(\n    () => ({\n      postTitle,\n      setPostTitle,\n      isMenuOpen,\n      openMenu,\n      closeMenu,\n      keywords,\n      isLoggedIn,\n      setIsLoggedIn,\n      mobileBackButtonHref,\n      setMobileBackButtonHref,\n      loginUrl,\n      setLoginUrl,\n    }),\n    [\n      postTitle,\n      isMenuOpen,\n      openMenu,\n      closeMenu,\n      keywords,\n      isLoggedIn,\n      mobileBackButtonHref,\n      loginUrl,\n    ]\n  )\n\n  return (\n    <HeaderContext.Provider value={contextValue}>\n      {children}\n    </HeaderContext.Provider>\n  )\n}\n\nexport function useHeaderContext() {\n  const context = useContext(HeaderContext)\n  return context\n}\n"],"mappings":";AAAA,YAAY;;AAAAA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,cAAA,GAAAA,cAAA;AAAAF,OAAA,CAAAG,gBAAA,GAAAA,gBAAA;AACZ,IAAAC,MAAA,GAAAC,OAAA;AAOc,IAAAC,WAAA,GAAAD,OAAA;AAiBd,MAAME,aAAa,gBAAG,IAAAC,oBAAa,EAAgCC,SAAS,CAAC;AAEtE,SAASP,cAAcA,CAAC;EAC7BQ,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAqBL,SAAS,CAAC;EACzE,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAM,CAACK,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAN,eAAQ,EAE9DL,SAAS,CAAC;EACZ,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAR,eAAQ,EAAqBL,SAAS,CAAC;EACvE,MAAMc,QAAQ,GAAG,IAAAC,kBAAW,EAAC,MAAMR,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAC3D,MAAMS,SAAS,GAAG,IAAAD,kBAAW,EAAC,MAAMR,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE7D,MAAMU,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLf,SAAS;IACTC,YAAY;IACZE,UAAU;IACVQ,QAAQ;IACRE,SAAS;IACTd,QAAQ;IACRM,UAAU;IACVC,aAAa;IACbC,oBAAoB;IACpBC,uBAAuB;IACvBC,QAAQ;IACRC;EACF,CAAC,CAAC,EACF,CACEV,SAAS,EACTG,UAAU,EACVQ,QAAQ,EACRE,SAAS,EACTd,QAAQ,EACRM,UAAU,EACVE,oBAAoB,EACpBE,QAAQ,CAEZ,CAAC;EAED,oBACE,IAAAf,WAAA,CAAAsB,GAAA,EAACrB,aAAa,CAACsB,QAAQ;IAAC5B,KAAK,EAAEyB,YAAa;IAAAhB,QAAA,EACzCA;EAAQ,CACa,CAAC;AAE7B;AAEO,SAASP,gBAAgBA,CAAA,EAAG;EACjC,MAAM2B,OAAO,GAAG,IAAAC,iBAAU,EAACxB,aAAa,CAAC;EACzC,OAAOuB,OAAO;AAChB"}

package/dist/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/header/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAsB,EACtB,mBAA2C,EAC3C,gBAA8D,EAC9D,iBAAsC,EACtC,YAA4B,EAC5B,SAAsB,GACvB,EAAE,WAAW,2CAwDb;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/header/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAsB,EACtB,mBAA2C,EAC3C,gBAA8D,EAC9D,iBAAsC,EACtC,YAA4B,EAC5B,SAAsB,GACvB,EAAE,WAAW,2CAgEb;AAED,eAAe,MAAM,CAAA"}

package/dist/header/index.js

@@ -23,6 +23,8 @@ function Header({
 }) {
   const context = (0, _headerContext.useHeaderContext)();
   const postTitle = context?.postTitle;
+  const isLoggedIn = context?.isLoggedIn || false;
+  const loginUrl = context?.loginUrl || '/login';
   const isMenuOpen = context?.isMenuOpen || false;
   const openMenu = context?.openMenu;
   const closeMenu = context?.closeMenu;
@@ -30,6 +32,7 @@ function Header({
   const onHamburgerOverlayOpen = () => {
     openMenu?.();
   };
+  const mobileBackButtonHref = context?.mobileBackButtonHref;
   const onCloseMenu = () => {
     closeMenu?.();
   };
@@ -49,12 +52,17 @@ function Header({
       postTitle: isAtTop ? undefined : postTitle,
       searchPlaceholder: searchPlaceholder,
       subscribeUrl: subscribeUrl,
-      menuItems: menuItems
+      menuItems: menuItems,
+      isLoggedIn: isLoggedIn,
+      loginUrl: loginUrl
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileHeader.MobileHeader, {
       onCloseMenu: onCloseMenu,
       showCloseButtonWhenMenuOpen: isMobile,
       onHamburgerOverlayOpen: onHamburgerOverlayOpen,
-      isMenuOpen: isMenuOpen
+      isMenuOpen: isMenuOpen,
+      isLoggedIn: isLoggedIn,
+      loginUrl: loginUrl,
+      mobileBackButtonHref: mobileBackButtonHref
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menu.default, {
       isOpen: isMenuOpen,
       onClose: closeMenu || (() => undefined),

package/dist/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_defaultValues","_hooks","_desktopHeader","_headerContext","_menu","_mobileHeader","_jsxRuntime","Header","menuItems","MENU_ITEMS","additionalMenuItems","ADDITIONAL_MENU_ITEMS","socialMediaHrefs","SOCIAL_MEDIA_ITEMS","map","item","href","searchPlaceholder","SEARCH_PLACEHOLDER","subscribeUrl","SUBSCRIBE_URL","donateUrl","DONATE_URL","context","useHeaderContext","postTitle","isMenuOpen","openMenu","closeMenu","keywords","onHamburgerOverlayOpen","onCloseMenu","isMobile","useMediaQuery","isAtTop","useIsAtTop","scrollingLevel","useScrollLevel","scrollDownDistance","throttleThreshold","isScrollingDown","ScrollLevel","DOWN_HIDDEN","jsxs","Fragment","children","jsx","DesktopHeader","hide","compactMode","undefined","MobileHeader","showCloseButtonWhenMenuOpen","isOpen","onClose","_default"],"sources":["../../src/header/index.tsx"],"sourcesContent":["'use client'\nimport {\n  ADDITIONAL_MENU_ITEMS,\n  DONATE_URL,\n  MENU_ITEMS,\n  SEARCH_PLACEHOLDER,\n  SOCIAL_MEDIA_ITEMS,\n  SUBSCRIBE_URL,\n} from '../constants/default-values'\nimport {\n  ScrollLevel,\n  useIsAtTop,\n  useMediaQuery,\n  useScrollLevel,\n} from '../hooks'\nimport type { MenuItem, SocialMediaHrefs } from '../types'\nimport { DesktopHeader } from './desktop-header'\nimport { useHeaderContext } from './header-context'\nimport Menu from './menu'\nimport { MobileHeader } from './mobile-header'\n\ntype HeaderProps = {\n  menuItems?: MenuItem[]\n  additionalMenuItems?: MenuItem[]\n  socialMediaHrefs?: SocialMediaHrefs\n  searchPlaceholder?: string\n  subscribeUrl?: string\n  donateUrl?: string\n}\n\nfunction Header({\n  menuItems = MENU_ITEMS,\n  additionalMenuItems = ADDITIONAL_MENU_ITEMS,\n  socialMediaHrefs = SOCIAL_MEDIA_ITEMS.map((item) => item.href),\n  searchPlaceholder = SEARCH_PLACEHOLDER,\n  subscribeUrl = SUBSCRIBE_URL,\n  donateUrl = DONATE_URL,\n}: HeaderProps) {\n  const context = useHeaderContext()\n  const postTitle = context?.postTitle\n  const isMenuOpen = context?.isMenuOpen || false\n  const openMenu = context?.openMenu\n  const closeMenu = context?.closeMenu\n  const keywords = context?.keywords || []\n  const onHamburgerOverlayOpen = () => {\n    openMenu?.()\n  }\n\n  const onCloseMenu = () => {\n    closeMenu?.()\n  }\n\n  const isMobile = useMediaQuery('(max-width: 768px)')\n\n  const isAtTop = useIsAtTop()\n  const scrollingLevel = useScrollLevel({\n    scrollDownDistance: 150,\n    throttleThreshold: 50,\n  })\n\n  const isScrollingDown = scrollingLevel === ScrollLevel.DOWN_HIDDEN\n\n  return (\n    <>\n      <DesktopHeader\n        onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n        keywords={keywords}\n        hide={isScrollingDown}\n        compactMode={!isAtTop}\n        postTitle={isAtTop ? undefined : postTitle}\n        searchPlaceholder={searchPlaceholder}\n        subscribeUrl={subscribeUrl}\n        menuItems={menuItems}\n      />\n      <MobileHeader\n        onCloseMenu={onCloseMenu}\n        showCloseButtonWhenMenuOpen={isMobile}\n        onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n        isMenuOpen={isMenuOpen}\n      />\n      <Menu\n        isOpen={isMenuOpen}\n        onClose={closeMenu || (() => undefined)}\n        keywords={keywords}\n        menuItems={menuItems}\n        additionalMenuItems={additionalMenuItems}\n        socialMediaHrefs={socialMediaHrefs}\n        donateUrl={donateUrl}\n        subscribeUrl={subscribeUrl}\n        searchPlaceholder={searchPlaceholder}\n      />\n    </>\n  )\n}\n\nexport default Header\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","_defaultValues","_hooks","_desktopHeader","_headerContext","_menu","_mobileHeader","_jsxRuntime","Header","menuItems","MENU_ITEMS","additionalMenuItems","ADDITIONAL_MENU_ITEMS","socialMediaHrefs","SOCIAL_MEDIA_ITEMS","map","item","href","searchPlaceholder","SEARCH_PLACEHOLDER","subscribeUrl","SUBSCRIBE_URL","donateUrl","DONATE_URL","context","useHeaderContext","postTitle","isLoggedIn","loginUrl","isMenuOpen","openMenu","closeMenu","keywords","onHamburgerOverlayOpen","mobileBackButtonHref","onCloseMenu","isMobile","useMediaQuery","isAtTop","useIsAtTop","scrollingLevel","useScrollLevel","scrollDownDistance","throttleThreshold","isScrollingDown","ScrollLevel","DOWN_HIDDEN","jsxs","Fragment","children","jsx","DesktopHeader","hide","compactMode","undefined","MobileHeader","showCloseButtonWhenMenuOpen","isOpen","onClose","_default"],"sources":["../../src/header/index.tsx"],"sourcesContent":["'use client'\nimport {\n  ADDITIONAL_MENU_ITEMS,\n  DONATE_URL,\n  MENU_ITEMS,\n  SEARCH_PLACEHOLDER,\n  SOCIAL_MEDIA_ITEMS,\n  SUBSCRIBE_URL,\n} from '../constants/default-values'\nimport {\n  ScrollLevel,\n  useIsAtTop,\n  useMediaQuery,\n  useScrollLevel,\n} from '../hooks'\nimport type { MenuItem, SocialMediaHrefs } from '../types'\nimport { DesktopHeader } from './desktop-header'\nimport { useHeaderContext } from './header-context'\nimport Menu from './menu'\nimport { MobileHeader } from './mobile-header'\n\ntype HeaderProps = {\n  menuItems?: MenuItem[]\n  additionalMenuItems?: MenuItem[]\n  socialMediaHrefs?: SocialMediaHrefs\n  searchPlaceholder?: string\n  subscribeUrl?: string\n  donateUrl?: string\n}\n\nfunction Header({\n  menuItems = MENU_ITEMS,\n  additionalMenuItems = ADDITIONAL_MENU_ITEMS,\n  socialMediaHrefs = SOCIAL_MEDIA_ITEMS.map((item) => item.href),\n  searchPlaceholder = SEARCH_PLACEHOLDER,\n  subscribeUrl = SUBSCRIBE_URL,\n  donateUrl = DONATE_URL,\n}: HeaderProps) {\n  const context = useHeaderContext()\n  const postTitle = context?.postTitle\n  const isLoggedIn = context?.isLoggedIn || false\n  const loginUrl = context?.loginUrl || '/login'\n  const isMenuOpen = context?.isMenuOpen || false\n  const openMenu = context?.openMenu\n  const closeMenu = context?.closeMenu\n  const keywords = context?.keywords || []\n  const onHamburgerOverlayOpen = () => {\n    openMenu?.()\n  }\n  const mobileBackButtonHref = context?.mobileBackButtonHref\n\n  const onCloseMenu = () => {\n    closeMenu?.()\n  }\n\n  const isMobile = useMediaQuery('(max-width: 768px)')\n\n  const isAtTop = useIsAtTop()\n  const scrollingLevel = useScrollLevel({\n    scrollDownDistance: 150,\n    throttleThreshold: 50,\n  })\n\n  const isScrollingDown = scrollingLevel === ScrollLevel.DOWN_HIDDEN\n\n  return (\n    <>\n      <DesktopHeader\n        onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n        keywords={keywords}\n        hide={isScrollingDown}\n        compactMode={!isAtTop}\n        postTitle={isAtTop ? undefined : postTitle}\n        searchPlaceholder={searchPlaceholder}\n        subscribeUrl={subscribeUrl}\n        menuItems={menuItems}\n        isLoggedIn={isLoggedIn}\n        loginUrl={loginUrl}\n      />\n      <MobileHeader\n        onCloseMenu={onCloseMenu}\n        showCloseButtonWhenMenuOpen={isMobile}\n        onHamburgerOverlayOpen={onHamburgerOverlayOpen}\n        isMenuOpen={isMenuOpen}\n        isLoggedIn={isLoggedIn}\n        loginUrl={loginUrl}\n        mobileBackButtonHref={mobileBackButtonHref}\n      />\n      <Menu\n        isOpen={isMenuOpen}\n        onClose={closeMenu || (() => undefined)}\n        keywords={keywords}\n        menuItems={menuItems}\n        additionalMenuItems={additionalMenuItems}\n        socialMediaHrefs={socialMediaHrefs}\n        donateUrl={donateUrl}\n        subscribeUrl={subscribeUrl}\n        searchPlaceholder={searchPlaceholder}\n      />\n    </>\n  )\n}\n\nexport default Header\n"],"mappings":"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"}

package/dist/header/is-logged-in-setter.d.ts

@@ -0,0 +1,7 @@
+type IsLoggedInSetterProps = {
+    isLoggedIn: boolean;
+    loginUrl: string;
+};
+declare function IsLoggedInSetter({ isLoggedIn, loginUrl }: IsLoggedInSetterProps): null;
+export default IsLoggedInSetter;
+//# sourceMappingURL=is-logged-in-setter.d.ts.map

package/dist/header/is-logged-in-setter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-logged-in-setter.d.ts","sourceRoot":"","sources":["../../src/header/is-logged-in-setter.tsx"],"names":[],"mappings":"AAIA,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,iBAAS,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,qBAAqB,QAexE;AAED,eAAe,gBAAgB,CAAA"}

package/dist/header/is-logged-in-setter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _headerContext = require("./header-context");
+function IsLoggedInSetter({
+  isLoggedIn,
+  loginUrl
+}) {
+  const context = (0, _headerContext.useHeaderContext)();
+  const setIsLoggedIn = context?.setIsLoggedIn;
+  const setLoginUrl = context?.setLoginUrl;
+  (0, _react.useEffect)(() => {
+    setIsLoggedIn?.(isLoggedIn);
+    setLoginUrl?.(loginUrl);
+    return () => {
+      setIsLoggedIn?.(false);
+      setLoginUrl?.(undefined);
+    };
+  }, [isLoggedIn, setIsLoggedIn, loginUrl, setLoginUrl]);
+  return null;
+}
+var _default = exports.default = IsLoggedInSetter;
+//# sourceMappingURL=is-logged-in-setter.js.map

package/dist/header/is-logged-in-setter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-logged-in-setter.js","names":["_react","require","_headerContext","IsLoggedInSetter","isLoggedIn","loginUrl","context","useHeaderContext","setIsLoggedIn","setLoginUrl","useEffect","undefined","_default","exports","default"],"sources":["../../src/header/is-logged-in-setter.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useHeaderContext } from './header-context'\n\ntype IsLoggedInSetterProps = {\n  isLoggedIn: boolean\n  loginUrl: string\n}\n\nfunction IsLoggedInSetter({ isLoggedIn, loginUrl }: IsLoggedInSetterProps) {\n  const context = useHeaderContext()\n  const setIsLoggedIn = context?.setIsLoggedIn\n  const setLoginUrl = context?.setLoginUrl\n\n  useEffect(() => {\n    setIsLoggedIn?.(isLoggedIn)\n    setLoginUrl?.(loginUrl)\n    return () => {\n      setIsLoggedIn?.(false)\n      setLoginUrl?.(undefined)\n    }\n  }, [isLoggedIn, setIsLoggedIn, loginUrl, setLoginUrl])\n\n  return null\n}\n\nexport default IsLoggedInSetter\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAOA,SAASE,gBAAgBA,CAAC;EAAEC,UAAU;EAAEC;AAAgC,CAAC,EAAE;EACzE,MAAMC,OAAO,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EAClC,MAAMC,aAAa,GAAGF,OAAO,EAAEE,aAAa;EAC5C,MAAMC,WAAW,GAAGH,OAAO,EAAEG,WAAW;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACdF,aAAa,GAAGJ,UAAU,CAAC;IAC3BK,WAAW,GAAGJ,QAAQ,CAAC;IACvB,OAAO,MAAM;MACXG,aAAa,GAAG,KAAK,CAAC;MACtBC,WAAW,GAAGE,SAAS,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CAACP,UAAU,EAAEI,aAAa,EAAEH,QAAQ,EAAEI,WAAW,CAAC,CAAC;EAEtD,OAAO,IAAI;AACb;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,gBAAgB"}

package/dist/header/menu/header-menu-item.js

@@ -65,7 +65,7 @@ function HeaderMenuItem({
         className: (0, _cn.cn)('ease-in-out overflow-hidden transition-all duration-300', isExpanded ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'),
         children: subItems.map((subItem, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
           href: subItem.href,
-          className: "px-6 tablet:px-12 py-2 pl-12 prose-p2 font-medium block transition-colors duration-200 hover:bg-neutral-black/5 hover:text-neutral-900 active:bg-neutral-black/10",
+          className: "px-6 tablet:px-12 py-2 pl-12 font-medium block prose-p2 transition-colors duration-200 hover:bg-neutral-black/5 hover:text-neutral-900 active:bg-neutral-black/10",
           onClick: closeMenu,
           children: subItem.label
         }, index))

package/dist/header/menu/header-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-menu-item.js","names":["_cn","require","_headerContext","_jsxRuntime","HeaderMenuItem","label","href","subItems","external","showIcon","icon","isExpanded","contentClassName","onExpand","hasSubItems","length","context","useHeaderContext","closeMenu","handleExpand","content","jsxs","className","cn","children","jsx","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","onClick","map","subItem","index","target","rel","_default","exports","default"],"sources":["../../../src/header/menu/header-menu-item.tsx"],"sourcesContent":["import { MenuItem } from '../../types'\nimport { cn } from '../../utils/cn'\nimport { useHeaderContext } from '../header-context'\n\ntype HeaderMenuItemProps = {\n  contentClassName?: string\n  isExpanded?: boolean\n  onExpand?: (label: string | null) => void\n} & MenuItem\n\nfunction HeaderMenuItem({\n  label,\n  href,\n  subItems,\n  external,\n  showIcon,\n  icon,\n  isExpanded,\n  contentClassName,\n  onExpand,\n}: HeaderMenuItemProps) {\n  const hasSubItems = subItems && subItems.length > 0\n  const context = useHeaderContext()\n  const closeMenu = context?.closeMenu\n\n  const handleExpand = () => {\n    if (hasSubItems) {\n      onExpand?.(isExpanded ? null : label)\n    }\n  }\n\n  const content = (\n    <div\n      className={cn(\n        'group flex w-full items-center justify-between text-neutral-900 transition-colors duration-100 group-hover:text-neutral-900',\n        contentClassName\n      )}\n    >\n      <div className=\"gap-2 flex items-center\">\n        {showIcon && icon && (\n          <div className=\"w-4 h-4 flex items-center justify-center\">{icon}</div>\n        )}\n        <span\n          className={cn(\n            'prose-p1-bold',\n            isExpanded && 'text-red-400 group-hover:text-red-400'\n          )}\n        >\n          {label}\n        </span>\n      </div>\n\n      {hasSubItems && (\n        <div\n          className={cn(\n            'w-6 h-6 flex items-center justify-center transition-transform',\n            isExpanded && 'rotate-180 text-red-400 group-hover:text-red-400'\n          )}\n        >\n          <svg width=\"14\" height=\"7\" viewBox=\"0 0 14 7\" fill=\"none\">\n            <path\n              d=\"M1 1L7 6L13 1\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </div>\n      )}\n    </div>\n  )\n\n  if (hasSubItems) {\n    return (\n      <div className=\"w-full\">\n        <button\n          onClick={handleExpand}\n          className=\"px-6 tablet:px-8 py-2 flex w-full cursor-pointer items-center justify-between transition-colors duration-200 hover:bg-neutral-black/5 active:bg-neutral-black/10\"\n        >\n          {content}\n        </button>\n        <div\n          className={cn(\n            'ease-in-out overflow-hidden transition-all duration-300',\n            isExpanded ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'\n          )}\n        >\n          {subItems.map((subItem, index) => (\n            <a\n              key={index}\n              href={subItem.href}\n              className=\"px-6 tablet:px-12 py-2 pl-12 prose-p2 font-medium block transition-colors duration-200 hover:bg-neutral-black/5 hover:text-neutral-900 active:bg-neutral-black/10\"\n              onClick={closeMenu}\n            >\n              {subItem.label}\n            </a>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  if (external) {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={\n          'px-6 tablet:px-8 py-2 block transition-colors duration-200 hover:bg-neutral-black/5 active:bg-neutral-black/10'\n        }\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <a\n      href={href}\n      className={\n        'px-6 tablet:px-8 py-2 block transition-colors duration-200 hover:bg-neutral-black/5 active:bg-neutral-black/10'\n      }\n      onClick={closeMenu}\n    >\n      {content}\n    </a>\n  )\n}\n\nexport default HeaderMenuItem\n"],"mappings":"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"}
+{"version":3,"file":"header-menu-item.js","names":["_cn","require","_headerContext","_jsxRuntime","HeaderMenuItem","label","href","subItems","external","showIcon","icon","isExpanded","contentClassName","onExpand","hasSubItems","length","context","useHeaderContext","closeMenu","handleExpand","content","jsxs","className","cn","children","jsx","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","onClick","map","subItem","index","target","rel","_default","exports","default"],"sources":["../../../src/header/menu/header-menu-item.tsx"],"sourcesContent":["import { MenuItem } from '../../types'\nimport { cn } from '../../utils/cn'\nimport { useHeaderContext } from '../header-context'\n\ntype HeaderMenuItemProps = {\n  contentClassName?: string\n  isExpanded?: boolean\n  onExpand?: (label: string | null) => void\n} & MenuItem\n\nfunction HeaderMenuItem({\n  label,\n  href,\n  subItems,\n  external,\n  showIcon,\n  icon,\n  isExpanded,\n  contentClassName,\n  onExpand,\n}: HeaderMenuItemProps) {\n  const hasSubItems = subItems && subItems.length > 0\n  const context = useHeaderContext()\n  const closeMenu = context?.closeMenu\n\n  const handleExpand = () => {\n    if (hasSubItems) {\n      onExpand?.(isExpanded ? null : label)\n    }\n  }\n\n  const content = (\n    <div\n      className={cn(\n        'group flex w-full items-center justify-between text-neutral-900 transition-colors duration-100 group-hover:text-neutral-900',\n        contentClassName\n      )}\n    >\n      <div className=\"gap-2 flex items-center\">\n        {showIcon && icon && (\n          <div className=\"w-4 h-4 flex items-center justify-center\">{icon}</div>\n        )}\n        <span\n          className={cn(\n            'prose-p1-bold',\n            isExpanded && 'text-red-400 group-hover:text-red-400'\n          )}\n        >\n          {label}\n        </span>\n      </div>\n\n      {hasSubItems && (\n        <div\n          className={cn(\n            'w-6 h-6 flex items-center justify-center transition-transform',\n            isExpanded && 'rotate-180 text-red-400 group-hover:text-red-400'\n          )}\n        >\n          <svg width=\"14\" height=\"7\" viewBox=\"0 0 14 7\" fill=\"none\">\n            <path\n              d=\"M1 1L7 6L13 1\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </div>\n      )}\n    </div>\n  )\n\n  if (hasSubItems) {\n    return (\n      <div className=\"w-full\">\n        <button\n          onClick={handleExpand}\n          className=\"px-6 tablet:px-8 py-2 flex w-full cursor-pointer items-center justify-between transition-colors duration-200 hover:bg-neutral-black/5 active:bg-neutral-black/10\"\n        >\n          {content}\n        </button>\n        <div\n          className={cn(\n            'ease-in-out overflow-hidden transition-all duration-300',\n            isExpanded ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'\n          )}\n        >\n          {subItems.map((subItem, index) => (\n            <a\n              key={index}\n              href={subItem.href}\n              className=\"px-6 tablet:px-12 py-2 pl-12 font-medium block prose-p2 transition-colors duration-200 hover:bg-neutral-black/5 hover:text-neutral-900 active:bg-neutral-black/10\"\n              onClick={closeMenu}\n            >\n              {subItem.label}\n            </a>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  if (external) {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={\n          'px-6 tablet:px-8 py-2 block transition-colors duration-200 hover:bg-neutral-black/5 active:bg-neutral-black/10'\n        }\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <a\n      href={href}\n      className={\n        'px-6 tablet:px-8 py-2 block transition-colors duration-200 hover:bg-neutral-black/5 active:bg-neutral-black/10'\n      }\n      onClick={closeMenu}\n    >\n      {content}\n    </a>\n  )\n}\n\nexport default HeaderMenuItem\n"],"mappings":";;;;;;AACA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAQpD,SAASG,cAAcA,CAAC;EACtBC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,UAAU;EACVC,gBAAgB;EAChBC;AACmB,CAAC,EAAE;EACtB,MAAMC,WAAW,GAAGP,QAAQ,IAAIA,QAAQ,CAACQ,MAAM,GAAG,CAAC;EACnD,MAAMC,OAAO,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EAClC,MAAMC,SAAS,GAAGF,OAAO,EAAEE,SAAS;EAEpC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIL,WAAW,EAAE;MACfD,QAAQ,GAAGF,UAAU,GAAG,IAAI,GAAGN,KAAK,CAAC;IACvC;EACF,CAAC;EAED,MAAMe,OAAO,gBACX,IAAAjB,WAAA,CAAAkB,IAAA;IACEC,SAAS,EAAE,IAAAC,MAAE,EACX,6HAA6H,EAC7HX,gBACF,CAAE;IAAAY,QAAA,gBAEF,IAAArB,WAAA,CAAAkB,IAAA;MAAKC,SAAS,EAAC,yBAAyB;MAAAE,QAAA,GACrCf,QAAQ,IAAIC,IAAI,iBACf,IAAAP,WAAA,CAAAsB,GAAA;QAAKH,SAAS,EAAC,0CAA0C;QAAAE,QAAA,EAAEd;MAAI,CAAM,CACtE,eACD,IAAAP,WAAA,CAAAsB,GAAA;QACEH,SAAS,EAAE,IAAAC,MAAE,EACX,eAAe,EACfZ,UAAU,IAAI,uCAChB,CAAE;QAAAa,QAAA,EAEDnB;MAAK,CACF,CAAC;IAAA,CACJ,CAAC,EAELS,WAAW,iBACV,IAAAX,WAAA,CAAAsB,GAAA;MACEH,SAAS,EAAE,IAAAC,MAAE,EACX,+DAA+D,EAC/DZ,UAAU,IAAI,kDAChB,CAAE;MAAAa,QAAA,eAEF,IAAArB,WAAA,CAAAsB,GAAA;QAAKC,KAAK,EAAC,IAAI;QAACC,MAAM,EAAC,GAAG;QAACC,OAAO,EAAC,UAAU;QAACC,IAAI,EAAC,MAAM;QAAAL,QAAA,eACvD,IAAArB,WAAA,CAAAsB,GAAA;UACEK,CAAC,EAAC,eAAe;UACjBC,MAAM,EAAC,cAAc;UACrBC,WAAW,EAAC,KAAK;UACjBC,aAAa,EAAC,OAAO;UACrBC,cAAc,EAAC;QAAO,CACvB;MAAC,CACC;IAAC,CACH,CACN;EAAA,CACE,CACN;EAED,IAAIpB,WAAW,EAAE;IACf,oBACE,IAAAX,WAAA,CAAAkB,IAAA;MAAKC,SAAS,EAAC,QAAQ;MAAAE,QAAA,gBACrB,IAAArB,WAAA,CAAAsB,GAAA;QACEU,OAAO,EAAEhB,YAAa;QACtBG,SAAS,EAAC,kKAAkK;QAAAE,QAAA,EAE3KJ;MAAO,CACF,CAAC,eACT,IAAAjB,WAAA,CAAAsB,GAAA;QACEH,SAAS,EAAE,IAAAC,MAAE,EACX,yDAAyD,EACzDZ,UAAU,GAAG,sBAAsB,GAAG,mBACxC,CAAE;QAAAa,QAAA,EAEDjB,QAAQ,CAAC6B,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC3B,IAAAnC,WAAA,CAAAsB,GAAA;UAEEnB,IAAI,EAAE+B,OAAO,CAAC/B,IAAK;UACnBgB,SAAS,EAAC,mKAAmK;UAC7Ka,OAAO,EAAEjB,SAAU;UAAAM,QAAA,EAElBa,OAAO,CAAChC;QAAK,GALTiC,KAMJ,CACJ;MAAC,CACC,CAAC;IAAA,CACH,CAAC;EAEV;EAEA,IAAI9B,QAAQ,EAAE;IACZ,oBACE,IAAAL,WAAA,CAAAsB,GAAA;MACEnB,IAAI,EAAEA,IAAK;MACXiC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC,qBAAqB;MACzBlB,SAAS,EACP,gHACD;MAAAE,QAAA,EAEAJ;IAAO,CACP,CAAC;EAER;EAEA,oBACE,IAAAjB,WAAA,CAAAsB,GAAA;IACEnB,IAAI,EAAEA,IAAK;IACXgB,SAAS,EACP,gHACD;IACDa,OAAO,EAAEjB,SAAU;IAAAM,QAAA,EAElBJ;EAAO,CACP,CAAC;AAER;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcvC,cAAc"}

package/dist/header/menu/index.js

@@ -63,7 +63,7 @@ function Menu({
       className: (0, _cn.cn)('inset-0 fixed z-1001 bg-neutral-500/50 transition-opacity duration-300', isOpen ? 'opacity-100' : 'pointer-events-none opacity-0'),
       onClick: onClose
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _cn.cn)('top-0 left-0 tablet:w-80 bg-white shadow-2xl ease-in-out scrollbar-thin tablet:pt-0 fixed z-1001 h-full w-full transform pt-(--mobile-header-height) transition-transform duration-300', isOpen ? 'translate-x-0' : '-translate-x-full'),
+      className: (0, _cn.cn)('top-0 left-0 tablet:w-80 bg-white shadow-2xl ease-in-out tablet:pt-0 fixed z-1001 h-full scrollbar-thin w-full transform pt-(--mobile-header-height) transition-transform duration-300', isOpen ? 'translate-x-0' : '-translate-x-full'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "flex h-full flex-col overflow-y-auto",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {