@twreporter/react-typescript-components 0.1.0-beta.16 → 0.1.0-beta.18

package/lib/hooks-CDCpkU85.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-CDCpkU85.mjs","names":[],"sources":["../src/hooks/index.ts"],"sourcesContent":["import { useOutsideClick } from './use-outside-click'\n\nexport { useOutsideClick }\n\nexport default { useOutsideClick }\n"],"mappings":";;;AAIA,oBAAe,EAAE,iBAAiB"}

package/lib/icons/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-CYb6xr3M.mjs";
-import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CVmr4VOP.mjs";
+import "../index-B0aBR23L.mjs";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CIMBoUWq.mjs";
 export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };

package/lib/icons/constants.d.ts

@@ -1,3 +1,3 @@
 import "../index-H3peA2d_.js";
-import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CBjyeHSl.js";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-COhDITk3.js";
 export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };

package/lib/icons/index.d.mts

@@ -1,6 +1,6 @@
-import "../index-CYb6xr3M.mjs";
-import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-BqeBsvrl.mjs";
-import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CVmr4VOP.mjs";
+import "../index-B0aBR23L.mjs";
+import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CFUcv043.mjs";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CIMBoUWq.mjs";
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

package/lib/icons/index.d.ts

@@ -1,6 +1,6 @@
 import "../index-H3peA2d_.js";
 import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CBjyeHSl.js";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-COhDITk3.js";
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

package/lib/{index-CYb6xr3M.d.mts → index-B0aBR23L.d.mts}

@@ -2,4 +2,4 @@
 type ValuesOf<T> = T[keyof T];
 //#endregion
 export { ValuesOf };
-//# sourceMappingURL=index-CYb6xr3M.d.mts.map
+//# sourceMappingURL=index-B0aBR23L.d.mts.map

package/lib/input/constants.d.mts

@@ -0,0 +1,17 @@
+import { ValuesOf } from "../index-B0aBR23L.mjs";
+
+//#region src/input/constants.d.ts
+declare const TEXT_ALIGN: {
+  readonly left: "left";
+  readonly center: "center";
+};
+type TextAlign = ValuesOf<typeof TEXT_ALIGN>;
+declare const TEXT_STATE: {
+  readonly default: "default";
+  readonly error: "error";
+  readonly disabled: "disabled";
+};
+type TextState = ValuesOf<typeof TEXT_STATE>;
+//#endregion
+export { TEXT_ALIGN, TEXT_STATE, TextAlign, TextState };
+//# sourceMappingURL=constants.d.mts.map

package/lib/input/constants.d.ts

@@ -0,0 +1,17 @@
+import { ValuesOf } from "../index-H3peA2d_.js";
+
+//#region src/input/constants.d.ts
+declare const TEXT_ALIGN: {
+  readonly left: "left";
+  readonly center: "center";
+};
+type TextAlign = ValuesOf<typeof TEXT_ALIGN>;
+declare const TEXT_STATE: {
+  readonly default: "default";
+  readonly error: "error";
+  readonly disabled: "disabled";
+};
+type TextState = ValuesOf<typeof TEXT_STATE>;
+//#endregion
+export { TEXT_ALIGN, TEXT_STATE, TextAlign, TextState };
+//# sourceMappingURL=constants.d.ts.map

package/lib/input/constants.js

@@ -0,0 +1,16 @@
+
+//#region src/input/constants.ts
+const TEXT_ALIGN = {
+	left: "left",
+	center: "center"
+};
+const TEXT_STATE = {
+	default: "default",
+	error: "error",
+	disabled: "disabled"
+};
+
+//#endregion
+exports.TEXT_ALIGN = TEXT_ALIGN;
+exports.TEXT_STATE = TEXT_STATE;
+//# sourceMappingURL=constants.js.map

