@drawnagency/primitives 0.1.29 → 0.1.31

package/dist/auth/index.js

@@ -6,12 +6,12 @@ import {
   setSessionCookie,
   signSessionToken,
   verifySessionToken
-} from "../chunk-F32I6ZZV.js";
+} from "../chunk-PKMPRW7T.js";
 import {
   isSameOriginRequest,
   requireSessionSecret,
   safeNextPath
-} from "../chunk-F3Z6RISI.js";
+} from "../chunk-EUNJDXYX.js";
 export {
   AUDIENCE_COOKIE,
   LastOwnerError,

package/dist/{chunk-F3Z6RISI.js → chunk-EUNJDXYX.js}

@@ -1,6 +1,6 @@
 // src/auth/security.ts
 function env(key) {
-  return import.meta.env?.[key] ?? process.env?.[key] ?? "";
+  return import.meta.env?.[key] ?? (typeof process !== "undefined" ? process.env?.[key] : void 0) ?? "";
 }
 function requireSessionSecret() {
   const secret = env("SESSION_SECRET");

package/dist/{chunk-F32I6ZZV.js → chunk-PKMPRW7T.js}

@@ -1,6 +1,6 @@
 import {
   requireSessionSecret
-} from "./chunk-F3Z6RISI.js";
+} from "./chunk-EUNJDXYX.js";
 
 // src/auth/cookies.ts
 import * as jose from "jose";

package/dist/{chunk-JHSYLVKI.js → chunk-VCZBZMXU.js}

@@ -249,15 +249,17 @@ function generateVideoPoster(blob, quality) {
 }
 
 // src/media/index.ts
-var _provider = null;
+var MEDIA_KEY = /* @__PURE__ */ Symbol.for("@drawnagency/primitives/media");
+var _g = globalThis;
 function setMediaProvider(p) {
-  _provider = p;
+  _g[MEDIA_KEY] = p;
 }
 function getMediaProvider() {
-  if (!_provider) {
+  const provider = _g[MEDIA_KEY];
+  if (!provider) {
     throw new Error("No MediaProvider registered. Call setMediaProvider() before using getMediaProvider().");
   }
-  return _provider;
+  return provider;
 }
 
 export {

package/dist/{chunk-HXXZBTPF.js → chunk-ZDKSJY2K.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-V43WVSVS.js";
 import {
   safeNextPath
-} from "./chunk-F3Z6RISI.js";
+} from "./chunk-EUNJDXYX.js";
 
 // src/lib/cn.ts
 import { clsx } from "clsx";

package/dist/index.js

@@ -27,7 +27,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "./chunk-HXXZBTPF.js";
+} from "./chunk-ZDKSJY2K.js";
 import {
   ColorItemSchema,
   ColorSpaceSchema,
@@ -57,12 +57,12 @@ import {
   setSessionCookie,
   signSessionToken,
   verifySessionToken
-} from "./chunk-F32I6ZZV.js";
+} from "./chunk-PKMPRW7T.js";
 import {
   isSameOriginRequest,
   requireSessionSecret,
   safeNextPath
-} from "./chunk-F3Z6RISI.js";
+} from "./chunk-EUNJDXYX.js";
 import {
   EXT_TO_MIME,
   MIME_TO_EXT,
@@ -76,7 +76,7 @@ import {
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "./chunk-JHSYLVKI.js";
+} from "./chunk-VCZBZMXU.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,

package/dist/lib/index.js

@@ -17,7 +17,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "../chunk-HXXZBTPF.js";
+} from "../chunk-ZDKSJY2K.js";
 import {
   clearRegistry,
   createRegistry,
@@ -29,7 +29,7 @@ import {
   registerSchema,
   registerSection
 } from "../chunk-V43WVSVS.js";
-import "../chunk-F3Z6RISI.js";
+import "../chunk-EUNJDXYX.js";
 import "../chunk-DKOUFIP6.js";
 export {
   buildGoogleFontsUrl,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAIpD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAEvD;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAKhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAKpD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAEvD;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAMhD"}

package/dist/media/index.js

@@ -11,7 +11,7 @@ import {
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "../chunk-JHSYLVKI.js";
+} from "../chunk-VCZBZMXU.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/auth/security.ts

@@ -4,7 +4,7 @@
  */
 
 function env(key: string): string {
-  return import.meta.env?.[key] ?? process.env?.[key] ?? "";
+  return import.meta.env?.[key] ?? (typeof process !== "undefined" ? process.env?.[key] : undefined) ?? "";
 }
 
 export function requireSessionSecret(): Uint8Array {

package/src/components/brandguide/Colors.tsx

@@ -81,12 +81,23 @@ function ColorsView({
   showLabel?: boolean;
 }) {
   const [expanded, setExpanded] = useState(!collapsing);
-  const [copiedValue, setCopiedValue] = useState<string | null>(null);
+  const [copiedIndex, setCopiedIndex] = useState<number | null>(null);
 
-  const handleCopy = (value: string) => {
-    navigator.clipboard.writeText(value);
-    setCopiedValue(value);
-    setTimeout(() => setCopiedValue(null), 1500);
+  const handleCopy = (value: string, colorIndex: number) => {
+    if (navigator.clipboard?.writeText) {
+      navigator.clipboard.writeText(value);
+    } else {
+      const ta = document.createElement("textarea");
+      ta.value = value;
+      ta.style.position = "fixed";
+      ta.style.opacity = "0";
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand("copy");
+      document.body.removeChild(ta);
+    }
+    setCopiedIndex(colorIndex);
+    setTimeout(() => setCopiedIndex(null), 1500);
   };
 
   return (
@@ -114,17 +125,25 @@ function ColorsView({
           const contrast = getContrastClass(hex);
           return (
             <div key={i} className="overflow-hidden rounded-md border border-base-200">
-              <div className={cn("flex min-h-[80px] items-end p-3", contrast)} style={{ backgroundColor: hex || "#ccc" }}>
+              <div className={cn("relative flex min-h-[80px] items-end p-3", contrast)} style={{ backgroundColor: hex || "#ccc" }}>
                 {color.name && <span className="text-sm font-bold">{color.name}</span>}
+                {copiedIndex === i && (
+                  <span className={cn(
+                    "absolute top-2 right-2 rounded-full px-2.5 py-0.5 text-xs font-medium",
+                    getContrastClass(hex) === "text-black" ? "bg-black/15 text-black" : "bg-white/25 text-white",
+                  )}>
+                    Copied!
+                  </span>
+                )}
               </div>
               {expanded && (
                 <div className="space-y-1 bg-base-accent p-3 text-sm">
                   {color.spaces.map((space, j) =>
                     Object.entries(space).map(([key, value]) =>
                       value ? (
-                        <button key={`${j}-${key}`} onClick={() => handleCopy(value)} className="cursor-pointer flex w-full justify-between hover:text-primary">
+                        <button key={`${j}-${key}`} onClick={() => handleCopy(value, i)} className="cursor-pointer flex w-full justify-between hover:text-primary">
                           <span className="font-medium uppercase">{key}</span>
-                          <span>{copiedValue === value ? "Copied!" : value}</span>
+                          <span>{value}</span>
                         </button>
                       ) : null
                     )

package/src/media/index.ts

@@ -7,15 +7,17 @@ export * from "./queue";
 export * from "./resolve";
 export { generateVideoPoster } from "./videoPoster";
 
-let _provider: MediaProvider | null = null;
+const MEDIA_KEY = Symbol.for("@drawnagency/primitives/media");
+const _g = globalThis as Record<symbol, MediaProvider | null>;
 
 export function setMediaProvider(p: MediaProvider): void {
-  _provider = p;
+  _g[MEDIA_KEY] = p;
 }
 
 export function getMediaProvider(): MediaProvider {
-  if (!_provider) {
+  const provider = _g[MEDIA_KEY];
+  if (!provider) {
     throw new Error("No MediaProvider registered. Call setMediaProvider() before using getMediaProvider().");
   }
-  return _provider;
+  return provider;
 }