@twreporter/react-typescript-components 0.1.0-beta.17 → 0.1.0-beta.19

package/lib/title-bar/index.mjs

@@ -1,12 +1,12 @@
-import { internal_link_default } from "../internal-link-NQb751uB.mjs";
+import { internal_link_default } from "../internal-link-DCXJvzgx.mjs";
 import "../constants-oTHAnh6r.mjs";
 import "../constants-CBSEPx91.mjs";
 import { P1, P2 } from "../paragraph-Cf9jr8RF.mjs";
 import "../theme-BG6yZVj-.mjs";
 import { text_button_default } from "../button-D_AWI7r9.mjs";
-import { external_link_default } from "../external-link-BykRRwmY.mjs";
-import "../customized-link-DNKmWI0u.mjs";
-import { H1, H2, H5 } from "../heading-BWuXn7wB.mjs";
+import { external_link_default } from "../external-link-Diro-q37.mjs";
+import "../customized-link-BacydHK_.mjs";
+import { H1, H2, H5 } from "../heading-Cljxy-62.mjs";
 import { createElement, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";

package/lib/{type-C4hJK9H9.d.ts → type-DGvbr3Rm.d.mts}

@@ -5,7 +5,9 @@ type CustomizedLinkProps = {
   target?: LinkTarget;
   className?: string;
   children?: React.ReactNode;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
 };
 //#endregion
 export { CustomizedLinkProps, LinkTarget };
-//# sourceMappingURL=type-C4hJK9H9.d.ts.map
+//# sourceMappingURL=type-DGvbr3Rm.d.mts.map

package/lib/{type-4zpM3Fk5.d.mts → type-ubTUOk6A.d.ts}

@@ -5,7 +5,9 @@ type CustomizedLinkProps = {
   target?: LinkTarget;
   className?: string;
   children?: React.ReactNode;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
 };
 //#endregion
 export { CustomizedLinkProps, LinkTarget };
-//# sourceMappingURL=type-4zpM3Fk5.d.mts.map
+//# sourceMappingURL=type-ubTUOk6A.d.ts.map

package/lib/types/index.d.mts

@@ -1,2 +1,2 @@
-import { ValuesOf } from "../index-DaRD2S-9.mjs";
+import { ValuesOf } from "../index-DegwO8ei.mjs";
 export { ValuesOf };

package/lib/{use-outside-click-Bz_v9VCq.mjs → use-outside-click-Br_ste4n.mjs}

@@ -17,4 +17,4 @@ const useOutsideClick = (callback) => {
 
 //#endregion
 export { useOutsideClick };
-//# sourceMappingURL=use-outside-click-Bz_v9VCq.mjs.map
+//# sourceMappingURL=use-outside-click-Br_ste4n.mjs.map

package/lib/{use-outside-click-Bz_v9VCq.mjs.map → use-outside-click-Br_ste4n.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-outside-click-Bz_v9VCq.mjs","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,MAAM,OAAuB,KAAK;AAExC,iBAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}
+{"version":3,"file":"use-outside-click-Br_ste4n.mjs","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,MAAM,OAAuB,KAAK;AAExC,iBAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}

package/lib/{use-outside-click-436PXIeY.js → use-outside-click-Cl1QlhTH.js}

@@ -24,4 +24,4 @@ Object.defineProperty(exports, 'useOutsideClick', {
     return useOutsideClick;
   }
 });
-//# sourceMappingURL=use-outside-click-436PXIeY.js.map
+//# sourceMappingURL=use-outside-click-Cl1QlhTH.js.map

package/lib/{use-outside-click-436PXIeY.js.map → use-outside-click-Cl1QlhTH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-outside-click-436PXIeY.js","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,wBAA6B,KAAK;AAExC,4BAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}
+{"version":3,"file":"use-outside-click-Cl1QlhTH.js","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,wBAA6B,KAAK;AAExC,4BAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}

package/lib/use-outside-click-Diz2B7wx.d.mts

@@ -0,0 +1,7 @@
+import * as react18 from "react";
+
+//#region src/hooks/use-outside-click.d.ts
+declare const useOutsideClick: (callback: () => void) => react18.RefObject<HTMLDivElement | null>;
+//#endregion
+export { useOutsideClick };
+//# sourceMappingURL=use-outside-click-Diz2B7wx.d.mts.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components using TypeScript and Tailwind CSS",
   "author": "twreporter <developer@twreporter.org>",
   "license": "MIT",
-  "version": "0.1.0-beta.17",
+  "version": "0.1.0-beta.19",
   "type": "commonjs",
   "scripts": {
     "clean": "rm -rf lib",
@@ -50,5 +50,5 @@
     "url": "git+https://github.com/twreporter/www-public-monorepo.git",
     "directory": "packages/react-typescript-components"
   },
-  "gitHead": "3784f872107c9c15c8f48ed70fe2d23b5680ac6e"
+  "gitHead": "4a42c692f3e042685bf0249b29e56eee553449cc"
 }

package/lib/constants-BGUGvo1A.d.ts

@@ -1,22 +0,0 @@
-import { ValuesOf } from "./index-H3peA2d_.js";
-
-//#region src/input/constants.d.ts
-declare const WIDTH_TYPE: {
-  readonly fit: "fit";
-  readonly stretch: "stretch";
-};
-type WidthType = ValuesOf<typeof WIDTH_TYPE>;
-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, WIDTH_TYPE, WidthType };
-//# sourceMappingURL=constants-BGUGvo1A.d.ts.map

package/lib/constants-BP47D2l7.js

@@ -1,36 +0,0 @@
-
-//#region src/input/constants.ts
-const WIDTH_TYPE = {
-	fit: "fit",
-	stretch: "stretch"
-};
-const TEXT_ALIGN = {
-	left: "left",
-	center: "center"
-};
-const TEXT_STATE = {
-	default: "default",
-	error: "error",
-	disabled: "disabled"
-};
-
-//#endregion
-Object.defineProperty(exports, 'TEXT_ALIGN', {
-  enumerable: true,
-  get: function () {
-    return TEXT_ALIGN;
-  }
-});
-Object.defineProperty(exports, 'TEXT_STATE', {
-  enumerable: true,
-  get: function () {
-    return TEXT_STATE;
-  }
-});
-Object.defineProperty(exports, 'WIDTH_TYPE', {
-  enumerable: true,
-  get: function () {
-    return WIDTH_TYPE;
-  }
-});
-//# sourceMappingURL=constants-BP47D2l7.js.map

package/lib/constants-BP47D2l7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-BP47D2l7.js","names":[],"sources":["../src/input/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\n// for search-bar\nexport const WIDTH_TYPE = {\n  fit: 'fit',\n  stretch: 'stretch',\n} as const\nexport type WidthType = ValuesOf<typeof WIDTH_TYPE>\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,KAAK;CACL,SAAS;CACV;AAID,MAAa,aAAa;CACxB,MAAM;CACN,QAAQ;CACT;AAGD,MAAa,aAAa;CACxB,SAAS;CACT,OAAO;CACP,UAAU;CACX"}

package/lib/constants-CxHP9dkH.d.mts

@@ -1,22 +0,0 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
-
-//#region src/input/constants.d.ts
-declare const WIDTH_TYPE: {
-  readonly fit: "fit";
-  readonly stretch: "stretch";
-};
-type WidthType = ValuesOf<typeof WIDTH_TYPE>;
-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, WIDTH_TYPE, WidthType };
-//# sourceMappingURL=constants-CxHP9dkH.d.mts.map