package/lib/input/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/input/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\n// for text-field\nexport const TEXT_ALIGN = {\n  left: 'left',\n  center: 'center',\n} as const\nexport type TextAlign = ValuesOf<typeof TEXT_ALIGN>\n\nexport const TEXT_STATE = {\n  default: 'default',\n  error: 'error',\n  disabled: 'disabled',\n} as const\nexport type TextState = ValuesOf<typeof TEXT_STATE>\n"],"mappings":";;AAGA,MAAa,aAAa;CACxB,MAAM;CACN,QAAQ;CACT;AAGD,MAAa,aAAa;CACxB,SAAS;CACT,OAAO;CACP,UAAU;CACX"}

package/lib/input/constants.mjs

@@ -0,0 +1,14 @@
+//#region src/input/constants.ts
+const TEXT_ALIGN = {
+	left: "left",
+	center: "center"
+};
+const TEXT_STATE = {
+	default: "default",
+	error: "error",
+	disabled: "disabled"
+};
+
+//#endregion
+export { TEXT_ALIGN, TEXT_STATE };
+//# sourceMappingURL=constants.mjs.map

package/lib/input/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/input/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\n// for text-field\nexport const TEXT_ALIGN = {\n  left: 'left',\n  center: 'center',\n} as const\nexport type TextAlign = ValuesOf<typeof TEXT_ALIGN>\n\nexport const TEXT_STATE = {\n  default: 'default',\n  error: 'error',\n  disabled: 'disabled',\n} as const\nexport type TextState = ValuesOf<typeof TEXT_STATE>\n"],"mappings":";AAGA,MAAa,aAAa;CACxB,MAAM;CACN,QAAQ;CACT;AAGD,MAAa,aAAa;CACxB,SAAS;CACT,OAAO;CACP,UAAU;CACX"}

package/lib/input/index.d.mts

@@ -0,0 +1,41 @@
+import "../index-B0aBR23L.mjs";
+import { THEME, Theme } from "../theme-BQP-h-2z.mjs";
+import { ReleaseBranch } from "../release-branch-CFUcv043.mjs";
+import * as react3 from "react";
+import { FC } from "react";
+
+//#region src/input/components/search-bar.d.ts
+type SearchBarProps = {
+  placeholder?: string;
+  theme?: Theme;
+  releaseBranch?: ReleaseBranch;
+  onSearch?: (keywords: string) => void;
+  onClose?: () => void;
+  handleBlur?: () => void;
+  autoFocus?: boolean;
+  className?: string;
+  searchBarWidth?: string;
+};
+declare const SearchBar: FC<SearchBarProps> & {
+  Theme: typeof THEME;
+};
+//#endregion
+//#region src/input/index.d.ts
+declare const _default: {
+  SearchBar: react3.FC<{
+    placeholder?: string;
+    theme?: Theme;
+    releaseBranch?: ReleaseBranch;
+    onSearch?: (keywords: string) => void;
+    onClose?: () => void;
+    handleBlur?: () => void;
+    autoFocus?: boolean;
+    className?: string;
+    searchBarWidth?: string;
+  }> & {
+    Theme: typeof THEME;
+  };
+};
+//#endregion
+export { SearchBar, _default as default };
+//# sourceMappingURL=index.d.mts.map

package/lib/input/index.d.ts

@@ -0,0 +1,41 @@
+import "../index-H3peA2d_.js";
+import { THEME, Theme } from "../theme-BDGfJ8n-.js";
+import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
+import * as react10 from "react";
+import { FC } from "react";
+
+//#region src/input/components/search-bar.d.ts
+type SearchBarProps = {
+  placeholder?: string;
+  theme?: Theme;
+  releaseBranch?: ReleaseBranch;
+  onSearch?: (keywords: string) => void;
+  onClose?: () => void;
+  handleBlur?: () => void;
+  autoFocus?: boolean;
+  className?: string;
+  searchBarWidth?: string;
+};
+declare const SearchBar: FC<SearchBarProps> & {
+  Theme: typeof THEME;
+};
+//#endregion
+//#region src/input/index.d.ts
+declare const _default: {
+  SearchBar: react10.FC<{
+    placeholder?: string;
+    theme?: Theme;
+    releaseBranch?: ReleaseBranch;
+    onSearch?: (keywords: string) => void;
+    onClose?: () => void;
+    handleBlur?: () => void;
+    autoFocus?: boolean;
+    className?: string;
+    searchBarWidth?: string;
+  }> & {
+    Theme: typeof THEME;
+  };
+};
+//#endregion
+export { SearchBar, _default as default };
+//# sourceMappingURL=index.d.ts.map

