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

package/lib/logo-header-ZUiyUo-f.mjs

@@ -0,0 +1,20 @@
+import { RELEASE_BRANCH } from "./release-branch-DDaNiKrr.mjs";
+import { LOGO, LOGO_TYPE } from "./constants-DfLtvCn3.mjs";
+import { path_default } from "./path-CG9-S9re.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/logo/components/logo-header.tsx
+const LogoHeader = ({ type = LOGO_TYPE.default, releaseBranch = RELEASE_BRANCH.master,...props }) => {
+	const logoSrc = path_default.selectLogoPath(LOGO.header, releaseBranch, type);
+	return /* @__PURE__ */ jsx("img", {
+		alt: "The Reporter Logo",
+		src: logoSrc,
+		...props
+	});
+};
+LogoHeader.Type = LOGO_TYPE;
+var logo_header_default = LogoHeader;
+
+//#endregion
+export { logo_header_default };
+//# sourceMappingURL=logo-header-ZUiyUo-f.mjs.map

package/lib/logo-header-ZUiyUo-f.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-header-ZUiyUo-f.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/components/logo-header.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AAeA,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"}

package/lib/logo-symbol-Cs4TfBGq.mjs

@@ -0,0 +1,20 @@
+import { RELEASE_BRANCH } from "./release-branch-DDaNiKrr.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE } from "./constants-DfLtvCn3.mjs";
+import { path_default } from "./path-CG9-S9re.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/logo/components/logo-symbol.tsx
+const LogoSymbol = ({ type = LOGO_SYMBOL_TYPE.default, releaseBranch = RELEASE_BRANCH.master,...props }) => {
+	const logoSrc = path_default.selectLogoPath(LOGO.symbol, releaseBranch, type);
+	return /* @__PURE__ */ jsx("img", {
+		alt: "The Reporter Logo",
+		src: logoSrc,
+		...props
+	});
+};
+LogoSymbol.Type = LOGO_SYMBOL_TYPE;
+var logo_symbol_default = LogoSymbol;
+
+//#endregion
+export { logo_symbol_default };
+//# sourceMappingURL=logo-symbol-Cs4TfBGq.mjs.map

package/lib/logo-symbol-Cs4TfBGq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-symbol-Cs4TfBGq.mjs","names":["LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil"],"sources":["../src/logo/components/logo-symbol.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AAeA,MAAMA,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"}

package/lib/logo-symbol-DUagMBN9.js

@@ -0,0 +1,27 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_release_branch = require('./release-branch-BX28p3l9.js');
+const require_constants = require('./constants-yYOy9aLl.js');
+const require_path = require('./path-Cqgq79mD.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/logo/components/logo-symbol.tsx
+const LogoSymbol = ({ type = require_constants.LOGO_SYMBOL_TYPE.default, releaseBranch = require_release_branch.RELEASE_BRANCH.master,...props }) => {
+	const logoSrc = require_path.path_default.selectLogoPath(require_constants.LOGO.symbol, releaseBranch, type);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		alt: "The Reporter Logo",
+		src: logoSrc,
+		...props
+	});
+};
+LogoSymbol.Type = require_constants.LOGO_SYMBOL_TYPE;
+var logo_symbol_default = LogoSymbol;
+
+//#endregion
+Object.defineProperty(exports, 'logo_symbol_default', {
+  enumerable: true,
+  get: function () {
+    return logo_symbol_default;
+  }
+});
+//# sourceMappingURL=logo-symbol-DUagMBN9.js.map

package/lib/logo-symbol-DUagMBN9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-symbol-DUagMBN9.js","names":["LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/components/logo-symbol.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;AAeA,MAAMA,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,0BAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe"}

package/lib/logo-symbol-OQi-RG-l.d.ts

@@ -0,0 +1,15 @@
+import { ReleaseBranch } from "./release-branch-CnwfO6yj.js";
+import { LOGO_SYMBOL_TYPE, LogoSymbolType } from "./constants-CncdMRN6.js";
+import React from "react";
+
+//#region src/logo/components/logo-symbol.d.ts
+type LogoSymbolProps = {
+  type: LogoSymbolType;
+  releaseBranch?: ReleaseBranch;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+declare const LogoSymbol: React.FC<LogoSymbolProps> & {
+  Type: typeof LOGO_SYMBOL_TYPE;
+};
+//#endregion
+export { LogoSymbol };
+//# sourceMappingURL=logo-symbol-OQi-RG-l.d.ts.map

package/lib/logo-symbol-S6fmcutW.d.mts

@@ -0,0 +1,15 @@
+import { ReleaseBranch } from "./release-branch-IPa6pTGS.mjs";
+import { LOGO_SYMBOL_TYPE, LogoSymbolType } from "./constants-D3kwLyJT.mjs";
+import React from "react";
+
+//#region src/logo/components/logo-symbol.d.ts
+type LogoSymbolProps = {
+  type: LogoSymbolType;
+  releaseBranch?: ReleaseBranch;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+declare const LogoSymbol: React.FC<LogoSymbolProps> & {
+  Type: typeof LOGO_SYMBOL_TYPE;
+};
+//#endregion
+export { LogoSymbol };
+//# sourceMappingURL=logo-symbol-S6fmcutW.d.mts.map

package/lib/menu-button-BzXGdc8T.mjs

@@ -0,0 +1,22 @@
+import { WEIGHT } from "./constants-CBSEPx91.mjs";
+import { P1 } from "./paragraph-QihuIWot.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/button/components/menu-button/index.tsx
+const MenuButton = ({ text, color, fontWeight, className = "", p1ClassName = "" }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("cursor-pointer", color, className),
+		children: /* @__PURE__ */ jsx(P1, {
+			text,
+			weight: fontWeight,
+			className: clsx("py-[8px]", p1ClassName)
+		})
+	});
+};
+MenuButton.FontWeight = WEIGHT;
+var menu_button_default = MenuButton;
+
+//#endregion
+export { menu_button_default };
+//# sourceMappingURL=menu-button-BzXGdc8T.mjs.map

