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

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-COhDITk3.js";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CBjyeHSl.js";
 export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };

package/lib/icons/index.d.mts

@@ -1,8 +1,8 @@
-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 "../index-CUE6zs36.mjs";
+import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-DVYCKpJ0.mjs";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/icons/index.d.ts
 type IconProps = {
@@ -15,14 +15,14 @@ declare const Icon: React.FC<IconProps> & {
   Type: typeof ICON_TYPE;
   ReleaseBranch: typeof RELEASE_BRANCH;
 };
-declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
+declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
 declare const Arrow: React.FC<{
   direction?: ArrowDirection;
   releaseBranch: ReleaseBranch;

package/lib/icons/index.d.ts

@@ -1,8 +1,8 @@
 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-COhDITk3.js";
+import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CBjyeHSl.js";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/icons/index.d.ts
 type IconProps = {
@@ -15,14 +15,14 @@ declare const Icon: React.FC<IconProps> & {
   Type: typeof ICON_TYPE;
   ReleaseBranch: typeof RELEASE_BRANCH;
 };
-declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
-declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
+declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
+declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
 declare const Arrow: React.FC<{
   direction?: ArrowDirection;
   releaseBranch: ReleaseBranch;

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

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

package/lib/input/constants.d.mts

@@ -1,4 +1,4 @@
-import { ValuesOf } from "../index-B0aBR23L.mjs";
+import { ValuesOf } from "../index-CUE6zs36.mjs";
 
 //#region src/input/constants.d.ts
 declare const TEXT_ALIGN: {

package/lib/input/index.d.mts

@@ -1,7 +1,7 @@
-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 "../index-CUE6zs36.mjs";
+import { THEME, Theme } from "../theme-DKi2E2si.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import * as react16 from "react";
 import { FC } from "react";
 
 //#region src/input/components/search-bar.d.ts
@@ -22,7 +22,7 @@ declare const SearchBar: FC<SearchBarProps> & {
 //#endregion
 //#region src/input/index.d.ts
 declare const _default: {
-  SearchBar: react3.FC<{
+  SearchBar: react16.FC<{
     placeholder?: string;
     theme?: Theme;
     releaseBranch?: ReleaseBranch;

package/lib/input/index.d.ts

@@ -1,7 +1,7 @@
 import "../index-H3peA2d_.js";
 import { THEME, Theme } from "../theme-BDGfJ8n-.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import * as react10 from "react";
+import * as react7 from "react";
 import { FC } from "react";
 
 //#region src/input/components/search-bar.d.ts
@@ -22,7 +22,7 @@ declare const SearchBar: FC<SearchBarProps> & {
 //#endregion
 //#region src/input/index.d.ts
 declare const _default: {
-  SearchBar: react10.FC<{
+  SearchBar: react7.FC<{
     placeholder?: string;
     theme?: Theme;
     releaseBranch?: ReleaseBranch;

package/lib/input/index.js

@@ -7,8 +7,8 @@ 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');
+require('../theme-BLdi7Moc.js');
+const require_input = require('../input-D29yD1k-.js');
 
 exports.SearchBar = require_input.search_bar_default;
 exports.default = require_input.input_default;

package/lib/input/index.mjs

@@ -6,7 +6,7 @@ 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";
+import "../theme-DURvzYaJ.mjs";
+import { input_default, search_bar_default } from "../input-DH_jroRh.mjs";
 
 export { search_bar_default as SearchBar, input_default as default };

package/lib/input/theme.d.mts

@@ -1,5 +1,5 @@
-import "../index-B0aBR23L.mjs";
-import { Theme } from "../theme-BQP-h-2z.mjs";
+import "../index-CUE6zs36.mjs";
+import { Theme } from "../theme-DKi2E2si.mjs";
 
 //#region src/input/theme.d.ts
 declare const selectThemeStyle: (theme: Theme) => {

package/lib/input/theme.js

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

package/lib/input/theme.mjs

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

package/lib/{input-VmgNb9pm.js → input-D29yD1k-.js}

@@ -3,7 +3,7 @@ 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');
+const require_theme$1 = require('./theme-BLdi7Moc.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -83,4 +83,4 @@ Object.defineProperty(exports, 'search_bar_default', {
     return search_bar_default;
   }
 });
-//# sourceMappingURL=input-VmgNb9pm.js.map
+//# sourceMappingURL=input-D29yD1k-.js.map

package/lib/{input-VmgNb9pm.js.map → input-D29yD1k-.js.map}

@@ -1 +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"}
+{"version":3,"file":"input-D29yD1k-.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/{input-BU_QJnbj.mjs → input-DH_jroRh.mjs}

@@ -2,7 +2,7 @@ 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 { selectThemeStyle } from "./theme-DURvzYaJ.mjs";
 import { useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ var input_default = { SearchBar: search_bar_default };
 
 //#endregion
 export { input_default, search_bar_default };
-//# sourceMappingURL=input-BU_QJnbj.mjs.map
+//# sourceMappingURL=input-DH_jroRh.mjs.map

package/lib/{input-BU_QJnbj.mjs.map → input-DH_jroRh.mjs.map}

@@ -1 +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"}
+{"version":3,"file":"input-DH_jroRh.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/{internal-link-DCSEl1jM.d.ts → internal-link-BL950cs3.d.ts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-C4hJK9H9.js";
+import { CustomizedLinkProps } from "./type-CcygKers.js";
 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-DCSEl1jM.d.ts.map
+//# sourceMappingURL=internal-link-BL950cs3.d.ts.map

package/lib/{internal-link-B9ExuJfg.js → internal-link-Bq4yp13E.js}

@@ -2258,11 +2258,13 @@ var require_link = /* @__PURE__ */ require_chunk.__commonJS({ "../../node_module
 //#endregion
 //#region src/customized-link/internal-link.tsx
 var import_link = /* @__PURE__ */ require_chunk.__toESM(require_link());
-const InternalLink = ({ to, target = "_self", className = "", children }) => {
+const InternalLink = ({ to, target = "_self", className = "", children, onMouseEnter, onMouseLeave }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_link.default, {
 		href: to,
 		target,
 		className,
+		onMouseEnter,
+		onMouseLeave,
 		children
 	});
 };
@@ -2275,4 +2277,4 @@ Object.defineProperty(exports, 'internal_link_default', {
     return internal_link_default;
   }
 });
-//# sourceMappingURL=internal-link-B9ExuJfg.js.map
+//# sourceMappingURL=internal-link-Bq4yp13E.js.map