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

package/lib/{icons-BZI6_5JJ.js.map → icons-OsNrxOWn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icons-BZI6_5JJ.js","names":["Icon: React.FC<IconProps> & {\n  Type: typeof ICON_TYPE\n  ReleaseBranch: typeof RELEASE_BRANCH\n}","ICON_TYPE","RELEASE_BRANCH","Arrow: React.FC<{\n  direction?: ArrowDirection\n  releaseBranch: ReleaseBranch\n}> & {\n  Direction: typeof ARROW_DIRECTION\n}","ARROW_DIRECTION","SocialMedia: React.FC<SocialMediaProps> & {\n  Type: typeof ICON_TYPE\n  MediaType: typeof MEDIA_TYPE\n}","MEDIA_TYPE"],"sources":["../src/icons/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\nimport {\n  ICON_TYPE,\n  type IconType,\n  ARROW_DIRECTION,\n  type ArrowDirection,\n  MEDIA_TYPE,\n  type MediaType,\n} from './constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/assets/icon/'\n\ntype IconProps = {\n  type?: IconType\n  filename: string\n  releaseBranch?: ReleaseBranch\n  className?: string\n}\nexport const Icon: React.FC<IconProps> & {\n  Type: typeof ICON_TYPE\n  ReleaseBranch: typeof RELEASE_BRANCH\n} = ({\n  type = ICON_TYPE.mask,\n  filename,\n  releaseBranch = RELEASE_BRANCH.master,\n  className = '',\n}) => {\n  const src = `${baseGCSDir}${releaseBranch}/${filename}.svg`\n\n  if (type === ICON_TYPE.raw) {\n    return (\n      // biome-ignore lint/performance/noImgElement: use next image later\n      <img\n        src={src}\n        alt={filename}\n        className={clsx('h-[24px] w-[24px]', className)}\n      />\n    )\n  }\n\n  return (\n    <svg\n      className={clsx('h-[24px] w-[24px] bg-gray-black mask-cover', className)}\n      // tailwindcss seems not support dynamic values in mask-image\n      style={{ maskImage: `url(${src})`, WebkitMaskImage: `url(${src})` }}\n    />\n  )\n}\n\nIcon.Type = ICON_TYPE\nIcon.ReleaseBranch = RELEASE_BRANCH\n\nconst getIcon = (gcsFileName: string, releaseBranch: ReleaseBranch) => {\n  return (\n    <Icon\n      filename={gcsFileName}\n      releaseBranch={releaseBranch}\n      type={ICON_TYPE.mask}\n    />\n  )\n}\n\nexport const Hamburger = (releaseBranch: ReleaseBranch) =>\n  getIcon('hamburger', releaseBranch)\nexport const Search = (releaseBranch: ReleaseBranch) =>\n  getIcon('search', releaseBranch)\nexport const KidStar = (releaseBranch: ReleaseBranch) =>\n  getIcon('kid_star', releaseBranch)\nexport const Member = (releaseBranch: ReleaseBranch) =>\n  getIcon('member', releaseBranch)\nexport const Cross = (releaseBranch: ReleaseBranch) =>\n  getIcon('cross', releaseBranch)\nexport const Home = (releaseBranch: ReleaseBranch) =>\n  getIcon('home', releaseBranch)\nexport const Topic = (releaseBranch: ReleaseBranch) =>\n  getIcon('topic', releaseBranch)\nexport const Clock = (releaseBranch: ReleaseBranch) =>\n  getIcon('clock', releaseBranch)\n\nexport const Arrow: React.FC<{\n  direction?: ArrowDirection\n  releaseBranch: ReleaseBranch\n}> & {\n  Direction: typeof ARROW_DIRECTION\n} = ({ direction = ARROW_DIRECTION.right, releaseBranch }) => {\n  const filename = `arrow_${direction}`\n  return <Icon filename={filename} releaseBranch={releaseBranch} />\n}\nArrow.Direction = ARROW_DIRECTION\n\ntype SocialMediaProps = {\n  type?: IconType\n  mediaType: MediaType\n  releaseBranch: ReleaseBranch\n}\nexport const SocialMedia: React.FC<SocialMediaProps> & {\n  Type: typeof ICON_TYPE\n  MediaType: typeof MEDIA_TYPE\n} = ({\n  type = Icon.Type.mask,\n  mediaType = MEDIA_TYPE.google,\n  releaseBranch = Icon.ReleaseBranch.master,\n}) => {\n  return <Icon filename={mediaType} type={type} releaseBranch={releaseBranch} />\n}\nSocialMedia.Type = ICON_TYPE\nSocialMedia.MediaType = MEDIA_TYPE\n"],"mappings":";;;;;;;;;AAaA,MAAM,aAAa;AAQnB,MAAaA,QAGR,EACH,OAAOC,4BAAU,MACjB,UACA,gBAAgBC,sCAAe,QAC/B,YAAY,SACR;CACJ,MAAM,MAAM,GAAG,aAAa,cAAc,GAAG,SAAS;AAEtD,KAAI,SAASD,4BAAU,IACrB,QAEE,2CAAC;EACM;EACL,KAAK;EACL,6BAAgB,qBAAqB,UAAU;GAC/C;AAIN,QACE,2CAAC;EACC,6BAAgB,8CAA8C,UAAU;EAExE,OAAO;GAAE,WAAW,OAAO,IAAI;GAAI,iBAAiB,OAAO,IAAI;GAAI;GACnE;;AAIN,KAAK,OAAOA;AACZ,KAAK,gBAAgBC;AAErB,MAAM,WAAW,aAAqB,kBAAiC;AACrE,QACE,2CAAC;EACC,UAAU;EACK;EACf,MAAMD,4BAAU;GAChB;;AAIN,MAAa,aAAa,kBACxB,QAAQ,aAAa,cAAc;AACrC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,WAAW,kBACtB,QAAQ,YAAY,cAAc;AACpC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,QAAQ,kBACnB,QAAQ,QAAQ,cAAc;AAChC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AAEjC,MAAaE,SAKR,EAAE,YAAYC,kCAAgB,OAAO,oBAAoB;CAC5D,MAAM,WAAW,SAAS;AAC1B,QAAO,2CAAC;EAAe;EAAyB;GAAiB;;AAEnE,MAAM,YAAYA;AAOlB,MAAaC,eAGR,EACH,OAAO,KAAK,KAAK,MACjB,YAAYC,6BAAW,QACvB,gBAAgB,KAAK,cAAc,aAC/B;AACJ,QAAO,2CAAC;EAAK,UAAU;EAAiB;EAAqB;GAAiB;;AAEhF,YAAY,OAAOL;AACnB,YAAY,YAAYK"}
+{"version":3,"file":"icons-OsNrxOWn.js","names":["Icon: React.FC<IconProps> & {\n  Type: typeof ICON_TYPE\n  ReleaseBranch: typeof RELEASE_BRANCH\n}","ICON_TYPE","RELEASE_BRANCH","Arrow: React.FC<{\n  direction?: ArrowDirection\n  releaseBranch: ReleaseBranch\n}> & {\n  Direction: typeof ARROW_DIRECTION\n}","ARROW_DIRECTION","SocialMedia: React.FC<SocialMediaProps> & {\n  Type: typeof ICON_TYPE\n  MediaType: typeof MEDIA_TYPE\n}","MEDIA_TYPE"],"sources":["../src/icons/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\nimport {\n  ICON_TYPE,\n  type IconType,\n  ARROW_DIRECTION,\n  type ArrowDirection,\n  MEDIA_TYPE,\n  type MediaType,\n} from './constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/assets/icon/'\n\ntype IconProps = {\n  type?: IconType\n  filename: string\n  releaseBranch?: ReleaseBranch\n  className?: string\n}\nexport const Icon: React.FC<IconProps> & {\n  Type: typeof ICON_TYPE\n  ReleaseBranch: typeof RELEASE_BRANCH\n} = ({\n  type = ICON_TYPE.mask,\n  filename,\n  releaseBranch = RELEASE_BRANCH.master,\n  className = '',\n}) => {\n  const src = `${baseGCSDir}${releaseBranch}/${filename}.svg`\n\n  if (type === ICON_TYPE.raw) {\n    return (\n      // biome-ignore lint/performance/noImgElement: use next image later\n      <img\n        src={src}\n        alt={filename}\n        className={clsx('h-[24px] w-[24px]', className)}\n      />\n    )\n  }\n\n  return (\n    <svg\n      className={clsx('h-[24px] w-[24px] bg-gray-black mask-cover', className)}\n      // tailwindcss seems not support dynamic values in mask-image\n      style={{ maskImage: `url(${src})`, WebkitMaskImage: `url(${src})` }}\n    />\n  )\n}\n\nIcon.Type = ICON_TYPE\nIcon.ReleaseBranch = RELEASE_BRANCH\n\nconst getIcon = (gcsFileName: string, releaseBranch: ReleaseBranch) => {\n  return (\n    <Icon\n      filename={gcsFileName}\n      releaseBranch={releaseBranch}\n      type={ICON_TYPE.mask}\n    />\n  )\n}\n\nexport const Hamburger = (releaseBranch: ReleaseBranch) =>\n  getIcon('hamburger', releaseBranch)\nexport const Search = (releaseBranch: ReleaseBranch) =>\n  getIcon('search', releaseBranch)\nexport const KidStar = (releaseBranch: ReleaseBranch) =>\n  getIcon('kid_star', releaseBranch)\nexport const Member = (releaseBranch: ReleaseBranch) =>\n  getIcon('member', releaseBranch)\nexport const Cross = (releaseBranch: ReleaseBranch) =>\n  getIcon('cross', releaseBranch)\nexport const Home = (releaseBranch: ReleaseBranch) =>\n  getIcon('home', releaseBranch)\nexport const Topic = (releaseBranch: ReleaseBranch) =>\n  getIcon('topic', releaseBranch)\nexport const Clock = (releaseBranch: ReleaseBranch) =>\n  getIcon('clock', releaseBranch)\n\nexport const Arrow: React.FC<{\n  direction?: ArrowDirection\n  releaseBranch: ReleaseBranch\n}> & {\n  Direction: typeof ARROW_DIRECTION\n} = ({ direction = ARROW_DIRECTION.right, releaseBranch }) => {\n  const filename = `arrow_${direction}`\n  return <Icon filename={filename} releaseBranch={releaseBranch} />\n}\nArrow.Direction = ARROW_DIRECTION\n\ntype SocialMediaProps = {\n  type?: IconType\n  mediaType: MediaType\n  releaseBranch: ReleaseBranch\n}\nexport const SocialMedia: React.FC<SocialMediaProps> & {\n  Type: typeof ICON_TYPE\n  MediaType: typeof MEDIA_TYPE\n} = ({\n  type = Icon.Type.mask,\n  mediaType = MEDIA_TYPE.google,\n  releaseBranch = Icon.ReleaseBranch.master,\n}) => {\n  return <Icon filename={mediaType} type={type} releaseBranch={releaseBranch} />\n}\nSocialMedia.Type = ICON_TYPE\nSocialMedia.MediaType = MEDIA_TYPE\n"],"mappings":";;;;;;;;;AAaA,MAAM,aAAa;AAQnB,MAAaA,QAGR,EACH,OAAOC,4BAAU,MACjB,UACA,gBAAgBC,sCAAe,QAC/B,YAAY,SACR;CACJ,MAAM,MAAM,GAAG,aAAa,cAAc,GAAG,SAAS;AAEtD,KAAI,SAASD,4BAAU,IACrB,QAEE,2CAAC;EACM;EACL,KAAK;EACL,6BAAgB,qBAAqB,UAAU;GAC/C;AAIN,QACE,2CAAC;EACC,6BAAgB,8CAA8C,UAAU;EAExE,OAAO;GAAE,WAAW,OAAO,IAAI;GAAI,iBAAiB,OAAO,IAAI;GAAI;GACnE;;AAIN,KAAK,OAAOA;AACZ,KAAK,gBAAgBC;AAErB,MAAM,WAAW,aAAqB,kBAAiC;AACrE,QACE,2CAAC;EACC,UAAU;EACK;EACf,MAAMD,4BAAU;GAChB;;AAIN,MAAa,aAAa,kBACxB,QAAQ,aAAa,cAAc;AACrC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,WAAW,kBACtB,QAAQ,YAAY,cAAc;AACpC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,QAAQ,kBACnB,QAAQ,QAAQ,cAAc;AAChC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AAEjC,MAAaE,SAKR,EAAE,YAAYC,kCAAgB,OAAO,oBAAoB;CAC5D,MAAM,WAAW,SAAS;AAC1B,QAAO,2CAAC;EAAe;EAAyB;GAAiB;;AAEnE,MAAM,YAAYA;AAOlB,MAAaC,eAGR,EACH,OAAO,KAAK,KAAK,MACjB,YAAYC,6BAAW,QACvB,gBAAgB,KAAK,cAAc,aAC/B;AACJ,QAAO,2CAAC;EAAK,UAAU;EAAiB;EAAqB;GAAiB;;AAEhF,YAAY,OAAOL;AACnB,YAAY,YAAYK"}

package/lib/img-placeholder-D-fbn9IG.js

@@ -0,0 +1,41 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/card/list/img-placeholder.tsx
+const ImgPlaceholder = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width: "107px",
+	height: "113px",
+	viewBox: "0 0 107 113",
+	xmlns: "http://www.w3.org/2000/svg",
+	xmlnsXlink: "http://www.w3.org/1999/xlink",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "Fill 1" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("desc", { children: "Created with Sketch." }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", {}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
+			id: "All",
+			stroke: "none",
+			strokeWidth: 1,
+			fill: "none",
+			fillRule: "evenodd",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M5.0005,112.5625 C4.0565,112.5625 3.1165,112.2945 2.2975,111.7685 C0.8655,110.8495 0.0005,109.2645 0.0005,107.5625 L0.0005,4.9995 C0.0005,3.2975 0.8655,1.7125 2.2975,0.7935 C3.7295,-0.1255 5.5295,-0.2545 7.0785,0.4525 L49.8025,19.9735 C52.3145,21.1215 53.4195,24.0875 52.2725,26.5995 C51.1255,29.1115 48.1585,30.2165 45.6465,29.0695 L10.0005,12.7825 L10.0005,99.7815 L59.8435,77.0065 L59.8435,32.0125 C59.8435,29.7635 61.3455,27.7915 63.5125,27.1935 L100.6185,16.9465 C102.1255,16.5315 103.7365,16.8425 104.9785,17.7875 C106.2205,18.7325 106.9495,20.2045 106.9495,21.7655 L106.9495,89.2045 C106.9495,90.7315 106.2515,92.1735 105.0555,93.1235 C103.8575,94.0715 102.2935,94.4215 100.8075,94.0725 L80.7015,89.3565 C78.0135,88.7255 76.3445,86.0355 76.9755,83.3465 C77.6055,80.6575 80.2985,78.9915 82.9845,79.6205 L96.9495,82.8955 L96.9495,28.3335 L69.8435,35.8195 L69.8435,80.2195 C69.8435,82.1765 68.7015,83.9545 66.9215,84.7675 L7.0785,112.1105 C6.4155,112.4135 5.7065,112.5625 5.0005,112.5625",
+				id: "Fill-1",
+				fill: "#DBDCDC"
+			})
+		})
+	]
+});
+var img_placeholder_default = ImgPlaceholder;
+
+//#endregion
+Object.defineProperty(exports, 'img_placeholder_default', {
+  enumerable: true,
+  get: function () {
+    return img_placeholder_default;
+  }
+});
+//# sourceMappingURL=img-placeholder-D-fbn9IG.js.map