package/lib/menu-button-BzXGdc8T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button-BzXGdc8T.mjs","names":["MenuButton: React.FC<MenuButtonProps> & { FontWeight: typeof WEIGHT }"],"sources":["../src/button/components/menu-button/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// P1\nimport { P1 } from '../../../text/paragraph'\nimport { WEIGHT, type Weight } from '../../../text/constants'\n\ntype MenuButtonProps = {\n  text: string\n  color: string\n  fontWeight: Weight\n  className?: string\n  p1ClassName?: string\n}\nconst MenuButton: React.FC<MenuButtonProps> & { FontWeight: typeof WEIGHT } = ({\n  text,\n  color,\n  fontWeight,\n  className = '',\n  p1ClassName = '',\n}) => {\n  return (\n    <div className={clsx('cursor-pointer', color, className)}>\n      <P1\n        text={text}\n        weight={fontWeight}\n        className={clsx('py-[8px]', p1ClassName)}\n      />\n    </div>\n  )\n}\nMenuButton.FontWeight = WEIGHT\n\nexport default MenuButton\n"],"mappings":";;;;;;AAaA,MAAMA,cAAyE,EAC7E,MACA,OACA,YACA,YAAY,IACZ,cAAc,SACV;AACJ,QACE,oBAAC;EAAI,WAAW,KAAK,kBAAkB,OAAO,UAAU;YACtD,oBAAC;GACO;GACN,QAAQ;GACR,WAAW,KAAK,YAAY,YAAY;IACxC;GACE;;AAGV,WAAW,aAAa;AAExB,0BAAe"}

package/lib/menu-button-DP302FyB.js

@@ -0,0 +1,30 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_constants = require('./constants-Cndhv6qr.js');
+const require_paragraph = require('./paragraph-Bve022HS.js');
+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/button/components/menu-button/index.tsx
+const MenuButton = ({ text, color, fontWeight, className = "", p1ClassName = "" }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)("cursor-pointer", color, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P1, {
+			text,
+			weight: fontWeight,
+			className: (0, clsx.default)("py-[8px]", p1ClassName)
+		})
+	});
+};
+MenuButton.FontWeight = require_constants.WEIGHT;
+var menu_button_default = MenuButton;
+
+//#endregion
+Object.defineProperty(exports, 'menu_button_default', {
+  enumerable: true,
+  get: function () {
+    return menu_button_default;
+  }
+});
+//# sourceMappingURL=menu-button-DP302FyB.js.map

package/lib/menu-button-DP302FyB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button-DP302FyB.js","names":["MenuButton: React.FC<MenuButtonProps> & { FontWeight: typeof WEIGHT }","P1","WEIGHT"],"sources":["../src/button/components/menu-button/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// P1\nimport { P1 } from '../../../text/paragraph'\nimport { WEIGHT, type Weight } from '../../../text/constants'\n\ntype MenuButtonProps = {\n  text: string\n  color: string\n  fontWeight: Weight\n  className?: string\n  p1ClassName?: string\n}\nconst MenuButton: React.FC<MenuButtonProps> & { FontWeight: typeof WEIGHT } = ({\n  text,\n  color,\n  fontWeight,\n  className = '',\n  p1ClassName = '',\n}) => {\n  return (\n    <div className={clsx('cursor-pointer', color, className)}>\n      <P1\n        text={text}\n        weight={fontWeight}\n        className={clsx('py-[8px]', p1ClassName)}\n      />\n    </div>\n  )\n}\nMenuButton.FontWeight = WEIGHT\n\nexport default MenuButton\n"],"mappings":";;;;;;;;;AAaA,MAAMA,cAAyE,EAC7E,MACA,OACA,YACA,YAAY,IACZ,cAAc,SACV;AACJ,QACE,2CAAC;EAAI,6BAAgB,kBAAkB,OAAO,UAAU;YACtD,2CAACC;GACO;GACN,QAAQ;GACR,6BAAgB,YAAY,YAAY;IACxC;GACE;;AAGV,WAAW,aAAaC;AAExB,0BAAe"}

package/lib/{paragraph-iuz3jP0Q.js → paragraph-Bve022HS.js}

@@ -6,7 +6,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
 //#region src/text/paragraph.tsx
-const baseClass = "font-default leading-[150%] flex items-center m-0";
+const baseClass = "font-default leading-[150%]";
 const variantClass = {
 	P1: "text-[16px]",
 	P2: "text-[14px]",
@@ -53,4 +53,4 @@ Object.defineProperty(exports, 'P4', {
     return P4;
   }
 });
-//# sourceMappingURL=paragraph-iuz3jP0Q.js.map
+//# sourceMappingURL=paragraph-Bve022HS.js.map

package/lib/paragraph-Bve022HS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-Bve022HS.js","names":["Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT }","WEIGHT"],"sources":["../src/text/paragraph.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type React from 'react'\nimport { WEIGHT, type Weight } from './constants'\n\ntype ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {\n  text?: string\n  weight?: Weight\n  className?: string\n}\n\nconst baseClass = 'font-default leading-[150%]'\n\nconst variantClass = {\n  P1: 'text-[16px]',\n  P2: 'text-[14px]',\n  P3: 'text-[12px]',\n  P4: 'text-[10px]',\n}\n\nconst ParagraphVariant = (variant: keyof typeof variantClass) => {\n  const Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT } = ({\n    text = '',\n    weight = WEIGHT.normal,\n    className = '',\n    ...props\n  }) => (\n    <p\n      className={clsx(baseClass, variantClass[variant], weight, className)}\n      {...props}\n    >\n      {text}\n    </p>\n  )\n  Component.displayName = variant\n  Component.Weight = WEIGHT\n  return Component\n}\n\nconst P1 = ParagraphVariant('P1')\nconst P2 = ParagraphVariant('P2')\nconst P3 = ParagraphVariant('P3')\nconst P4 = ParagraphVariant('P4')\n\nexport { P1, P2, P3, P4 }\n"],"mappings":";;;;;;;;AAUA,MAAM,YAAY;AAElB,MAAM,eAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,oBAAoB,YAAuC;CAC/D,MAAMA,aAAmE,EACvE,OAAO,IACP,SAASC,yBAAO,QAChB,YAAY,GACZ,GAAG,YAEH,2CAAC;EACC,6BAAgB,WAAW,aAAa,UAAU,QAAQ,UAAU;EACpE,GAAI;YAEH;GACC;AAEN,WAAU,cAAc;AACxB,WAAU,SAASA;AACnB,QAAO;;AAGT,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK"}