package/lib/constants-Dfgyc0ND.mjs

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

package/lib/constants-Dfgyc0ND.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-Dfgyc0ND.mjs","names":[],"sources":["../src/input/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\n// for search-bar\nexport const WIDTH_TYPE = {\n  fit: 'fit',\n  stretch: 'stretch',\n} as const\nexport type WidthType = ValuesOf<typeof WIDTH_TYPE>\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,KAAK;CACL,SAAS;CACV;AAID,MAAa,aAAa;CACxB,MAAM;CACN,QAAQ;CACT;AAGD,MAAa,aAAa;CACxB,SAAS;CACT,OAAO;CACP,UAAU;CACX"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"external-link-BMrkjNyi.js","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,2CAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}

package/lib/external-link-BykRRwmY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-link-BykRRwmY.mjs","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,oBAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}

package/lib/input-_Hl5B4_K.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-_Hl5B4_K.mjs","names":["SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n  WidthType: typeof WIDTH_TYPE\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'\nimport { WIDTH_TYPE, type WidthType } from '../constants'\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  widthType?: WidthType\n  className?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n  WidthType: typeof WIDTH_TYPE\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  widthType = WIDTH_TYPE.fit,\n  className = '',\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(\n        'flex items-center',\n        widthType === WIDTH_TYPE.stretch ? 'w-full' : 'w-fit',\n        className\n      )}\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          bgColor,\n          widthType === WIDTH_TYPE.stretch ? 'w-full' : 'w-fit',\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',\n            'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n            widthType === WIDTH_TYPE.stretch ? 'w-full' : 'w-fit',\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\nSearchBar.WidthType = WIDTH_TYPE\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n  SearchBar,\n}\n"],"mappings":";;;;;;;;;;;AAiBA,MAAM,oBAAoB;AAY1B,MAAMA,aAGD,EACH,cAAc,IACd,QAAQ,MAAM,QACd,gBAAgB,eAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,WAAW,KACvB,YAAY,SACR;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,KACT,qBACA,cAAc,WAAW,UAAU,WAAW,SAC9C,UACD;EACD;EACU;EACD;EACA;aAET,qBAAC;GACC,WAAW,KACT,2FACA,SACA,cAAc,WAAW,UAAU,WAAW,SAC9C,QACI,KAAK,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,oBAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,WAAW,KACT,+CACA,qGACA,cAAc,WAAW,UAAU,WAAW,SAC9C,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;AAClB,UAAU,YAAY;AAEtB,yBAAe;;;;AC7Hf,oBAAe,EACb,+BACD"}