package/lib/img-placeholder-D-fbn9IG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-placeholder-D-fbn9IG.js","names":[],"sources":["../src/card/list/img-placeholder.tsx"],"sourcesContent":["import React from 'react'\n\nconst ImgPlaceholder = () => (\n  <svg\n    width=\"107px\"\n    height=\"113px\"\n    viewBox=\"0 0 107 113\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <title>{'Fill 1'}</title>\n    <desc>{'Created with Sketch.'}</desc>\n    <defs />\n    <g id=\"All\" stroke=\"none\" strokeWidth={1} fill=\"none\" fillRule=\"evenodd\">\n      <path\n        d=\"M5.0005,112.5625 C4.0565,112.5625 3.1165,112.2945 2.2975,111.7685 C0.8655,110.8495 0.0005,109.2645 0.0005,107.5625 L0.0005,4.9995 C0.0005,3.2975 0.8655,1.7125 2.2975,0.7935 C3.7295,-0.1255 5.5295,-0.2545 7.0785,0.4525 L49.8025,19.9735 C52.3145,21.1215 53.4195,24.0875 52.2725,26.5995 C51.1255,29.1115 48.1585,30.2165 45.6465,29.0695 L10.0005,12.7825 L10.0005,99.7815 L59.8435,77.0065 L59.8435,32.0125 C59.8435,29.7635 61.3455,27.7915 63.5125,27.1935 L100.6185,16.9465 C102.1255,16.5315 103.7365,16.8425 104.9785,17.7875 C106.2205,18.7325 106.9495,20.2045 106.9495,21.7655 L106.9495,89.2045 C106.9495,90.7315 106.2515,92.1735 105.0555,93.1235 C103.8575,94.0715 102.2935,94.4215 100.8075,94.0725 L80.7015,89.3565 C78.0135,88.7255 76.3445,86.0355 76.9755,83.3465 C77.6055,80.6575 80.2985,78.9915 82.9845,79.6205 L96.9495,82.8955 L96.9495,28.3335 L69.8435,35.8195 L69.8435,80.2195 C69.8435,82.1765 68.7015,83.9545 66.9215,84.7675 L7.0785,112.1105 C6.4155,112.4135 5.7065,112.5625 5.0005,112.5625\"\n        id=\"Fill-1\"\n        fill=\"#DBDCDC\"\n      />\n    </g>\n  </svg>\n)\nexport default ImgPlaceholder\n"],"mappings":";;;;;;;AAEA,MAAM,uBACJ,4CAAC;CACC,OAAM;CACN,QAAO;CACP,SAAQ;CACR,OAAM;CACN,YAAW;;EAEX,2CAAC,qBAAO,WAAiB;EACzB,2CAAC,oBAAM,yBAA8B;EACrC,2CAAC,WAAO;EACR,2CAAC;GAAE,IAAG;GAAM,QAAO;GAAO,aAAa;GAAG,MAAK;GAAO,UAAS;aAC7D,2CAAC;IACC,GAAE;IACF,IAAG;IACH,MAAK;KACL;IACA;;EACA;AAER,8BAAe"}