package/lib/{paragraph-Cf9jr8RF.mjs → paragraph-QihuIWot.mjs}

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/text/paragraph.tsx
-const baseClass = "font-default leading-[150%] flex items-center m-0";
+const baseClass = "font-default leading-[150%]";
 const variantClass = {
 	P1: "text-[16px]",
 	P2: "text-[14px]",
@@ -27,4 +27,4 @@ const P4 = ParagraphVariant("P4");
 
 //#endregion
 export { P1, P2, P3, P4 };
-//# sourceMappingURL=paragraph-Cf9jr8RF.mjs.map
+//# sourceMappingURL=paragraph-QihuIWot.mjs.map

package/lib/paragraph-QihuIWot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-QihuIWot.mjs","names":["Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT }"],"sources":["../src/text/paragraph.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type React from 'react'\nimport { WEIGHT, type Weight } from './constants'\n\ntype ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {\n  text?: string\n  weight?: Weight\n  className?: string\n}\n\nconst baseClass = 'font-default leading-[150%]'\n\nconst variantClass = {\n  P1: 'text-[16px]',\n  P2: 'text-[14px]',\n  P3: 'text-[12px]',\n  P4: 'text-[10px]',\n}\n\nconst ParagraphVariant = (variant: keyof typeof variantClass) => {\n  const Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT } = ({\n    text = '',\n    weight = WEIGHT.normal,\n    className = '',\n    ...props\n  }) => (\n    <p\n      className={clsx(baseClass, variantClass[variant], weight, className)}\n      {...props}\n    >\n      {text}\n    </p>\n  )\n  Component.displayName = variant\n  Component.Weight = WEIGHT\n  return Component\n}\n\nconst P1 = ParagraphVariant('P1')\nconst P2 = ParagraphVariant('P2')\nconst P3 = ParagraphVariant('P3')\nconst P4 = ParagraphVariant('P4')\n\nexport { P1, P2, P3, P4 }\n"],"mappings":";;;;;AAUA,MAAM,YAAY;AAElB,MAAM,eAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,oBAAoB,YAAuC;CAC/D,MAAMA,aAAmE,EACvE,OAAO,IACP,SAAS,OAAO,QAChB,YAAY,GACZ,GAAG,YAEH,oBAAC;EACC,WAAW,KAAK,WAAW,aAAa,UAAU,QAAQ,UAAU;EACpE,GAAI;YAEH;GACC;AAEN,WAAU,cAAc;AACxB,WAAU,SAAS;AACnB,QAAO;;AAGT,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK"}

package/lib/path-CG9-S9re.mjs

@@ -0,0 +1,27 @@
+//#region src/logo/utils/path.ts
+const baseGCSDir = "https://www.twreporter.org/images/logo/";
+function selectLogoPath(logo, branch, type) {
+	switch (logo) {
+		case "header": {
+			const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`;
+			const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`;
+			return type === "white" ? whitePath : defaultPath;
+		}
+		case "footer": return {
+			default: `${baseGCSDir}logo-footer.${branch}.svg`,
+			white: `${baseGCSDir}logo-footer-white.${branch}.svg`
+		}[type];
+		case "symbol": return {
+			default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,
+			black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,
+			white: `${baseGCSDir}logo-symbol-white.${branch}.svg`
+		}[type];
+		case "loading-fallback": return `${baseGCSDir}logo-loading-fallback.${branch}.svg`;
+		default: return "";
+	}
+}
+var path_default = { selectLogoPath };
+
+//#endregion
+export { path_default };
+//# sourceMappingURL=path-CG9-S9re.mjs.map

package/lib/path-CG9-S9re.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-CG9-S9re.mjs","names":[],"sources":["../src/logo/utils/path.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"],"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"}

package/lib/path-Cqgq79mD.js

@@ -0,0 +1,33 @@
+
+//#region src/logo/utils/path.ts
+const baseGCSDir = "https://www.twreporter.org/images/logo/";
+function selectLogoPath(logo, branch, type) {
+	switch (logo) {
+		case "header": {
+			const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`;
+			const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`;
+			return type === "white" ? whitePath : defaultPath;
+		}
+		case "footer": return {
+			default: `${baseGCSDir}logo-footer.${branch}.svg`,
+			white: `${baseGCSDir}logo-footer-white.${branch}.svg`
+		}[type];
+		case "symbol": return {
+			default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,
+			black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,
+			white: `${baseGCSDir}logo-symbol-white.${branch}.svg`
+		}[type];
+		case "loading-fallback": return `${baseGCSDir}logo-loading-fallback.${branch}.svg`;
+		default: return "";
+	}
+}
+var path_default = { selectLogoPath };
+
+//#endregion
+Object.defineProperty(exports, 'path_default', {
+  enumerable: true,
+  get: function () {
+    return path_default;
+  }
+});
+//# sourceMappingURL=path-Cqgq79mD.js.map

package/lib/path-Cqgq79mD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-Cqgq79mD.js","names":[],"sources":["../src/logo/utils/path.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"],"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"}

package/lib/pill-button-CNbShnjT.js