package/lib/input/index.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+require('../constants-BmxSMOOn.js');
+require('../constants-Cndhv6qr.js');
+require('../paragraph-iuz3jP0Q.js');
+require('../theme-DDBlIbeS.js');
+require('../button-Dk0MxlKd.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../constants-D8wNUvoZ.js');
+require('../icons-qP5oNB0W.js');
+require('../theme-Cv8rt4oO.js');
+const require_input = require('../input-VmgNb9pm.js');
+
+exports.SearchBar = require_input.search_bar_default;
+exports.default = require_input.input_default;

package/lib/input/index.mjs

@@ -0,0 +1,12 @@
+import "../constants-oTHAnh6r.mjs";
+import "../constants-CBSEPx91.mjs";
+import "../paragraph-Cf9jr8RF.mjs";
+import "../theme-BG6yZVj-.mjs";
+import "../button-D_AWI7r9.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../constants-5phfWHvb.mjs";
+import "../icons-I7T-auOQ.mjs";
+import "../theme-Bgd_TUHZ.mjs";
+import { input_default, search_bar_default } from "../input-BU_QJnbj.mjs";
+
+export { search_bar_default as SearchBar, input_default as default };

package/lib/input/theme.d.mts

@@ -0,0 +1,16 @@
+import "../index-B0aBR23L.mjs";
+import { Theme } from "../theme-BQP-h-2z.mjs";
+
+//#region src/input/theme.d.ts
+declare const selectThemeStyle: (theme: Theme) => {
+  bgColor: string;
+  focusBgColor: string;
+  desktopBgColor: string;
+  borderColor: string;
+  color: string;
+  focusColor: string;
+  placeholderColor: string;
+};
+//#endregion
+export { selectThemeStyle };
+//# sourceMappingURL=theme.d.mts.map

package/lib/input/theme.d.ts

@@ -0,0 +1,16 @@
+import "../index-H3peA2d_.js";
+import { Theme } from "../theme-BDGfJ8n-.js";
+
+//#region src/input/theme.d.ts
+declare const selectThemeStyle: (theme: Theme) => {
+  bgColor: string;
+  focusBgColor: string;
+  desktopBgColor: string;
+  borderColor: string;
+  color: string;
+  focusColor: string;
+  placeholderColor: string;
+};
+//#endregion
+export { selectThemeStyle };
+//# sourceMappingURL=theme.d.ts.map

package/lib/input/theme.js

@@ -0,0 +1,4 @@
+require('../theme-DDBlIbeS.js');
+const require_theme$1 = require('../theme-Cv8rt4oO.js');
+
+exports.selectThemeStyle = require_theme$1.selectThemeStyle;

package/lib/input/theme.mjs

@@ -0,0 +1,4 @@
+import "../theme-BG6yZVj-.mjs";
+import { selectThemeStyle } from "../theme-Bgd_TUHZ.mjs";
+
+export { selectThemeStyle };

package/lib/input-BU_QJnbj.mjs