package/lib/input-czWOItrW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-czWOItrW.js","names":["SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n  WidthType: typeof WIDTH_TYPE\n}","THEME","RELEASE_BRANCH","WIDTH_TYPE","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'\nimport { WIDTH_TYPE, type WidthType } from '../constants'\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  widthType?: WidthType\n  className?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n  WidthType: typeof WIDTH_TYPE\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  widthType = WIDTH_TYPE.fit,\n  className = '',\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(\n        'flex items-center',\n        widthType === WIDTH_TYPE.stretch ? 'w-full' : 'w-fit',\n        className\n      )}\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          bgColor,\n          widthType === WIDTH_TYPE.stretch ? 'w-full' : 'w-fit',\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',\n            'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n            widthType === WIDTH_TYPE.stretch ? 'w-full' : 'w-fit',\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\nSearchBar.WidthType = WIDTH_TYPE\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n  SearchBar,\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,oBAAoB;AAY1B,MAAMA,aAGD,EACH,cAAc,IACd,QAAQC,oBAAM,QACd,gBAAgBC,sCAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAYC,6BAAW,KACvB,YAAY,SACR;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,6BACE,qBACA,cAAcD,6BAAW,UAAU,WAAW,SAC9C,UACD;EACD;EACU;EACD;EACA;aAET,4CAAC;GACC,6BACE,2FACA,SACA,cAAcA,6BAAW,UAAU,WAAW,SAC9C,0BACS,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,2CAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,6BACE,+CACA,qGACA,cAAcA,6BAAW,UAAU,WAAW,SAC9C,OACA,kBACA,WACD;KACD,EACF,2CAACE;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,QAAQN;AAClB,UAAU,YAAYE;AAEtB,yBAAe;;;;AC7Hf,oBAAe,EACb,+BACD"}

package/lib/logo-BTNfdxTv.js.map

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

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

package/lib/use-outside-click-DToGSYRk.d.mts

@@ -1,7 +0,0 @@
-import * as react9 from "react";
-
-//#region src/hooks/use-outside-click.d.ts
-declare const useOutsideClick: (callback: () => void) => react9.RefObject<HTMLDivElement | null>;
-//#endregion
-export { useOutsideClick };
-//# sourceMappingURL=use-outside-click-DToGSYRk.d.mts.map