@@ -0,0 +1,68 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_constants = require('./constants-BmxSMOOn.js');
+const require_paragraph = require('./paragraph-Bve022HS.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_theme$1 = require('./theme-VVqGnnPq.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/button/components/pill-button/index.tsx
+const PillButton = ({ text = "", leftIconComponent = null, rightIconComponent = null, size = require_constants.SIZE.s, theme = require_theme.THEME.normal, type = require_constants.TYPE.primary, style = require_constants.STYLE.brand, disabled = false, loading = false, className = "" }) => {
+	const { color, bgColor, hoverColor, hoverBgColor, borderColor, svgBgColor, borderHoverColor, svgHoverBgColor } = (type === require_constants.TYPE.primary ? require_theme$1.getFilledPillButtonTheme : require_theme$1.getOutlinePillButtonTheme)(theme, disabled, style);
+	const padding = size === require_constants.SIZE.s ? "py-[4px] px-[12px]" : "py-[8px] px-[16px]";
+	const iconSize = size === require_constants.SIZE.s ? "[&>svg]:h-[18px] [&>svg]:w-[18px]" : "[&>svg]:h-[24px] [&>svg]:w-[24px]";
+	const TextJSX = (0, react.useMemo)(() => size === require_constants.SIZE.s ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
+		text,
+		weight: require_paragraph.P2.Weight.bold
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P1, {
+		text,
+		weight: require_paragraph.P1.Weight.bold
+	}), [size, text]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)("w-fit flex items-center rounded-[40px] border-solid border-[1.5px]", borderColor, color, padding, disabled || loading ? "cursor-not-allowed" : "cursor-pointer", type === require_constants.TYPE.primary ? bgColor : "bg-transparent", iconSize, svgBgColor, hoverColor, type === require_constants.TYPE.primary ? hoverBgColor : "bg-transparent", borderHoverColor, svgHoverBgColor, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative flex justify-center items-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, clsx.default)("flex justify-center items-center", {
+					"opacity-0": loading,
+					"opacity-100": !loading
+				}),
+				children: [
+					leftIconComponent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center mr-[4px]",
+						children: leftIconComponent
+					}) : null,
+					TextJSX,
+					rightIconComponent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center ml-[4px]",
+						children: rightIconComponent
+					}) : null
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: (0, clsx.default)("inline-block absolute box-border animate-spin", "border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]", {
+				"size-[18px]": size === require_constants.SIZE.s,
+				"size-[24px]": size === require_constants.SIZE.l
+			}, {
+				"opacity-0": !loading,
+				"opacity-100": loading
+			}) })]
+		})
+	});
+};
+PillButton.Theme = require_theme.THEME;
+PillButton.Type = require_constants.TYPE;
+PillButton.Size = require_constants.SIZE;
+PillButton.Style = require_constants.STYLE;
+var pill_button_default = PillButton;
+
+//#endregion
+Object.defineProperty(exports, 'pill_button_default', {
+  enumerable: true,
+  get: function () {
+    return pill_button_default;
+  }
+});
+//# sourceMappingURL=pill-button-CNbShnjT.js.map