package/lib/img-placeholder-DhOOFcVQ.mjs

@@ -0,0 +1,33 @@
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/card/list/img-placeholder.tsx
+const ImgPlaceholder = () => /* @__PURE__ */ jsxs("svg", {
+	width: "107px",
+	height: "113px",
+	viewBox: "0 0 107 113",
+	xmlns: "http://www.w3.org/2000/svg",
+	xmlnsXlink: "http://www.w3.org/1999/xlink",
+	children: [
+		/* @__PURE__ */ jsx("title", { children: "Fill 1" }),
+		/* @__PURE__ */ jsx("desc", { children: "Created with Sketch." }),
+		/* @__PURE__ */ jsx("defs", {}),
+		/* @__PURE__ */ jsx("g", {
+			id: "All",
+			stroke: "none",
+			strokeWidth: 1,
+			fill: "none",
+			fillRule: "evenodd",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M5.0005,112.5625 C4.0565,112.5625 3.1165,112.2945 2.2975,111.7685 C0.8655,110.8495 0.0005,109.2645 0.0005,107.5625 L0.0005,4.9995 C0.0005,3.2975 0.8655,1.7125 2.2975,0.7935 C3.7295,-0.1255 5.5295,-0.2545 7.0785,0.4525 L49.8025,19.9735 C52.3145,21.1215 53.4195,24.0875 52.2725,26.5995 C51.1255,29.1115 48.1585,30.2165 45.6465,29.0695 L10.0005,12.7825 L10.0005,99.7815 L59.8435,77.0065 L59.8435,32.0125 C59.8435,29.7635 61.3455,27.7915 63.5125,27.1935 L100.6185,16.9465 C102.1255,16.5315 103.7365,16.8425 104.9785,17.7875 C106.2205,18.7325 106.9495,20.2045 106.9495,21.7655 L106.9495,89.2045 C106.9495,90.7315 106.2515,92.1735 105.0555,93.1235 C103.8575,94.0715 102.2935,94.4215 100.8075,94.0725 L80.7015,89.3565 C78.0135,88.7255 76.3445,86.0355 76.9755,83.3465 C77.6055,80.6575 80.2985,78.9915 82.9845,79.6205 L96.9495,82.8955 L96.9495,28.3335 L69.8435,35.8195 L69.8435,80.2195 C69.8435,82.1765 68.7015,83.9545 66.9215,84.7675 L7.0785,112.1105 C6.4155,112.4135 5.7065,112.5625 5.0005,112.5625",
+				id: "Fill-1",
+				fill: "#DBDCDC"
+			})
+		})
+	]
+});
+var img_placeholder_default = ImgPlaceholder;
+
+//#endregion
+export { img_placeholder_default };
+//# sourceMappingURL=img-placeholder-DhOOFcVQ.mjs.map

