@twreporter/react-typescript-components 0.1.0-beta.21 → 0.1.0-beta.23

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-CsJVJyBr.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-CsJVJyBr.mjs.map

package/lib/path-CsJVJyBr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-CsJVJyBr.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-j90QzFqV.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-j90QzFqV.js.map

package/lib/path-j90QzFqV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-j90QzFqV.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-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-CRZV4Ivz.js → release-branch-DmSIuJAw.js}

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

package/lib/{release-branch-CRZV4Ivz.js.map → release-branch-DmSIuJAw.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-DmSIuJAw.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-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/{release-branch-DNCD1uH_.mjs → release-branch-oA59oIop.mjs}

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

package/lib/{release-branch-DNCD1uH_.mjs.map → release-branch-oA59oIop.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-oA59oIop.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/{request-origins-CGkNWg8R.mjs → request-origins-BeXRYpFr.mjs}

@@ -1,4 +1,4 @@
-import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
+import { RELEASE_BRANCH } from "./release-branch-oA59oIop.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-BeXRYpFr.mjs.map

package/lib/{request-origins-CGkNWg8R.mjs.map → request-origins-BeXRYpFr.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-BeXRYpFr.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"}

package/lib/{request-origins-BDXulkK9.js → request-origins-CSHIpq-b.js}

@@ -1,4 +1,4 @@
-const require_release_branch = require('./release-branch-CRZV4Ivz.js');
+const require_release_branch = require('./release-branch-DmSIuJAw.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-CSHIpq-b.js.map

package/lib/{request-origins-BDXulkK9.js.map → request-origins-CSHIpq-b.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-CSHIpq-b.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/{input-e0a-Wul_.js → search-bar-B9iWikhM.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-BZI6_5JJ.js');
-const require_theme$1 = require('./theme-BLdi7Moc.js');
+const require_icon_button = require('./icon-button-Vqwyow05.js');
+const require_release_branch = require('./release-branch-DmSIuJAw.js');
+const require_icons = require('./icons-OsNrxOWn.js');
+const require_theme$1 = require('./theme-DcgOPrC2.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-e0a-Wul_.js.map
+//# sourceMappingURL=search-bar-B9iWikhM.js.map

package/lib/search-bar-B9iWikhM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-B9iWikhM.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-BJWcutA3.mjs → search-bar-CU2VQdeo.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-C5UqghX2.mjs";
-import { selectThemeStyle } from "./theme-DURvzYaJ.mjs";
+import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
+import { RELEASE_BRANCH } from "./release-branch-oA59oIop.mjs";
+import { Cross, Search } from "./icons-D_G_3m8-.mjs";
+import { selectThemeStyle } from "./theme-DkV7kMq6.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-BJWcutA3.mjs.map
+export { search_bar_default };
+//# sourceMappingURL=search-bar-CU2VQdeo.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-CU2VQdeo.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"}