package/lib/pill-button-CNbShnjT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill-button-CNbShnjT.js","names":["PillButton: FC<PillButtonProps> & {\n  Theme: typeof THEME\n  Type: typeof TYPE\n  Size: typeof SIZE\n  Style: typeof STYLE\n}","SIZE","THEME","TYPE","STYLE","getFilledPillButtonTheme","getOutlinePillButtonTheme","P2","P1"],"sources":["../src/button/components/pill-button/index.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P1, P2 } from '../../../text/paragraph'\n// constants\nimport {\n  SIZE,\n  type Size,\n  STYLE,\n  type Style,\n  TYPE,\n  type Type,\n} from '../../constants'\nimport { THEME, type Theme } from '../../../constants/theme'\n// theme\nimport { getFilledPillButtonTheme, getOutlinePillButtonTheme } from './theme'\n\ntype PillButtonProps = {\n  text?: string\n  leftIconComponent?: React.ReactElement\n  rightIconComponent?: React.ReactElement\n  size?: Size\n  theme?: Theme\n  type?: Type\n  style?: Style\n  disabled?: boolean\n  loading?: boolean\n  className?: string\n}\nconst PillButton: FC<PillButtonProps> & {\n  Theme: typeof THEME\n  Type: typeof TYPE\n  Size: typeof SIZE\n  Style: typeof STYLE\n} = ({\n  text = '',\n  leftIconComponent = null,\n  rightIconComponent = null,\n  size = SIZE.s,\n  theme = THEME.normal,\n  type = TYPE.primary,\n  style = STYLE.brand,\n  disabled = false,\n  loading = false,\n  className = '',\n}) => {\n  const themeFunc =\n    type === TYPE.primary ? getFilledPillButtonTheme : getOutlinePillButtonTheme\n  const {\n    color,\n    bgColor,\n    hoverColor,\n    hoverBgColor,\n    borderColor,\n    svgBgColor,\n    borderHoverColor,\n    svgHoverBgColor,\n  } = themeFunc(theme, disabled, style)\n\n  const padding = size === SIZE.s ? 'py-[4px] px-[12px]' : 'py-[8px] px-[16px]'\n  const iconSize =\n    size === SIZE.s\n      ? '[&>svg]:h-[18px] [&>svg]:w-[18px]'\n      : '[&>svg]:h-[24px] [&>svg]:w-[24px]'\n\n  const TextJSX = useMemo(\n    () =>\n      size === SIZE.s ? (\n        <P2 text={text} weight={P2.Weight.bold} />\n      ) : (\n        <P1 text={text} weight={P1.Weight.bold} />\n      ),\n    [size, text]\n  )\n\n  return (\n    <div\n      className={clsx(\n        'w-fit flex items-center rounded-[40px] border-solid border-[1.5px]',\n        borderColor,\n        color,\n        padding,\n        disabled || loading ? 'cursor-not-allowed' : 'cursor-pointer',\n        type === TYPE.primary ? bgColor : 'bg-transparent',\n        iconSize,\n        svgBgColor,\n        hoverColor,\n        type === TYPE.primary ? hoverBgColor : 'bg-transparent',\n        borderHoverColor,\n        svgHoverBgColor,\n        className\n      )}\n    >\n      <div className=\"relative flex justify-center items-center\">\n        <div\n          className={clsx('flex justify-center items-center', {\n            'opacity-0': loading,\n            'opacity-100': !loading,\n          })}\n        >\n          {leftIconComponent ? (\n            <div className=\"flex items-center mr-[4px]\">\n              {leftIconComponent}\n            </div>\n          ) : null}\n          {TextJSX}\n          {rightIconComponent ? (\n            <div className=\"flex items-center ml-[4px]\">\n              {rightIconComponent}\n            </div>\n          ) : null}\n        </div>\n        <span\n          className={clsx(\n            'inline-block absolute box-border animate-spin',\n            'border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]',\n            {\n              'size-[18px]': size === SIZE.s,\n              'size-[24px]': size === SIZE.l,\n            },\n            {\n              'opacity-0': !loading,\n              'opacity-100': loading,\n            }\n          )}\n        />\n      </div>\n    </div>\n  )\n}\nPillButton.Theme = THEME\nPillButton.Type = TYPE\nPillButton.Size = SIZE\nPillButton.Style = STYLE\n\nexport default PillButton\n"],"mappings":";;;;;;;;;;;;;AA6BA,MAAMA,cAKD,EACH,OAAO,IACP,oBAAoB,MACpB,qBAAqB,MACrB,OAAOC,uBAAK,GACZ,QAAQC,oBAAM,QACd,OAAOC,uBAAK,SACZ,QAAQC,wBAAM,OACd,WAAW,OACX,UAAU,OACV,YAAY,SACR;CAGJ,MAAM,EACJ,OACA,SACA,YACA,cACA,aACA,YACA,kBACA,qBATA,SAASD,uBAAK,UAAUE,2CAA2BC,2CAUvC,OAAO,UAAU,MAAM;CAErC,MAAM,UAAU,SAASL,uBAAK,IAAI,uBAAuB;CACzD,MAAM,WACJ,SAASA,uBAAK,IACV,sCACA;CAEN,MAAM,mCAEF,SAASA,uBAAK,IACZ,2CAACM;EAAS;EAAM,QAAQA,qBAAG,OAAO;GAAQ,GAE1C,2CAACC;EAAS;EAAM,QAAQA,qBAAG,OAAO;GAAQ,EAE9C,CAAC,MAAM,KAAK,CACb;AAED,QACE,2CAAC;EACC,6BACE,sEACA,aACA,OACA,SACA,YAAY,UAAU,uBAAuB,kBAC7C,SAASL,uBAAK,UAAU,UAAU,kBAClC,UACA,YACA,YACA,SAASA,uBAAK,UAAU,eAAe,kBACvC,kBACA,iBACA,UACD;YAED,4CAAC;GAAI,WAAU;cACb,4CAAC;IACC,6BAAgB,oCAAoC;KAClD,aAAa;KACb,eAAe,CAAC;KACjB,CAAC;;KAED,oBACC,2CAAC;MAAI,WAAU;gBACZ;OACG,GACJ;KACH;KACA,qBACC,2CAAC;MAAI,WAAU;gBACZ;OACG,GACJ;;KACA,EACN,2CAAC,UACC,6BACE,iDACA,yEACA;IACE,eAAe,SAASF,uBAAK;IAC7B,eAAe,SAASA,uBAAK;IAC9B,EACD;IACE,aAAa,CAAC;IACd,eAAe;IAChB,CACF,GACD;IACE;GACF;;AAGV,WAAW,QAAQC;AACnB,WAAW,OAAOC;AAClB,WAAW,OAAOF;AAClB,WAAW,QAAQG;AAEnB,0BAAe"}

package/lib/pill-button-y0eh5cgT.mjs

@@ -0,0 +1,59 @@
+import { SIZE, STYLE, TYPE } from "./constants-oTHAnh6r.mjs";
+import { P1, P2 } from "./paragraph-QihuIWot.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { getFilledPillButtonTheme, getOutlinePillButtonTheme } from "./theme-YXaUsVJu.mjs";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/button/components/pill-button/index.tsx
+const PillButton = ({ text = "", leftIconComponent = null, rightIconComponent = null, size = SIZE.s, theme = THEME.normal, type = TYPE.primary, style = STYLE.brand, disabled = false, loading = false, className = "" }) => {
+	const { color, bgColor, hoverColor, hoverBgColor, borderColor, svgBgColor, borderHoverColor, svgHoverBgColor } = (type === TYPE.primary ? getFilledPillButtonTheme : getOutlinePillButtonTheme)(theme, disabled, style);
+	const padding = size === SIZE.s ? "py-[4px] px-[12px]" : "py-[8px] px-[16px]";
+	const iconSize = size === SIZE.s ? "[&>svg]:h-[18px] [&>svg]:w-[18px]" : "[&>svg]:h-[24px] [&>svg]:w-[24px]";
+	const TextJSX = useMemo(() => size === SIZE.s ? /* @__PURE__ */ jsx(P2, {
+		text,
+		weight: P2.Weight.bold
+	}) : /* @__PURE__ */ jsx(P1, {
+		text,
+		weight: P1.Weight.bold
+	}), [size, text]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("w-fit flex items-center rounded-[40px] border-solid border-[1.5px]", borderColor, color, padding, disabled || loading ? "cursor-not-allowed" : "cursor-pointer", type === TYPE.primary ? bgColor : "bg-transparent", iconSize, svgBgColor, hoverColor, type === TYPE.primary ? hoverBgColor : "bg-transparent", borderHoverColor, svgHoverBgColor, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative flex justify-center items-center",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: clsx("flex justify-center items-center", {
+					"opacity-0": loading,
+					"opacity-100": !loading
+				}),
+				children: [
+					leftIconComponent ? /* @__PURE__ */ jsx("div", {
+						className: "flex items-center mr-[4px]",
+						children: leftIconComponent
+					}) : null,
+					TextJSX,
+					rightIconComponent ? /* @__PURE__ */ jsx("div", {
+						className: "flex items-center ml-[4px]",
+						children: rightIconComponent
+					}) : null
+				]
+			}), /* @__PURE__ */ jsx("span", { className: clsx("inline-block absolute box-border animate-spin", "border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]", {
+				"size-[18px]": size === SIZE.s,
+				"size-[24px]": size === SIZE.l
+			}, {
+				"opacity-0": !loading,
+				"opacity-100": loading
+			}) })]
+		})
+	});
+};
+PillButton.Theme = THEME;
+PillButton.Type = TYPE;
+PillButton.Size = SIZE;
+PillButton.Style = STYLE;
+var pill_button_default = PillButton;
+
+//#endregion
+export { pill_button_default };
+//# sourceMappingURL=pill-button-y0eh5cgT.mjs.map