@@ -0,0 +1,71 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { icon_button_default } from "./button-D_AWI7r9.mjs";
+import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
+import { Cross, Search } from "./icons-I7T-auOQ.mjs";
+import { selectThemeStyle } from "./theme-Bgd_TUHZ.mjs";
+import { useState } from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/input/components/search-bar.tsx
+const defaultFunc = () => {};
+const SearchBar = ({ placeholder = "", theme = THEME.normal, releaseBranch = RELEASE_BRANCH.master, onSearch = defaultFunc, onClose = defaultFunc, handleBlur = defaultFunc, autoFocus = true, className = "", searchBarWidth = "w-fit" }) => {
+	const [keywords, setKeywords] = useState("");
+	const [focus, setFocus] = useState(false);
+	const { bgColor, focusBgColor, desktopBgColor, borderColor, color, focusColor, placeholderColor } = selectThemeStyle(theme);
+	const onFocus = () => setFocus(true);
+	const onBlur = () => {
+		setFocus(false);
+		handleBlur();
+	};
+	const onSubmit = (e) => {
+		e.preventDefault();
+		onSearch(keywords);
+	};
+	const onChange = (e) => {
+		const input = e.currentTarget.value;
+		setKeywords(input);
+	};
+	const onReset = (e) => {
+		e.preventDefault();
+		setKeywords("");
+	};
+	return /* @__PURE__ */ jsxs("form", {
+		className: clsx("flex items-center", className),
+		noValidate: true,
+		onSubmit,
+		onReset,
+		onFocus,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: clsx("flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]", searchBarWidth, bgColor, focus ? clsx(focusBgColor, borderColor, desktopBgColor) : "border-transparent"),
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "search",
+				placeholder,
+				value: keywords,
+				onChange,
+				onBlur,
+				autoFocus,
+				className: clsx("h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]", "focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden", color, placeholderColor, focusColor)
+			}), /* @__PURE__ */ jsx(icon_button_default, {
+				theme,
+				iconComponent: Search(releaseBranch),
+				onClick: () => onSearch(keywords)
+			})]
+		}), /* @__PURE__ */ jsx(icon_button_default, {
+			theme,
+			iconComponent: Cross(releaseBranch),
+			onClick: onClose,
+			className: clsx("ml-[8px] hidden", "desktop:inline-flex")
+		})]
+	});
+};
+SearchBar.Theme = THEME;
+var search_bar_default = SearchBar;
+
+//#endregion
+//#region src/input/index.ts
+var input_default = { SearchBar: search_bar_default };
+
+//#endregion
+export { input_default, search_bar_default };
+//# sourceMappingURL=input-BU_QJnbj.mjs.map

package/lib/input-BU_QJnbj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BU_QJnbj.mjs","names":["SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n}","IconButton"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n  placeholder?: string\n  theme?: Theme\n  releaseBranch?: ReleaseBranch\n  onSearch?: (keywords: string) => void\n  onClose?: () => void\n  handleBlur?: () => void\n  autoFocus?: boolean\n  className?: string\n  searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n} = ({\n  placeholder = '',\n  theme = THEME.normal,\n  releaseBranch = RELEASE_BRANCH.master,\n  onSearch = defaultFunc,\n  onClose = defaultFunc,\n  handleBlur = defaultFunc,\n  autoFocus = true,\n  className = '',\n  searchBarWidth = 'w-fit',\n}) => {\n  const [keywords, setKeywords] = useState('')\n  const [focus, setFocus] = useState(false)\n  const {\n    bgColor,\n    focusBgColor,\n    desktopBgColor,\n    borderColor,\n    color,\n    focusColor,\n    placeholderColor,\n  } = selectThemeStyle(theme)\n  const onFocus = () => setFocus(true)\n  const onBlur = () => {\n    setFocus(false)\n    handleBlur()\n  }\n  const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    onSearch(keywords)\n  }\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const input = e.currentTarget.value\n    setKeywords(input)\n  }\n  const onReset = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setKeywords('')\n  }\n\n  return (\n    <form\n      className={clsx('flex items-center', className)}\n      noValidate\n      onSubmit={onSubmit}\n      onReset={onReset}\n      onFocus={onFocus}\n    >\n      <div\n        className={clsx(\n          'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n          searchBarWidth,\n          bgColor,\n          focus\n            ? clsx(focusBgColor, borderColor, desktopBgColor)\n            : 'border-transparent'\n        )}\n      >\n        <input\n          type=\"search\"\n          placeholder={placeholder}\n          value={keywords}\n          onChange={onChange}\n          onBlur={onBlur}\n          // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n          autoFocus={autoFocus}\n          className={clsx(\n            'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n            'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n            color,\n            placeholderColor,\n            focusColor\n          )}\n        />\n        <IconButton\n          theme={theme}\n          iconComponent={Search(releaseBranch)}\n          onClick={() => onSearch(keywords)}\n        />\n      </div>\n      <IconButton\n        theme={theme}\n        iconComponent={Cross(releaseBranch)}\n        onClick={onClose}\n        className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n      />\n    </form>\n  )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n  SearchBar,\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQ,MAAM,QACd,gBAAgB,eAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACE,iBAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,qBAAC;EACC,WAAW,KAAK,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,qBAAC;GACC,WAAW,KACT,2FACA,gBACA,SACA,QACI,KAAK,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,oBAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,WAAW,KACT,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,oBAACC;IACQ;IACP,eAAe,OAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,oBAACA;GACQ;GACP,eAAe,MAAM,cAAc;GACnC,SAAS;GACT,WAAW,KAAK,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQ;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}