package/lib/img-placeholder-DhOOFcVQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-placeholder-DhOOFcVQ.mjs","names":[],"sources":["../src/card/list/img-placeholder.tsx"],"sourcesContent":["import React from 'react'\n\nconst ImgPlaceholder = () => (\n  <svg\n    width=\"107px\"\n    height=\"113px\"\n    viewBox=\"0 0 107 113\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <title>{'Fill 1'}</title>\n    <desc>{'Created with Sketch.'}</desc>\n    <defs />\n    <g id=\"All\" stroke=\"none\" strokeWidth={1} fill=\"none\" fillRule=\"evenodd\">\n      <path\n        d=\"M5.0005,112.5625 C4.0565,112.5625 3.1165,112.2945 2.2975,111.7685 C0.8655,110.8495 0.0005,109.2645 0.0005,107.5625 L0.0005,4.9995 C0.0005,3.2975 0.8655,1.7125 2.2975,0.7935 C3.7295,-0.1255 5.5295,-0.2545 7.0785,0.4525 L49.8025,19.9735 C52.3145,21.1215 53.4195,24.0875 52.2725,26.5995 C51.1255,29.1115 48.1585,30.2165 45.6465,29.0695 L10.0005,12.7825 L10.0005,99.7815 L59.8435,77.0065 L59.8435,32.0125 C59.8435,29.7635 61.3455,27.7915 63.5125,27.1935 L100.6185,16.9465 C102.1255,16.5315 103.7365,16.8425 104.9785,17.7875 C106.2205,18.7325 106.9495,20.2045 106.9495,21.7655 L106.9495,89.2045 C106.9495,90.7315 106.2515,92.1735 105.0555,93.1235 C103.8575,94.0715 102.2935,94.4215 100.8075,94.0725 L80.7015,89.3565 C78.0135,88.7255 76.3445,86.0355 76.9755,83.3465 C77.6055,80.6575 80.2985,78.9915 82.9845,79.6205 L96.9495,82.8955 L96.9495,28.3335 L69.8435,35.8195 L69.8435,80.2195 C69.8435,82.1765 68.7015,83.9545 66.9215,84.7675 L7.0785,112.1105 C6.4155,112.4135 5.7065,112.5625 5.0005,112.5625\"\n        id=\"Fill-1\"\n        fill=\"#DBDCDC\"\n      />\n    </g>\n  </svg>\n)\nexport default ImgPlaceholder\n"],"mappings":";;;;AAEA,MAAM,uBACJ,qBAAC;CACC,OAAM;CACN,QAAO;CACP,SAAQ;CACR,OAAM;CACN,YAAW;;EAEX,oBAAC,qBAAO,WAAiB;EACzB,oBAAC,oBAAM,yBAA8B;EACrC,oBAAC,WAAO;EACR,oBAAC;GAAE,IAAG;GAAM,QAAO;GAAO,aAAa;GAAG,MAAK;GAAO,UAAS;aAC7D,oBAAC;IACC,GAAE;IACF,IAAG;IACH,MAAK;KACL;IACA;;EACA;AAER,8BAAe"}