package/lib/pill-button-y0eh5cgT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill-button-y0eh5cgT.mjs","names":["PillButton: FC<PillButtonProps> & {\n  Theme: typeof THEME\n  Type: typeof TYPE\n  Size: typeof SIZE\n  Style: typeof STYLE\n}"],"sources":["../src/button/components/pill-button/index.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P1, P2 } from '../../../text/paragraph'\n// constants\nimport {\n  SIZE,\n  type Size,\n  STYLE,\n  type Style,\n  TYPE,\n  type Type,\n} from '../../constants'\nimport { THEME, type Theme } from '../../../constants/theme'\n// theme\nimport { getFilledPillButtonTheme, getOutlinePillButtonTheme } from './theme'\n\ntype PillButtonProps = {\n  text?: string\n  leftIconComponent?: React.ReactElement\n  rightIconComponent?: React.ReactElement\n  size?: Size\n  theme?: Theme\n  type?: Type\n  style?: Style\n  disabled?: boolean\n  loading?: boolean\n  className?: string\n}\nconst PillButton: FC<PillButtonProps> & {\n  Theme: typeof THEME\n  Type: typeof TYPE\n  Size: typeof SIZE\n  Style: typeof STYLE\n} = ({\n  text = '',\n  leftIconComponent = null,\n  rightIconComponent = null,\n  size = SIZE.s,\n  theme = THEME.normal,\n  type = TYPE.primary,\n  style = STYLE.brand,\n  disabled = false,\n  loading = false,\n  className = '',\n}) => {\n  const themeFunc =\n    type === TYPE.primary ? getFilledPillButtonTheme : getOutlinePillButtonTheme\n  const {\n    color,\n    bgColor,\n    hoverColor,\n    hoverBgColor,\n    borderColor,\n    svgBgColor,\n    borderHoverColor,\n    svgHoverBgColor,\n  } = themeFunc(theme, disabled, style)\n\n  const padding = size === SIZE.s ? 'py-[4px] px-[12px]' : 'py-[8px] px-[16px]'\n  const iconSize =\n    size === SIZE.s\n      ? '[&>svg]:h-[18px] [&>svg]:w-[18px]'\n      : '[&>svg]:h-[24px] [&>svg]:w-[24px]'\n\n  const TextJSX = useMemo(\n    () =>\n      size === SIZE.s ? (\n        <P2 text={text} weight={P2.Weight.bold} />\n      ) : (\n        <P1 text={text} weight={P1.Weight.bold} />\n      ),\n    [size, text]\n  )\n\n  return (\n    <div\n      className={clsx(\n        'w-fit flex items-center rounded-[40px] border-solid border-[1.5px]',\n        borderColor,\n        color,\n        padding,\n        disabled || loading ? 'cursor-not-allowed' : 'cursor-pointer',\n        type === TYPE.primary ? bgColor : 'bg-transparent',\n        iconSize,\n        svgBgColor,\n        hoverColor,\n        type === TYPE.primary ? hoverBgColor : 'bg-transparent',\n        borderHoverColor,\n        svgHoverBgColor,\n        className\n      )}\n    >\n      <div className=\"relative flex justify-center items-center\">\n        <div\n          className={clsx('flex justify-center items-center', {\n            'opacity-0': loading,\n            'opacity-100': !loading,\n          })}\n        >\n          {leftIconComponent ? (\n            <div className=\"flex items-center mr-[4px]\">\n              {leftIconComponent}\n            </div>\n          ) : null}\n          {TextJSX}\n          {rightIconComponent ? (\n            <div className=\"flex items-center ml-[4px]\">\n              {rightIconComponent}\n            </div>\n          ) : null}\n        </div>\n        <span\n          className={clsx(\n            'inline-block absolute box-border animate-spin',\n            'border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]',\n            {\n              'size-[18px]': size === SIZE.s,\n              'size-[24px]': size === SIZE.l,\n            },\n            {\n              'opacity-0': !loading,\n              'opacity-100': loading,\n            }\n          )}\n        />\n      </div>\n    </div>\n  )\n}\nPillButton.Theme = THEME\nPillButton.Type = TYPE\nPillButton.Size = SIZE\nPillButton.Style = STYLE\n\nexport default PillButton\n"],"mappings":";;;;;;;;;AA6BA,MAAMA,cAKD,EACH,OAAO,IACP,oBAAoB,MACpB,qBAAqB,MACrB,OAAO,KAAK,GACZ,QAAQ,MAAM,QACd,OAAO,KAAK,SACZ,QAAQ,MAAM,OACd,WAAW,OACX,UAAU,OACV,YAAY,SACR;CAGJ,MAAM,EACJ,OACA,SACA,YACA,cACA,aACA,YACA,kBACA,qBATA,SAAS,KAAK,UAAU,2BAA2B,2BAUvC,OAAO,UAAU,MAAM;CAErC,MAAM,UAAU,SAAS,KAAK,IAAI,uBAAuB;CACzD,MAAM,WACJ,SAAS,KAAK,IACV,sCACA;CAEN,MAAM,UAAU,cAEZ,SAAS,KAAK,IACZ,oBAAC;EAAS;EAAM,QAAQ,GAAG,OAAO;GAAQ,GAE1C,oBAAC;EAAS;EAAM,QAAQ,GAAG,OAAO;GAAQ,EAE9C,CAAC,MAAM,KAAK,CACb;AAED,QACE,oBAAC;EACC,WAAW,KACT,sEACA,aACA,OACA,SACA,YAAY,UAAU,uBAAuB,kBAC7C,SAAS,KAAK,UAAU,UAAU,kBAClC,UACA,YACA,YACA,SAAS,KAAK,UAAU,eAAe,kBACvC,kBACA,iBACA,UACD;YAED,qBAAC;GAAI,WAAU;cACb,qBAAC;IACC,WAAW,KAAK,oCAAoC;KAClD,aAAa;KACb,eAAe,CAAC;KACjB,CAAC;;KAED,oBACC,oBAAC;MAAI,WAAU;gBACZ;OACG,GACJ;KACH;KACA,qBACC,oBAAC;MAAI,WAAU;gBACZ;OACG,GACJ;;KACA,EACN,oBAAC,UACC,WAAW,KACT,iDACA,yEACA;IACE,eAAe,SAAS,KAAK;IAC7B,eAAe,SAAS,KAAK;IAC9B,EACD;IACE,aAAa,CAAC;IACd,eAAe;IAChB,CACF,GACD;IACE;GACF;;AAGV,WAAW,QAAQ;AACnB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,QAAQ;AAEnB,0BAAe"}

