@snokam/ui 7.2.1 → 7.3.0

package/dist/components/form/fields/FormSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSwitch.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,UAAU,EAGV,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAC;AAUnD,MAAM,UAAU,UAAU,CAAwB,EAChD,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACY;IACnB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,OAAO,EACL,KAAC,MAAM,OACD,IAAI,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EACzD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,GAAG,GACnB,GAEJ,CACH,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormSwitch.js","sourceRoot":"","sources":["../../../../src/components/form/fields/FormSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,UAAU,EAGV,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAC;AAUnD,MAAM,UAAU,UAAU,CAAwB,EAChD,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACY;IACnB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAK,CAAC;IACxC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,OAAO,EACL,KAAC,MAAM,OACD,IAAI,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EACzD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,EAAE,GACxC,GAEJ,CACH,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/instagram-feed/InstagramFeedInline.d.ts

@@ -1,4 +1,4 @@
-import type { InstagramFeedResponse } from "@snokam/events-client";
+import type { InstagramFeedResponse } from "@snokam/api-client/events";
 export interface InstagramFeedInlineTexts {
     loading?: string;
     error?: string;

package/dist/components/instagram-feed/InstagramFeedInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InstagramFeedInline.d.ts","sourceRoot":"","sources":["../../../src/components/instagram-feed/InstagramFeedInline.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGnE,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,wBAAwB,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,wBAAwB,gCA4G1B,CAAC"}
+{"version":3,"file":"InstagramFeedInline.d.ts","sourceRoot":"","sources":["../../../src/components/instagram-feed/InstagramFeedInline.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,wBAAwB,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,wBAAwB,gCA8G1B,CAAC"}

package/dist/components/instagram-feed/InstagramFeedInline.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Instagram } from "@mui/icons-material";
-import { Configuration, EventsClient } from "@snokam/events-client";
+import { Configuration, EventsClient } from "@snokam/api-client/events";
 import Styled from "./styled";
 export const InstagramFeedInline = ({ apiBaseUrl, initialFeed, texts = {}, }) => {
     const t = texts;
@@ -39,6 +39,6 @@ export const InstagramFeedInline = ({ apiBaseUrl, initialFeed, texts = {}, }) =>
     const profileUrl = feed.profileUrl ?? `https://instagram.com/${feed.username ?? ""}`;
     return (_jsxs(Styled.InlineCard, { children: [_jsxs(Styled.Header, { children: [_jsx(Styled.ProfilePicture, { src: feed.profilePictureUrl }), _jsxs(Styled.ProfileInfo, { children: [_jsxs(Styled.NameBlock, { children: [_jsx(Styled.ProfileName, { children: feed.name ?? "" }), _jsxs(Styled.ProfileHandle, { children: ["@", feed.username ?? ""] })] }), _jsxs(Styled.StatsRow, { children: [_jsxs(Styled.Stat, { children: [_jsx(Styled.StatValue, { children: feed.mediaCount ?? 0 }), _jsx(Styled.StatLabel, { children: t.posts ?? "" })] }), _jsxs(Styled.Stat, { children: [_jsx(Styled.StatValue, { children: feed.followersCount ?? 0 }), _jsx(Styled.StatLabel, { children: t.followers ?? "" })] }), _jsxs(Styled.Stat, { children: [_jsx(Styled.StatValue, { children: feed.followsCount ?? 0 }), _jsx(Styled.StatLabel, { children: t.following ?? "" })] })] }), _jsxs(Styled.FollowButton, { href: profileUrl, target: "_blank", rel: "noopener noreferrer", children: [_jsx(Instagram, { sx: { fontSize: 18 } }), t.follow ?? ""] })] })] }), _jsx(Styled.Grid, { children: displayMedia.map((item) => (_jsxs(Styled.GridItem, { href: item.permalink ?? "#", target: "_blank", rel: "noopener noreferrer", children: [_jsx(Styled.GridImage, { src: item.mediaType === "VIDEO" && item.thumbnailUrl
                                 ? item.thumbnailUrl
-                                : (item.mediaUrl ?? ""), alt: item.caption ?? "", referrerPolicy: "no-referrer" }), item.mediaType === "CAROUSEL_ALBUM" && (_jsx(Styled.CarouselIcon, { children: "\u229E" }))] }, item.id ?? ""))) })] }));
+                                : (item.mediaUrl ?? ""), alt: item.caption ?? "", referrerPolicy: "no-referrer", loading: "lazy", decoding: "async" }), item.mediaType === "CAROUSEL_ALBUM" && (_jsx(Styled.CarouselIcon, { children: "\u229E" }))] }, item.id ?? ""))) })] }));
 };
 //# sourceMappingURL=InstagramFeedInline.js.map