package/lib/input-VmgNb9pm.js

@@ -0,0 +1,86 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_button = require('./button-Dk0MxlKd.js');
+const require_release_branch = require('./release-branch-CRZV4Ivz.js');
+const require_icons = require('./icons-qP5oNB0W.js');
+const require_theme$1 = require('./theme-Cv8rt4oO.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/input/components/search-bar.tsx
+const defaultFunc = () => {};
+const SearchBar = ({ placeholder = "", theme = require_theme.THEME.normal, releaseBranch = require_release_branch.RELEASE_BRANCH.master, onSearch = defaultFunc, onClose = defaultFunc, handleBlur = defaultFunc, autoFocus = true, className = "", searchBarWidth = "w-fit" }) => {
+	const [keywords, setKeywords] = (0, react.useState)("");
+	const [focus, setFocus] = (0, react.useState)(false);
+	const { bgColor, focusBgColor, desktopBgColor, borderColor, color, focusColor, placeholderColor } = require_theme$1.selectThemeStyle(theme);
+	const onFocus = () => setFocus(true);
+	const onBlur = () => {
+		setFocus(false);
+		handleBlur();
+	};
+	const onSubmit = (e) => {
+		e.preventDefault();
+		onSearch(keywords);
+	};
+	const onChange = (e) => {
+		const input = e.currentTarget.value;
+		setKeywords(input);
+	};
+	const onReset = (e) => {
+		e.preventDefault();
+		setKeywords("");
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		className: (0, clsx.default)("flex items-center", className),
+		noValidate: true,
+		onSubmit,
+		onReset,
+		onFocus,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, clsx.default)("flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]", searchBarWidth, bgColor, focus ? (0, clsx.default)(focusBgColor, borderColor, desktopBgColor) : "border-transparent"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "search",
+				placeholder,
+				value: keywords,
+				onChange,
+				onBlur,
+				autoFocus,
+				className: (0, clsx.default)("h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]", "focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden", color, placeholderColor, focusColor)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, {
+				theme,
+				iconComponent: require_icons.Search(releaseBranch),
+				onClick: () => onSearch(keywords)
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, {
+			theme,
+			iconComponent: require_icons.Cross(releaseBranch),
+			onClick: onClose,
+			className: (0, clsx.default)("ml-[8px] hidden", "desktop:inline-flex")
+		})]
+	});
+};
+SearchBar.Theme = require_theme.THEME;
+var search_bar_default = SearchBar;
+
+//#endregion
+//#region src/input/index.ts
+var input_default = { SearchBar: search_bar_default };
+
+//#endregion
+Object.defineProperty(exports, 'input_default', {
+  enumerable: true,
+  get: function () {
+    return input_default;
+  }
+});
+Object.defineProperty(exports, 'search_bar_default', {
+  enumerable: true,
+  get: function () {
+    return search_bar_default;
+  }
+});
+//# sourceMappingURL=input-VmgNb9pm.js.map