package/lib/index-B1cqLG7H.d.ts

@@ -0,0 +1,26 @@
+import { THEME, Theme } from "./theme-Ce9CLqLS.js";
+import { SIZE, STYLE, Size, Style, TYPE, Type } from "./constants-YK2KhqPU.js";
+import { FC } from "react";
+
+//#region src/button/components/pill-button/index.d.ts
+type PillButtonProps = {
+  text?: string;
+  leftIconComponent?: React.ReactElement;
+  rightIconComponent?: React.ReactElement;
+  size?: Size;
+  theme?: Theme;
+  type?: Type;
+  style?: Style;
+  disabled?: boolean;
+  loading?: boolean;
+  className?: string;
+};
+declare const PillButton: FC<PillButtonProps> & {
+  Theme: typeof THEME;
+  Type: typeof TYPE;
+  Size: typeof SIZE;
+  Style: typeof STYLE;
+};
+//#endregion
+export { PillButton };
+//# sourceMappingURL=index-B1cqLG7H.d.ts.map

package/lib/index-B5cZ2bgU.d.mts

@@ -0,0 +1,21 @@
+import { THEME, Theme } from "./theme-ECp4BKXJ.mjs";
+import { TYPE, Type } from "./constants-CFstRAZ_.mjs";
+import React from "react";
+
+//#region src/button/components/icon-button/index.d.ts
+type IconButtonProps = {
+  iconComponent: React.ReactElement;
+  theme?: Theme;
+  type?: Type;
+  disabled?: boolean;
+  active?: boolean;
+  className?: string;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const IconButton: React.FC<IconButtonProps> & {
+  Theme: typeof THEME;
+  Type: typeof TYPE;
+};
+//#endregion
+export { IconButton };
+//# sourceMappingURL=index-B5cZ2bgU.d.mts.map

package/lib/index-B7-bdIVL.d.ts

@@ -0,0 +1,25 @@
+import { THEME, Theme } from "./theme-Ce9CLqLS.js";
+import { SIZE, STYLE, Size, Style } from "./constants-YK2KhqPU.js";
+import { FC, ReactElement } from "react";
+
+//#region src/button/components/text-button/index.d.ts
+type TextButtonProps = {
+  text: string;
+  leftIconComponent?: ReactElement;
+  rightIconComponent?: ReactElement;
+  size?: Size;
+  style?: Style;
+  theme?: Theme;
+  active?: boolean;
+  disabled?: boolean;
+  loading?: boolean;
+  className?: string;
+};
+declare const TextButton: FC<TextButtonProps> & {
+  Size: typeof SIZE;
+  Style: typeof STYLE;
+  Theme: typeof THEME;
+};
+//#endregion
+export { TextButton };
+//# sourceMappingURL=index-B7-bdIVL.d.ts.map

package/lib/index-BLWHIu0E.d.ts

@@ -0,0 +1,20 @@
+import { THEME, Theme } from "./theme-Ce9CLqLS.js";
+import { FC } from "react";
+
+//#region src/button/components/icon-with-text-button/index.d.ts
+type IconWithTextButtonProps = {
+  text?: string;
+  iconComponent: React.ReactNode;
+  theme?: Theme;
+  disabled?: boolean;
+  active?: boolean;
+  hideText?: boolean;
+  className?: string;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const IconWithTextButton: FC<IconWithTextButtonProps> & {
+  Theme: typeof THEME;
+};
+//#endregion
+export { IconWithTextButton };
+//# sourceMappingURL=index-BLWHIu0E.d.ts.map

package/lib/index-BNr6dtKF.d.mts

@@ -0,0 +1,20 @@
+import { THEME, Theme } from "./theme-ECp4BKXJ.mjs";
+import { FC } from "react";
+
+//#region src/button/components/icon-with-text-button/index.d.ts
+type IconWithTextButtonProps = {
+  text?: string;
+  iconComponent: React.ReactNode;
+  theme?: Theme;
+  disabled?: boolean;
+  active?: boolean;
+  hideText?: boolean;
+  className?: string;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const IconWithTextButton: FC<IconWithTextButtonProps> & {
+  Theme: typeof THEME;
+};
+//#endregion
+export { IconWithTextButton };
+//# sourceMappingURL=index-BNr6dtKF.d.mts.map

package/lib/index-C_Y_QOX7.d.mts

@@ -0,0 +1,25 @@
+import { THEME, Theme } from "./theme-ECp4BKXJ.mjs";
+import { SIZE, STYLE, Size, Style } from "./constants-CFstRAZ_.mjs";
+import { FC, ReactElement } from "react";
+
+//#region src/button/components/text-button/index.d.ts
+type TextButtonProps = {
+  text: string;
+  leftIconComponent?: ReactElement;
+  rightIconComponent?: ReactElement;
+  size?: Size;
+  style?: Style;
+  theme?: Theme;
+  active?: boolean;
+  disabled?: boolean;
+  loading?: boolean;
+  className?: string;
+};
+declare const TextButton: FC<TextButtonProps> & {
+  Size: typeof SIZE;
+  Style: typeof STYLE;
+  Theme: typeof THEME;
+};
+//#endregion
+export { TextButton };
+//# sourceMappingURL=index-C_Y_QOX7.d.mts.map

package/lib/index-Cav_aW5H.d.mts

@@ -0,0 +1,17 @@
+import { WEIGHT, Weight } from "./constants-jR2WUCRY.mjs";
+import React from "react";
+
+//#region src/button/components/menu-button/index.d.ts
+type MenuButtonProps = {
+  text: string;
+  color: string;
+  fontWeight: Weight;
+  className?: string;
+  p1ClassName?: string;
+};
+declare const MenuButton: React.FC<MenuButtonProps> & {
+  FontWeight: typeof WEIGHT;
+};
+//#endregion
+export { MenuButton };
+//# sourceMappingURL=index-Cav_aW5H.d.mts.map

package/lib/index-CxmCLH2N.d.ts

@@ -0,0 +1,13 @@
+import { Tab } from "./type-CLXaT3at.js";
+import { FC } from "react";
+
+//#region src/title-bar/components/title-tab/index.d.ts
+type TitleTabProps = {
+  title: string;
+  tabs: Tab[];
+  activeTabIndex?: number;
+};
+declare const TitleTab: FC<TitleTabProps>;
+//#endregion
+export { TitleTab };
+//# sourceMappingURL=index-CxmCLH2N.d.ts.map

package/lib/index-D6x__0gM.d.mts

@@ -0,0 +1,13 @@
+import { Tab } from "./type-CeVcN-Qd.mjs";
+import { FC } from "react";
+
+//#region src/title-bar/components/title-tab/index.d.ts
+type TitleTabProps = {
+  title: string;
+  tabs: Tab[];
+  activeTabIndex?: number;
+};
+declare const TitleTab: FC<TitleTabProps>;
+//#endregion
+export { TitleTab };
+//# sourceMappingURL=index-D6x__0gM.d.mts.map

package/lib/index-D9_HCa05.d.ts

@@ -0,0 +1,21 @@
+import { THEME, Theme } from "./theme-Ce9CLqLS.js";
+import { TYPE, Type } from "./constants-YK2KhqPU.js";
+import React from "react";
+
+//#region src/button/components/icon-button/index.d.ts
+type IconButtonProps = {
+  iconComponent: React.ReactElement;
+  theme?: Theme;
+  type?: Type;
+  disabled?: boolean;
+  active?: boolean;
+  className?: string;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const IconButton: React.FC<IconButtonProps> & {
+  Theme: typeof THEME;
+  Type: typeof TYPE;
+};
+//#endregion
+export { IconButton };
+//# sourceMappingURL=index-D9_HCa05.d.ts.map

package/lib/index-Dg9CXOZr.d.mts

@@ -0,0 +1,26 @@
+import { THEME, Theme } from "./theme-ECp4BKXJ.mjs";
+import { SIZE, STYLE, Size, Style, TYPE, Type } from "./constants-CFstRAZ_.mjs";
+import { FC } from "react";
+
+//#region src/button/components/pill-button/index.d.ts
+type PillButtonProps = {
+  text?: string;
+  leftIconComponent?: React.ReactElement;
+  rightIconComponent?: React.ReactElement;
+  size?: Size;
+  theme?: Theme;
+  type?: Type;
+  style?: Style;
+  disabled?: boolean;
+  loading?: boolean;
+  className?: string;
+};
+declare const PillButton: FC<PillButtonProps> & {
+  Theme: typeof THEME;
+  Type: typeof TYPE;
+  Size: typeof SIZE;
+  Style: typeof STYLE;
+};
+//#endregion
+export { PillButton };
+//# sourceMappingURL=index-Dg9CXOZr.d.mts.map

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

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

package/lib/index-MTFsl7V2.d.ts

@@ -0,0 +1,25 @@
+import { Theme } from "./theme-Ce9CLqLS.js";
+import { ReleaseBranch } from "./release-branch-CnwfO6yj.js";
+import * as react18 from "react";
+
+//#region src/header/context/index.d.ts
+type HeaderContextType = {
+  theme: Theme;
+  releaseBranch: ReleaseBranch;
+  isLinkExternal: boolean;
+  isAuthed: boolean;
+  pathname: string;
+  referrerPath: string;
+  toUseNarrow: boolean;
+  hideHeader: boolean;
+};
+declare const HeaderContext: react18.Context<HeaderContextType>;
+type HamburgerContextType = {
+  toggleHamburger: () => void;
+  closeHamburgerMenu: () => void;
+  isHamburgerMenuOpen: boolean;
+};
+declare const HamburgerContext: react18.Context<HamburgerContextType>;
+//#endregion
+export { HamburgerContext, HamburgerContextType, HeaderContext, HeaderContextType };
+//# sourceMappingURL=index-MTFsl7V2.d.ts.map

package/lib/index-XkB8HVPQ.d.ts

@@ -0,0 +1,17 @@
+import { WEIGHT, Weight } from "./constants-BC_JdEyk.js";
+import React from "react";
+
+//#region src/button/components/menu-button/index.d.ts
+type MenuButtonProps = {
+  text: string;
+  color: string;
+  fontWeight: Weight;
+  className?: string;
+  p1ClassName?: string;
+};
+declare const MenuButton: React.FC<MenuButtonProps> & {
+  FontWeight: typeof WEIGHT;
+};
+//#endregion
+export { MenuButton };
+//# sourceMappingURL=index-XkB8HVPQ.d.ts.map

package/lib/index-r6FmjV5m.d.mts

@@ -0,0 +1,25 @@
+import { Theme } from "./theme-ECp4BKXJ.mjs";
+import { ReleaseBranch } from "./release-branch-IPa6pTGS.mjs";
+import * as react15 from "react";
+
+//#region src/header/context/index.d.ts
+type HeaderContextType = {
+  theme: Theme;
+  releaseBranch: ReleaseBranch;
+  isLinkExternal: boolean;
+  isAuthed: boolean;
+  pathname: string;
+  referrerPath: string;
+  toUseNarrow: boolean;
+  hideHeader: boolean;
+};
+declare const HeaderContext: react15.Context<HeaderContextType>;
+type HamburgerContextType = {
+  toggleHamburger: () => void;
+  closeHamburgerMenu: () => void;
+  isHamburgerMenuOpen: boolean;
+};
+declare const HamburgerContext: react15.Context<HamburgerContextType>;
+//#endregion
+export { HamburgerContext, HamburgerContextType, HeaderContext, HeaderContextType };
+//# sourceMappingURL=index-r6FmjV5m.d.mts.map

package/lib/input/components/search-bar.d.mts

@@ -0,0 +1,5 @@
+import "../../index-HhQuz4hd.mjs";
+import "../../theme-ECp4BKXJ.mjs";
+import "../../release-branch-IPa6pTGS.mjs";
+import { SearchBar } from "../../search-bar-BkH6o5Oz.mjs";
+export { SearchBar as default };

package/lib/input/components/search-bar.d.ts

@@ -0,0 +1,5 @@
+import "../../index-H3peA2d_.js";
+import "../../theme-Ce9CLqLS.js";
+import "../../release-branch-CnwfO6yj.js";
+import { SearchBar } from "../../search-bar-C3NMJ9ks.js";
+export = SearchBar;

package/lib/input/components/search-bar.js

@@ -0,0 +1,21 @@
+require('../../constants-BmxSMOOn.js');
+require('../../constants-Cndhv6qr.js');
+require('../../paragraph-Bve022HS.js');
+require('../../theme-DDBlIbeS.js');
+require('../../theme-ingLagfo.js');
+require('../../text-button-DlMVqsvV.js');
+require('../../theme-B5GNXw4M.js');
+require('../../icon-button-Vqwyow05.js');
+require('../../menu-button-DP302FyB.js');
+require('../../theme-VVqGnnPq.js');
+require('../../pill-button-CNbShnjT.js');
+require('../../theme-B4rsurcB.js');
+require('../../icon-with-text-button-DOj_-gz0.js');
+require('../../button-BLRV4Hwe.js');
+require('../../release-branch-DmSIuJAw.js');
+require('../../constants-BE7hWIZ-.js');
+require('../../icons-OsNrxOWn.js');
+require('../../theme-DcgOPrC2.js');
+const require_search_bar = require('../../search-bar-B9iWikhM.js');
+
+module.exports = require_search_bar.search_bar_default;

package/lib/input/components/search-bar.mjs

@@ -0,0 +1,21 @@
+import "../../constants-oTHAnh6r.mjs";
+import "../../constants-CBSEPx91.mjs";
+import "../../paragraph-QihuIWot.mjs";
+import "../../theme-BG6yZVj-.mjs";
+import "../../theme-gPGrAR2u.mjs";
+import "../../text-button-DkD8OA65.mjs";
+import "../../theme-CJDY-Vlz.mjs";
+import "../../icon-button-B-71Zncn.mjs";
+import "../../menu-button-BzXGdc8T.mjs";
+import "../../theme-YXaUsVJu.mjs";
+import "../../pill-button-y0eh5cgT.mjs";
+import "../../theme-CKrQVNS4.mjs";
+import "../../icon-with-text-button-CTWmp6He.mjs";
+import "../../button-ubJKEMLe.mjs";
+import "../../release-branch-oA59oIop.mjs";
+import "../../constants-BinATQpN.mjs";
+import "../../icons-D_G_3m8-.mjs";
+import "../../theme-DkV7kMq6.mjs";
+import { search_bar_default } from "../../search-bar-CU2VQdeo.mjs";
+
+export { search_bar_default as default };

package/lib/input/constants.d.mts

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

package/lib/input/index.d.mts

@@ -1,28 +1,12 @@
-import "../index-CUE6zs36.mjs";
-import { THEME, Theme } from "../theme-DKi2E2si.mjs";
-import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
-import * as react10 from "react";
-import { FC } from "react";
+import "../index-HhQuz4hd.mjs";
+import { THEME, Theme } from "../theme-ECp4BKXJ.mjs";
+import { ReleaseBranch } from "../release-branch-IPa6pTGS.mjs";
+import { SearchBar } from "../search-bar-BkH6o5Oz.mjs";
+import * as react1 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
 //#region src/input/index.d.ts
 declare const _default: {
-  SearchBar: react10.FC<{
+  SearchBar: react1.FC<{
     placeholder?: string;
     theme?: Theme;
     releaseBranch?: ReleaseBranch;

package/lib/input/index.d.ts

@@ -1,28 +1,12 @@
 import "../index-H3peA2d_.js";
-import { THEME, Theme } from "../theme-BDGfJ8n-.js";
-import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import * as react10 from "react";
-import { FC } from "react";
+import { THEME, Theme } from "../theme-Ce9CLqLS.js";
+import { ReleaseBranch } from "../release-branch-CnwfO6yj.js";
+import { SearchBar } from "../search-bar-C3NMJ9ks.js";
+import * as react8 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
 //#region src/input/index.d.ts
 declare const _default: {
-  SearchBar: react10.FC<{
+  SearchBar: react8.FC<{
     placeholder?: string;
     theme?: Theme;
     releaseBranch?: ReleaseBranch;

package/lib/input/index.js

@@ -1,14 +1,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../constants-BmxSMOOn.js');
 require('../constants-Cndhv6qr.js');
-require('../paragraph-iuz3jP0Q.js');
+require('../paragraph-Bve022HS.js');
 require('../theme-DDBlIbeS.js');
-require('../button-Dk0MxlKd.js');
-require('../release-branch-CRZV4Ivz.js');
-require('../constants-R6EfY15A.js');
-require('../icons-BZI6_5JJ.js');
-require('../theme-BLdi7Moc.js');
-const require_input = require('../input-e0a-Wul_.js');
+require('../theme-ingLagfo.js');
+require('../text-button-DlMVqsvV.js');
+require('../theme-B5GNXw4M.js');
+require('../icon-button-Vqwyow05.js');
+require('../menu-button-DP302FyB.js');
+require('../theme-VVqGnnPq.js');
+require('../pill-button-CNbShnjT.js');
+require('../theme-B4rsurcB.js');
+require('../icon-with-text-button-DOj_-gz0.js');
+require('../button-BLRV4Hwe.js');
+require('../release-branch-DmSIuJAw.js');
+require('../constants-BE7hWIZ-.js');
+require('../icons-OsNrxOWn.js');
+require('../theme-DcgOPrC2.js');
+const require_search_bar = require('../search-bar-B9iWikhM.js');
+const require_input = require('../input-BdeamSBg.js');
 
-exports.SearchBar = require_input.search_bar_default;
+exports.SearchBar = require_search_bar.search_bar_default;
 exports.default = require_input.input_default;

package/lib/input/index.mjs

@@ -1,12 +1,22 @@
 import "../constants-oTHAnh6r.mjs";
 import "../constants-CBSEPx91.mjs";
-import "../paragraph-Cf9jr8RF.mjs";
+import "../paragraph-QihuIWot.mjs";
 import "../theme-BG6yZVj-.mjs";
-import "../button-D_AWI7r9.mjs";
-import "../release-branch-DNCD1uH_.mjs";
-import "../constants-Npoq7yu0.mjs";
-import "../icons-C5UqghX2.mjs";
-import "../theme-DURvzYaJ.mjs";
-import { input_default, search_bar_default } from "../input-BJWcutA3.mjs";
+import "../theme-gPGrAR2u.mjs";
+import "../text-button-DkD8OA65.mjs";
+import "../theme-CJDY-Vlz.mjs";
+import "../icon-button-B-71Zncn.mjs";
+import "../menu-button-BzXGdc8T.mjs";
+import "../theme-YXaUsVJu.mjs";
+import "../pill-button-y0eh5cgT.mjs";
+import "../theme-CKrQVNS4.mjs";
+import "../icon-with-text-button-CTWmp6He.mjs";
+import "../button-ubJKEMLe.mjs";
+import "../release-branch-oA59oIop.mjs";
+import "../constants-BinATQpN.mjs";
+import "../icons-D_G_3m8-.mjs";
+import "../theme-DkV7kMq6.mjs";
+import { search_bar_default } from "../search-bar-CU2VQdeo.mjs";
+import { input_default } from "../input-DJFz-dZR.mjs";
 
 export { search_bar_default as SearchBar, input_default as default };

package/lib/input/theme.d.mts

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