package/lib/{release-branch-CRZV4Ivz.js → release-branch-BX28p3l9.js}

@@ -15,4 +15,4 @@ Object.defineProperty(exports, 'RELEASE_BRANCH', {
     return RELEASE_BRANCH;
   }
 });
-//# sourceMappingURL=release-branch-CRZV4Ivz.js.map
+//# sourceMappingURL=release-branch-BX28p3l9.js.map

package/lib/{release-branch-CRZV4Ivz.js.map → release-branch-BX28p3l9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"release-branch-CRZV4Ivz.js","names":[],"sources":["../src/constants/release-branch.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const RELEASE_BRANCH = {\n  dev: 'dev',\n  master: 'master',\n  staging: 'staging',\n  release: 'release',\n  preview: 'preview',\n} as const\n\nexport type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>\n"],"mappings":";;AAEA,MAAa,iBAAiB;CAC5B,KAAK;CACL,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACV"}
+{"version":3,"file":"release-branch-BX28p3l9.js","names":[],"sources":["../src/constants/release-branch.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const RELEASE_BRANCH = {\n  dev: 'dev',\n  master: 'master',\n  staging: 'staging',\n  release: 'release',\n  preview: 'preview',\n} as const\n\nexport type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>\n"],"mappings":";;AAEA,MAAa,iBAAiB;CAC5B,KAAK;CACL,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACV"}

package/lib/{release-branch-CsBbhuYE.d.ts → release-branch-CnwfO6yj.d.ts}

