@burdenoff/microfe-coolandlovely 2026.716.1 → 2026.720.2

package/dist/coolandlovely/CoolAndLovelyRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoolAndLovelyRoutes.d.ts","sourceRoot":"","sources":["../../src/coolandlovely/CoolAndLovelyRoutes.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AA2GhD,eAAO,MAAM,mBAAmB,EAAE,EAwEjC,CAAC"}
+{"version":3,"file":"CoolAndLovelyRoutes.d.ts","sourceRoot":"","sources":["../../src/coolandlovely/CoolAndLovelyRoutes.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AA2GhD,eAAO,MAAM,mBAAmB,EAAE,EA0EjC,CAAC"}

package/dist/coolandlovely/CoolAndLovelyRoutes.js

@@ -90,6 +90,10 @@ var u = r(() => import("./pages/brands/BrandsListPage.js").then((e) => ({ defaul
 					path: "collaborations/:collaborationId",
 					element: /* @__PURE__ */ c(C, {})
 				}),
+				/* @__PURE__ */ c(a, {
+					path: "collaborations/:collaborationId/edit",
+					element: /* @__PURE__ */ c(w, {})
+				}),
 				/* @__PURE__ */ c(a, {
 					path: "wardrobe",
 					element: /* @__PURE__ */ c(T, {})
@@ -110,6 +114,10 @@ var u = r(() => import("./pages/brands/BrandsListPage.js").then((e) => ({ defaul
 					path: "profile",
 					element: /* @__PURE__ */ c(k, {})
 				}),
+				/* @__PURE__ */ c(a, {
+					path: "profile/:userId",
+					element: /* @__PURE__ */ c(k, {})
+				}),
 				/* @__PURE__ */ c(a, {
 					path: "discover",
 					element: /* @__PURE__ */ c(A, {})

package/dist/coolandlovely/CoolAndLovelyRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoolAndLovelyRoutes.js","names":[],"sources":["../../src/coolandlovely/CoolAndLovelyRoutes.tsx"],"sourcesContent":["/**\n * CoolAndLovely Routes\n * @module coolandlovely\n *\n * Real fashion-domain routes wired to the live `wspace-coolandlovely-svc`\n * GraphQL contract: overview, brands, collections, style items, looks,\n * collaborations, wardrobe, lookbooks and the shopper's style profile.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { useCoolAndLovely } from './context/CoolAndLovelyContext';\n\n// Eager-loaded overview (primary landing page)\nimport { HomePage } from './pages/HomePage';\n\n// Brands\nconst BrandsListPage = lazy(() =>\n  import('./pages/brands/BrandsListPage').then((m) => ({ default: m.BrandsListPage }))\n);\nconst BrandDetailPage = lazy(() =>\n  import('./pages/brands/BrandDetailPage').then((m) => ({ default: m.BrandDetailPage }))\n);\nconst BrandFormPage = lazy(() =>\n  import('./pages/brands/BrandFormPage').then((m) => ({ default: m.BrandFormPage }))\n);\n\n// Collections\nconst CollectionsListPage = lazy(() =>\n  import('./pages/collections/CollectionsListPage').then((m) => ({\n    default: m.CollectionsListPage,\n  }))\n);\nconst CollectionDetailPage = lazy(() =>\n  import('./pages/collections/CollectionDetailPage').then((m) => ({\n    default: m.CollectionDetailPage,\n  }))\n);\nconst CollectionFormPage = lazy(() =>\n  import('./pages/collections/CollectionFormPage').then((m) => ({ default: m.CollectionFormPage }))\n);\n\n// Style items\nconst StyleItemsListPage = lazy(() =>\n  import('./pages/items/StyleItemsListPage').then((m) => ({ default: m.StyleItemsListPage }))\n);\nconst StyleItemDetailPage = lazy(() =>\n  import('./pages/items/StyleItemDetailPage').then((m) => ({ default: m.StyleItemDetailPage }))\n);\nconst StyleItemFormPage = lazy(() =>\n  import('./pages/items/StyleItemFormPage').then((m) => ({ default: m.StyleItemFormPage }))\n);\n\n// Looks\nconst LooksListPage = lazy(() =>\n  import('./pages/looks/LooksListPage').then((m) => ({ default: m.LooksListPage }))\n);\nconst LookDetailPage = lazy(() =>\n  import('./pages/looks/LookDetailPage').then((m) => ({ default: m.LookDetailPage }))\n);\nconst LookFormPage = lazy(() =>\n  import('./pages/looks/LookFormPage').then((m) => ({ default: m.LookFormPage }))\n);\n\n// Collaborations\nconst CollaborationsListPage = lazy(() =>\n  import('./pages/collaborations/CollaborationsListPage').then((m) => ({\n    default: m.CollaborationsListPage,\n  }))\n);\nconst CollaborationDetailPage = lazy(() =>\n  import('./pages/collaborations/CollaborationDetailPage').then((m) => ({\n    default: m.CollaborationDetailPage,\n  }))\n);\nconst CollaborationFormPage = lazy(() =>\n  import('./pages/collaborations/CollaborationFormPage').then((m) => ({\n    default: m.CollaborationFormPage,\n  }))\n);\n\n// Wardrobe (self-scoped)\nconst WardrobeListPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeListPage').then((m) => ({ default: m.WardrobeListPage }))\n);\nconst WardrobeFormPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeFormPage').then((m) => ({ default: m.WardrobeFormPage }))\n);\n\n// Lookbooks\nconst LookbooksListPage = lazy(() =>\n  import('./pages/lookbooks/LookbooksListPage').then((m) => ({ default: m.LookbooksListPage }))\n);\nconst LookbookDetailPage = lazy(() =>\n  import('./pages/lookbooks/LookbookDetailPage').then((m) => ({ default: m.LookbookDetailPage }))\n);\n\n// Style profile (self-scoped)\nconst StyleProfilePage = lazy(() =>\n  import('./pages/profile/StyleProfilePage').then((m) => ({ default: m.StyleProfilePage }))\n);\n\n// Discovery + trends (client-side analytics over the real catalogue/social lists)\nconst DiscoverPage = lazy(() =>\n  import('./pages/discover/DiscoverPage').then((m) => ({ default: m.DiscoverPage }))\n);\nconst TrendsPage = lazy(() =>\n  import('./pages/trends/TrendsPage').then((m) => ({ default: m.TrendsPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <div className=\"h-8 w-8 animate-spin rounded-full border-b-2 border-primary\" />\n  </div>\n);\n\nexport const CoolAndLovelyRoutes: FC = () => {\n  const { basePath, isStandalone } = useCoolAndLovely();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the path matches the basePath (when integrated).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Overview */}\n          <Route index element={<HomePage />} />\n\n          {/* Brands */}\n          <Route path=\"brands\" element={<BrandsListPage />} />\n          <Route path=\"brands/new\" element={<BrandFormPage />} />\n          <Route path=\"brands/:brandId\" element={<BrandDetailPage />} />\n          <Route path=\"brands/:brandId/edit\" element={<BrandFormPage />} />\n\n          {/* Collections */}\n          <Route path=\"collections\" element={<CollectionsListPage />} />\n          <Route path=\"collections/new\" element={<CollectionFormPage />} />\n          <Route path=\"collections/:collectionId\" element={<CollectionDetailPage />} />\n          <Route path=\"collections/:collectionId/edit\" element={<CollectionFormPage />} />\n\n          {/* Style items */}\n          <Route path=\"items\" element={<StyleItemsListPage />} />\n          <Route path=\"items/new\" element={<StyleItemFormPage />} />\n          <Route path=\"items/:itemId\" element={<StyleItemDetailPage />} />\n          <Route path=\"items/:itemId/edit\" element={<StyleItemFormPage />} />\n\n          {/* Looks */}\n          <Route path=\"looks\" element={<LooksListPage />} />\n          <Route path=\"looks/new\" element={<LookFormPage />} />\n          <Route path=\"looks/:lookId\" element={<LookDetailPage />} />\n\n          {/* Collaborations */}\n          <Route path=\"collaborations\" element={<CollaborationsListPage />} />\n          <Route path=\"collaborations/new\" element={<CollaborationFormPage />} />\n          <Route path=\"collaborations/:collaborationId\" element={<CollaborationDetailPage />} />\n\n          {/* Wardrobe (self-scoped) */}\n          <Route path=\"wardrobe\" element={<WardrobeListPage />} />\n          <Route path=\"wardrobe/new\" element={<WardrobeFormPage />} />\n\n          {/* Lookbooks */}\n          <Route path=\"lookbooks\" element={<LookbooksListPage />} />\n          <Route path=\"lookbooks/:lookbookId\" element={<LookbookDetailPage />} />\n\n          {/* Style profile (self-scoped) */}\n          <Route path=\"profile\" element={<StyleProfilePage />} />\n\n          {/* Discovery + trends */}\n          <Route path=\"discover\" element={<DiscoverPage />} />\n          <Route path=\"trends\" element={<TrendsPage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CoolAndLovelyRoutes.js","names":[],"sources":["../../src/coolandlovely/CoolAndLovelyRoutes.tsx"],"sourcesContent":["/**\n * CoolAndLovely Routes\n * @module coolandlovely\n *\n * Real fashion-domain routes wired to the live `wspace-coolandlovely-svc`\n * GraphQL contract: overview, brands, collections, style items, looks,\n * collaborations, wardrobe, lookbooks and the shopper's style profile.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { useCoolAndLovely } from './context/CoolAndLovelyContext';\n\n// Eager-loaded overview (primary landing page)\nimport { HomePage } from './pages/HomePage';\n\n// Brands\nconst BrandsListPage = lazy(() =>\n  import('./pages/brands/BrandsListPage').then((m) => ({ default: m.BrandsListPage }))\n);\nconst BrandDetailPage = lazy(() =>\n  import('./pages/brands/BrandDetailPage').then((m) => ({ default: m.BrandDetailPage }))\n);\nconst BrandFormPage = lazy(() =>\n  import('./pages/brands/BrandFormPage').then((m) => ({ default: m.BrandFormPage }))\n);\n\n// Collections\nconst CollectionsListPage = lazy(() =>\n  import('./pages/collections/CollectionsListPage').then((m) => ({\n    default: m.CollectionsListPage,\n  }))\n);\nconst CollectionDetailPage = lazy(() =>\n  import('./pages/collections/CollectionDetailPage').then((m) => ({\n    default: m.CollectionDetailPage,\n  }))\n);\nconst CollectionFormPage = lazy(() =>\n  import('./pages/collections/CollectionFormPage').then((m) => ({ default: m.CollectionFormPage }))\n);\n\n// Style items\nconst StyleItemsListPage = lazy(() =>\n  import('./pages/items/StyleItemsListPage').then((m) => ({ default: m.StyleItemsListPage }))\n);\nconst StyleItemDetailPage = lazy(() =>\n  import('./pages/items/StyleItemDetailPage').then((m) => ({ default: m.StyleItemDetailPage }))\n);\nconst StyleItemFormPage = lazy(() =>\n  import('./pages/items/StyleItemFormPage').then((m) => ({ default: m.StyleItemFormPage }))\n);\n\n// Looks\nconst LooksListPage = lazy(() =>\n  import('./pages/looks/LooksListPage').then((m) => ({ default: m.LooksListPage }))\n);\nconst LookDetailPage = lazy(() =>\n  import('./pages/looks/LookDetailPage').then((m) => ({ default: m.LookDetailPage }))\n);\nconst LookFormPage = lazy(() =>\n  import('./pages/looks/LookFormPage').then((m) => ({ default: m.LookFormPage }))\n);\n\n// Collaborations\nconst CollaborationsListPage = lazy(() =>\n  import('./pages/collaborations/CollaborationsListPage').then((m) => ({\n    default: m.CollaborationsListPage,\n  }))\n);\nconst CollaborationDetailPage = lazy(() =>\n  import('./pages/collaborations/CollaborationDetailPage').then((m) => ({\n    default: m.CollaborationDetailPage,\n  }))\n);\nconst CollaborationFormPage = lazy(() =>\n  import('./pages/collaborations/CollaborationFormPage').then((m) => ({\n    default: m.CollaborationFormPage,\n  }))\n);\n\n// Wardrobe (self-scoped)\nconst WardrobeListPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeListPage').then((m) => ({ default: m.WardrobeListPage }))\n);\nconst WardrobeFormPage = lazy(() =>\n  import('./pages/wardrobe/WardrobeFormPage').then((m) => ({ default: m.WardrobeFormPage }))\n);\n\n// Lookbooks\nconst LookbooksListPage = lazy(() =>\n  import('./pages/lookbooks/LookbooksListPage').then((m) => ({ default: m.LookbooksListPage }))\n);\nconst LookbookDetailPage = lazy(() =>\n  import('./pages/lookbooks/LookbookDetailPage').then((m) => ({ default: m.LookbookDetailPage }))\n);\n\n// Style profile (self-scoped)\nconst StyleProfilePage = lazy(() =>\n  import('./pages/profile/StyleProfilePage').then((m) => ({ default: m.StyleProfilePage }))\n);\n\n// Discovery + trends (client-side analytics over the real catalogue/social lists)\nconst DiscoverPage = lazy(() =>\n  import('./pages/discover/DiscoverPage').then((m) => ({ default: m.DiscoverPage }))\n);\nconst TrendsPage = lazy(() =>\n  import('./pages/trends/TrendsPage').then((m) => ({ default: m.TrendsPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <div className=\"h-8 w-8 animate-spin rounded-full border-b-2 border-primary\" />\n  </div>\n);\n\nexport const CoolAndLovelyRoutes: FC = () => {\n  const { basePath, isStandalone } = useCoolAndLovely();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the path matches the basePath (when integrated).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Overview */}\n          <Route index element={<HomePage />} />\n\n          {/* Brands */}\n          <Route path=\"brands\" element={<BrandsListPage />} />\n          <Route path=\"brands/new\" element={<BrandFormPage />} />\n          <Route path=\"brands/:brandId\" element={<BrandDetailPage />} />\n          <Route path=\"brands/:brandId/edit\" element={<BrandFormPage />} />\n\n          {/* Collections */}\n          <Route path=\"collections\" element={<CollectionsListPage />} />\n          <Route path=\"collections/new\" element={<CollectionFormPage />} />\n          <Route path=\"collections/:collectionId\" element={<CollectionDetailPage />} />\n          <Route path=\"collections/:collectionId/edit\" element={<CollectionFormPage />} />\n\n          {/* Style items */}\n          <Route path=\"items\" element={<StyleItemsListPage />} />\n          <Route path=\"items/new\" element={<StyleItemFormPage />} />\n          <Route path=\"items/:itemId\" element={<StyleItemDetailPage />} />\n          <Route path=\"items/:itemId/edit\" element={<StyleItemFormPage />} />\n\n          {/* Looks */}\n          <Route path=\"looks\" element={<LooksListPage />} />\n          <Route path=\"looks/new\" element={<LookFormPage />} />\n          <Route path=\"looks/:lookId\" element={<LookDetailPage />} />\n\n          {/* Collaborations */}\n          <Route path=\"collaborations\" element={<CollaborationsListPage />} />\n          <Route path=\"collaborations/new\" element={<CollaborationFormPage />} />\n          <Route path=\"collaborations/:collaborationId\" element={<CollaborationDetailPage />} />\n          <Route path=\"collaborations/:collaborationId/edit\" element={<CollaborationFormPage />} />\n\n          {/* Wardrobe (self-scoped) */}\n          <Route path=\"wardrobe\" element={<WardrobeListPage />} />\n          <Route path=\"wardrobe/new\" element={<WardrobeFormPage />} />\n\n          {/* Lookbooks */}\n          <Route path=\"lookbooks\" element={<LookbooksListPage />} />\n          <Route path=\"lookbooks/:lookbookId\" element={<LookbookDetailPage />} />\n\n          {/* Style profile (self-scoped) + public profiles */}\n          <Route path=\"profile\" element={<StyleProfilePage />} />\n          <Route path=\"profile/:userId\" element={<StyleProfilePage />} />\n\n          {/* Discovery + trends */}\n          <Route path=\"discover\" element={<DiscoverPage />} />\n          <Route path=\"trends\" element={<TrendsPage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/coolandlovely/components/Field.d.ts

@@ -20,6 +20,7 @@ interface TextFieldProps {
     hint?: string;
     error?: string;
     type?: 'text' | 'url' | 'number' | 'date';
+    disabled?: boolean;
     className?: string;
 }
 export declare const TextField: FC<TextFieldProps>;
@@ -33,6 +34,7 @@ interface TextAreaFieldProps {
     hint?: string;
     error?: string;
     rows?: number;
+    disabled?: boolean;
     className?: string;
 }
 export declare const TextAreaField: FC<TextAreaFieldProps>;
@@ -61,6 +63,7 @@ interface SelectFieldProps {
     hint?: string;
     error?: string;
     placeholder?: string;
+    disabled?: boolean;
     className?: string;
 }
 export declare const SelectField: FC<SelectFieldProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/Field.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAGxD,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqB1C,CAAC;AAKF,UAAU,cAAc;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC;AAEF,UAAU,kBAAkB;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8BhD,CAAC;AAEF,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8B5C,CAAC;AAEF,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmC5C,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/Field.tsx"],"names":[],"mappings":"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"}

package/dist/coolandlovely/components/Field.js

@@ -21,37 +21,39 @@ var r = ({ label: r, htmlFor: i, required: a, hint: o, error: s, children: c, cl
 			children: o
 		}) : null
 	]
-}), i = "w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", a = ({ id: n, label: a, value: o, onChange: s, placeholder: c, required: l, hint: u, error: d, type: f = "text", className: p }) => /* @__PURE__ */ t(r, {
+}), i = "w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", a = ({ id: n, label: a, value: o, onChange: s, placeholder: c, required: l, hint: u, error: d, type: f = "text", disabled: p, className: m }) => /* @__PURE__ */ t(r, {
 	label: a,
 	htmlFor: n,
 	required: l,
 	hint: u,
 	error: d,
-	className: p,
+	className: m,
 	children: /* @__PURE__ */ t("input", {
 		id: n,
 		type: f,
 		value: o,
 		placeholder: c,
 		required: l,
+		disabled: p,
 		onChange: (e) => s(e.target.value),
-		className: e(i, d && "border-status-error-text")
+		className: e(i, d && "border-status-error-text", p && "cursor-not-allowed opacity-60")
 	})
-}), o = ({ id: n, label: a, value: o, onChange: s, placeholder: c, required: l, hint: u, error: d, rows: f = 3, className: p }) => /* @__PURE__ */ t(r, {
+}), o = ({ id: n, label: a, value: o, onChange: s, placeholder: c, required: l, hint: u, error: d, rows: f = 3, disabled: p, className: m }) => /* @__PURE__ */ t(r, {
 	label: a,
 	htmlFor: n,
 	required: l,
 	hint: u,
 	error: d,
-	className: p,
+	className: m,
 	children: /* @__PURE__ */ t("textarea", {
 		id: n,
 		value: o,
 		placeholder: c,
 		required: l,
 		rows: f,
+		disabled: p,
 		onChange: (e) => s(e.target.value),
-		className: e(i, "resize-y", d && "border-status-error-text")
+		className: e(i, "resize-y", d && "border-status-error-text", p && "cursor-not-allowed opacity-60")
 	})
 }), s = ({ id: r, label: i, checked: a, onChange: o, hint: s, disabled: c, className: l }) => /* @__PURE__ */ n("label", {
 	htmlFor: r,
@@ -73,19 +75,20 @@ var r = ({ label: r, htmlFor: i, required: a, hint: o, error: s, children: c, cl
 			children: s
 		})]
 	})]
-}), c = ({ id: a, label: o, value: s, onChange: c, options: l, required: u, hint: d, error: f, placeholder: p, className: m }) => /* @__PURE__ */ t(r, {
+}), c = ({ id: a, label: o, value: s, onChange: c, options: l, required: u, hint: d, error: f, placeholder: p, disabled: m, className: h }) => /* @__PURE__ */ t(r, {
 	label: o,
 	htmlFor: a,
 	required: u,
 	hint: d,
 	error: f,
-	className: m,
+	className: h,
 	children: /* @__PURE__ */ n("select", {
 		id: a,
 		value: s,
 		required: u,
+		disabled: m,
 		onChange: (e) => c(e.target.value),
-		className: e(i, f && "border-status-error-text"),
+		className: e(i, f && "border-status-error-text", m && "cursor-not-allowed opacity-60"),
 		children: [p && /* @__PURE__ */ t("option", {
 			value: "",
 			children: p

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

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":[],"sources":["../../../src/coolandlovely/components/Field.tsx"],"sourcesContent":["/**\n * Form field primitives\n * @module coolandlovely/components\n *\n * Small, strictly-typed, token-only form controls used across the create/edit\n * forms (no third-party form lib — these wrap native inputs with consistent\n * labels, hints and error styling).\n */\n\nimport type { FC, ReactNode, ChangeEvent } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface FieldShellProps {\n  label: string;\n  htmlFor?: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const FieldShell: FC<FieldShellProps> = ({\n  label,\n  htmlFor,\n  required,\n  hint,\n  error,\n  children,\n  className,\n}) => (\n  <div className={cn('flex flex-col gap-1.5', className)}>\n    <label htmlFor={htmlFor} className=\"text-sm font-medium text-text-primary\">\n      {label}\n      {required && <span className=\"ml-0.5 text-status-error-text\">*</span>}\n    </label>\n    {children}\n    {error ? (\n      <p className=\"text-xs text-status-error-text\">{error}</p>\n    ) : hint ? (\n      <p className=\"text-xs text-text-secondary\">{hint}</p>\n    ) : null}\n  </div>\n);\n\nconst baseControl =\n  'w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\n\ninterface TextFieldProps {\n  id?: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  type?: 'text' | 'url' | 'number' | 'date';\n  className?: string;\n}\n\nexport const TextField: FC<TextFieldProps> = ({\n  id,\n  label,\n  value,\n  onChange,\n  placeholder,\n  required,\n  hint,\n  error,\n  type = 'text',\n  className,\n}) => (\n  <FieldShell\n    label={label}\n    htmlFor={id}\n    required={required}\n    hint={hint}\n    error={error}\n    className={className}\n  >\n    <input\n      id={id}\n      type={type}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}\n      className={cn(baseControl, error && 'border-status-error-text')}\n    />\n  </FieldShell>\n);\n\ninterface TextAreaFieldProps {\n  id?: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  rows?: number;\n  className?: string;\n}\n\nexport const TextAreaField: FC<TextAreaFieldProps> = ({\n  id,\n  label,\n  value,\n  onChange,\n  placeholder,\n  required,\n  hint,\n  error,\n  rows = 3,\n  className,\n}) => (\n  <FieldShell\n    label={label}\n    htmlFor={id}\n    required={required}\n    hint={hint}\n    error={error}\n    className={className}\n  >\n    <textarea\n      id={id}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      rows={rows}\n      onChange={(e: ChangeEvent<HTMLTextAreaElement>) => onChange(e.target.value)}\n      className={cn(baseControl, 'resize-y', error && 'border-status-error-text')}\n    />\n  </FieldShell>\n);\n\ninterface ToggleFieldProps {\n  id?: string;\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  hint?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** A token-only checkbox row (used for boolean flags e.g. Featured). */\nexport const ToggleField: FC<ToggleFieldProps> = ({\n  id,\n  label,\n  checked,\n  onChange,\n  hint,\n  disabled,\n  className,\n}) => (\n  <label\n    htmlFor={id}\n    className={cn(\n      'flex cursor-pointer items-start gap-3 rounded-lg border border-border-seam bg-bg-surface px-3 py-2.5',\n      disabled && 'cursor-not-allowed opacity-60',\n      className\n    )}\n  >\n    <input\n      id={id}\n      type=\"checkbox\"\n      checked={checked}\n      disabled={disabled}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => onChange(e.target.checked)}\n      className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-seam text-action-primary-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n    />\n    <span className=\"min-w-0\">\n      <span className=\"block text-sm font-medium text-text-primary\">{label}</span>\n      {hint && <span className=\"mt-0.5 block text-xs text-text-secondary\">{hint}</span>}\n    </span>\n  </label>\n);\n\ninterface SelectOption {\n  value: string;\n  label: string;\n}\n\ninterface SelectFieldProps {\n  id?: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  options: SelectOption[];\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  placeholder?: string;\n  className?: string;\n}\n\nexport const SelectField: FC<SelectFieldProps> = ({\n  id,\n  label,\n  value,\n  onChange,\n  options,\n  required,\n  hint,\n  error,\n  placeholder,\n  className,\n}) => (\n  <FieldShell\n    label={label}\n    htmlFor={id}\n    required={required}\n    hint={hint}\n    error={error}\n    className={className}\n  >\n    <select\n      id={id}\n      value={value}\n      required={required}\n      onChange={(e: ChangeEvent<HTMLSelectElement>) => onChange(e.target.value)}\n      className={cn(baseControl, error && 'border-status-error-text')}\n    >\n      {placeholder && <option value=\"\">{placeholder}</option>}\n      {options.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  </FieldShell>\n);\n"],"mappings":";;;AAsBA,IAAa,KAAmC,EAC9C,UACA,YACA,aACA,SACA,UACA,aACA,mBAEA,kBAAC,OAAD;CAAK,WAAW,EAAG,yBAAyB,EAAU;WAAtD;EACE,kBAAC,SAAD;GAAgB;GAAS,WAAU;aAAnC,CACG,GACA,KAAY,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAQ,CAAA,CAC/D;;EACP;EACA,IACC,kBAAC,KAAD;GAAG,WAAU;aAAkC;GAAU,CAAA,GACvD,IACF,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAS,CAAA,GACnD;EACA;IAGF,IACJ,sMAeW,KAAiC,EAC5C,OACA,UACA,UACA,aACA,gBACA,aACA,SACA,UACA,UAAO,QACP,mBAEA,kBAAC,GAAD;CACS;CACP,SAAS;CACC;CACJ;CACC;CACI;WAEX,kBAAC,SAAD;EACM;EACE;EACC;EACM;EACH;EACV,WAAW,MAAqC,EAAS,EAAE,OAAO,MAAM;EACxE,WAAW,EAAG,GAAa,KAAS,2BAA2B;EAC/D,CAAA;CACS,CAAA,EAgBF,KAAyC,EACpD,OACA,UACA,UACA,aACA,gBACA,aACA,SACA,UACA,UAAO,GACP,mBAEA,kBAAC,GAAD;CACS;CACP,SAAS;CACC;CACJ;CACC;CACI;WAEX,kBAAC,YAAD;EACM;EACG;EACM;EACH;EACJ;EACN,WAAW,MAAwC,EAAS,EAAE,OAAO,MAAM;EAC3E,WAAW,EAAG,GAAa,YAAY,KAAS,2BAA2B;EAC3E,CAAA;CACS,CAAA,EAcF,KAAqC,EAChD,OACA,UACA,YACA,aACA,SACA,aACA,mBAEA,kBAAC,SAAD;CACE,SAAS;CACT,WAAW,EACT,wGACA,KAAY,iCACZ,EACD;WANH,CAQE,kBAAC,SAAD;EACM;EACJ,MAAK;EACI;EACC;EACV,WAAW,MAAqC,EAAS,EAAE,OAAO,QAAQ;EAC1E,WAAU;EACV,CAAA,EACF,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,QAAD;GAAM,WAAU;aAA+C;GAAa,CAAA,EAC3E,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAA4C;GAAY,CAAA,CAC5E;IACD;IAqBG,KAAqC,EAChD,OACA,UACA,UACA,aACA,YACA,aACA,SACA,UACA,gBACA,mBAEA,kBAAC,GAAD;CACS;CACP,SAAS;CACC;CACJ;CACC;CACI;WAEX,kBAAC,UAAD;EACM;EACG;EACG;EACV,WAAW,MAAsC,EAAS,EAAE,OAAO,MAAM;EACzE,WAAW,EAAG,GAAa,KAAS,2BAA2B;YALjE,CAOG,KAAe,kBAAC,UAAD;GAAQ,OAAM;aAAI;GAAqB,CAAA,EACtD,EAAQ,KAAK,MACZ,kBAAC,UAAD;GAAwB,OAAO,EAAI;aAChC,EAAI;GACE,EAFI,EAAI,MAER,CACT,CACK;;CACE,CAAA"}
+{"version":3,"file":"Field.js","names":[],"sources":["../../../src/coolandlovely/components/Field.tsx"],"sourcesContent":["/**\n * Form field primitives\n * @module coolandlovely/components\n *\n * Small, strictly-typed, token-only form controls used across the create/edit\n * forms (no third-party form lib — these wrap native inputs with consistent\n * labels, hints and error styling).\n */\n\nimport type { FC, ReactNode, ChangeEvent } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface FieldShellProps {\n  label: string;\n  htmlFor?: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const FieldShell: FC<FieldShellProps> = ({\n  label,\n  htmlFor,\n  required,\n  hint,\n  error,\n  children,\n  className,\n}) => (\n  <div className={cn('flex flex-col gap-1.5', className)}>\n    <label htmlFor={htmlFor} className=\"text-sm font-medium text-text-primary\">\n      {label}\n      {required && <span className=\"ml-0.5 text-status-error-text\">*</span>}\n    </label>\n    {children}\n    {error ? (\n      <p className=\"text-xs text-status-error-text\">{error}</p>\n    ) : hint ? (\n      <p className=\"text-xs text-text-secondary\">{hint}</p>\n    ) : null}\n  </div>\n);\n\nconst baseControl =\n  'w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\n\ninterface TextFieldProps {\n  id?: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  type?: 'text' | 'url' | 'number' | 'date';\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const TextField: FC<TextFieldProps> = ({\n  id,\n  label,\n  value,\n  onChange,\n  placeholder,\n  required,\n  hint,\n  error,\n  type = 'text',\n  disabled,\n  className,\n}) => (\n  <FieldShell\n    label={label}\n    htmlFor={id}\n    required={required}\n    hint={hint}\n    error={error}\n    className={className}\n  >\n    <input\n      id={id}\n      type={type}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      disabled={disabled}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}\n      className={cn(\n        baseControl,\n        error && 'border-status-error-text',\n        disabled && 'cursor-not-allowed opacity-60'\n      )}\n    />\n  </FieldShell>\n);\n\ninterface TextAreaFieldProps {\n  id?: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  rows?: number;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const TextAreaField: FC<TextAreaFieldProps> = ({\n  id,\n  label,\n  value,\n  onChange,\n  placeholder,\n  required,\n  hint,\n  error,\n  rows = 3,\n  disabled,\n  className,\n}) => (\n  <FieldShell\n    label={label}\n    htmlFor={id}\n    required={required}\n    hint={hint}\n    error={error}\n    className={className}\n  >\n    <textarea\n      id={id}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      rows={rows}\n      disabled={disabled}\n      onChange={(e: ChangeEvent<HTMLTextAreaElement>) => onChange(e.target.value)}\n      className={cn(\n        baseControl,\n        'resize-y',\n        error && 'border-status-error-text',\n        disabled && 'cursor-not-allowed opacity-60'\n      )}\n    />\n  </FieldShell>\n);\n\ninterface ToggleFieldProps {\n  id?: string;\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  hint?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** A token-only checkbox row (used for boolean flags e.g. Featured). */\nexport const ToggleField: FC<ToggleFieldProps> = ({\n  id,\n  label,\n  checked,\n  onChange,\n  hint,\n  disabled,\n  className,\n}) => (\n  <label\n    htmlFor={id}\n    className={cn(\n      'flex cursor-pointer items-start gap-3 rounded-lg border border-border-seam bg-bg-surface px-3 py-2.5',\n      disabled && 'cursor-not-allowed opacity-60',\n      className\n    )}\n  >\n    <input\n      id={id}\n      type=\"checkbox\"\n      checked={checked}\n      disabled={disabled}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => onChange(e.target.checked)}\n      className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-seam text-action-primary-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n    />\n    <span className=\"min-w-0\">\n      <span className=\"block text-sm font-medium text-text-primary\">{label}</span>\n      {hint && <span className=\"mt-0.5 block text-xs text-text-secondary\">{hint}</span>}\n    </span>\n  </label>\n);\n\ninterface SelectOption {\n  value: string;\n  label: string;\n}\n\ninterface SelectFieldProps {\n  id?: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  options: SelectOption[];\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const SelectField: FC<SelectFieldProps> = ({\n  id,\n  label,\n  value,\n  onChange,\n  options,\n  required,\n  hint,\n  error,\n  placeholder,\n  disabled,\n  className,\n}) => (\n  <FieldShell\n    label={label}\n    htmlFor={id}\n    required={required}\n    hint={hint}\n    error={error}\n    className={className}\n  >\n    <select\n      id={id}\n      value={value}\n      required={required}\n      disabled={disabled}\n      onChange={(e: ChangeEvent<HTMLSelectElement>) => onChange(e.target.value)}\n      className={cn(\n        baseControl,\n        error && 'border-status-error-text',\n        disabled && 'cursor-not-allowed opacity-60'\n      )}\n    >\n      {placeholder && <option value=\"\">{placeholder}</option>}\n      {options.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  </FieldShell>\n);\n"],"mappings":";;;AAsBA,IAAa,KAAmC,EAC9C,UACA,YACA,aACA,SACA,UACA,aACA,mBAEA,kBAAC,OAAD;CAAK,WAAW,EAAG,yBAAyB,EAAU;WAAtD;EACE,kBAAC,SAAD;GAAgB;GAAS,WAAU;aAAnC,CACG,GACA,KAAY,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAQ,CAAA,CAC/D;;EACP;EACA,IACC,kBAAC,KAAD;GAAG,WAAU;aAAkC;GAAU,CAAA,GACvD,IACF,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAS,CAAA,GACnD;EACA;IAGF,IACJ,sMAgBW,KAAiC,EAC5C,OACA,UACA,UACA,aACA,gBACA,aACA,SACA,UACA,UAAO,QACP,aACA,mBAEA,kBAAC,GAAD;CACS;CACP,SAAS;CACC;CACJ;CACC;CACI;WAEX,kBAAC,SAAD;EACM;EACE;EACC;EACM;EACH;EACA;EACV,WAAW,MAAqC,EAAS,EAAE,OAAO,MAAM;EACxE,WAAW,EACT,GACA,KAAS,4BACT,KAAY,gCACb;EACD,CAAA;CACS,CAAA,EAiBF,KAAyC,EACpD,OACA,UACA,UACA,aACA,gBACA,aACA,SACA,UACA,UAAO,GACP,aACA,mBAEA,kBAAC,GAAD;CACS;CACP,SAAS;CACC;CACJ;CACC;CACI;WAEX,kBAAC,YAAD;EACM;EACG;EACM;EACH;EACJ;EACI;EACV,WAAW,MAAwC,EAAS,EAAE,OAAO,MAAM;EAC3E,WAAW,EACT,GACA,YACA,KAAS,4BACT,KAAY,gCACb;EACD,CAAA;CACS,CAAA,EAcF,KAAqC,EAChD,OACA,UACA,YACA,aACA,SACA,aACA,mBAEA,kBAAC,SAAD;CACE,SAAS;CACT,WAAW,EACT,wGACA,KAAY,iCACZ,EACD;WANH,CAQE,kBAAC,SAAD;EACM;EACJ,MAAK;EACI;EACC;EACV,WAAW,MAAqC,EAAS,EAAE,OAAO,QAAQ;EAC1E,WAAU;EACV,CAAA,EACF,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,QAAD;GAAM,WAAU;aAA+C;GAAa,CAAA,EAC3E,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAA4C;GAAY,CAAA,CAC5E;IACD;IAsBG,KAAqC,EAChD,OACA,UACA,UACA,aACA,YACA,aACA,SACA,UACA,gBACA,aACA,mBAEA,kBAAC,GAAD;CACS;CACP,SAAS;CACC;CACJ;CACC;CACI;WAEX,kBAAC,UAAD;EACM;EACG;EACG;EACA;EACV,WAAW,MAAsC,EAAS,EAAE,OAAO,MAAM;EACzE,WAAW,EACT,GACA,KAAS,4BACT,KAAY,gCACb;YAVH,CAYG,KAAe,kBAAC,UAAD;GAAQ,OAAM;aAAI;GAAqB,CAAA,EACtD,EAAQ,KAAK,MACZ,kBAAC,UAAD;GAAwB,OAAO,EAAI;aAChC,EAAI;GACE,EAFI,EAAI,MAER,CACT,CACK;;CACE,CAAA"}

package/dist/coolandlovely/components/LookCard.d.ts

@@ -7,8 +7,10 @@ interface LookCardProps {
     occasion: string;
     imageFileId?: string | null;
     likeCount?: number;
+    isLikedByMe?: boolean;
+    isSavedByMe?: boolean;
     onOpen: () => void;
-    /** Show the hover like/add-to-lookbook overlay cluster. */
+    /** Show the hover like/save/add-to-lookbook overlay cluster. */
     showActions?: boolean;
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LookCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/LookCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwDtC,CAAC"}
+{"version":3,"file":"LookCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/LookCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAiHhC,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2DtC,CAAC"}

package/dist/coolandlovely/components/LookCard.js

@@ -1,77 +1,113 @@
 import { cn as e } from "../utils/cn.js";
 import { Thumbnail as t } from "./Thumbnail.js";
-import { useLikeLook as n } from "../hooks/useCoolAndLovelyApi.js";
-import { AddToLookbookButton as r } from "./AddToLookbookButton.js";
-import { titleCase as i } from "../utils/formatters.js";
-import { useEffect as a, useState as o } from "react";
-import { Heart as s, Sparkles as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useLikeLook as n, useSaveLook as r, useUnlikeLook as i, useUnsaveLook as a } from "../hooks/useCoolAndLovelyApi.js";
+import { AddToLookbookButton as o } from "./AddToLookbookButton.js";
+import { titleCase as s } from "../utils/formatters.js";
+import { useEffect as c, useState as l } from "react";
+import { Bookmark as u, Heart as d, Sparkles as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/coolandlovely/components/LookCard.tsx
-var d = ({ lookId: t, likeCount: r }) => {
-	let i = n(), [c, d] = o(!1), [f, p] = o(r);
-	return a(() => {
-		c || p(r);
-	}, [r, c]), /* @__PURE__ */ u("button", {
+var h = ({ lookId: t, likeCount: r, isLikedByMe: a }) => {
+	let o = n(), s = i(), [u, f] = l(!!a), [h, g] = l(r), _ = o.isPending || s.isPending;
+	return c(() => {
+		_ || (f(!!a), g(r));
+	}, [
+		r,
+		a,
+		_
+	]), /* @__PURE__ */ m("button", {
 		type: "button",
 		onClick: () => {
-			c || i.isPending || (d(!0), p((e) => e + 1), i.mutate(t, {
-				onSuccess: (e) => p(e.likeCount),
+			if (_) return;
+			let e = !u;
+			f(e), g((t) => t + (e ? 1 : -1)), (e ? o : s).mutate(t, {
+				onSuccess: (e) => {
+					f(!!e.isLikedByMe), g(e.likeCount);
+				},
 				onError: () => {
-					d(!1), p(r);
+					f(!e), g(r);
 				}
-			}));
+			});
 		},
-		disabled: i.isPending,
-		"aria-pressed": c,
-		"aria-label": c ? "Liked" : "Like this look",
+		disabled: _,
+		"aria-pressed": u,
+		"aria-label": u ? "Unlike this look" : "Like this look",
 		className: "inline-flex items-center gap-1 rounded-full bg-bg-surface/90 px-2 py-1 text-xs font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-		children: [/* @__PURE__ */ l(s, { className: e("h-3.5 w-3.5", c ? "fill-current text-accent-primary" : "text-text-secondary") }), /* @__PURE__ */ l("span", {
+		children: [/* @__PURE__ */ p(d, { className: e("h-3.5 w-3.5", u ? "fill-current text-accent-primary" : "text-text-secondary") }), /* @__PURE__ */ p("span", {
 			className: "tabular-nums",
-			children: f
+			children: h
 		})]
 	});
-}, f = ({ id: n, title: a, occasion: o, imageFileId: f, likeCount: p, onOpen: m, showActions: h = !1, className: g }) => /* @__PURE__ */ u("div", {
-	className: e("group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg", g),
-	children: [/* @__PURE__ */ l("button", {
+}, g = ({ lookId: t, isSavedByMe: n }) => {
+	let i = r(), o = a(), [s, d] = l(!!n), f = i.isPending || o.isPending;
+	return c(() => {
+		f || d(!!n);
+	}, [n, f]), /* @__PURE__ */ p("button", {
 		type: "button",
-		onClick: m,
-		"aria-label": `Open look ${a}`,
+		onClick: () => {
+			if (f) return;
+			let e = !s;
+			d(e), (e ? i : o).mutate(t, {
+				onSuccess: (e) => d(!!e.isSavedByMe),
+				onError: () => d(!e)
+			});
+		},
+		disabled: f,
+		"aria-pressed": s,
+		"aria-label": s ? "Remove from saved" : "Save this look",
+		className: "inline-flex items-center justify-center rounded-full bg-bg-surface/90 p-1.5 text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+		children: /* @__PURE__ */ p(u, { className: e("h-3.5 w-3.5", s ? "fill-current text-accent-primary" : "text-text-secondary") })
+	});
+}, _ = ({ id: n, title: r, occasion: i, imageFileId: a, likeCount: c, isLikedByMe: l, isSavedByMe: u, onOpen: _, showActions: v = !1, className: y }) => /* @__PURE__ */ m("div", {
+	className: e("group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg", y),
+	children: [/* @__PURE__ */ p("button", {
+		type: "button",
+		onClick: _,
+		"aria-label": `Open look ${r}`,
 		className: "block w-full text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]",
-		children: /* @__PURE__ */ l(t, {
-			icon: /* @__PURE__ */ l(c, { className: "h-8 w-8" }),
+		children: /* @__PURE__ */ p(t, {
+			icon: /* @__PURE__ */ p(f, { className: "h-8 w-8" }),
 			seed: n,
-			fileId: f,
-			alt: a,
+			fileId: a,
+			alt: r,
 			className: "aspect-[3/4] w-full rounded-none",
-			overlay: /* @__PURE__ */ u("div", {
+			overlay: /* @__PURE__ */ m("div", {
 				className: "pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-1.5 bg-gradient-to-t from-bg-canvas/90 via-bg-canvas/45 to-transparent p-3 pt-10",
-				children: [/* @__PURE__ */ l("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "truncate text-sm font-semibold text-text-primary",
-					children: a
-				}), /* @__PURE__ */ u("div", {
+					children: r
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ l("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "inline-flex items-center rounded-full bg-bg-surface/85 px-2 py-0.5 text-[11px] font-medium text-text-primary backdrop-blur",
-						children: i(o)
-					}), !h && typeof p == "number" && p > 0 ? /* @__PURE__ */ u("span", {
+						children: s(i)
+					}), !v && typeof c == "number" && c > 0 ? /* @__PURE__ */ m("span", {
 						className: "inline-flex items-center gap-1 text-xs text-text-secondary",
-						children: [/* @__PURE__ */ l(s, { className: "h-3.5 w-3.5 fill-current text-accent-primary" }), /* @__PURE__ */ l("span", {
+						children: [/* @__PURE__ */ p(d, { className: "h-3.5 w-3.5 fill-current text-accent-primary" }), /* @__PURE__ */ p("span", {
 							className: "tabular-nums",
-							children: p
+							children: c
 						})]
 					}) : null]
 				})]
 			})
 		})
-	}), h ? /* @__PURE__ */ u("div", {
+	}), v ? /* @__PURE__ */ m("div", {
 		className: "absolute right-2 top-2 flex items-center gap-1.5 opacity-100 transition-opacity duration-200 sm:opacity-0 sm:focus-within:opacity-100 sm:group-hover:opacity-100",
-		children: [/* @__PURE__ */ l(d, {
-			lookId: n,
-			likeCount: p ?? 0
-		}), /* @__PURE__ */ l(r, { lookId: n })]
+		children: [
+			/* @__PURE__ */ p(h, {
+				lookId: n,
+				likeCount: c ?? 0,
+				isLikedByMe: l
+			}),
+			/* @__PURE__ */ p(g, {
+				lookId: n,
+				isSavedByMe: u
+			}),
+			/* @__PURE__ */ p(o, { lookId: n })
+		]
 	}) : null]
 });
 //#endregion
-export { f as LookCard };
+export { _ as LookCard };
 
 //# sourceMappingURL=LookCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LookCard.js","names":[],"sources":["../../../src/coolandlovely/components/LookCard.tsx"],"sourcesContent":["/**\n * LookCard — an editorial, image-forward card for a look.\n * @module coolandlovely/components\n *\n * A portrait `Thumbnail` (the look photo) with a frosted bottom caption (title +\n * occasion pill) and, when `showActions`, a hover-revealed top-right cluster: a\n * Like heart (optimistic, via `useLikeLook`) + `AddToLookbookButton`. Reused by\n * the home latest-looks, Discover, the looks list and the collaboration\n * attributed-looks grid. Token-only; reuses `Thumbnail`/`FileImage` for imagery.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Heart, Sparkles } from 'lucide-react';\nimport { Thumbnail } from './Thumbnail';\nimport { AddToLookbookButton } from './AddToLookbookButton';\nimport { useLikeLook } from '../hooks/useCoolAndLovelyApi';\nimport { titleCase } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n\ninterface LookCardProps {\n  id: string;\n  title: string;\n  /** Occasion label/value (rendered as a pill; enum values are title-cased). */\n  occasion: string;\n  imageFileId?: string | null;\n  likeCount?: number;\n  onOpen: () => void;\n  /** Show the hover like/add-to-lookbook overlay cluster. */\n  showActions?: boolean;\n  className?: string;\n}\n\n/** Optimistic like heart — one-way like (no unlike op exists on the server). */\nconst LikeHeart: FC<{ lookId: string; likeCount: number }> = ({ lookId, likeCount }) => {\n  const like = useLikeLook();\n  const [liked, setLiked] = useState(false);\n  const [count, setCount] = useState(likeCount);\n\n  // Keep in sync with the server count until the user likes in this session.\n  useEffect(() => {\n    if (!liked) setCount(likeCount);\n  }, [likeCount, liked]);\n\n  const handleClick = () => {\n    if (liked || like.isPending) return;\n    setLiked(true);\n    setCount((current) => current + 1);\n    like.mutate(lookId, {\n      onSuccess: (look) => setCount(look.likeCount),\n      onError: () => {\n        setLiked(false);\n        setCount(likeCount);\n      },\n    });\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={like.isPending}\n      aria-pressed={liked}\n      aria-label={liked ? 'Liked' : 'Like this look'}\n      className=\"inline-flex items-center gap-1 rounded-full bg-bg-surface/90 px-2 py-1 text-xs font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n    >\n      <Heart\n        className={cn(\n          'h-3.5 w-3.5',\n          liked ? 'fill-current text-accent-primary' : 'text-text-secondary'\n        )}\n      />\n      <span className=\"tabular-nums\">{count}</span>\n    </button>\n  );\n};\n\nexport const LookCard: FC<LookCardProps> = ({\n  id,\n  title,\n  occasion,\n  imageFileId,\n  likeCount,\n  onOpen,\n  showActions = false,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg',\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        aria-label={`Open look ${title}`}\n        className=\"block w-full text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]\"\n      >\n        <Thumbnail\n          icon={<Sparkles className=\"h-8 w-8\" />}\n          seed={id}\n          fileId={imageFileId}\n          alt={title}\n          className=\"aspect-[3/4] w-full rounded-none\"\n          overlay={\n            <div className=\"pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-1.5 bg-gradient-to-t from-bg-canvas/90 via-bg-canvas/45 to-transparent p-3 pt-10\">\n              <p className=\"truncate text-sm font-semibold text-text-primary\">{title}</p>\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-surface/85 px-2 py-0.5 text-[11px] font-medium text-text-primary backdrop-blur\">\n                  {titleCase(occasion)}\n                </span>\n                {!showActions && typeof likeCount === 'number' && likeCount > 0 ? (\n                  <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n                    <Heart className=\"h-3.5 w-3.5 fill-current text-accent-primary\" />\n                    <span className=\"tabular-nums\">{likeCount}</span>\n                  </span>\n                ) : null}\n              </div>\n            </div>\n          }\n        />\n      </button>\n\n      {showActions ? (\n        <div className=\"absolute right-2 top-2 flex items-center gap-1.5 opacity-100 transition-opacity duration-200 sm:opacity-0 sm:focus-within:opacity-100 sm:group-hover:opacity-100\">\n          <LikeHeart lookId={id} likeCount={likeCount ?? 0} />\n          <AddToLookbookButton lookId={id} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAkCA,IAAM,KAAwD,EAAE,WAAQ,mBAAgB;CACtF,IAAM,IAAO,GAAa,EACpB,CAAC,GAAO,KAAY,EAAS,GAAM,EACnC,CAAC,GAAO,KAAY,EAAS,EAAU;AAoB7C,QAjBA,QAAgB;AACd,EAAK,KAAO,EAAS,EAAU;IAC9B,CAAC,GAAW,EAAM,CAAC,EAgBpB,kBAAC,UAAD;EACE,MAAK;EACL,eAhBsB;AACpB,QAAS,EAAK,cAClB,EAAS,GAAK,EACd,GAAU,MAAY,IAAU,EAAE,EAClC,EAAK,OAAO,GAAQ;IAClB,YAAY,MAAS,EAAS,EAAK,UAAU;IAC7C,eAAe;AAEb,KADA,EAAS,GAAM,EACf,EAAS,EAAU;;IAEtB,CAAC;;EAOA,UAAU,EAAK;EACf,gBAAc;EACd,cAAY,IAAQ,UAAU;EAC9B,WAAU;YANZ,CAQE,kBAAC,GAAD,EACE,WAAW,EACT,eACA,IAAQ,qCAAqC,sBAC9C,EACD,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aAAgB;GAAa,CAAA,CACtC;;GAIA,KAA+B,EAC1C,OACA,UACA,aACA,gBACA,cACA,WACA,iBAAc,IACd,mBAGE,kBAAC,OAAD;CACE,WAAW,EACT,uHACA,EACD;WAJH,CAME,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,cAAY,aAAa;EACzB,WAAU;YAEV,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;GACtC,MAAM;GACN,QAAQ;GACR,KAAK;GACL,WAAU;GACV,SACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAoD;KAAU,CAAA,EAC3E,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAU,EAAS;MACf,CAAA,EACN,CAAC,KAAe,OAAO,KAAc,YAAY,IAAY,IAC5D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,gDAAiD,CAAA,EAClE,kBAAC,QAAD;OAAM,WAAU;iBAAgB;OAAiB,CAAA,CAC5C;UACL,KACA;OACF;;GAER,CAAA;EACK,CAAA,EAER,IACC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,QAAQ;GAAI,WAAW,KAAa;GAAK,CAAA,EACpD,kBAAC,GAAD,EAAqB,QAAQ,GAAM,CAAA,CAC/B;MACJ,KACA"}
+{"version":3,"file":"LookCard.js","names":[],"sources":["../../../src/coolandlovely/components/LookCard.tsx"],"sourcesContent":["/**\n * LookCard — an editorial, image-forward card for a look.\n * @module coolandlovely/components\n *\n * A portrait `Thumbnail` (the look photo) with a frosted bottom caption (title +\n * occasion pill) and, when `showActions`, a hover-revealed top-right cluster: a\n * true toggle Like heart (optimistic, via `useLikeLook`/`useUnlikeLook`), a\n * Save bookmark (optimistic, via `useSaveLook`/`useUnsaveLook` — distinct from\n * both liking and clipping into a named lookbook) + `AddToLookbookButton`.\n * Reused by the home latest-looks, Discover, the looks list and the\n * collaboration attributed-looks grid. Token-only; reuses `Thumbnail`/\n * `FileImage` for imagery.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Bookmark, Heart, Sparkles } from 'lucide-react';\nimport { Thumbnail } from './Thumbnail';\nimport { AddToLookbookButton } from './AddToLookbookButton';\nimport {\n  useLikeLook,\n  useSaveLook,\n  useUnlikeLook,\n  useUnsaveLook,\n} from '../hooks/useCoolAndLovelyApi';\nimport { titleCase } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n\n/** Optimistic, true-toggle like heart (cooLikeLook / cooUnlikeLook). */\nconst LikeHeart: FC<{ lookId: string; likeCount: number; isLikedByMe?: boolean }> = ({\n  lookId,\n  likeCount,\n  isLikedByMe,\n}) => {\n  const like = useLikeLook();\n  const unlike = useUnlikeLook();\n  const [liked, setLiked] = useState(Boolean(isLikedByMe));\n  const [count, setCount] = useState(likeCount);\n  const pending = like.isPending || unlike.isPending;\n\n  // Keep in sync with the server state as long as no toggle is in flight.\n  useEffect(() => {\n    if (!pending) {\n      setLiked(Boolean(isLikedByMe));\n      setCount(likeCount);\n    }\n  }, [likeCount, isLikedByMe, pending]);\n\n  const handleClick = () => {\n    if (pending) return;\n    const next = !liked;\n    setLiked(next);\n    setCount((current) => current + (next ? 1 : -1));\n    const mutation = next ? like : unlike;\n    mutation.mutate(lookId, {\n      onSuccess: (look) => {\n        setLiked(Boolean(look.isLikedByMe));\n        setCount(look.likeCount);\n      },\n      onError: () => {\n        setLiked(!next);\n        setCount(likeCount);\n      },\n    });\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={pending}\n      aria-pressed={liked}\n      aria-label={liked ? 'Unlike this look' : 'Like this look'}\n      className=\"inline-flex items-center gap-1 rounded-full bg-bg-surface/90 px-2 py-1 text-xs font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n    >\n      <Heart\n        className={cn(\n          'h-3.5 w-3.5',\n          liked ? 'fill-current text-accent-primary' : 'text-text-secondary'\n        )}\n      />\n      <span className=\"tabular-nums\">{count}</span>\n    </button>\n  );\n};\n\n/** Optimistic, true-toggle save/bookmark (cooSaveLook / cooUnsaveLook). */\nconst SaveButton: FC<{ lookId: string; isSavedByMe?: boolean }> = ({ lookId, isSavedByMe }) => {\n  const save = useSaveLook();\n  const unsave = useUnsaveLook();\n  const [saved, setSaved] = useState(Boolean(isSavedByMe));\n  const pending = save.isPending || unsave.isPending;\n\n  useEffect(() => {\n    if (!pending) setSaved(Boolean(isSavedByMe));\n  }, [isSavedByMe, pending]);\n\n  const handleClick = () => {\n    if (pending) return;\n    const next = !saved;\n    setSaved(next);\n    const mutation = next ? save : unsave;\n    mutation.mutate(lookId, {\n      onSuccess: (look) => setSaved(Boolean(look.isSavedByMe)),\n      onError: () => setSaved(!next),\n    });\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={pending}\n      aria-pressed={saved}\n      aria-label={saved ? 'Remove from saved' : 'Save this look'}\n      className=\"inline-flex items-center justify-center rounded-full bg-bg-surface/90 p-1.5 text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n    >\n      <Bookmark\n        className={cn(\n          'h-3.5 w-3.5',\n          saved ? 'fill-current text-accent-primary' : 'text-text-secondary'\n        )}\n      />\n    </button>\n  );\n};\n\ninterface LookCardProps {\n  id: string;\n  title: string;\n  /** Occasion label/value (rendered as a pill; enum values are title-cased). */\n  occasion: string;\n  imageFileId?: string | null;\n  likeCount?: number;\n  isLikedByMe?: boolean;\n  isSavedByMe?: boolean;\n  onOpen: () => void;\n  /** Show the hover like/save/add-to-lookbook overlay cluster. */\n  showActions?: boolean;\n  className?: string;\n}\n\nexport const LookCard: FC<LookCardProps> = ({\n  id,\n  title,\n  occasion,\n  imageFileId,\n  likeCount,\n  isLikedByMe,\n  isSavedByMe,\n  onOpen,\n  showActions = false,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg',\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        aria-label={`Open look ${title}`}\n        className=\"block w-full text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]\"\n      >\n        <Thumbnail\n          icon={<Sparkles className=\"h-8 w-8\" />}\n          seed={id}\n          fileId={imageFileId}\n          alt={title}\n          className=\"aspect-[3/4] w-full rounded-none\"\n          overlay={\n            <div className=\"pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-1.5 bg-gradient-to-t from-bg-canvas/90 via-bg-canvas/45 to-transparent p-3 pt-10\">\n              <p className=\"truncate text-sm font-semibold text-text-primary\">{title}</p>\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-surface/85 px-2 py-0.5 text-[11px] font-medium text-text-primary backdrop-blur\">\n                  {titleCase(occasion)}\n                </span>\n                {!showActions && typeof likeCount === 'number' && likeCount > 0 ? (\n                  <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n                    <Heart className=\"h-3.5 w-3.5 fill-current text-accent-primary\" />\n                    <span className=\"tabular-nums\">{likeCount}</span>\n                  </span>\n                ) : null}\n              </div>\n            </div>\n          }\n        />\n      </button>\n\n      {showActions ? (\n        <div className=\"absolute right-2 top-2 flex items-center gap-1.5 opacity-100 transition-opacity duration-200 sm:opacity-0 sm:focus-within:opacity-100 sm:group-hover:opacity-100\">\n          <LikeHeart lookId={id} likeCount={likeCount ?? 0} isLikedByMe={isLikedByMe} />\n          <SaveButton lookId={id} isSavedByMe={isSavedByMe} />\n          <AddToLookbookButton lookId={id} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AA6BA,IAAM,KAA+E,EACnF,WACA,cACA,qBACI;CACJ,IAAM,IAAO,GAAa,EACpB,IAAS,GAAe,EACxB,CAAC,GAAO,KAAY,EAAS,EAAQ,EAAa,EAClD,CAAC,GAAO,KAAY,EAAS,EAAU,EACvC,IAAU,EAAK,aAAa,EAAO;AA4BzC,QAzBA,QAAgB;AACd,EAAK,MACH,EAAS,EAAQ,EAAa,EAC9B,EAAS,EAAU;IAEpB;EAAC;EAAW;EAAa;EAAQ,CAAC,EAqBnC,kBAAC,UAAD;EACE,MAAK;EACL,eArBsB;AACxB,OAAI,EAAS;GACb,IAAM,IAAO,CAAC;AAId,GAHA,EAAS,EAAK,EACd,GAAU,MAAY,KAAW,IAAO,IAAI,IAAI,GAC/B,IAAO,IAAO,GACtB,OAAO,GAAQ;IACtB,YAAY,MAAS;AAEnB,KADA,EAAS,EAAQ,EAAK,YAAa,EACnC,EAAS,EAAK,UAAU;;IAE1B,eAAe;AAEb,KADA,EAAS,CAAC,EAAK,EACf,EAAS,EAAU;;IAEtB,CAAC;;EAOA,UAAU;EACV,gBAAc;EACd,cAAY,IAAQ,qBAAqB;EACzC,WAAU;YANZ,CAQE,kBAAC,GAAD,EACE,WAAW,EACT,eACA,IAAQ,qCAAqC,sBAC9C,EACD,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aAAgB;GAAa,CAAA,CACtC;;GAKP,KAA6D,EAAE,WAAQ,qBAAkB;CAC7F,IAAM,IAAO,GAAa,EACpB,IAAS,GAAe,EACxB,CAAC,GAAO,KAAY,EAAS,EAAQ,EAAa,EAClD,IAAU,EAAK,aAAa,EAAO;AAiBzC,QAfA,QAAgB;AACd,EAAK,KAAS,EAAS,EAAQ,EAAa;IAC3C,CAAC,GAAa,EAAQ,CAAC,EAcxB,kBAAC,UAAD;EACE,MAAK;EACL,eAdsB;AACxB,OAAI,EAAS;GACb,IAAM,IAAO,CAAC;AAGd,GAFA,EAAS,EAAK,GACG,IAAO,IAAO,GACtB,OAAO,GAAQ;IACtB,YAAY,MAAS,EAAS,EAAQ,EAAK,YAAa;IACxD,eAAe,EAAS,CAAC,EAAK;IAC/B,CAAC;;EAOA,UAAU;EACV,gBAAc;EACd,cAAY,IAAQ,sBAAsB;EAC1C,WAAU;YAEV,kBAAC,GAAD,EACE,WAAW,EACT,eACA,IAAQ,qCAAqC,sBAC9C,EACD,CAAA;EACK,CAAA;GAmBA,KAA+B,EAC1C,OACA,UACA,aACA,gBACA,cACA,gBACA,gBACA,WACA,iBAAc,IACd,mBAGE,kBAAC,OAAD;CACE,WAAW,EACT,uHACA,EACD;WAJH,CAME,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,cAAY,aAAa;EACzB,WAAU;YAEV,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;GACtC,MAAM;GACN,QAAQ;GACR,KAAK;GACL,WAAU;GACV,SACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAoD;KAAU,CAAA,EAC3E,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAU,EAAS;MACf,CAAA,EACN,CAAC,KAAe,OAAO,KAAc,YAAY,IAAY,IAC5D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,gDAAiD,CAAA,EAClE,kBAAC,QAAD;OAAM,WAAU;iBAAgB;OAAiB,CAAA,CAC5C;UACL,KACA;OACF;;GAER,CAAA;EACK,CAAA,EAER,IACC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAW,QAAQ;IAAI,WAAW,KAAa;IAAgB;IAAe,CAAA;GAC9E,kBAAC,GAAD;IAAY,QAAQ;IAAiB;IAAe,CAAA;GACpD,kBAAC,GAAD,EAAqB,QAAQ,GAAM,CAAA;GAC/B;MACJ,KACA"}

package/dist/coolandlovely/components/MetricsCard.d.ts

@@ -10,6 +10,13 @@ interface MetricsCardProps {
     className?: string;
     /** Renders the featured hero metric (glass treatment + accent glow). */
     featured?: boolean;
+    /**
+     * Optional real (non-fabricated) day-by-day series, oldest → newest, used
+     * to render a small trend sparkline next to the trend indicator. Omit (or
+     * pass a series with < 2 points) to fall back to the text-only trend view
+     * — see `buildCreatedAtSparkline` in `utils/sparkline.ts`.
+     */
+    sparklineData?: number[];
 }
 export declare const MetricsCard: FC<MetricsCardProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,gBAAgB;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmC5C,CAAC"}
+{"version":3,"file":"MetricsCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,gBAAgB;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AA6CD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwC5C,CAAC"}

package/dist/coolandlovely/components/MetricsCard.js

@@ -16,22 +16,46 @@ var s = {
 		icon: t,
 		color: "text-text-secondary"
 	}
-}, c = ({ icon: t, value: n, label: r, trend: c, trendValue: l, className: u, featured: d = !1 }) => {
-	let f = c ? s[c] : null, p = f?.icon;
+}, c = ({ data: e }) => {
+	let t = Math.min(...e), n = Math.max(...e) - t || 1, r = e.length > 1 ? 56 / (e.length - 1) : 0;
+	return /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 56 20",
+		width: 56,
+		height: 20,
+		className: "shrink-0 text-accent-primary",
+		role: "img",
+		"aria-label": "7-day trend",
+		children: /* @__PURE__ */ i("polyline", {
+			points: e.map((e, i) => {
+				let a = i * r, o = 20 - (e - t) / n * 18 - 1;
+				return `${a.toFixed(1)},${o.toFixed(1)}`;
+			}).join(" "),
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: 1.5,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}, l = ({ icon: t, value: n, label: r, trend: l, trendValue: u, className: d, featured: f = !1, sparklineData: p }) => {
+	let m = l ? s[l] : null, h = m?.icon, g = !!(p && p.length > 1);
 	return /* @__PURE__ */ a(o, {
-		treatment: d ? "glass" : "metric",
-		glow: d,
-		className: e("p-6", u),
+		treatment: f ? "glass" : "metric",
+		glow: f,
+		className: e("p-6", d),
 		children: [/* @__PURE__ */ a("div", {
-			className: "flex items-center justify-between",
+			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ i("div", {
-				className: "inline-flex h-9 w-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent-primary",
+				className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent-primary",
 				children: t
-			}), c && f && p && /* @__PURE__ */ a("div", {
-				className: e("flex items-center gap-1 text-xs font-medium", f.color),
-				children: [/* @__PURE__ */ i(p, { className: "h-3.5 w-3.5" }), l && /* @__PURE__ */ i("span", {
-					className: "tabular-nums",
-					children: l
+			}), /* @__PURE__ */ a("div", {
+				className: "flex items-center gap-2",
+				children: [g && p ? /* @__PURE__ */ i(c, { data: p }) : null, l && m && h && /* @__PURE__ */ a("div", {
+					className: e("flex items-center gap-1 text-xs font-medium", m.color),
+					children: [/* @__PURE__ */ i(h, { className: "h-3.5 w-3.5" }), u && /* @__PURE__ */ i("span", {
+						className: "tabular-nums",
+						children: u
+					})]
 				})]
 			})]
 		}), /* @__PURE__ */ a("div", {
@@ -47,6 +71,6 @@ var s = {
 	});
 };
 //#endregion
-export { c as MetricsCard };
+export { l as MetricsCard };
 
 //# sourceMappingURL=MetricsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module coolandlovely/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Renders the featured hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent-primary\">\n          {icon}\n        </div>\n        {trend && trendInfo && TrendIcon && (\n          <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n            <TrendIcon className=\"h-3.5 w-3.5\" />\n            {trendValue && <span className=\"tabular-nums\">{trendValue}</span>}\n          </div>\n        )}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAsBA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,SACP;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,EAAU;YAHjC,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,EACL,KAAS,KAAa,KACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD;KAAM,WAAU;eAAgB;KAAkB,CAAA,CAC7D;MAEJ;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACI"}
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module coolandlovely/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Renders the featured hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n  /**\n   * Optional real (non-fabricated) day-by-day series, oldest → newest, used\n   * to render a small trend sparkline next to the trend indicator. Omit (or\n   * pass a series with < 2 points) to fall back to the text-only trend view\n   * — see `buildCreatedAtSparkline` in `utils/sparkline.ts`.\n   */\n  sparklineData?: number[];\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\n/** Small inline SVG trend line. Uses `currentColor` (semantic accent token) — never a raw hex/RGB value. */\nconst Sparkline: FC<{ data: number[] }> = ({ data }) => {\n  const width = 56;\n  const height = 20;\n  const min = Math.min(...data);\n  const max = Math.max(...data);\n  const range = max - min || 1;\n  const stepX = data.length > 1 ? width / (data.length - 1) : 0;\n  const points = data\n    .map((v, i) => {\n      const x = i * stepX;\n      const y = height - ((v - min) / range) * (height - 2) - 1;\n      return `${x.toFixed(1)},${y.toFixed(1)}`;\n    })\n    .join(' ');\n\n  return (\n    <svg\n      viewBox={`0 0 ${width} ${height}`}\n      width={width}\n      height={height}\n      className=\"shrink-0 text-accent-primary\"\n      role=\"img\"\n      aria-label=\"7-day trend\"\n    >\n      <polyline\n        points={points}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.5}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n  sparklineData,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n  const hasSparkline = Boolean(sparklineData && sparklineData.length > 1);\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', className)}\n    >\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent-primary\">\n          {icon}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {hasSparkline && sparklineData ? <Sparkline data={sparklineData} /> : null}\n          {trend && trendInfo && TrendIcon && (\n            <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n              <TrendIcon className=\"h-3.5 w-3.5\" />\n              {trendValue && <span className=\"tabular-nums\">{trendValue}</span>}\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AA6BA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAGK,KAAqC,EAAE,cAAW;CACtD,IAEM,IAAM,KAAK,IAAI,GAAG,EAAK,EAEvB,IADM,KAAK,IAAI,GAAG,EAAK,GACT,KAAO,GACrB,IAAQ,EAAK,SAAS,IAAI,MAAS,EAAK,SAAS,KAAK;AAS5D,QACE,kBAAC,OAAD;EACE,SAAS;EACF;EACC;EACR,WAAU;EACV,MAAK;EACL,cAAW;YAEX,kBAAC,YAAD;GACU,QAlBC,EACZ,KAAK,GAAG,MAAM;IACb,IAAM,IAAI,IAAI,GACR,IAAI,MAAW,IAAI,KAAO,IAAU,KAAc;AACxD,WAAO,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE;KACtC,CACD,KAAK,IAAI;GAaN,MAAK;GACL,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACE,CAAA;GAIG,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,IACX,uBACI;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW,MACvB,IAAe,GAAQ,KAAiB,EAAc,SAAS;AAErE,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,EAAU;YAHjC,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAgB,IAAgB,kBAAC,GAAD,EAAW,MAAM,GAAiB,CAAA,GAAG,MACrE,KAAS,KAAa,KACrB,kBAAC,OAAD;KAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;eAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD;MAAM,WAAU;gBAAgB;MAAkB,CAAA,CAC7D;OAEJ;MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACI"}

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

@@ -2,7 +2,7 @@
  * Hooks Index
  * @module coolandlovely/hooks
  */
-export { useBrands, useBrand, useCreateBrand, useUpdateBrand, useTransitionBrand, useArchiveBrand, useCollections, useCollection, useCreateCollection, useUpdateCollection, usePublishCollection, useStyleItems, useStyleItem, useCreateStyleItem, useUpdateStyleItem, useArchiveStyleItem, useLooks, useLooksWithItems, useLook, useCreateLook, useUpdateLook, usePublishLook, useLikeLook, useDeleteLook, useCollaborations, useCollaboration, useCreateCollaboration, useTransitionCollaboration, useWardrobeItems, useCreateWardrobeItem, useUpdateWardrobeItem, useLogWardrobeWear, useRemoveWardrobeItem, useMyStyleProfile, useUpsertStyleProfile, useLookbooks, useLookbook, useCreateLookbook, useAddLookbookEntry, useRemoveLookbookEntry, useIsFollowing, useFollow, useUnfollow, useMyFollowing, useMyFollowers, } from './useCoolAndLovelyApi';
+export { useBrands, useBrand, useCreateBrand, useUpdateBrand, useTransitionBrand, useArchiveBrand, useCollections, useCollection, useCreateCollection, useUpdateCollection, usePublishCollection, useArchiveCollection, useStyleItems, useStyleItem, useCreateStyleItem, useUpdateStyleItem, useArchiveStyleItem, useLooks, useLooksWithItems, useLook, useCreateLook, useUpdateLook, usePublishLook, useLikeLook, useUnlikeLook, useSaveLook, useUnsaveLook, useDeleteLook, useCollaborations, useCollaboration, useCreateCollaboration, useUpdateCollaboration, useTransitionCollaboration, useDeleteCollaboration, useWardrobeItems, useCreateWardrobeItem, useUpdateWardrobeItem, useLogWardrobeWear, useRemoveWardrobeItem, useMyStyleProfile, useStyleProfile, useStyleProfileByOwner, useUpsertStyleProfile, useLookbooks, useLookbook, useCreateLookbook, useAddLookbookEntry, useRemoveLookbookEntry, useDeleteLookbook, useIsFollowing, useFollow, useUnfollow, useMyFollowing, useMyFollowers, } from './useCoolAndLovelyApi';
 export type { ListBrandsArgs, ListCollectionsArgs, ListStyleItemsArgs, ListLooksArgs, ListCollaborationsArgs, ListWardrobeArgs, } from './useCoolAndLovelyApi';
 export { uploadImageToFiles, useFileUrl, COO_FILE_FOLDERS } from './useFiles';
 export type { UploadedImage, CooFileFolder } from './useFiles';

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,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,EAEb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,0BAA0B,EAE1B,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EAErB,iBAAiB,EACjB,qBAAqB,EAErB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EAEtB,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GACjB,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"}
+{"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,GACf,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GACjB,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"}