package/dist/components/instagram-feed/InstagramFeedInline.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstagramFeedInline.js","sourceRoot":"","sources":["../../../src/components/instagram-feed/InstagramFeedInline.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InstagramFeedInline.js","sourceRoot":"","sources":["../../../src/components/instagram-feed/InstagramFeedInline.tsx"],"names":[],"mappings":"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"}

package/dist/components/instagram-feed/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/instagram-feed/styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;yGAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAMlB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;UAAsB,MAAM;yGAWtD,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAGrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAGpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;2GAOrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;2GAIrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;qHAkBxB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAIhB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;qHAKpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;gHAIrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAYxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAIxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAItB,CAAC;;;;;;;;;;;;;;cA/H+C,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIvD,wBAmBE"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/instagram-feed/styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;yGAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAMlB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;UAAsB,MAAM;yGAWtD,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAGrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAMvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAGpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;2GAOrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;2GAIrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;qHAkBxB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAIhB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;qHAKpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;gHAIrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAYxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAIxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAItB,CAAC;;;;;;;;;;;;;;cA/H+C,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIvD,wBAmBE"}

package/dist/components/instagram-feed/styled.js

@@ -1,4 +1,5 @@
 import styled from "@emotion/styled";
+const instagramFollowBlue = "#007aca";
 export const InlineCard = styled.div `
   background: white;
   border-radius: 16px;
@@ -45,7 +46,7 @@ export const ProfileName = styled.div `
 `;
 export const ProfileHandle = styled.div `
   font-size: 0.875rem;
-  color: #8e8e8e;
+  color: #767676;
   line-height: 1.15;
 `;
 export const StatsRow = styled.div `
@@ -65,7 +66,7 @@ export const StatValue = styled.span `
 `;
 export const StatLabel = styled.span `
   font-size: 0.875rem;
-  color: #8e8e8e;
+  color: #767676;
   line-height: 1.15;
 `;
 export const FollowButton = styled.a `
@@ -74,7 +75,7 @@ export const FollowButton = styled.a `
   gap: 0.5rem;
   padding: 0.5rem 1.25rem;
   border-radius: 8px;
-  background: #0095f6;
+  background: ${instagramFollowBlue};
   color: white;
   font-weight: 600;
   font-size: 0.875rem;
@@ -124,7 +125,7 @@ export const LoadingState = styled.div `
 export const ErrorState = styled.div `
   padding: 3rem 1.5rem;
   text-align: center;
