@burdenoff/microfe-coolandlovely 2026.827.1 → 2026.1024.1

package/dist/coolandlovely/components/StatusBadge.js

@@ -1,21 +1,23 @@
 import { cn as e } from "../utils/cn.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTr as t } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/coolandlovely/components/StatusBadge.tsx
-var r = {
+var i = {
 	success: "bg-status-success-bg-subtle text-status-success-text",
 	warning: "bg-status-warning-bg-subtle text-status-warning-text",
 	destructive: "bg-status-error-bg-subtle text-status-error-text",
 	secondary: "bg-bg-sunken text-text-secondary",
 	info: "bg-accent-blue-subtle text-accent-blue",
 	outline: "border border-border-seam text-text-primary"
-}, i = {
+}, a = {
 	success: "bg-status-success-text",
 	warning: "bg-status-warning-text",
 	destructive: "bg-status-error-text",
 	secondary: "bg-text-secondary",
 	info: "bg-accent-blue",
 	outline: "bg-text-secondary"
-}, a = {
+}, o = {
 	draft: "secondary",
 	pending_review: "warning",
 	published: "success",
@@ -43,26 +45,54 @@ var r = {
 	error: "destructive",
 	failed: "destructive",
 	completed: "success"
-}, o = new Set([
+}, s = new Set([
 	"live",
 	"published",
 	"active",
 	"in_progress"
-]);
-function s(e) {
+]), c = {
+	draft: "coolandlovely.status.draft",
+	pending_review: "coolandlovely.status.pendingReview",
+	published: "coolandlovely.status.published",
+	suspended: "coolandlovely.status.suspended",
+	archived: "coolandlovely.status.archived",
+	scheduled: "coolandlovely.status.scheduled",
+	live: "coolandlovely.status.live",
+	ended: "coolandlovely.status.ended",
+	active: "coolandlovely.status.active",
+	out_of_stock: "coolandlovely.status.outOfStock",
+	retired: "coolandlovely.status.retired",
+	proposed: "coolandlovely.status.proposed",
+	accepted: "coolandlovely.status.accepted",
+	in_progress: "coolandlovely.status.inProgress",
+	declined: "coolandlovely.status.declined",
+	cancelled: "coolandlovely.status.cancelled",
+	public: "coolandlovely.status.public",
+	followers: "coolandlovely.status.followers",
+	private: "coolandlovely.status.private",
+	owned: "coolandlovely.status.owned",
+	wishlist: "coolandlovely.status.wishlist",
+	purchased_on_platform: "coolandlovely.status.purchasedOnPlatform",
+	gifted: "coolandlovely.status.gifted",
+	inactive: "coolandlovely.status.inactive",
+	error: "coolandlovely.status.error",
+	failed: "coolandlovely.status.failed",
+	completed: "coolandlovely.status.completed"
+};
+function l(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var c = ({ status: c, className: l }) => {
-	let u = c.toLowerCase(), d = a[u] || "secondary", f = o.has(u);
-	return /* @__PURE__ */ n("span", {
-		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", r[d], l),
-		children: [/* @__PURE__ */ t("span", {
+var u = ({ status: u, className: d }) => {
+	let f = t(), p = u.toLowerCase(), m = o[p] || "secondary", h = s.has(p), g = c[p], _ = g ? f(g, l(u)) : l(u);
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", i[m], d),
+		children: [/* @__PURE__ */ n("span", {
 			"aria-hidden": "true",
-			className: e("h-1.5 w-1.5 rounded-full", i[d], f && "motion-safe:animate-vc-glow-pulse")
-		}), s(c)]
+			className: e("h-1.5 w-1.5 rounded-full", a[m], h && "motion-safe:animate-vc-glow-pulse")
+		}), _]
 	});
 };
 //#endregion
-export { c as StatusBadge };
+export { u as StatusBadge };
 
 //# sourceMappingURL=StatusBadge.js.map

package/dist/coolandlovely/components/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module coolandlovely/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-accent-blue-subtle text-accent-blue',\n  outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-text',\n  warning: 'bg-status-warning-text',\n  destructive: 'bg-status-error-text',\n  secondary: 'bg-text-secondary',\n  info: 'bg-accent-blue',\n  outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Brand lifecycle\n  draft: 'secondary',\n  pending_review: 'warning',\n  published: 'success',\n  suspended: 'destructive',\n  archived: 'outline',\n\n  // Collection lifecycle\n  scheduled: 'info',\n  live: 'success',\n  ended: 'outline',\n\n  // Style item status\n  active: 'success',\n  out_of_stock: 'warning',\n  retired: 'outline',\n\n  // Collaboration lifecycle\n  proposed: 'secondary',\n  accepted: 'info',\n  in_progress: 'warning',\n  declined: 'destructive',\n  cancelled: 'destructive',\n\n  // Visibility\n  public: 'success',\n  followers: 'info',\n  private: 'secondary',\n\n  // Wardrobe source\n  owned: 'success',\n  wishlist: 'info',\n  purchased_on_platform: 'success',\n  gifted: 'warning',\n\n  // Generic\n  inactive: 'secondary',\n  error: 'destructive',\n  failed: 'destructive',\n  completed: 'success',\n};\n\n/** Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set(['live', 'published', 'active', 'in_progress']);\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toLowerCase();\n  const variant = statusVariantMap[key] || 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'h-1.5 w-1.5 rounded-full',\n          dotStyles[variant],\n          isLive && 'motion-safe:animate-vc-glow-pulse'\n        )}\n      />\n      {formatStatusLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;AAkBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,OAAO;CAGP,QAAQ;CACR,cAAc;CACd,SAAS;CAGT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,SAAS;CAGT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CAGR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAa;CAAU;CAAc,CAAC;AAE5E,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EAAkB,EAAO,CACrB"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module coolandlovely/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-accent-blue-subtle text-accent-blue',\n  outline: 'border border-border-seam text-text-primary',\n};\n\nconst dotStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-text',\n  warning: 'bg-status-warning-text',\n  destructive: 'bg-status-error-text',\n  secondary: 'bg-text-secondary',\n  info: 'bg-accent-blue',\n  outline: 'bg-text-secondary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Brand lifecycle\n  draft: 'secondary',\n  pending_review: 'warning',\n  published: 'success',\n  suspended: 'destructive',\n  archived: 'outline',\n\n  // Collection lifecycle\n  scheduled: 'info',\n  live: 'success',\n  ended: 'outline',\n\n  // Style item status\n  active: 'success',\n  out_of_stock: 'warning',\n  retired: 'outline',\n\n  // Collaboration lifecycle\n  proposed: 'secondary',\n  accepted: 'info',\n  in_progress: 'warning',\n  declined: 'destructive',\n  cancelled: 'destructive',\n\n  // Visibility\n  public: 'success',\n  followers: 'info',\n  private: 'secondary',\n\n  // Wardrobe source\n  owned: 'success',\n  wishlist: 'info',\n  purchased_on_platform: 'success',\n  gifted: 'warning',\n\n  // Generic\n  inactive: 'secondary',\n  error: 'destructive',\n  failed: 'destructive',\n  completed: 'success',\n};\n\n/** Statuses that represent a live/active state get a calm opacity pulse on the dot. */\nconst liveStatuses = new Set(['live', 'published', 'active', 'in_progress']);\n\nconst STATUS_LABEL_KEYS: Record<string, string> = {\n  draft: 'coolandlovely.status.draft',\n  pending_review: 'coolandlovely.status.pendingReview',\n  published: 'coolandlovely.status.published',\n  suspended: 'coolandlovely.status.suspended',\n  archived: 'coolandlovely.status.archived',\n  scheduled: 'coolandlovely.status.scheduled',\n  live: 'coolandlovely.status.live',\n  ended: 'coolandlovely.status.ended',\n  active: 'coolandlovely.status.active',\n  out_of_stock: 'coolandlovely.status.outOfStock',\n  retired: 'coolandlovely.status.retired',\n  proposed: 'coolandlovely.status.proposed',\n  accepted: 'coolandlovely.status.accepted',\n  in_progress: 'coolandlovely.status.inProgress',\n  declined: 'coolandlovely.status.declined',\n  cancelled: 'coolandlovely.status.cancelled',\n  public: 'coolandlovely.status.public',\n  followers: 'coolandlovely.status.followers',\n  private: 'coolandlovely.status.private',\n  owned: 'coolandlovely.status.owned',\n  wishlist: 'coolandlovely.status.wishlist',\n  purchased_on_platform: 'coolandlovely.status.purchasedOnPlatform',\n  gifted: 'coolandlovely.status.gifted',\n  inactive: 'coolandlovely.status.inactive',\n  error: 'coolandlovely.status.error',\n  failed: 'coolandlovely.status.failed',\n  completed: 'coolandlovely.status.completed',\n};\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const tr = useTr();\n  const key = status.toLowerCase();\n  const variant = statusVariantMap[key] || 'secondary';\n  const isLive = liveStatuses.has(key);\n  const labelKey = STATUS_LABEL_KEYS[key];\n  const label = labelKey ? tr(labelKey, formatStatusLabel(status)) : formatStatusLabel(status);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'h-1.5 w-1.5 rounded-full',\n          dotStyles[variant],\n          isLive && 'motion-safe:animate-vc-glow-pulse'\n        )}\n      />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAA0C;CAC9C,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,OAAO;CAGP,QAAQ;CACR,cAAc;CACd,SAAS;CAGT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,SAAS;CAGT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CAGR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ,EAGK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAa;CAAU;CAAc,CAAC,EAEtE,IAA4C;CAChD,OAAO;CACP,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,UAAU;CACV,WAAW;CACX,MAAM;CACN,OAAO;CACP,QAAQ;CACR,cAAc;CACd,SAAS;CACT,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,UAAU;CACV,uBAAuB;CACvB,QAAQ;CACR,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACZ;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAK,GAAO,EACZ,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI,EAC9B,IAAW,EAAkB,IAC7B,IAAQ,IAAW,EAAG,GAAU,EAAkB,EAAO,CAAC,GAAG,EAAkB,EAAO;AAE5F,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,4BACA,EAAU,IACV,KAAU,oCACX;GACD,CAAA,EACD,EACI"}

package/dist/coolandlovely/components/VisibilityChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityChip.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,mBAAmB;IAC3B,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiBlD,CAAC"}
+{"version":3,"file":"VisibilityChip.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,UAAU,mBAAmB;IAC3B,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkBlD,CAAC"}

package/dist/coolandlovely/components/VisibilityChip.js

@@ -1,32 +1,37 @@
 import { cn as e } from "../utils/cn.js";
-import { titleCase as t } from "../utils/formatters.js";
-import { Globe as n, Lock as r, Users as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useTr as t } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { titleCase as n } from "../utils/formatters.js";
+import { Globe as r, Lock as i, Users as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/coolandlovely/components/VisibilityChip.tsx
-var s = {
+var c = {
 	public: {
-		icon: n,
-		label: "Public"
+		icon: r,
+		label: "Public",
+		labelKey: "coolandlovely.visibility.public"
 	},
 	followers: {
-		icon: i,
-		label: "Followers"
+		icon: a,
+		label: "Followers",
+		labelKey: "coolandlovely.visibility.followers"
 	},
 	private: {
-		icon: r,
-		label: "Private"
+		icon: i,
+		label: "Private",
+		labelKey: "coolandlovely.visibility.private"
 	}
-}, c = ({ visibility: n, className: i }) => {
-	let c = s[n.trim().toLowerCase()], l = c?.icon ?? r, u = c?.label ?? t(n);
-	return /* @__PURE__ */ o("span", {
-		className: e("inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", i),
-		children: [/* @__PURE__ */ a(l, {
+}, l = ({ visibility: r, className: a }) => {
+	let l = t(), u = c[r.trim().toLowerCase()], d = u?.icon ?? i, f = u ? l(u.labelKey, u.label) : n(r);
+	return /* @__PURE__ */ s("span", {
+		className: e("inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", a),
+		children: [/* @__PURE__ */ o(d, {
 			className: "h-3.5 w-3.5",
 			"aria-hidden": "true"
-		}), u]
+		}), f]
 	});
 };
 //#endregion
-export { c as VisibilityChip };
+export { l as VisibilityChip };
 
 //# sourceMappingURL=VisibilityChip.js.map

package/dist/coolandlovely/components/VisibilityChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityChip.js","names":[],"sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"sourcesContent":["/**\n * VisibilityChip — a small icon + label chip for a look/lookbook/profile\n * visibility (PRIVATE / FOLLOWERS / PUBLIC).\n * @module coolandlovely/components\n *\n * Token-only. The lock/users/globe glyph makes the visibility scannable at a\n * glance on lookbook cards, the lookbook detail header and the style profile.\n */\n\nimport type { FC } from 'react';\nimport { Globe, Lock, Users } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { titleCase } from '../utils/formatters';\n\ninterface VisibilityChipProps {\n  /** A `CooVisibility` value (PUBLIC / FOLLOWERS / PRIVATE) — case-insensitive. */\n  visibility: string;\n  className?: string;\n}\n\nconst CONFIG: Record<string, { icon: typeof Globe; label: string }> = {\n  public: { icon: Globe, label: 'Public' },\n  followers: { icon: Users, label: 'Followers' },\n  private: { icon: Lock, label: 'Private' },\n};\n\nexport const VisibilityChip: FC<VisibilityChipProps> = ({ visibility, className }) => {\n  const key = visibility.trim().toLowerCase();\n  const config = CONFIG[key];\n  const Icon = config?.icon ?? Lock;\n  const label = config?.label ?? titleCase(visibility);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary',\n        className\n      )}\n    >\n      <Icon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAM,IAAgE;CACpE,QAAQ;EAAE,MAAM;EAAO,OAAO;EAAU;CACxC,WAAW;EAAE,MAAM;EAAO,OAAO;EAAa;CAC9C,SAAS;EAAE,MAAM;EAAM,OAAO;EAAW;CAC1C,EAEY,KAA2C,EAAE,eAAY,mBAAgB;CAEpF,IAAM,IAAS,EADH,EAAW,MAAM,CAAC,aAAa,GAErC,IAAO,GAAQ,QAAQ,GACvB,IAAQ,GAAQ,SAAS,EAAU,EAAW;AAEpD,QACE,kBAAC,QAAD;EACE,WAAW,EACT,gHACA,EACD;YAJH,CAME,kBAAC,GAAD;GAAM,WAAU;GAAc,eAAY;GAAS,CAAA,EAClD,EACI"}
+{"version":3,"file":"VisibilityChip.js","names":[],"sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"sourcesContent":["/**\n * VisibilityChip — a small icon + label chip for a look/lookbook/profile\n * visibility (PRIVATE / FOLLOWERS / PUBLIC).\n * @module coolandlovely/components\n *\n * Token-only. The lock/users/globe glyph makes the visibility scannable at a\n * glance on lookbook cards, the lookbook detail header and the style profile.\n */\n\nimport type { FC } from 'react';\nimport { Globe, Lock, Users } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { titleCase } from '../utils/formatters';\nimport { useTr } from '../hooks';\n\ninterface VisibilityChipProps {\n  /** A `CooVisibility` value (PUBLIC / FOLLOWERS / PRIVATE) — case-insensitive. */\n  visibility: string;\n  className?: string;\n}\n\nconst CONFIG: Record<string, { icon: typeof Globe; label: string; labelKey: string }> = {\n  public: { icon: Globe, label: 'Public', labelKey: 'coolandlovely.visibility.public' },\n  followers: { icon: Users, label: 'Followers', labelKey: 'coolandlovely.visibility.followers' },\n  private: { icon: Lock, label: 'Private', labelKey: 'coolandlovely.visibility.private' },\n};\n\nexport const VisibilityChip: FC<VisibilityChipProps> = ({ visibility, className }) => {\n  const tr = useTr();\n  const key = visibility.trim().toLowerCase();\n  const config = CONFIG[key];\n  const Icon = config?.icon ?? Lock;\n  const label = config ? tr(config.labelKey, config.label) : titleCase(visibility);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary',\n        className\n      )}\n    >\n      <Icon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;AAqBA,IAAM,IAAkF;CACtF,QAAQ;EAAE,MAAM;EAAO,OAAO;EAAU,UAAU;EAAmC;CACrF,WAAW;EAAE,MAAM;EAAO,OAAO;EAAa,UAAU;EAAsC;CAC9F,SAAS;EAAE,MAAM;EAAM,OAAO;EAAW,UAAU;EAAoC;CACxF,EAEY,KAA2C,EAAE,eAAY,mBAAgB;CACpF,IAAM,IAAK,GAAO,EAEZ,IAAS,EADH,EAAW,MAAM,CAAC,aAAa,GAErC,IAAO,GAAQ,QAAQ,GACvB,IAAQ,IAAS,EAAG,EAAO,UAAU,EAAO,MAAM,GAAG,EAAU,EAAW;AAEhF,QACE,kBAAC,QAAD;EACE,WAAW,EACT,gHACA,EACD;YAJH,CAME,kBAAC,GAAD;GAAM,WAAU;GAAc,eAAY;GAAS,CAAA,EAClD,EACI"}

package/dist/coolandlovely/hooks/index.d.ts

@@ -11,4 +11,5 @@ export type { EntityCommentView, EntityCommentsResult } from './useComments';
 export { useEntityActivity } from './useActivity';
 export type { CooActivityEntry } from './useActivity';
 export { useAssistantEntityName } from './useAssistantEntity';
+export { useTr } from './useTr';
 //# sourceMappingURL=index.d.ts.map

package/dist/coolandlovely/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,eAAe,EAEf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EAEpB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EAEnB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EAEb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EAEtB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EAErB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EAErB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EAEjB,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,cAAc,EAEd,mBAAmB,EACnB,cAAc,EAEd,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,eAAe,EAEf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EAEpB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EAEnB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EAEb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EAEtB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EAErB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EAErB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EAEjB,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,cAAc,EAEd,mBAAmB,EACnB,cAAc,EAEd,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/coolandlovely/hooks/index.js

@@ -1,5 +1,6 @@
-import "./useFiles.js";
 import "./useCoolAndLovelyApi.js";
+import "./useFiles.js";
 import "./useComments.js";
 import "./useActivity.js";
 import "./useAssistantEntity.js";
+import "./useTr.js";

package/dist/coolandlovely/hooks/useTr.d.ts

@@ -0,0 +1,2 @@
+export declare function useTr(): (key: string, fallback: string, params?: Record<string, string | number>) => string;
+//# sourceMappingURL=useTr.d.ts.map

package/dist/coolandlovely/hooks/useTr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/useTr.ts"],"names":[],"mappings":"AAkBA,wBAAgB,KAAK,IAAI,CACvB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KACrC,MAAM,CAcV"}

package/dist/coolandlovely/hooks/useTr.js

@@ -0,0 +1,14 @@
+import { useCallback as e } from "react";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/coolandlovely/hooks/useTr.ts
+function n() {
+	let { t: n } = t();
+	return e((e, t, r) => {
+		let i = n(e), a = i === e ? t : i;
+		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${t}\\}\\}`, "g"), String(n)), a) : a;
+	}, [n]);
+}
+//#endregion
+export { n as useTr };
+
+//# sourceMappingURL=useTr.js.map

package/dist/coolandlovely/hooks/useTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/coolandlovely/hooks/useTr.ts"],"sourcesContent":["/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. This keeps consumer call sites consistent and avoids leaking\n * untranslated keys into the UI.\n *\n * Supports optional interpolation params using `{{key}}` placeholders.\n *\n * @example\n *   const tr = useTr();\n *   return <h1>{tr('coolandlovely.dashboard.title', 'Dashboard')}</h1>;\n *   return <p>{tr('coolandlovely.delete.confirm', 'Delete {{count}} items?', { count: 5 })}</p>;\n */\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport function useTr(): (\n  key: string,\n  fallback: string,\n  params?: Record<string, string | number>\n) => string {\n  const { t } = useI18n();\n  return useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key);\n      const raw = translated === key ? fallback : translated;\n      if (!params) return raw;\n      return Object.entries(params).reduce(\n        (str, [k, v]) => str.replace(new RegExp(`\\\\{\\\\{${k}\\\\}\\\\}`, 'g'), String(v)),\n        raw\n      );\n    },\n    [t]\n  );\n}\n"],"mappings":";;;AAkBA,SAAgB,IAIJ;CACV,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,GACJ,GAAa,GAAkB,MAAqD;EACnF,IAAM,IAAa,EAAE,EAAI,EACnB,IAAM,MAAe,IAAM,IAAW;AAE5C,SADK,IACE,OAAO,QAAQ,EAAO,CAAC,QAC3B,GAAK,CAAC,GAAG,OAAO,EAAI,QAAY,OAAO,SAAS,EAAE,SAAS,IAAI,EAAE,OAAO,EAAE,CAAC,EAC5E,EACD,GAJmB;IAMtB,CAAC,EAAE,CACJ"}

package/dist/coolandlovely/pages/HomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA4JH,wBAAgB,QAAQ,gCAmSvB"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/pages/HomePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAoMH,wBAAgB,QAAQ,gCA8VvB"}