package/lib/input-VmgNb9pm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-VmgNb9pm.js","names":["SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n}","THEME","RELEASE_BRANCH","selectThemeStyle","IconButton","Search","Cross"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n  placeholder?: string\n  theme?: Theme\n  releaseBranch?: ReleaseBranch\n  onSearch?: (keywords: string) => void\n  onClose?: () => void\n  handleBlur?: () => void\n  autoFocus?: boolean\n  className?: string\n  searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n} = ({\n  placeholder = '',\n  theme = THEME.normal,\n  releaseBranch = RELEASE_BRANCH.master,\n  onSearch = defaultFunc,\n  onClose = defaultFunc,\n  handleBlur = defaultFunc,\n  autoFocus = true,\n  className = '',\n  searchBarWidth = 'w-fit',\n}) => {\n  const [keywords, setKeywords] = useState('')\n  const [focus, setFocus] = useState(false)\n  const {\n    bgColor,\n    focusBgColor,\n    desktopBgColor,\n    borderColor,\n    color,\n    focusColor,\n    placeholderColor,\n  } = selectThemeStyle(theme)\n  const onFocus = () => setFocus(true)\n  const onBlur = () => {\n    setFocus(false)\n    handleBlur()\n  }\n  const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    onSearch(keywords)\n  }\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const input = e.currentTarget.value\n    setKeywords(input)\n  }\n  const onReset = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setKeywords('')\n  }\n\n  return (\n    <form\n      className={clsx('flex items-center', className)}\n      noValidate\n      onSubmit={onSubmit}\n      onReset={onReset}\n      onFocus={onFocus}\n    >\n      <div\n        className={clsx(\n          'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n          searchBarWidth,\n          bgColor,\n          focus\n            ? clsx(focusBgColor, borderColor, desktopBgColor)\n            : 'border-transparent'\n        )}\n      >\n        <input\n          type=\"search\"\n          placeholder={placeholder}\n          value={keywords}\n          onChange={onChange}\n          onBlur={onBlur}\n          // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n          autoFocus={autoFocus}\n          className={clsx(\n            'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n            'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n            color,\n            placeholderColor,\n            focusColor\n          )}\n        />\n        <IconButton\n          theme={theme}\n          iconComponent={Search(releaseBranch)}\n          onClick={() => onSearch(keywords)}\n        />\n      </div>\n      <IconButton\n        theme={theme}\n        iconComponent={Cross(releaseBranch)}\n        onClick={onClose}\n        className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n      />\n    </form>\n  )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n  SearchBar,\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQC,oBAAM,QACd,gBAAgBC,sCAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,mCAAwB,GAAG;CAC5C,MAAM,CAAC,OAAO,gCAAqB,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACEC,iCAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,4CAAC;EACC,6BAAgB,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,4CAAC;GACC,6BACE,2FACA,gBACA,SACA,0BACS,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,2CAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,6BACE,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,2CAACC;IACQ;IACP,eAAeC,qBAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,2CAACD;GACQ;GACP,eAAeE,oBAAM,cAAc;GACnC,SAAS;GACT,6BAAgB,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQL;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}