-  color: #ef4444;
+  color: #d83d3d;
 `;
 export default {
     InlineCard,

package/dist/components/instagram-feed/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/instagram-feed/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;;;gBAO1C,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CACxB,GAAG;IACD,CAAC,CAAC,OAAO,GAAG,gBAAgB;IAC5B,CAAC,CAAC,mDAAmD;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGjC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAInC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;CAkBnC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAC;AAEF,eAAe;IACb,UAAU;IACV,MAAM;IACN,cAAc;IACd,WAAW;IACX,SAAS;IACT,WAAW;IACX,aAAa;IACb,QAAQ;IACR,IAAI;IACJ,SAAS;IACT,SAAS;IACT,YAAY;IACZ,IAAI;IACJ,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,UAAU;CACX,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/instagram-feed/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;;;gBAO1C,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CACxB,GAAG;IACD,CAAC,CAAC,OAAO,GAAG,gBAAgB;IAC5B,CAAC,CAAC,mDAAmD;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGjC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;CAInC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;gBAMpB,mBAAmB;;;;;;;;;;;;CAYlC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAC;AAEF,eAAe;IACb,UAAU;IACV,MAAM;IACN,cAAc;IACd,WAAW;IACX,SAAS;IACT,WAAW;IACX,aAAa;IACb,QAAQ;IACR,IAAI;IACJ,SAAS;IACT,SAAS;IACT,YAAY;IACZ,IAAI;IACJ,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,UAAU;CACX,CAAC"}

package/dist/components/media/components/VideoPlayer.d.ts

@@ -1,4 +1,4 @@
-import { MuxPlayerProps, MuxPlayerRefAttributes } from "@mux/mux-player-react";
+import type { MuxPlayerProps, MuxPlayerRefAttributes } from "@mux/mux-player-react";
 import { PropsWithoutRef, ForwardRefExoticComponent, RefAttributes, RefObject } from "react";
 export type VideoProps = MuxPlayerProps & {
     controls?: boolean;

package/dist/components/media/components/VideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/media/components/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAIL,eAAe,EACf,yBAAyB,EACzB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,yBAAyB,CACjD,eAAe,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAoDnE,CAAC"}
+{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/media/components/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAIL,eAAe,EACf,yBAAyB,EACzB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,yBAAyB,CACjD,eAAe,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,sBAAsB,CAAC,CA2DnE,CAAC"}

package/dist/components/media/components/VideoPlayer.js

@@ -5,6 +5,10 @@ import { StyledMuxPlayer } from "./styles";
 export const VideoPlayer = forwardRef((props, ref) => {
     const playerRef = useRef(null);
     const { controls = true, style, ...restOfProps } = props;
+    const thumbnailQuery = props.thumbnailTime === undefined ? "" : `?time=${props.thumbnailTime}`;
+    const posterPlaceholder = props.playbackId && !props.tokens
+        ? `https://image.mux.com/${props.playbackId}/thumbnail.webp${thumbnailQuery}`
+        : undefined;
     const attachRef = useCallback((node) => {
         playerRef.current = node;
         if (typeof ref === "function") {
@@ -33,7 +37,7 @@ export const VideoPlayer = forwardRef((props, ref) => {
             video_id: props.metadataVideoId,
         }, onPlaying: removeOverlay, onError: () => {
             setTimeout(handleRetry, 5000);
-        }, hideControls: controls === false, style: style, ...restOfProps }));
+        }, hideControls: controls === false, style: style, placeholder: posterPlaceholder, ...restOfProps }));
 });
 VideoPlayer.displayName = "VideoPlayer";
 //# sourceMappingURL=VideoPlayer.js.map

package/dist/components/media/components/VideoPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../../../src/components/media/components/VideoPlayer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,GAKX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAO3C,MAAM,CAAC,MAAM,WAAW,GAEpB,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,SAAS,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAC9D,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAmC,EAAE,EAAE;QACtC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;YACvB,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACzB,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;YAClC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC;YAChD,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YACtD,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE;YACR,QAAQ,EAAE,KAAK,CAAC,eAAe;SAChC,EACD,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAChC,CAAC,EACD,YAAY,EAAE,QAAQ,KAAK,KAAK,EAChC,KAAK,EAAE,KAAK,KACR,WAAW,GACf,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../../../src/components/media/components/VideoPlayer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,GAKX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAO3C,MAAM,CAAC,MAAM,WAAW,GAEpB,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,SAAS,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAC9D,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,cAAc,GAClB,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,EAAE,CAAC;IAC1E,MAAM,iBAAiB,GACrB,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,MAAM;QAC/B,CAAC,CAAC,yBAAyB,KAAK,CAAC,UAAU,kBAAkB,cAAc,EAAE;QAC7E,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAmC,EAAE,EAAE;QACtC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;YACvB,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACzB,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;YAClC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC;YAChD,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YACtD,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE;YACR,QAAQ,EAAE,KAAK,CAAC,eAAe;SAChC,EACD,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAChC,CAAC,EACD,YAAY,EAAE,QAAQ,KAAK,KAAK,EAChC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,KAC1B,WAAW,GACf,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/media/components/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/media/components/styles.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACrB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAU5B,eAAO,MAAM,WAAW,EAA2B,CACjD,KAAK,EAAE,gBAAgB,KACpB,SAAS,CAAC;AAEf,eAAO,MAAM,eAAe;;;kBAET,OAAO;UAUzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/media/components/styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACrB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAU5B,eAAO,MAAM,WAAW,EAA2B,CACjD,KAAK,EAAE,gBAAgB,KACpB,SAAS,CAAC;AAEf,eAAO,MAAM,eAAe;;;kBAET,OAAO;UAUzB,CAAC"}

package/dist/components/media/components/styles.js

@@ -1,6 +1,6 @@
 "use client";
 import styled from "@emotion/styled";
