@burdenoff/microfe-crewfoundry 2026.608.1 → 2026.625.1

package/dist/crewfoundry/pages/MarketplaceMarketplacePagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, ShoppingBag, Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMarketplacePagePage() {\n  const { t: translate } = useI18n();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          {t('crewfoundry.marketplace.title', 'HR Services Marketplace')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('crewfoundry.marketplace.subtitle', 'Find and hire professional HR service providers')}\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{marketplaceServices.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {(\n                marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n              ).toFixed(1)}\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {marketplaceServices.reduce((s, m) => s + m.reviews, 0)}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n      <h2 className=\"text-lg font-medium\">\n        {t('crewfoundry.marketplace.featured.title', 'Featured Services')}\n      </h2>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {marketplaceServices.map((svc) => (\n          <Card key={svc.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {svc.category}\n                </Badge>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n              <CardTitle className=\"text-base mt-2\">{svc.title}</CardTitle>\n              <CardDescription>{svc.provider}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-muted-foreground mb-3\">{svc.description}</p>\n              <div className=\"flex flex-wrap gap-1 mb-3\">\n                {svc.skills.map((s) => (\n                  <Badge key={s} variant=\"outline\" className=\"text-[9px]\">\n                    {s}\n                  </Badge>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price.toLocaleString()}\n                  <span className=\"text-xs font-normal text-muted-foreground\">\n                    /{svc.priceType}\n                  </span>\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                {t('crewfoundry.marketplace.card.delivery', 'Delivery')}: {svc.deliveryTime}\n              </p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, ShoppingBag, Star, TrendingUp, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMarketplacePagePage() {\n  const { t: translate } = useI18n();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>\n            {t('crewfoundry.marketplace.title', 'HR Services Marketplace')}\n          </GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {t('crewfoundry.marketplace.subtitle', 'Find and hire professional HR service providers')}\n        </p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{marketplaceServices.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {(\n                marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n              ).toFixed(1)}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {marketplaceServices.reduce((s, m) => s + m.reviews, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <h2 className=\"text-lg font-medium\">\n        {t('crewfoundry.marketplace.featured.title', 'Featured Services')}\n      </h2>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {marketplaceServices.map((svc) => (\n          <Card key={svc.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {svc.category}\n                </Badge>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n              <CardTitle className=\"text-base mt-2\">{svc.title}</CardTitle>\n              <CardDescription>{svc.provider}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex flex-wrap gap-1 mb-3\">\n                {svc.skills.map((s) => (\n                  <Badge key={s} variant=\"outline\" className=\"text-[9px]\">\n                    {s}\n                  </Badge>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price.toLocaleString()}\n                  <span className=\"text-xs font-normal text-text-secondary\">/{svc.priceType}</span>\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {t('crewfoundry.marketplace.card.delivery', 'Delivery')}: {svc.deliveryTime}\n              </p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.js

@@ -2,33 +2,33 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
 import { Search as n, Star as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, Input as l } from "@burdenoff/fe-libs/ui";
+import { Badge as o, Card as s, CardContent as c, GradientText as l, Input as u } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx
-function u() {
-	let { marketplaceServices: u } = e(), [d, f] = t(""), p = u.filter((e) => `${e.title} ${e.provider} ${e.category}`.toLowerCase().includes(d.toLowerCase()));
+function d() {
+	let { marketplaceServices: d } = e(), [f, p] = t(""), m = d.filter((e) => `${e.title} ${e.provider} ${e.category}`.toLowerCase().includes(f.toLowerCase()));
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
 				className: "text-2xl font-semibold",
-				children: "Browse Services"
+				children: /* @__PURE__ */ i(l, { children: "Browse Services" })
 			}), /* @__PURE__ */ a("p", {
-				className: "text-sm text-muted-foreground",
-				children: [u.length, " services available"]
+				className: "text-sm text-text-secondary",
+				children: [d.length, " services available"]
 			})] }),
 			/* @__PURE__ */ a("div", {
 				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ i(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ i(l, {
+				children: [/* @__PURE__ */ i(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ i(u, {
 					placeholder: "Search services...",
 					className: "pl-9",
-					value: d,
-					onChange: (e) => f(e.target.value)
+					value: f,
+					onChange: (e) => p(e.target.value)
 				})]
 			}),
 			/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
 				className: "p-0",
 				children: [/* @__PURE__ */ a("div", {
-					className: "grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground p-4 border-b",
+					className: "grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
 					children: [
 						/* @__PURE__ */ i("span", { children: "Service" }),
 						/* @__PURE__ */ i("span", { children: "Provider" }),
@@ -46,18 +46,18 @@ function u() {
 							children: "Status"
 						})
 					]
-				}), p.map((e) => /* @__PURE__ */ a("div", {
-					className: "grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50",
+				}), m.map((e) => /* @__PURE__ */ a("div", {
+					className: "grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
 					children: [
 						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
 							className: "font-medium",
 							children: e.title
 						}), /* @__PURE__ */ a("p", {
-							className: "text-xs text-muted-foreground truncate",
+							className: "text-xs text-text-secondary truncate",
 							children: [e.description.slice(0, 60), "..."]
 						})] }),
 						/* @__PURE__ */ i("span", {
-							className: "text-muted-foreground",
+							className: "text-text-secondary",
 							children: e.provider
 						}),
 						/* @__PURE__ */ i(o, {
@@ -77,7 +77,7 @@ function u() {
 						/* @__PURE__ */ a("div", {
 							className: "flex items-center justify-center gap-1",
 							children: [
-								/* @__PURE__ */ i(r, { className: "h-3 w-3 text-yellow-500" }),
+								/* @__PURE__ */ i(r, { className: "h-3 w-3 text-status-warning-text" }),
 								e.rating,
 								" (",
 								e.reviews,
@@ -99,6 +99,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as MarketplaceMarketplaceServicesPagePage };
+export { d as MarketplaceMarketplaceServicesPagePage };
 
 //# sourceMappingURL=MarketplaceMarketplaceServicesPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplaceServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMarketplaceServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const filtered = marketplaceServices.filter((s) =>\n    `${s.title} ${s.provider} ${s.category}`.toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Browse Services</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {marketplaceServices.length} services available\n        </p>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n        <Input\n          placeholder=\"Search services...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground p-4 border-b\">\n            <span>Service</span>\n            <span>Provider</span>\n            <span>Category</span>\n            <span className=\"text-right\">Price</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((svc) => (\n            <div\n              key={svc.id}\n              className=\"grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50\"\n            >\n              <div>\n                <p className=\"font-medium\">{svc.title}</p>\n                <p className=\"text-xs text-muted-foreground truncate\">\n                  {svc.description.slice(0, 60)}...\n                </p>\n              </div>\n              <span className=\"text-muted-foreground\">{svc.provider}</span>\n              <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n                {svc.category}\n              </Badge>\n              <span className=\"text-right font-medium\">\n                ${svc.price.toLocaleString()}/{svc.priceType}\n              </span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                {svc.rating} ({svc.reviews})\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,IAAyC;CACvD,IAAM,EAAE,2BAAwB,GAAqB,EAC/C,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAW,EAAoB,QAAQ,MAC3C,GAAG,EAAE,MAAM,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACtF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAoB,CAAA,EAC3D,kBAAC,KAAD;IAAG,WAAU;cAAb,CACG,EAAoB,QAAO,sBAC1B;MACA,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;MACpB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;MACrB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;MACrB,kBAAC,QAAD;OAAM,WAAU;iBAAa;OAAY,CAAA;MACzC,kBAAC,QAAD;OAAM,WAAU;iBAAc;OAAa,CAAA;MAC3C,kBAAC,QAAD;OAAM,WAAU;iBAAc;OAAa,CAAA;MACvC;QACL,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAe,EAAI;OAAU,CAAA,EAC1C,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAI,YAAY,MAAM,GAAG,GAAG,EAAC,MAC5B;SACA,EAAA,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAyB,EAAI;OAAgB,CAAA;MAC7D,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAI;OACC,CAAA;MACR,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAyC;QACrC,EAAI,MAAM,gBAAgB;QAAC;QAAE,EAAI;QAC9B;;MACP,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA;QAC3C,EAAI;QAAO;QAAG,EAAI;QAAQ;QACvB;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QACE,SAAS,EAAI,WAAW,WAAW,YAAY;QAC/C,WAAU;kBAET,EAAI;QACC,CAAA;OACJ,CAAA;MACF;OA5BC,EAAI,GA4BL,CACN,CACU;OACT,CAAA;GACH"}
+{"version":3,"file":"MarketplaceMarketplaceServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMarketplaceServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const filtered = marketplaceServices.filter((s) =>\n    `${s.title} ${s.provider} ${s.category}`.toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Browse Services</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {marketplaceServices.length} services available\n        </p>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search services...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b\">\n            <span>Service</span>\n            <span>Provider</span>\n            <span>Category</span>\n            <span className=\"text-right\">Price</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((svc) => (\n            <div\n              key={svc.id}\n              className=\"grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">{svc.title}</p>\n                <p className=\"text-xs text-text-secondary truncate\">\n                  {svc.description.slice(0, 60)}...\n                </p>\n              </div>\n              <span className=\"text-text-secondary\">{svc.provider}</span>\n              <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n                {svc.category}\n              </Badge>\n              <span className=\"text-right font-medium\">\n                ${svc.price.toLocaleString()}/{svc.priceType}\n              </span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                {svc.rating} ({svc.reviews})\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,IAAyC;CACvD,IAAM,EAAE,2BAAwB,GAAqB,EAC/C,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAW,EAAoB,QAAQ,MAC3C,GAAG,EAAE,MAAM,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACtF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,mBAA8B,CAAA;IACzC,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAAb,CACG,EAAoB,QAAO,sBAC1B;MACA,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;MACpB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;MACrB,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;MACrB,kBAAC,QAAD;OAAM,WAAU;iBAAa;OAAY,CAAA;MACzC,kBAAC,QAAD;OAAM,WAAU;iBAAc;OAAa,CAAA;MAC3C,kBAAC,QAAD;OAAM,WAAU;iBAAc;OAAa,CAAA;MACvC;QACL,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAe,EAAI;OAAU,CAAA,EAC1C,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAI,YAAY,MAAM,GAAG,GAAG,EAAC,MAC5B;SACA,EAAA,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAI;OAAgB,CAAA;MAC3D,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAI;OACC,CAAA;MACR,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAyC;QACrC,EAAI,MAAM,gBAAgB;QAAC;QAAE,EAAI;QAC9B;;MACP,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;QACpD,EAAI;QAAO;QAAG,EAAI;QAAQ;QACvB;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QACE,SAAS,EAAI,WAAW,WAAW,YAAY;QAC/C,WAAU;kBAET,EAAI;QACC,CAAA;OACJ,CAAA;MACF;OA5BC,EAAI,GA4BL,CACN,CACU;OACT,CAAA;GACH"}

package/dist/crewfoundry/pages/MarketplaceMessagingPagePage.js

@@ -2,57 +2,57 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t, useState as n } from "react";
 import { Search as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Card as o, CardContent as s, Input as c } from "@burdenoff/fe-libs/ui";
+import { Card as o, CardContent as s, GradientText as c, Input as l } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceMessagingPagePage.tsx
-var l = (e) => {
+var u = (e) => {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "recently";
 	let n = Math.max(1, Math.floor((Date.now() - t.getTime()) / (1e3 * 60 * 60)));
 	return n < 24 ? `${n} hours ago` : `${Math.floor(n / 24)} days ago`;
 };
-function u() {
-	let [u, d] = n(""), { marketplaceServices: f, notifications: p, clients: m, vendors: h } = e(), g = t(() => p.slice(0, 20).map((e, t) => {
-		let n = f[t % Math.max(f.length, 1)], r = m[t % Math.max(m.length, 1)]?.name || h[t % Math.max(h.length, 1)]?.name || "Marketplace Partner";
+function d() {
+	let [d, f] = n(""), { marketplaceServices: p, notifications: m, clients: h, vendors: g } = e(), _ = t(() => m.slice(0, 20).map((e, t) => {
+		let n = p[t % Math.max(p.length, 1)], r = h[t % Math.max(h.length, 1)]?.name || g[t % Math.max(g.length, 1)]?.name || "Marketplace Partner";
 		return {
 			id: e.id,
 			from: n?.provider || r,
 			company: r,
 			message: e.message,
-			time: l(e.createdAt),
+			time: u(e.createdAt),
 			unread: !e.read
 		};
 	}), [
-		m,
-		f,
+		h,
 		p,
-		h
-	]).filter((e) => `${e.from} ${e.company} ${e.message}`.toLowerCase().includes(u.toLowerCase()));
+		m,
+		g
+	]).filter((e) => `${e.from} ${e.company} ${e.message}`.toLowerCase().includes(d.toLowerCase()));
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
 				className: "text-2xl font-semibold",
-				children: "Service Messages"
+				children: /* @__PURE__ */ i(c, { children: "Service Messages" })
 			}), /* @__PURE__ */ i("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Communication with service providers"
 			})] }),
 			/* @__PURE__ */ a("div", {
 				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ i(r, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ i(c, {
+				children: [/* @__PURE__ */ i(r, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ i(l, {
 					placeholder: "Search messages...",
 					className: "pl-9",
-					value: u,
-					onChange: (e) => d(e.target.value)
+					value: d,
+					onChange: (e) => f(e.target.value)
 				})]
 			}),
 			/* @__PURE__ */ i(o, { children: /* @__PURE__ */ i(s, {
 				className: "p-0",
-				children: g.map((e) => /* @__PURE__ */ a("div", {
-					className: `flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-muted/50 ${e.unread ? "bg-blue-50/30" : ""}`,
+				children: _.map((e) => /* @__PURE__ */ a("div", {
+					className: `flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-bg-sunken/50 ${e.unread ? "bg-status-info-bg/30" : ""}`,
 					children: [
 						/* @__PURE__ */ i("div", {
-							className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-bold",
+							className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-bold",
 							children: e.from.split(" ").map((e) => e[0]).join("")
 						}),
 						/* @__PURE__ */ a("div", {
@@ -64,21 +64,21 @@ function u() {
 										className: `text-sm ${e.unread ? "font-bold" : "font-medium"}`,
 										children: e.from
 									}), /* @__PURE__ */ i("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: e.time
 									})]
 								}),
 								/* @__PURE__ */ i("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: e.company
 								}),
 								/* @__PURE__ */ i("p", {
-									className: "mt-0.5 truncate text-xs text-muted-foreground",
+									className: "mt-0.5 truncate text-xs text-text-secondary",
 									children: e.message
 								})
 							]
 						}),
-						e.unread ? /* @__PURE__ */ i("div", { className: "h-2 w-2 flex-shrink-0 rounded-full bg-blue-500" }) : null
+						e.unread ? /* @__PURE__ */ i("div", { className: "h-2 w-2 flex-shrink-0 rounded-full bg-status-info-text" }) : null
 					]
 				}, e.id))
 			}) })
@@ -86,6 +86,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as MarketplaceMessagingPagePage };
+export { d as MarketplaceMessagingPagePage };
 
 //# sourceMappingURL=MarketplaceMessagingPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceMessagingPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMessagingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMessagingPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Card, CardContent, Input } from '@burdenoff/fe-libs/ui';\nimport { Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype ServiceMessage = {\n  id: string;\n  from: string;\n  company: string;\n  message: string;\n  time: string;\n  unread: boolean;\n};\n\nconst timeAgo = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'recently';\n  }\n  const hours = Math.max(1, Math.floor((Date.now() - parsed.getTime()) / (1000 * 60 * 60)));\n  return hours < 24 ? `${hours} hours ago` : `${Math.floor(hours / 24)} days ago`;\n};\n\nexport function MarketplaceMessagingPagePage() {\n  const [search, setSearch] = useState('');\n  const { marketplaceServices, notifications, clients, vendors } = useCrewFoundryStore();\n\n  const serviceMessages = useMemo<ServiceMessage[]>(() => {\n    return notifications.slice(0, 20).map((notification, index) => {\n      const service = marketplaceServices[index % Math.max(marketplaceServices.length, 1)];\n      const counterparty =\n        clients[index % Math.max(clients.length, 1)]?.name ||\n        vendors[index % Math.max(vendors.length, 1)]?.name ||\n        'Marketplace Partner';\n\n      return {\n        id: notification.id,\n        from: service?.provider || counterparty,\n        company: counterparty,\n        message: notification.message,\n        time: timeAgo(notification.createdAt),\n        unread: !notification.read,\n      };\n    });\n  }, [clients, marketplaceServices, notifications, vendors]);\n\n  const filtered = serviceMessages.filter((message) =>\n    `${message.from} ${message.company} ${message.message}`\n      .toLowerCase()\n      .includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Service Messages</h1>\n        <p className=\"text-sm text-muted-foreground\">Communication with service providers</p>\n      </div>\n\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          placeholder=\"Search messages...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          {filtered.map((message) => (\n            <div\n              key={message.id}\n              className={`flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-muted/50 ${message.unread ? 'bg-blue-50/30' : ''}`}\n            >\n              <div className=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-bold\">\n                {message.from\n                  .split(' ')\n                  .map((part) => part[0])\n                  .join('')}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center justify-between\">\n                  <p className={`text-sm ${message.unread ? 'font-bold' : 'font-medium'}`}>\n                    {message.from}\n                  </p>\n                  <span className=\"text-xs text-muted-foreground\">{message.time}</span>\n                </div>\n                <p className=\"text-xs text-muted-foreground\">{message.company}</p>\n                <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">{message.message}</p>\n              </div>\n              {message.unread ? (\n                <div className=\"h-2 w-2 flex-shrink-0 rounded-full bg-blue-500\" />\n              ) : null}\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,IAAM,KAAW,MAA0B;CACzC,IAAM,IAAS,IAAI,KAAK,EAAM;AAC9B,KAAI,OAAO,MAAM,EAAO,SAAS,CAAC,CAChC,QAAO;CAET,IAAM,IAAQ,KAAK,IAAI,GAAG,KAAK,OAAO,KAAK,KAAK,GAAG,EAAO,SAAS,KAAK,MAAO,KAAK,IAAI,CAAC;AACzF,QAAO,IAAQ,KAAK,GAAG,EAAM,cAAc,GAAG,KAAK,MAAM,IAAQ,GAAG,CAAC;;AAGvE,SAAgB,IAA+B;CAC7C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,wBAAqB,kBAAe,YAAS,eAAY,GAAqB,EAqBhF,IAnBkB,QACf,EAAc,MAAM,GAAG,GAAG,CAAC,KAAK,GAAc,MAAU;EAC7D,IAAM,IAAU,EAAoB,IAAQ,KAAK,IAAI,EAAoB,QAAQ,EAAE,GAC7E,IACJ,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAC9C,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAC9C;AAEF,SAAO;GACL,IAAI,EAAa;GACjB,MAAM,GAAS,YAAY;GAC3B,SAAS;GACT,SAAS,EAAa;GACtB,MAAM,EAAQ,EAAa,UAAU;GACrC,QAAQ,CAAC,EAAa;GACvB;GACD,EACD;EAAC;EAAS;EAAqB;EAAe;EAAQ,CAAC,CAEzB,QAAQ,MACvC,GAAG,EAAQ,KAAK,GAAG,EAAQ,QAAQ,GAAG,EAAQ,UAC3C,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,CAClC;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAqB,CAAA,EAC5D,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAwC,CAAA,CACjF,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;KAClD,CAAA,CACE;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAW,uFAAuF,EAAQ,SAAS,kBAAkB;eAFvI;MAIE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAQ,KACN,MAAM,IAAI,CACV,KAAK,MAAS,EAAK,GAAG,CACtB,KAAK,GAAG;OACP,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAW,WAAW,EAAQ,SAAS,cAAc;oBACrD,EAAQ;UACP,CAAA,EACJ,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAQ;UAAY,CAAA,CACjE;;QACN,kBAAC,KAAD;SAAG,WAAU;mBAAiC,EAAQ;SAAY,CAAA;QAClE,kBAAC,KAAD;SAAG,WAAU;mBAAiD,EAAQ;SAAY,CAAA;QAC9E;;MACL,EAAQ,SACP,kBAAC,OAAD,EAAK,WAAU,kDAAmD,CAAA,GAChE;MACA;OAtBC,EAAQ,GAsBT,CACN;IACU,CAAA,EACT,CAAA;GACH"}
+{"version":3,"file":"MarketplaceMessagingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMessagingPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Card, CardContent, GradientText, Input } from '@burdenoff/fe-libs/ui';\nimport { Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype ServiceMessage = {\n  id: string;\n  from: string;\n  company: string;\n  message: string;\n  time: string;\n  unread: boolean;\n};\n\nconst timeAgo = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'recently';\n  }\n  const hours = Math.max(1, Math.floor((Date.now() - parsed.getTime()) / (1000 * 60 * 60)));\n  return hours < 24 ? `${hours} hours ago` : `${Math.floor(hours / 24)} days ago`;\n};\n\nexport function MarketplaceMessagingPagePage() {\n  const [search, setSearch] = useState('');\n  const { marketplaceServices, notifications, clients, vendors } = useCrewFoundryStore();\n\n  const serviceMessages = useMemo<ServiceMessage[]>(() => {\n    return notifications.slice(0, 20).map((notification, index) => {\n      const service = marketplaceServices[index % Math.max(marketplaceServices.length, 1)];\n      const counterparty =\n        clients[index % Math.max(clients.length, 1)]?.name ||\n        vendors[index % Math.max(vendors.length, 1)]?.name ||\n        'Marketplace Partner';\n\n      return {\n        id: notification.id,\n        from: service?.provider || counterparty,\n        company: counterparty,\n        message: notification.message,\n        time: timeAgo(notification.createdAt),\n        unread: !notification.read,\n      };\n    });\n  }, [clients, marketplaceServices, notifications, vendors]);\n\n  const filtered = serviceMessages.filter((message) =>\n    `${message.from} ${message.company} ${message.message}`\n      .toLowerCase()\n      .includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Service Messages</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Communication with service providers</p>\n      </div>\n\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n        <Input\n          placeholder=\"Search messages...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          {filtered.map((message) => (\n            <div\n              key={message.id}\n              className={`flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-bg-sunken/50 ${message.unread ? 'bg-status-info-bg/30' : ''}`}\n            >\n              <div className=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-bold\">\n                {message.from\n                  .split(' ')\n                  .map((part) => part[0])\n                  .join('')}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center justify-between\">\n                  <p className={`text-sm ${message.unread ? 'font-bold' : 'font-medium'}`}>\n                    {message.from}\n                  </p>\n                  <span className=\"text-xs text-text-secondary\">{message.time}</span>\n                </div>\n                <p className=\"text-xs text-text-secondary\">{message.company}</p>\n                <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{message.message}</p>\n              </div>\n              {message.unread ? (\n                <div className=\"h-2 w-2 flex-shrink-0 rounded-full bg-status-info-text\" />\n              ) : null}\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,IAAM,KAAW,MAA0B;CACzC,IAAM,IAAS,IAAI,KAAK,EAAM;AAC9B,KAAI,OAAO,MAAM,EAAO,SAAS,CAAC,CAChC,QAAO;CAET,IAAM,IAAQ,KAAK,IAAI,GAAG,KAAK,OAAO,KAAK,KAAK,GAAG,EAAO,SAAS,KAAK,MAAO,KAAK,IAAI,CAAC;AACzF,QAAO,IAAQ,KAAK,GAAG,EAAM,cAAc,GAAG,KAAK,MAAM,IAAQ,GAAG,CAAC;;AAGvE,SAAgB,IAA+B;CAC7C,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,wBAAqB,kBAAe,YAAS,eAAY,GAAqB,EAqBhF,IAnBkB,QACf,EAAc,MAAM,GAAG,GAAG,CAAC,KAAK,GAAc,MAAU;EAC7D,IAAM,IAAU,EAAoB,IAAQ,KAAK,IAAI,EAAoB,QAAQ,EAAE,GAC7E,IACJ,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAC9C,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAC9C;AAEF,SAAO;GACL,IAAI,EAAa;GACjB,MAAM,GAAS,YAAY;GAC3B,SAAS;GACT,SAAS,EAAa;GACtB,MAAM,EAAQ,EAAa,UAAU;GACrC,QAAQ,CAAC,EAAa;GACvB;GACD,EACD;EAAC;EAAS;EAAqB;EAAe;EAAQ,CAAC,CAEzB,QAAQ,MACvC,GAAG,EAAQ,KAAK,GAAG,EAAQ,QAAQ,GAAG,EAAQ,UAC3C,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,CAClC;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,oBAA+B,CAAA;IAC1C,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAwC,CAAA,CAC/E,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;KAClD,CAAA,CACE;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAS,KAAK,MACb,kBAAC,OAAD;KAEE,WAAW,2FAA2F,EAAQ,SAAS,yBAAyB;eAFlJ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAQ,KACN,MAAM,IAAI,CACV,KAAK,MAAS,EAAK,GAAG,CACtB,KAAK,GAAG;OACP,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAW,WAAW,EAAQ,SAAS,cAAc;oBACrD,EAAQ;UACP,CAAA,EACJ,kBAAC,QAAD;UAAM,WAAU;oBAA+B,EAAQ;UAAY,CAAA,CAC/D;;QACN,kBAAC,KAAD;SAAG,WAAU;mBAA+B,EAAQ;SAAY,CAAA;QAChE,kBAAC,KAAD;SAAG,WAAU;mBAA+C,EAAQ;SAAY,CAAA;QAC5E;;MACL,EAAQ,SACP,kBAAC,OAAD,EAAK,WAAU,0DAA2D,CAAA,GACxE;MACA;OAtBC,EAAQ,GAsBT,CACN;IACU,CAAA,EACT,CAAA;GACH"}

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.js

@@ -1,19 +1,19 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Plus as t, Star as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GradientText as d } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx
-function d() {
-	let { marketplaceServices: d } = e(), f = d.slice(0, 3);
+function f() {
+	let { marketplaceServices: f } = e(), p = f.slice(0, 3);
 	return /* @__PURE__ */ i("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ i("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
 				className: "text-2xl font-semibold",
-				children: "My Services"
+				children: /* @__PURE__ */ r(d, { children: "My Services" })
 			}), /* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Manage your listed services"
 			})] }), /* @__PURE__ */ i(o, {
 				size: "sm",
@@ -21,7 +21,7 @@ function d() {
 			})]
 		}), /* @__PURE__ */ r("div", {
 			className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: f.map((e) => /* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(l, { children: /* @__PURE__ */ i("div", {
+			children: p.map((e) => /* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(l, { children: /* @__PURE__ */ i("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ r(u, {
 					className: "text-base",
@@ -33,7 +33,7 @@ function d() {
 				})]
 			}) }), /* @__PURE__ */ i(c, { children: [
 				/* @__PURE__ */ r("p", {
-					className: "text-sm text-muted-foreground mb-3",
+					className: "text-sm text-text-secondary mb-3",
 					children: e.description
 				}),
 				/* @__PURE__ */ i("div", {
@@ -49,7 +49,7 @@ function d() {
 					}), /* @__PURE__ */ i("span", {
 						className: "flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ r(n, { className: "h-3 w-3 text-yellow-500" }),
+							/* @__PURE__ */ r(n, { className: "h-3 w-3 text-status-warning-text" }),
 							e.rating,
 							" (",
 							e.reviews,
@@ -75,6 +75,6 @@ function d() {
 	});
 }
 //#endregion
-export { d as MarketplaceMyServicesPagePage };
+export { f as MarketplaceMyServicesPagePage };
 
 //# sourceMappingURL=MarketplaceMyServicesPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Plus, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMyServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  // Show a subset as \"my services\"\n  const myServices = marketplaceServices.slice(0, 3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">My Services</h1>\n          <p className=\"text-sm text-muted-foreground\">Manage your listed services</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {myServices.map((svc) => (\n          <Card key={svc.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-muted-foreground mb-3\">{svc.description}</p>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price}/{svc.priceType}\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  Edit\n                </Button>\n                <Button size=\"sm\" className=\"flex-1\">\n                  View\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,2BAAwB,GAAqB,EAE/C,IAAa,EAAoB,MAAM,GAAG,EAAE;AAElD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAgB,CAAA,EACvD,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAA+B,CAAA,CACxE,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,MACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAa,EAAI;KAAkB,CAAA,EACxD,kBAAC,GAAD;KACE,SAAS,EAAI,WAAW,WAAW,YAAY;KAC/C,WAAU;eAET,EAAI;KACC,CAAA,CACJ;OACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;eAAsC,EAAI;KAAgB,CAAA;IACvE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OAA4B;OACxB,EAAI;OAAM;OAAE,EAAI;OACb;SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA;OAC3C,EAAI;OAAO;OAAG,EAAI;OAAQ;OACtB;QACH;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,WAAU;gBAAS;MAE9C,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,WAAU;gBAAS;MAE5B,CAAA,CACL;;IACM,EAAA,CAAA,CACT,EAAA,EAhCI,EAAI,GAgCR,CACP;GACE,CAAA,CACF"}
+{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceMyServicesPagePage() {\n  const { marketplaceServices } = useCrewFoundryStore();\n  // Show a subset as \"my services\"\n  const myServices = marketplaceServices.slice(0, 3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>My Services</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {myServices.map((svc) => (\n          <Card key={svc.id}>\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {svc.status}\n                </Badge>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price}/{svc.priceType}\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                  Edit\n                </Button>\n                <Button size=\"sm\" className=\"flex-1\">\n                  View\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,2BAAwB,GAAqB,EAE/C,IAAa,EAAoB,MAAM,GAAG,EAAE;AAElD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,eAA0B,CAAA;IACrC,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAA+B,CAAA,CACtE,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,MACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAa,EAAI;KAAkB,CAAA,EACxD,kBAAC,GAAD;KACE,SAAS,EAAI,WAAW,WAAW,YAAY;KAC/C,WAAU;eAET,EAAI;KACC,CAAA,CACJ;OACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;eAAoC,EAAI;KAAgB,CAAA;IACrE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OAA4B;OACxB,EAAI;OAAM;OAAE,EAAI;OACb;SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;OACpD,EAAI;OAAO;OAAG,EAAI;OAAQ;OACtB;QACH;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,WAAU;gBAAS;MAE9C,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,WAAU;gBAAS;MAE5B,CAAA,CACL;;IACM,EAAA,CAAA,CACT,EAAA,EAhCI,EAAI,GAgCR,CACP;GACE,CAAA,CACF"}

package/dist/crewfoundry/pages/MarketplaceProjectDetailsPagePage.js

@@ -1,24 +1,24 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { Calendar as t, DollarSign as n, Users as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GradientText as d, IllustratedEmptyState as f } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx
-function d() {
-	let { projects: d } = e(), f = d[0];
-	return f ? /* @__PURE__ */ a("div", {
+function p() {
+	let { projects: p } = e(), m = p[0];
+	return m ? /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
 			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
 					className: "text-2xl font-semibold",
-					children: f.name
+					children: /* @__PURE__ */ i(d, { children: m.name })
 				}), /* @__PURE__ */ i("p", {
-					className: "text-sm text-muted-foreground",
-					children: f.description
+					className: "text-sm text-text-secondary",
+					children: m.description
 				})] }), /* @__PURE__ */ i(o, {
-					variant: f.status === "active" ? "default" : "secondary",
-					children: f.status
+					variant: m.status === "active" ? "default" : "secondary",
+					children: m.status
 				})]
 			}),
 			/* @__PURE__ */ a("div", {
@@ -27,17 +27,17 @@ function d() {
 					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(n, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ i(n, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ a("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(f.budget / 1e3).toFixed(0),
+									(m.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
 							/* @__PURE__ */ i("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Budget"
 							})
 						]
@@ -45,17 +45,17 @@ function d() {
 					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(n, { className: "h-5 w-5 mx-auto text-green-500 mb-1" }),
+							/* @__PURE__ */ i(n, { className: "h-5 w-5 mx-auto text-status-success-text mb-1" }),
 							/* @__PURE__ */ a("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(f.spent / 1e3).toFixed(0),
+									(m.spent / 1e3).toFixed(0),
 									"K"
 								]
 							}),
 							/* @__PURE__ */ i("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Spent"
 							})
 						]
@@ -63,13 +63,13 @@ function d() {
 					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(r, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ i(r, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ i("p", {
 								className: "text-lg font-bold",
-								children: f.teamName
+								children: m.teamName
 							}),
 							/* @__PURE__ */ i("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Team"
 							})
 						]
@@ -77,13 +77,13 @@ function d() {
 					/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ i(t, { className: "h-5 w-5 mx-auto text-muted-foreground mb-1" }),
+							/* @__PURE__ */ i(t, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
 							/* @__PURE__ */ i("p", {
 								className: "text-lg font-bold",
-								children: f.endDate
+								children: m.endDate
 							}),
 							/* @__PURE__ */ i("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
 						]
@@ -95,61 +95,65 @@ function d() {
 				children: [/* @__PURE__ */ a("div", {
 					className: "flex justify-between text-sm",
 					children: [/* @__PURE__ */ a("span", { children: [
-						f.completedTasks,
+						m.completedTasks,
 						" of ",
-						f.tasks,
+						m.tasks,
 						" tasks"
 					] }), /* @__PURE__ */ a("span", {
 						className: "font-medium",
-						children: [f.progress, "%"]
+						children: [m.progress, "%"]
 					})]
 				}), /* @__PURE__ */ i("div", {
-					className: "h-3 bg-muted rounded overflow-hidden",
+					className: "h-3 bg-bg-sunken rounded overflow-hidden",
 					children: /* @__PURE__ */ i("div", {
-						className: "h-3 bg-primary rounded",
-						style: { width: `${f.progress}%` }
+						className: "h-3 bg-action-primary-bg rounded",
+						style: { width: `${m.progress}%` }
 					})
 				})]
 			}), /* @__PURE__ */ a("div", {
 				className: "grid grid-cols-2 gap-4 mt-4",
 				children: [
 					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Manager"
 					}), /* @__PURE__ */ i("p", {
 						className: "text-sm font-medium",
-						children: f.managerName
+						children: m.managerName
 					})] }),
 					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Priority"
 					}), /* @__PURE__ */ i(o, {
-						variant: f.priority === "critical" ? "destructive" : f.priority === "high" ? "default" : "secondary",
-						children: f.priority
+						variant: m.priority === "critical" ? "destructive" : m.priority === "high" ? "default" : "secondary",
+						children: m.priority
 					})] }),
 					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "Start Date"
 					}), /* @__PURE__ */ i("p", {
 						className: "text-sm",
-						children: f.startDate
+						children: m.startDate
 					})] }),
 					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-xs text-muted-foreground",
+						className: "text-xs text-text-secondary",
 						children: "End Date"
 					}), /* @__PURE__ */ i("p", {
 						className: "text-sm",
-						children: f.endDate
+						children: m.endDate
 					})] })
 				]
 			})] })] })
 		]
 	}) : /* @__PURE__ */ i("div", {
-		className: "p-6 text-muted-foreground",
-		children: "No project found."
+		className: "p-6",
+		children: /* @__PURE__ */ i(f, {
+			illustration: "empty-search",
+			title: "Project not found",
+			description: "This project is no longer available."
+		})
 	});
 }
 //#endregion
-export { d as MarketplaceProjectDetailsPagePage };
+export { p as MarketplaceProjectDetailsPagePage };
 
 //# sourceMappingURL=MarketplaceProjectDetailsPagePage.js.map