package/lib/{internal-link-Ciu7CWSY.d.mts → internal-link-HG_KM8L7.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-2Go0njwa.mjs";
+import { CustomizedLinkProps } from "./type-Dons5TOa.mjs";
 import { FC } from "react";
 
 //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
 declare const InternalLink: FC<InternalLinkProps>;
 //#endregion
 export { InternalLink };
-//# sourceMappingURL=internal-link-Ciu7CWSY.d.mts.map
+//# sourceMappingURL=internal-link-HG_KM8L7.d.mts.map

package/lib/logo/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-CYb6xr3M.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-BqAhJjFv.mjs";
+import "../index-B0aBR23L.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-BL-KiLbo.mjs";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/constants.d.ts

@@ -1,3 +1,3 @@
 import "../index-H3peA2d_.js";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-B_NgWFML.js";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/index.d.mts

@@ -1,6 +1,6 @@
-import "../index-CYb6xr3M.mjs";
-import { ReleaseBranch } from "../release-branch-BqeBsvrl.mjs";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-BqAhJjFv.mjs";
+import "../index-B0aBR23L.mjs";
+import { ReleaseBranch } from "../release-branch-CFUcv043.mjs";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-BL-KiLbo.mjs";
 import * as react4 from "react";
 import React from "react";
 

package/lib/logo/index.d.ts

@@ -1,7 +1,7 @@
 import "../index-H3peA2d_.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-B_NgWFML.js";
-import * as react8 from "react";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
+import * as react11 from "react";
 import React from "react";
 
 //#region src/logo/components/logo-header.d.ts
@@ -24,16 +24,16 @@ declare const LogoSymbol: React.FC<LogoSymbolProps> & {
 //#endregion
 //#region src/logo/index.d.ts
 declare const _default: {
-  LogoHeader: react8.FC<{
+  LogoHeader: react11.FC<{
     type: LogoType;
     releaseBranch?: ReleaseBranch;
-  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_TYPE;
   };
-  LogoSymbol: react8.FC<{
+  LogoSymbol: react11.FC<{
     type: LogoSymbolType;
     releaseBranch?: ReleaseBranch;
-  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_SYMBOL_TYPE;
   };
 };

package/lib/logo/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../release-branch-CRZV4Ivz.js');
 require('../constants-C2moxnps.js');
-const require_logo = require('../logo-CuMjQGbj.js');
+const require_logo = require('../logo-BTNfdxTv.js');
 
 exports.LogoHeader = require_logo.logo_header_default;
 exports.LogoSymbol = require_logo.logo_symbol_default;

package/lib/logo/index.mjs

@@ -1,5 +1,5 @@
 import "../release-branch-DNCD1uH_.mjs";
 import "../constants-DRxdMM_X.mjs";
-import { logo_default, logo_header_default, logo_symbol_default } from "../logo-CxXblyO9.mjs";
+import { logo_default, logo_header_default, logo_symbol_default } from "../logo-D68VZ-fc.mjs";
 
 export { logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };

package/lib/{logo-CuMjQGbj.js → logo-BTNfdxTv.js}

@@ -80,4 +80,4 @@ Object.defineProperty(exports, 'logo_symbol_default', {
     return logo_symbol_default;
   }
 });
-//# sourceMappingURL=logo-CuMjQGbj.js.map
+//# sourceMappingURL=logo-BTNfdxTv.js.map

package/lib/{logo-CuMjQGbj.js.map → logo-BTNfdxTv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-CuMjQGbj.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;ACff,MAAMI,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}
+{"version":3,"file":"logo-BTNfdxTv.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;ACff,MAAMI,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}

package/lib/{logo-CxXblyO9.mjs → logo-D68VZ-fc.mjs}

@@ -61,4 +61,4 @@ var logo_default = {
 
 //#endregion
 export { logo_default, logo_header_default, logo_symbol_default };
-//# sourceMappingURL=logo-CxXblyO9.mjs.map
+//# sourceMappingURL=logo-D68VZ-fc.mjs.map

package/lib/{logo-CxXblyO9.mjs.map → logo-D68VZ-fc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-CxXblyO9.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}
+{"version":3,"file":"logo-D68VZ-fc.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}