-import MuxPlayer from "@mux/mux-player-react";
+import LazyMuxPlayer from "@mux/mux-player-react/lazy";
 const ImageRoot = styled("img", {
     shouldForwardProp: (prop) => prop !== "as" && prop !== "fillHeight",
 }) `
@@ -9,7 +9,7 @@ const ImageRoot = styled("img", {
   object-fit: cover;
 `;
 export const StyledImage = ImageRoot;
-export const StyledMuxPlayer = styled(MuxPlayer, {
+export const StyledMuxPlayer = styled(LazyMuxPlayer, {
     shouldForwardProp: (prop) => prop !== "hideControls",
 }) `
   top: 0;

package/dist/components/media/components/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/media/components/styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAQ9C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,YAAY;CACpE,CAAC,CAAyB;;YAEf,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;CAE7D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,SAEb,CAAC;AAEf,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA2B;;;;;;;;;IASzB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;CAClE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/media/components/styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAQvD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,YAAY;CACpE,CAAC,CAAyB;;YAEf,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;CAE7D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,SAEb,CAAC;AAEf,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,aAAsC,EAAE;IAC5E,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA2B;;;;;;;;;IASzB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;CAClE,CAAC"}

package/dist/components/media/index.d.ts

@@ -1,7 +1,7 @@
 import { MediaProps, MediaType, MemoryProps } from "./types";
 import { VideoPlayer, VideoProps } from "./components/VideoPlayer";
 import { Image, ImageProps } from "./components/Image";
-import { MuxPlayerRefAttributes } from "@mux/mux-player-react";
+import type { MuxPlayerRefAttributes } from "@mux/mux-player-react";
 export declare const Media: {
     (props: MediaProps): import("react").JSX.Element;
     Video({ style, ...restOfProps }: VideoProps): import("react").JSX.Element;
@@ -11,5 +11,7 @@ export declare const Media: {
 export type { MediaType, MuxPlayerRefAttributes };
 export { VideoPlayer, Image };
 export { getSanityImageUrl } from "./sanity";
+export { getImageUrl, getImageSource, getImageFraming, contentAssetLookup, } from "./url";
+export type { ContentAssetLookup, ImageUrlOptions } from "./url";
 export default Media;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAS/D,eAAO,MAAM,KAAK;YAAW,UAAU;qCAoEG,UAAU;qCAQV,UAAU;kBAQ7B,WAAW;CA9DjC,CAAC;AAsFF,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAGpE,eAAO,MAAM,KAAK;YAAW,UAAU;qCAsEG,UAAU;qCAQV,UAAU;kBAQ7B,WAAW;CAhEjC,CAAC;AAwFF,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,OAAO,CAAC;AACf,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACjE,eAAe,KAAK,CAAC"}

package/dist/components/media/index.js

@@ -1,25 +1,26 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledContainer } from "./styled";
+import { MediaKind } from "./types";
 import { VideoPlayer } from "./components/VideoPlayer";
 import { Image } from "./components/Image";
-import { getSanityImageUrl } from "./sanity";
-import { SanityImageSanityTypeEnum, SanityVideoSanityTypeEnum, SanityImageAssetSanityTypeEnum, SanityVideoAssetSanityTypeEnum, } from "@snokam/sanity-client";
+import { getImageSource, getImageUrl } from "./url";
 export const Media = (props) => {
     const { media, muxProps, imageProps, imageTransform, ImageComponent, alt, ...restOfProps } = props;
     return (_jsx(StyledContainer, { ...restOfProps, children: _jsx(View, { media: media, muxProps: muxProps, imageProps: imageProps, imageTransform: imageTransform, ImageComponent: ImageComponent, alt: alt }) }));
 };
 const View = ({ media, muxProps, imageProps, imageTransform, ImageComponent, alt, }) => {
     const { ref, ...restMuxProps } = muxProps || {};
-    const transformedSrc = (src) => imageTransform ? getSanityImageUrl(src, imageTransform) : src;
+    const resolve = typeof ImageComponent === "string" ? getImageUrl : getImageSource;
+    const transformedSrc = (src) => imageTransform ? resolve(src, imageTransform) : src;
     switch (media.sanityType) {
-        case SanityVideoSanityTypeEnum.Video:
+        case MediaKind.Video:
             return _jsx(VideoPlayer, { ref: ref, ...media.asset, ...restMuxProps });
-        case SanityVideoAssetSanityTypeEnum.MuxVideoAsset:
+        case MediaKind.VideoAsset:
             return _jsx(VideoPlayer, { ref: ref, ...media, ...restMuxProps });
-        case SanityImageSanityTypeEnum.Image:
+        case MediaKind.Image:
             return (_jsx(Image, { src: transformedSrc(media.asset.url), alt: alt ?? media.asset.altText ?? media.asset.title ?? "", Component: ImageComponent, ...imageProps }));
-        case SanityImageAssetSanityTypeEnum.SanityImageAsset:
+        case MediaKind.ImageAsset:
             return (_jsx(Image, { src: transformedSrc(media.url), alt: alt ?? media.altText ?? media.title ?? "", Component: ImageComponent, ...imageProps }));
         default:
             return null;
@@ -36,16 +37,16 @@ Media.Memory = (props) => {
     const isImageMemory = memory.type === "memory.image";
     const media = isImageMemory
         ? {
-            sanityType: SanityImageSanityTypeEnum.Image,
+            sanityType: MediaKind.Image,
             asset: {
-                sanityType: SanityImageAssetSanityTypeEnum.SanityImageAsset,
+                sanityType: MediaKind.ImageAsset,
                 url: memory.image,
             },
         }
         : {
-            sanityType: SanityVideoSanityTypeEnum.Video,
+            sanityType: MediaKind.Video,
             asset: {
-                sanityType: SanityVideoAssetSanityTypeEnum.MuxVideoAsset,
+                sanityType: MediaKind.VideoAsset,
                 playbackId: memory.video.playbackId,
             },
         };
@@ -53,5 +54,6 @@ Media.Memory = (props) => {
 };
 export { VideoPlayer, Image };
 export { getSanityImageUrl } from "./sanity";
+export { getImageUrl, getImageSource, getImageFraming, contentAssetLookup, } from "./url";
 export default Media;
 //# sourceMappingURL=index.js.map

package/dist/components/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/media/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/media/styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;yGAa3B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/media/styled.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;yGAkB3B,CAAC"}

package/dist/components/media/styled.js

@@ -13,5 +13,10 @@ export const StyledContainer = styled.div `
     height: 100%;
     width: 100%;
   }
+
+  mux-player[data-mux-player-react-lazy-placeholder] {
+    background-color: transparent;
+    --controls-backdrop-color: transparent;
+  }
 `;
 //# sourceMappingURL=styled.js.map

package/dist/components/media/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/media/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAaxC,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/media/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBxC,CAAC"}

package/dist/components/media/types.d.ts

@@ -1,7 +1,41 @@
 import { ImageProps as NextImageProps } from "next/image";
 import { VideoProps } from "./components/VideoPlayer";
 import { SanityImageTransformOptions } from "./sanity";
-import { SanityImage, SanityImageAsset, SanityVideo, SanityVideoAsset } from "@snokam/sanity-client";
+export declare const MediaKind: {
+    readonly Image: "image";
+    readonly ImageAsset: "sanity.imageAsset";
+    readonly Video: "video";
+    readonly VideoAsset: "mux.videoAsset";
+};
+export interface MediaImageAsset {
+    [key: string]: any;
+    sanityId?: string;
+    sanityType: typeof MediaKind.ImageAsset;
+    url: string;
+    altText?: string;
+    title?: string;
+    originalFilename?: string;
+    mimeType?: string;
+}
+export interface MediaImage {
+    [key: string]: any;
+    sanityType: typeof MediaKind.Image;
+    sanityKey?: string;
+    asset: MediaImageAsset;
+}
+export interface MediaVideoAsset {
+    [key: string]: any;
+    sanityId?: string;
+    sanityType: typeof MediaKind.VideoAsset;
+    playbackId: string;
+    filename?: string;
+}
+export interface MediaVideo {
+    [key: string]: any;
+    sanityType: typeof MediaKind.Video | "mux.video";
+    sanityKey?: string;
+    asset: MediaVideoAsset;
+}
 export type BaseProps = {
     className?: string;
     style?: React.CSSProperties & Record<string, string | number>;
@@ -14,7 +48,7 @@ export type BaseProps = {
 export type MediaProps = BaseProps & {
     media: MediaType;
 };
-export type MediaType = SanityImage | SanityImageAsset | SanityVideo | SanityVideoAsset;
+export type MediaType = MediaImage | MediaImageAsset | MediaVideo | MediaVideoAsset;
 export interface EventMemory {
     type: string;
     image?: string;

package/dist/components/media/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/media/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG;IACnC,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,gBAAgB,CAAC;AAErB,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,MAAM,EAAE,WAAW,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/media/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvD,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,MAAM,WAAW,eAAe;IAE9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,SAAS,CAAC,UAAU,CAAC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,UAAU,EAAE,OAAO,SAAS,CAAC,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAE9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,SAAS,CAAC,UAAU,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,UAAU,EAAE,OAAO,SAAS,CAAC,KAAK,GAAG,WAAW,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG;IACnC,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GACnB,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,MAAM,EAAE,WAAW,CAAC;CACrB"}

package/dist/components/media/types.js

@@ -1,2 +1,7 @@
-export {};
+export const MediaKind = {
+    Image: "image",
+    ImageAsset: "sanity.imageAsset",
+    Video: "video",
+    VideoAsset: "mux.videoAsset",
+};
 //# sourceMappingURL=types.js.map

package/dist/components/media/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/media/types.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/media/types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,mBAAmB;IAC/B,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,gBAAgB;CACpB,CAAC"}

package/dist/components/media/url/framing.d.ts

@@ -0,0 +1,20 @@
+export interface ImageHotspot {
+    x: number;
+    y: number;
+}
+export interface ImageCrop {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface ImageFraming {
+    objectPosition?: string;
+    objectViewBox?: string;
+}
+export declare const sanityRect: (crop: ImageCrop, width: number, height: number) => string;
+export declare const getImageFraming: ({ hotspot, crop, }: {
+    hotspot?: ImageHotspot | null;
+    crop?: ImageCrop | null;
+}) => ImageFraming;
+//# sourceMappingURL=framing.d.ts.map

package/dist/components/media/url/framing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"framing.d.ts","sourceRoot":"","sources":["../../../../src/components/media/url/framing.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,UAAU,GACrB,MAAM,SAAS,EACf,OAAO,MAAM,EACb,QAAQ,MAAM,KACb,MAMU,CAAC;AAEd,eAAO,MAAM,eAAe,GAAI,oBAG7B;IACD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,KAAG,YAOF,CAAC"}

package/dist/components/media/url/framing.js

@@ -0,0 +1,16 @@
+const percent = (fraction) => `${Math.round(fraction * 10000) / 100}%`;
+export const sanityRect = (crop, width, height) => [
+    Math.round(crop.left * width),
+    Math.round(crop.top * height),
+    Math.round((1 - crop.left - crop.right) * width),
+    Math.round((1 - crop.top - crop.bottom) * height),
+].join(",");
+export const getImageFraming = ({ hotspot, crop, }) => ({
+    ...(hotspot && {
+        objectPosition: `${percent(hotspot.x)} ${percent(hotspot.y)}`,
+    }),
+    ...(crop && {
+        objectViewBox: `inset(${percent(crop.top)} ${percent(crop.right)} ${percent(crop.bottom)} ${percent(crop.left)})`,
+    }),
+});
+//# sourceMappingURL=framing.js.map

package/dist/components/media/url/framing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framing.js","sourceRoot":"","sources":["../../../../src/components/media/url/framing.ts"],"names":[],"mappings":"AAiBA,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAe,EACf,KAAa,EACb,MAAc,EACN,EAAE,CACV;IACE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;IAChD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CAClD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEd,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,IAAI,GAIL,EAAgB,EAAE,CAAC,CAAC;IACnB,GAAG,CAAC,OAAO,IAAI;QACb,cAAc,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KAC9D,CAAC;IACF,GAAG,CAAC,IAAI,IAAI;QACV,aAAa,EAAE,SAAS,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;KAClH,CAAC;CACH,CAAC,CAAC"}

package/dist/components/media/url/index.d.ts

@@ -0,0 +1,23 @@
+import { type SanityImageTransformOptions } from "../sanity.ts";
+import { type ImageCrop } from "./framing.ts";
+import { type SanityProject } from "./sources.ts";
+export type { SanityProject } from "./sources.ts";
+export type { ImageCrop, ImageHotspot, ImageFraming } from "./framing.ts";
+export { getImageFraming } from "./framing.ts";
+export { isContentAssetUrl, isSvgSource } from "./sources.ts";
+export interface ImageUrlOptions extends SanityImageTransformOptions {
+    crop?: ImageCrop | null;
+}
+export interface ContentAssetLookup {
+    urlOf: (assetId: string) => string | undefined;
+    sanity?: SanityProject;
+}
+export interface StoredContentAsset {
+    id?: string | null;
+    url?: string | null;
+    stored?: boolean | null;
+}
+export declare const contentAssetLookup: (assets: StoredContentAsset[], sanity?: SanityProject) => ContentAssetLookup;
+export declare const getImageSource: (source: string | null | undefined, options?: ImageUrlOptions, assets?: ContentAssetLookup) => string | undefined;
+export declare const getImageUrl: (source: string | null | undefined, options?: ImageUrlOptions, assets?: ContentAssetLookup) => string | undefined;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/media/url/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/url/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAE1D,OAAO,EAEL,KAAK,aAAa,EAMnB,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,eAAgB,SAAQ,2BAA2B;IAClE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAID,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,kBAAkB,EAAE,EAC5B,SAAS,aAAa,KACrB,kBAMF,CAAC;AAuBF,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,UAAS,eAAoB,EAC7B,SAAS,kBAAkB,KAC1B,MAAM,GAAG,SAcX,CAAC;AAWF,eAAO,MAAM,WAAW,GACtB,QAAQ,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,UAAS,eAAoB,EAC7B,SAAS,kBAAkB,KAC1B,MAAM,GAAG,SAWX,CAAC"}

package/dist/components/media/url/index.js

@@ -0,0 +1,64 @@
+import { getSanityImageUrl, } from "../sanity.js";
+import { sanityRect } from "./framing.js";
+import { DEFAULT_WIDTH, optimizerUrl } from "./optimizer.js";
+import { imageAssetOf, isContentAssetUrl, isSanityCdnUrl, isSvgSource, sanityCdnUrlOf, } from "./sources.js";
+export { getImageFraming } from "./framing.js";
+export { isContentAssetUrl, isSvgSource } from "./sources.js";
+const MAX_DPR = 3;
+export const contentAssetLookup = (assets, sanity) => {
+    const stored = new Map();
+    for (const asset of assets) {
+        if (asset.stored && asset.id && asset.url)
+            stored.set(asset.id, asset.url);
+    }
+    return { urlOf: (assetId) => stored.get(assetId), sanity };
+};
+const sanitySource = (source, asset, assets) => {
+    if (isSanityCdnUrl(source))
+        return source;
+    return assets?.sanity ? sanityCdnUrlOf(asset, assets.sanity) : undefined;
+};
+const cropped = (url, asset, crop) => {
+    if (!crop)
+        return url;
+    const withRect = new URL(url);
+    if (!withRect.searchParams.has("rect")) {
+        withRect.searchParams.set("rect", sanityRect(crop, asset.width, asset.height));
+    }
+    return withRect.toString();
+};
+export const getImageSource = (source, options = {}, assets) => {
+    if (typeof source !== "string" || !source.trim())
+        return undefined;
+    if (isContentAssetUrl(source))
+        return source;
+    const asset = imageAssetOf(source);
+    if (!asset)
+        return source;
+    const stored = assets?.urlOf(asset.id);
+    if (stored)
+        return stored;
+    const cdn = sanitySource(source, asset, assets);
+    return cdn
+        ? getSanityImageUrl(cropped(cdn, asset, options.crop), options)
+        : undefined;
+};
+const requestedWidth = (source, options) => {
+    if (options.width)
+        return options.width;
+    const asset = imageAssetOf(source);
+    if (options.height && asset) {
+        return Math.ceil((options.height * asset.width) / asset.height);
+    }
+    return DEFAULT_WIDTH;
+};
+export const getImageUrl = (source, options = {}, assets) => {
+    const resolved = getImageSource(source, options, assets);
+    if (!resolved || !isContentAssetUrl(resolved))
+        return resolved;
+    if (isSvgSource(resolved))
+        return resolved;
+    const dpr = Math.min(options.dpr ?? 1, MAX_DPR);
+    return optimizerUrl(resolved, requestedWidth(resolved, options) * dpr, options.quality);
+};
+//# sourceMappingURL=index.js.map

package/dist/components/media/url/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/url/index.ts"],"names":[],"mappings":"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"}

package/dist/components/media/url/optimizer.d.ts

@@ -0,0 +1,7 @@
+export declare const IMAGE_WIDTHS: number[];
+export declare const IMAGE_QUALITIES: number[];
+export declare const DEFAULT_WIDTH = 1600;
+export declare const optimizerWidth: (width: number) => number;
+export declare const optimizerQuality: (quality?: number) => number;
+export declare const optimizerUrl: (source: string, width: number, quality?: number) => string;
+//# sourceMappingURL=optimizer.d.ts.map

package/dist/components/media/url/optimizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optimizer.d.ts","sourceRoot":"","sources":["../../../../src/components/media/url/optimizer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,UAExB,CAAC;AACF,eAAO,MAAM,eAAe,UAAO,CAAC;AACpC,eAAO,MAAM,aAAa,OAAO,CAAC;AASlC,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAER,CAAC;AAExC,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,KAAG,MACK,CAAC;AAE1D,eAAO,MAAM,YAAY,GACvB,QAAQ,MAAM,EACd,OAAO,MAAM,EACb,UAAU,MAAM,KACf,MAC8G,CAAC"}

package/dist/components/media/url/optimizer.js

@@ -0,0 +1,12 @@
+export const IMAGE_WIDTHS = [
+    32, 48, 64, 96, 128, 256, 384, 640, 750, 828, 1080, 1200, 1920, 2048, 3840,
+];
+export const IMAGE_QUALITIES = [75];
+export const DEFAULT_WIDTH = 1600;
+const OPTIMIZER_PATH = "/_next/image";
+const nearest = (allowed, value) => allowed.reduce((best, candidate) => Math.abs(candidate - value) < Math.abs(best - value) ? candidate : best);
+export const optimizerWidth = (width) => IMAGE_WIDTHS.find((allowed) => allowed >= width) ??
+    IMAGE_WIDTHS[IMAGE_WIDTHS.length - 1];
+export const optimizerQuality = (quality) => nearest(IMAGE_QUALITIES, quality ?? IMAGE_QUALITIES[0]);
+export const optimizerUrl = (source, width, quality) => `${OPTIMIZER_PATH}?url=${encodeURIComponent(source)}&w=${optimizerWidth(width)}&q=${optimizerQuality(quality)}`;
+//# sourceMappingURL=optimizer.js.map

package/dist/components/media/url/optimizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optimizer.js","sourceRoot":"","sources":["../../../../src/components/media/url/optimizer.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;CAC3E,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC;AAElC,MAAM,cAAc,GAAG,cAAc,CAAC;AAEtC,MAAM,OAAO,GAAG,CAAC,OAAiB,EAAE,KAAa,EAAE,EAAE,CACnD,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CACjC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CACxE,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAU,EAAE,CACtD,YAAY,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC;IAChD,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAgB,EAAU,EAAE,CAC3D,OAAO,CAAC,eAAe,EAAE,OAAO,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,MAAc,EACd,KAAa,EACb,OAAgB,EACR,EAAE,CACV,GAAG,cAAc,QAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,cAAc,CAAC,KAAK,CAAC,MAAM,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC"}

package/dist/components/media/url/sources.d.ts

@@ -0,0 +1,17 @@
+export interface SanityProject {
+    projectId: string;
+    dataset: string;
+}
+export interface ImageAssetId {
+    id: string;
+    hash: string;
+    width: number;
+    height: number;
+    extension: string;
+}
+export declare const isContentAssetUrl: (source: string) => boolean;
+export declare const isSvgSource: (source: string) => boolean;
+export declare const isSanityCdnUrl: (source: string) => boolean;
+export declare const imageAssetOf: (source: string) => ImageAssetId | undefined;
+export declare const sanityCdnUrlOf: (asset: ImageAssetId, project: SanityProject) => string;
+//# sourceMappingURL=sources.d.ts.map

package/dist/components/media/url/sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.d.ts","sourceRoot":"","sources":["../../../../src/components/media/url/sources.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AA8BD,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,KAAG,OAMlD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,KAAG,OAG5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,OACF,CAAC;AAE/C,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,KAAG,YAAY,GAAG,SAa5D,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,YAAY,EACnB,SAAS,aAAa,KACrB,MAC0I,CAAC"}