@@ -11,4 +11,4 @@ declare const RELEASE_BRANCH: {
 type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>;
 //#endregion
 export { RELEASE_BRANCH, ReleaseBranch };
-//# sourceMappingURL=release-branch-CsBbhuYE.d.ts.map
+//# sourceMappingURL=release-branch-CnwfO6yj.d.ts.map

package/lib/{release-branch-DNCD1uH_.mjs → release-branch-DDaNiKrr.mjs}

@@ -9,4 +9,4 @@ const RELEASE_BRANCH = {
 
 //#endregion
 export { RELEASE_BRANCH };
-//# sourceMappingURL=release-branch-DNCD1uH_.mjs.map
+//# sourceMappingURL=release-branch-DDaNiKrr.mjs.map

package/lib/{release-branch-DNCD1uH_.mjs.map → release-branch-DDaNiKrr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"release-branch-DNCD1uH_.mjs","names":[],"sources":["../src/constants/release-branch.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const RELEASE_BRANCH = {\n  dev: 'dev',\n  master: 'master',\n  staging: 'staging',\n  release: 'release',\n  preview: 'preview',\n} as const\n\nexport type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>\n"],"mappings":";AAEA,MAAa,iBAAiB;CAC5B,KAAK;CACL,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACV"}
+{"version":3,"file":"release-branch-DDaNiKrr.mjs","names":[],"sources":["../src/constants/release-branch.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const RELEASE_BRANCH = {\n  dev: 'dev',\n  master: 'master',\n  staging: 'staging',\n  release: 'release',\n  preview: 'preview',\n} as const\n\nexport type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>\n"],"mappings":";AAEA,MAAa,iBAAiB;CAC5B,KAAK;CACL,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACV"}

package/lib/{release-branch-uF0B5lcE.d.mts → release-branch-IPa6pTGS.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-CUE6zs36.mjs";
+import { ValuesOf } from "./index-HhQuz4hd.mjs";
 
 //#region src/constants/release-branch.d.ts
 declare const RELEASE_BRANCH: {
@@ -11,4 +11,4 @@ declare const RELEASE_BRANCH: {
 type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>;
 //#endregion
 export { RELEASE_BRANCH, ReleaseBranch };
-//# sourceMappingURL=release-branch-uF0B5lcE.d.mts.map
+//# sourceMappingURL=release-branch-IPa6pTGS.d.mts.map

package/lib/{request-origins-BDXulkK9.js → request-origins-3W1mZD5S.js}

@@ -1,4 +1,4 @@
-const require_release_branch = require('./release-branch-CRZV4Ivz.js');
+const require_release_branch = require('./release-branch-BX28p3l9.js');
 
 //#region src/constants/request-origins.ts
 const forServerSideRendering = {
@@ -54,4 +54,4 @@ Object.defineProperty(exports, 'forServerSideRendering', {
     return forServerSideRendering;
   }
 });
-//# sourceMappingURL=request-origins-BDXulkK9.js.map
+//# sourceMappingURL=request-origins-3W1mZD5S.js.map

package/lib/{request-origins-BDXulkK9.js.map → request-origins-3W1mZD5S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"request-origins-BDXulkK9.js","names":["RELEASE_BRANCH"],"sources":["../src/constants/request-origins.ts"],"sourcesContent":["import { RELEASE_BRANCH } from './release-branch'\n\nconst forServerSideRendering = {\n  [RELEASE_BRANCH.master]: {\n    accounts: 'http://localhost:3001',\n    api: 'http://localhost:8080',\n    main: 'http://localhost:3000',\n    support: 'http://localhost:3001',\n  },\n  [RELEASE_BRANCH.staging]: {\n    accounts: 'https://staging-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://staging.twreporter.org',\n    support: 'https://staging-support.twreporter.org',\n  },\n  [RELEASE_BRANCH.preview]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.release]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.dev]: {\n    accounts: 'https://dev-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://dev.twreporter.org',\n    support: 'https://dev-support.twreporter.org',\n  },\n}\n\nconst forClientSideRendering = {\n  [RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],\n  [RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],\n  [RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],\n  [RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],\n  [RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev],\n}\n\nexport { forClientSideRendering, forServerSideRendering }\n"],"mappings":";;;AAEA,MAAM,yBAAyB;EAC5BA,sCAAe,SAAS;EACvB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,MAAM;EACpB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAM,yBAAyB;EAC5BA,sCAAe,SAAS,uBAAuBA,sCAAe;EAC9DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,MAAM,uBAAuBA,sCAAe;CAC7D"}
+{"version":3,"file":"request-origins-3W1mZD5S.js","names":["RELEASE_BRANCH"],"sources":["../src/constants/request-origins.ts"],"sourcesContent":["import { RELEASE_BRANCH } from './release-branch'\n\nconst forServerSideRendering = {\n  [RELEASE_BRANCH.master]: {\n    accounts: 'http://localhost:3001',\n    api: 'http://localhost:8080',\n    main: 'http://localhost:3000',\n    support: 'http://localhost:3001',\n  },\n  [RELEASE_BRANCH.staging]: {\n    accounts: 'https://staging-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://staging.twreporter.org',\n    support: 'https://staging-support.twreporter.org',\n  },\n  [RELEASE_BRANCH.preview]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.release]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.dev]: {\n    accounts: 'https://dev-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://dev.twreporter.org',\n    support: 'https://dev-support.twreporter.org',\n  },\n}\n\nconst forClientSideRendering = {\n  [RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],\n  [RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],\n  [RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],\n  [RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],\n  [RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev],\n}\n\nexport { forClientSideRendering, forServerSideRendering }\n"],"mappings":";;;AAEA,MAAM,yBAAyB;EAC5BA,sCAAe,SAAS;EACvB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,MAAM;EACpB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAM,yBAAyB;EAC5BA,sCAAe,SAAS,uBAAuBA,sCAAe;EAC9DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,MAAM,uBAAuBA,sCAAe;CAC7D"}

package/lib/{request-origins-CGkNWg8R.mjs → request-origins-Bn7P7Zk5.mjs}

@@ -1,4 +1,4 @@
-import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
+import { RELEASE_BRANCH } from "./release-branch-DDaNiKrr.mjs";
 
 //#region src/constants/request-origins.ts
 const forServerSideRendering = {
@@ -43,4 +43,4 @@ const forClientSideRendering = {
 
 //#endregion
 export { forClientSideRendering, forServerSideRendering };
-//# sourceMappingURL=request-origins-CGkNWg8R.mjs.map
+//# sourceMappingURL=request-origins-Bn7P7Zk5.mjs.map

package/lib/{request-origins-CGkNWg8R.mjs.map → request-origins-Bn7P7Zk5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"request-origins-CGkNWg8R.mjs","names":[],"sources":["../src/constants/request-origins.ts"],"sourcesContent":["import { RELEASE_BRANCH } from './release-branch'\n\nconst forServerSideRendering = {\n  [RELEASE_BRANCH.master]: {\n    accounts: 'http://localhost:3001',\n    api: 'http://localhost:8080',\n    main: 'http://localhost:3000',\n    support: 'http://localhost:3001',\n  },\n  [RELEASE_BRANCH.staging]: {\n    accounts: 'https://staging-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://staging.twreporter.org',\n    support: 'https://staging-support.twreporter.org',\n  },\n  [RELEASE_BRANCH.preview]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.release]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.dev]: {\n    accounts: 'https://dev-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://dev.twreporter.org',\n    support: 'https://dev-support.twreporter.org',\n  },\n}\n\nconst forClientSideRendering = {\n  [RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],\n  [RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],\n  [RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],\n  [RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],\n  [RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev],\n}\n\nexport { forClientSideRendering, forServerSideRendering }\n"],"mappings":";;;AAEA,MAAM,yBAAyB;EAC5B,eAAe,SAAS;EACvB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,MAAM;EACpB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAM,yBAAyB;EAC5B,eAAe,SAAS,uBAAuB,eAAe;EAC9D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,MAAM,uBAAuB,eAAe;CAC7D"}
+{"version":3,"file":"request-origins-Bn7P7Zk5.mjs","names":[],"sources":["../src/constants/request-origins.ts"],"sourcesContent":["import { RELEASE_BRANCH } from './release-branch'\n\nconst forServerSideRendering = {\n  [RELEASE_BRANCH.master]: {\n    accounts: 'http://localhost:3001',\n    api: 'http://localhost:8080',\n    main: 'http://localhost:3000',\n    support: 'http://localhost:3001',\n  },\n  [RELEASE_BRANCH.staging]: {\n    accounts: 'https://staging-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://staging.twreporter.org',\n    support: 'https://staging-support.twreporter.org',\n  },\n  [RELEASE_BRANCH.preview]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.release]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.dev]: {\n    accounts: 'https://dev-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://dev.twreporter.org',\n    support: 'https://dev-support.twreporter.org',\n  },\n}\n\nconst forClientSideRendering = {\n  [RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],\n  [RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],\n  [RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],\n  [RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],\n  [RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev],\n}\n\nexport { forClientSideRendering, forServerSideRendering }\n"],"mappings":";;;AAEA,MAAM,yBAAyB;EAC5B,eAAe,SAAS;EACvB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,MAAM;EACpB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAM,yBAAyB;EAC5B,eAAe,SAAS,uBAAuB,eAAe;EAC9D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,MAAM,uBAAuB,eAAe;CAC7D"}