@twreporter/react-typescript-components 0.1.0-beta.22 → 0.1.0-beta.24

package/lib/{input-VmgNb9pm.js → search-bar-B6Ze_F-A.js}

@@ -1,9 +1,9 @@
 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');
+const require_icon_button = require('./icon-button-Vqwyow05.js');
+const require_release_branch = require('./release-branch-BX28p3l9.js');
+const require_icons = require('./icons-UUg8_T_o.js');
+const require_theme$1 = require('./theme-ods4yogr.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -50,12 +50,12 @@ const SearchBar = ({ placeholder = "", theme = require_theme.THEME.normal, relea
 				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, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.icon_button_default, {
 				theme,
 				iconComponent: require_icons.Search(releaseBranch),
 				onClick: () => onSearch(keywords)
 			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.icon_button_default, {
 			theme,
 			iconComponent: require_icons.Cross(releaseBranch),
 			onClick: onClose,
@@ -67,20 +67,10 @@ 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
+//# sourceMappingURL=search-bar-B6Ze_F-A.js.map

package/lib/search-bar-B6Ze_F-A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-B6Ze_F-A.js","names":["SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n}","THEME","RELEASE_BRANCH","selectThemeStyle","IconButton","Search","Cross"],"sources":["../src/input/components/search-bar.tsx"],"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"],"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"}

package/lib/search-bar-BkH6o5Oz.d.mts

@@ -0,0 +1,22 @@
+import { THEME, Theme } from "./theme-ECp4BKXJ.mjs";
+import { ReleaseBranch } from "./release-branch-IPa6pTGS.mjs";
+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
+export { SearchBar };
+//# sourceMappingURL=search-bar-BkH6o5Oz.d.mts.map

package/lib/search-bar-C3NMJ9ks.d.ts

@@ -0,0 +1,22 @@
+import { THEME, Theme } from "./theme-Ce9CLqLS.js";
+import { ReleaseBranch } from "./release-branch-CnwfO6yj.js";
+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
+export { SearchBar };
+//# sourceMappingURL=search-bar-C3NMJ9ks.d.ts.map

package/lib/{input-BU_QJnbj.mjs → search-bar-CLs6UYMz.mjs}

@@ -1,8 +1,8 @@
 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 { icon_button_default } from "./icon-button-B-71Zncn.mjs";
+import { RELEASE_BRANCH } from "./release-branch-DDaNiKrr.mjs";
+import { Cross, Search } from "./icons-CQv9VD7t.mjs";
+import { selectThemeStyle } from "./theme-uDVEiufm.mjs";
 import { useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -63,9 +63,5 @@ 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
+export { search_bar_default };
+//# sourceMappingURL=search-bar-CLs6UYMz.mjs.map

package/lib/search-bar-CLs6UYMz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-CLs6UYMz.mjs","names":["SearchBar: FC<SearchBarProps> & {\n  Theme: typeof THEME\n}","IconButton"],"sources":["../src/input/components/search-bar.tsx"],"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"],"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"}

package/lib/social-media-Br_Byxii.mjs

@@ -0,0 +1,26 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
+import { HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { SocialMedia } from "./icons-CQv9VD7t.mjs";
+import { useContext } from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/hamburger-menu/components/social-media.tsx
+const SocialMedia$1 = ({ mediaType }) => {
+	const { theme, releaseBranch } = useContext(HeaderContext);
+	const footerTheme = theme === THEME.transparent ? THEME.normal : theme;
+	return /* @__PURE__ */ jsx(icon_button_default, {
+		iconComponent: /* @__PURE__ */ jsx(SocialMedia, {
+			mediaType,
+			releaseBranch
+		}),
+		theme: footerTheme,
+		className: clsx("[&>svg]:h-[32px] [&>svg]:w-[32px]", "[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]")
+	});
+};
+var social_media_default = SocialMedia$1;
+
+//#endregion
+export { social_media_default };
+//# sourceMappingURL=social-media-Br_Byxii.mjs.map

package/lib/social-media-Br_Byxii.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-Br_Byxii.mjs","names":["SocialMedia: FC<SocialMediaProps>","IconButton","SocialMediaIcon","SocialMedia"],"sources":["../src/hamburger-menu/components/social-media.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// icon\nimport { SocialMedia as SocialMediaIcon } from '../../icons'\n// type\nimport type { MediaType } from '../../icons/constants'\n// theme\nimport { THEME } from '../../constants/theme'\n// button\nimport { IconButton } from '../../button'\n\ntype SocialMediaProps = {\n  mediaType: MediaType\n}\nconst SocialMedia: FC<SocialMediaProps> = ({ mediaType }) => {\n  const { theme, releaseBranch } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const Icon = (\n    <SocialMediaIcon mediaType={mediaType} releaseBranch={releaseBranch} />\n  )\n  return (\n    <IconButton\n      iconComponent={Icon}\n      theme={footerTheme}\n      className={clsx(\n        '[&>svg]:h-[32px] [&>svg]:w-[32px]',\n        '[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]'\n      )}\n    />\n  )\n}\n\nexport default SocialMedia\n"],"mappings":";;;;;;;;;AAgBA,MAAMA,iBAAqC,EAAE,gBAAgB;CAC3D,MAAM,EAAE,OAAO,kBAAkB,WAAW,cAAc;CAC1D,MAAM,cAAc,UAAU,MAAM,cAAc,MAAM,SAAS;AAIjE,QACE,oBAACC;EACC,eAJF,oBAACC;GAA2B;GAA0B;IAAiB;EAKrE,OAAO;EACP,WAAW,KACT,qCACA,kDACD;GACD;;AAIN,2BAAeC"}

package/lib/social-media-CHDZitsM.js

@@ -0,0 +1,35 @@
+const require_external_links = require('./external-links-xe0gZr3J.js');
+const require_constants = require('./constants-D3LxY6rh.js');
+
+//#region src/hamburger-menu/constants/social-media.ts
+const SocialMedias = [
+	{
+		icon: require_constants.MEDIA_TYPE.facebook,
+		link: require_external_links.EXTERNAL_LINKS.facebook,
+		target: "_blank"
+	},
+	{
+		icon: require_constants.MEDIA_TYPE.instagram,
+		link: require_external_links.EXTERNAL_LINKS.instagram,
+		target: "_blank"
+	},
+	{
+		icon: require_constants.MEDIA_TYPE.threads,
+		link: require_external_links.EXTERNAL_LINKS.threads,
+		target: "_blank"
+	},
+	{
+		icon: require_constants.MEDIA_TYPE.youtube,
+		link: require_external_links.EXTERNAL_LINKS.youtube,
+		target: "_blank"
+	}
+];
+
+//#endregion
+Object.defineProperty(exports, 'SocialMedias', {
+  enumerable: true,
+  get: function () {
+    return SocialMedias;
+  }
+});
+//# sourceMappingURL=social-media-CHDZitsM.js.map

package/lib/social-media-CHDZitsM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-CHDZitsM.js","names":["SocialMedias: SocialMediaType[]","MEDIA_TYPE","EXTERNAL_LINKS"],"sources":["../src/hamburger-menu/constants/social-media.ts"],"sourcesContent":["import { MEDIA_TYPE, type MediaType } from '../../icons/constants'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype SocialMediaType = {\n  icon: MediaType\n  link: string\n  target: LinkTarget\n}\nexport const SocialMedias: SocialMediaType[] = [\n  {\n    icon: MEDIA_TYPE.facebook,\n    link: EXTERNAL_LINKS.facebook,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.instagram,\n    link: EXTERNAL_LINKS.instagram,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.threads,\n    link: EXTERNAL_LINKS.threads,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.youtube,\n    link: EXTERNAL_LINKS.youtube,\n    target: '_blank',\n  },\n]\n"],"mappings":";;;;AASA,MAAaA,eAAkC;CAC7C;EACE,MAAMC,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAMD,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAMD,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAMD,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACF"}

package/lib/social-media-Cc0bkShp.js

@@ -0,0 +1,35 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_icon_button = require('./icon-button-Vqwyow05.js');
+const require_context = require('./context-CDuykLw5.js');
+const require_icons = require('./icons-UUg8_T_o.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/hamburger-menu/components/social-media.tsx
+const SocialMedia$1 = ({ mediaType }) => {
+	const { theme, releaseBranch } = (0, react.useContext)(require_context.HeaderContext);
+	const footerTheme = theme === require_theme.THEME.transparent ? require_theme.THEME.normal : theme;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.icon_button_default, {
+		iconComponent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.SocialMedia, {
+			mediaType,
+			releaseBranch
+		}),
+		theme: footerTheme,
+		className: (0, clsx.default)("[&>svg]:h-[32px] [&>svg]:w-[32px]", "[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]")
+	});
+};
+var social_media_default = SocialMedia$1;
+
+//#endregion
+Object.defineProperty(exports, 'social_media_default', {
+  enumerable: true,
+  get: function () {
+    return social_media_default;
+  }
+});
+//# sourceMappingURL=social-media-Cc0bkShp.js.map

package/lib/social-media-Cc0bkShp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-Cc0bkShp.js","names":["SocialMedia: FC<SocialMediaProps>","HeaderContext","THEME","IconButton","SocialMediaIcon","SocialMedia"],"sources":["../src/hamburger-menu/components/social-media.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// icon\nimport { SocialMedia as SocialMediaIcon } from '../../icons'\n// type\nimport type { MediaType } from '../../icons/constants'\n// theme\nimport { THEME } from '../../constants/theme'\n// button\nimport { IconButton } from '../../button'\n\ntype SocialMediaProps = {\n  mediaType: MediaType\n}\nconst SocialMedia: FC<SocialMediaProps> = ({ mediaType }) => {\n  const { theme, releaseBranch } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const Icon = (\n    <SocialMediaIcon mediaType={mediaType} releaseBranch={releaseBranch} />\n  )\n  return (\n    <IconButton\n      iconComponent={Icon}\n      theme={footerTheme}\n      className={clsx(\n        '[&>svg]:h-[32px] [&>svg]:w-[32px]',\n        '[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]'\n      )}\n    />\n  )\n}\n\nexport default SocialMedia\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,iBAAqC,EAAE,gBAAgB;CAC3D,MAAM,EAAE,OAAO,wCAA6BC,8BAAc;CAC1D,MAAM,cAAc,UAAUC,oBAAM,cAAcA,oBAAM,SAAS;AAIjE,QACE,2CAACC;EACC,eAJF,2CAACC;GAA2B;GAA0B;IAAiB;EAKrE,OAAO;EACP,6BACE,qCACA,kDACD;GACD;;AAIN,2BAAeC"}

package/lib/social-media-CpxoM0xN.mjs

@@ -0,0 +1,30 @@
+import { EXTERNAL_LINKS } from "./external-links-TcghBJyz.mjs";
+import { MEDIA_TYPE } from "./constants-CeaoKGr8.mjs";
+
+//#region src/hamburger-menu/constants/social-media.ts
+const SocialMedias = [
+	{
+		icon: MEDIA_TYPE.facebook,
+		link: EXTERNAL_LINKS.facebook,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.instagram,
+		link: EXTERNAL_LINKS.instagram,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.threads,
+		link: EXTERNAL_LINKS.threads,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.youtube,
+		link: EXTERNAL_LINKS.youtube,
+		target: "_blank"
+	}
+];
+
+//#endregion
+export { SocialMedias };
+//# sourceMappingURL=social-media-CpxoM0xN.mjs.map

package/lib/social-media-CpxoM0xN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-CpxoM0xN.mjs","names":["SocialMedias: SocialMediaType[]"],"sources":["../src/hamburger-menu/constants/social-media.ts"],"sourcesContent":["import { MEDIA_TYPE, type MediaType } from '../../icons/constants'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype SocialMediaType = {\n  icon: MediaType\n  link: string\n  target: LinkTarget\n}\nexport const SocialMedias: SocialMediaType[] = [\n  {\n    icon: MEDIA_TYPE.facebook,\n    link: EXTERNAL_LINKS.facebook,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.instagram,\n    link: EXTERNAL_LINKS.instagram,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.threads,\n    link: EXTERNAL_LINKS.threads,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.youtube,\n    link: EXTERNAL_LINKS.youtube,\n    target: '_blank',\n  },\n]\n"],"mappings":";;;;AASA,MAAaA,eAAkC;CAC7C;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACF"}

package/lib/storybook/utils/get-enum-arg.d.mts

@@ -0,0 +1,21 @@
+//#region src/storybook/utils/get-enum-arg.d.ts
+type RadioArgObject<T> = {
+  defaultValue: T;
+  options: T[];
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromObject<T extends string | number>(object: Record<string, T>, defaultValue: T): RadioArgObject<T>;
+type RadioArgEnum<E> = {
+  defaultValue: E;
+  options: string[];
+  mapping: Record<string, E>;
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromEnum<E extends Record<string, string | number>>(enumObject: E, defaultValue: E[keyof E]): RadioArgEnum<E[keyof E]>;
+//#endregion
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=get-enum-arg.d.mts.map

package/lib/storybook/utils/get-enum-arg.d.ts

@@ -0,0 +1,21 @@
+//#region src/storybook/utils/get-enum-arg.d.ts
+type RadioArgObject<T> = {
+  defaultValue: T;
+  options: T[];
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromObject<T extends string | number>(object: Record<string, T>, defaultValue: T): RadioArgObject<T>;
+type RadioArgEnum<E> = {
+  defaultValue: E;
+  options: string[];
+  mapping: Record<string, E>;
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromEnum<E extends Record<string, string | number>>(enumObject: E, defaultValue: E[keyof E]): RadioArgEnum<E[keyof E]>;
+//#endregion
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=get-enum-arg.d.ts.map

package/lib/storybook/utils/get-enum-arg.js

@@ -0,0 +1,28 @@
+
+//#region src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromObject(object, defaultValue) {
+	return {
+		defaultValue,
+		options: Object.values(object),
+		control: { type: "radio" }
+	};
+}
+function getRadioArgFromEnum(enumObject, defaultValue) {
+	const keys = Object.keys(enumObject).filter((key) => Number.isNaN(Number(key)));
+	const mapping = {};
+	keys.forEach((key) => {
+		mapping[key] = enumObject[key];
+	});
+	const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
+	return {
+		defaultValue: enumObject[defaultKey],
+		options: keys,
+		mapping,
+		control: { type: "radio" }
+	};
+}
+
+//#endregion
+exports.getRadioArgFromEnum = getRadioArgFromEnum;
+exports.getRadioArgFromObject = getRadioArgFromObject;
+//# sourceMappingURL=get-enum-arg.js.map

package/lib/storybook/utils/get-enum-arg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-enum-arg.js","names":["mapping: Record<string, E[keyof E]>"],"sources":["../../../src/storybook/utils/get-enum-arg.ts"],"sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n"],"mappings":";;AAMA,SAAgB,sBACd,QACA,cACmB;AACnB,QAAO;EACL;EACA,SAAS,OAAO,OAAO,OAAO;EAC9B,SAAS,EAAE,MAAM,SAAS;EAC3B;;AAUH,SAAgB,oBACd,YACA,cAC0B;CAE1B,MAAM,OAAO,OAAO,KAAK,WAAW,CAAC,QAAQ,QAC3C,OAAO,MAAM,OAAO,IAAI,CAAC,CAC1B;CAED,MAAMA,UAAsC,EAAE;AAC9C,MAAK,SAAS,QAAQ;AACpB,UAAQ,OAAO,WAAW;GAC1B;CAGF,MAAM,aACJ,KAAK,MAAM,QAAQ,WAAW,SAAoB,aAAa,IAAI,KAAK;AAE1E,QAAO;EACL,cAAc,WAAW;EACzB,SAAS;EACT;EACA,SAAS,EAAE,MAAM,SAAS;EAC3B"}

package/lib/storybook/utils/get-enum-arg.mjs

@@ -0,0 +1,26 @@
+//#region src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromObject(object, defaultValue) {
+	return {
+		defaultValue,
+		options: Object.values(object),
+		control: { type: "radio" }
+	};
+}
+function getRadioArgFromEnum(enumObject, defaultValue) {
+	const keys = Object.keys(enumObject).filter((key) => Number.isNaN(Number(key)));
+	const mapping = {};
+	keys.forEach((key) => {
+		mapping[key] = enumObject[key];
+	});
+	const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
+	return {
+		defaultValue: enumObject[defaultKey],
+		options: keys,
+		mapping,
+		control: { type: "radio" }
+	};
+}
+
+//#endregion
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=get-enum-arg.mjs.map

package/lib/storybook/utils/get-enum-arg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-enum-arg.mjs","names":["mapping: Record<string, E[keyof E]>"],"sources":["../../../src/storybook/utils/get-enum-arg.ts"],"sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n"],"mappings":";AAMA,SAAgB,sBACd,QACA,cACmB;AACnB,QAAO;EACL;EACA,SAAS,OAAO,OAAO,OAAO;EAC9B,SAAS,EAAE,MAAM,SAAS;EAC3B;;AAUH,SAAgB,oBACd,YACA,cAC0B;CAE1B,MAAM,OAAO,OAAO,KAAK,WAAW,CAAC,QAAQ,QAC3C,OAAO,MAAM,OAAO,IAAI,CAAC,CAC1B;CAED,MAAMA,UAAsC,EAAE;AAC9C,MAAK,SAAS,QAAQ;AACpB,UAAQ,OAAO,WAAW;GAC1B;CAGF,MAAM,aACJ,KAAK,MAAM,QAAQ,WAAW,SAAoB,aAAa,IAAI,KAAK;AAE1E,QAAO;EACL,cAAc,WAAW;EACzB,SAAS;EACT;EACA,SAAS,EAAE,MAAM,SAAS;EAC3B"}