@caratlogic/design-system 0.1.9 → 0.1.11

package/dist/components/atoms/ToggleSwitch/ToggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,wBAAgB,YAAY,CAAC,EAC3B,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,EAAE,EACF,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAuB,EACvB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyEnB"}
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,wBAAgB,YAAY,CAAC,EAC3B,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,EAAE,EACF,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAuB,EACvB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAwEnB"}

package/dist/components/atoms/ToggleSwitch/ToggleSwitch.utils.d.ts

@@ -1,3 +1,12 @@
 import type { SwitchSizeClasses, ToggleSwitchSize } from './ToggleSwitch.types';
+/**
+ * Track, thumb and travel, sized so the thumb keeps an even 2px inset on all
+ * four sides. Travel is stated in px rather than `calc(100% - Npx)`: that form
+ * resolves against the thumb's own width, so the gap silently changed whenever a
+ * thumb size did — `md` ended up with a 0.2px vertical inset and no gap at
+ * either end, which read as a thumb bulging out of its track.
+ *
+ *   inner = track - 2px border | thumb = innerHeight - 4 | on = innerWidth - thumb - 2
+ */
 export declare const switchSizes: Record<ToggleSwitchSize, SwitchSizeClasses>;
 //# sourceMappingURL=ToggleSwitch.utils.d.ts.map

package/dist/components/atoms/ToggleSwitch/ToggleSwitch.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleSwitch/ToggleSwitch.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAgBnE,CAAC"}
+{"version":3,"file":"ToggleSwitch.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleSwitch/ToggleSwitch.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAsBnE,CAAC"}

package/dist/components/layouts/CreateFormPageShell/CreateFormPageShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateFormPageShell.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/CreateFormPageShell/CreateFormPageShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,kBAAkB,GACnB,EAAE,wBAAwB,GAAG,YAAY,CAqBzC"}
+{"version":3,"file":"CreateFormPageShell.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/CreateFormPageShell/CreateFormPageShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,kBAAkB,GACnB,EAAE,wBAAwB,GAAG,YAAY,CA2BzC"}

package/dist/components/organisms/MediaGallery/MediaGallery.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+import { type FC } from 'react';
 import type { MediaGalleryProps } from './MediaGallery.types';
 export declare const MediaGallery: FC<MediaGalleryProps>;
 //# sourceMappingURL=MediaGallery.d.ts.map

package/dist/components/organisms/MediaGallery/MediaGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/MediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EACV,iBAAiB,EAGlB,MAAM,sBAAsB,CAAC;AAgH9B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+H9C,CAAC"}
+{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/MediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAY1C,OAAO,KAAK,EACV,iBAAiB,EAGlB,MAAM,sBAAsB,CAAC;AAwI9B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+H9C,CAAC"}

package/dist/components/organisms/MediaGallery/MediaGallery.utils.d.ts

@@ -2,6 +2,12 @@ import type { MediaItem, MediaKind } from './MediaGallery.types';
 /** Seek to ~1st frame for static video thumbnails (HTML5 media fragment). */
 export declare const videoThumbnailSrc: (src: string) => string;
 export declare const createVideoMediaItem: (src: string, index: number, idPrefix?: string) => MediaItem;
+/**
+ * True when a "video" is really an interactive viewer page. Supplier 360°
+ * spinners (Vision360, Varni) serve `text/html`, so `<video>` renders nothing
+ * and there is no frame to seek for a thumbnail — they need an iframe.
+ */
+export declare const isEmbedMediaItem: (item: MediaItem) => boolean;
 export declare const isPdfMediaItem: (item: MediaItem) => boolean;
 export declare const MEDIA_KIND_ORDER: MediaKind[];
 export declare const MEDIA_KIND_LABEL: Record<MediaKind, string>;

package/dist/components/organisms/MediaGallery/MediaGallery.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaGallery.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/MediaGallery/MediaGallery.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjE,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,KAAK,MAAM,EACX,OAAO,MAAM,EACb,iBAAgB,KACf,SAKD,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,MAAM,SAAS,KAAG,OAGa,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,SAAS,EAAsC,CAAC;AAE/E,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,SAAS,EAAE,KACjB,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,CAU/B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,SAAS,EAAE,KAAG,SAAS,EACU,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,WAAW,MAAM,KAAG,IASlE,CAAC"}
+{"version":3,"file":"MediaGallery.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/MediaGallery/MediaGallery.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjE,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,KAAK,MAAM,EACX,OAAO,MAAM,EACb,iBAAgB,KACf,SAKD,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,SAAS,KAAG,OACE,CAAC;AAEtD,eAAO,MAAM,cAAc,GAAI,MAAM,SAAS,KAAG,OAGa,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,SAAS,EAAsC,CAAC;AAE/E,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,SAAS,EAAE,KACjB,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,CAU/B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,SAAS,EAAE,KAAG,SAAS,EACU,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,WAAW,MAAM,KAAG,IASlE,CAAC"}

package/dist/components/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD,QAAA,MAAM,MAAM,uFA4DX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqCD,QAAA,MAAM,MAAM,uFA4DX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/constants/filePatterns.d.ts

@@ -4,6 +4,8 @@ export declare const FILE_TYPE_PATTERNS: {
     readonly DOCUMENT: RegExp;
     readonly VIDEO: RegExp;
     readonly AUDIO: RegExp;
+    /** Interactive viewer pages (supplier 360° spinners), not media files. */
+    readonly EMBED: RegExp;
 };
 export declare const isFileType: {
     readonly pdf: (url: string) => boolean;
@@ -11,5 +13,6 @@ export declare const isFileType: {
     readonly document: (url: string) => boolean;
     readonly video: (url: string) => boolean;
     readonly audio: (url: string) => boolean;
+    readonly embed: (url: string) => boolean;
 };
 //# sourceMappingURL=filePatterns.d.ts.map

package/dist/constants/filePatterns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filePatterns.d.ts","sourceRoot":"","sources":["../../src/constants/filePatterns.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,UAAU;wBACV,MAAM;0BACJ,MAAM;6BACH,MAAM;0BACT,MAAM;0BACN,MAAM;CACX,CAAC"}
+{"version":3,"file":"filePatterns.d.ts","sourceRoot":"","sources":["../../src/constants/filePatterns.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;IAM7B,0EAA0E;;CAElE,CAAC;AAEX,eAAO,MAAM,UAAU;wBACV,MAAM;0BACJ,MAAM;6BACH,MAAM;0BACT,MAAM;0BACN,MAAM;0BACN,MAAM;CACX,CAAC"}

package/dist/index.cjs.js

@@ -5772,21 +5772,33 @@ const TextHyperlink = ({ to, href, children, showIcon = true, className, 'aria-l
     return (jsxRuntime.jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", "aria-label": ariaLabel, className: cn(LINK_CLASS, className), children: content }));
 };
 
+/**
+ * Track, thumb and travel, sized so the thumb keeps an even 2px inset on all
+ * four sides. Travel is stated in px rather than `calc(100% - Npx)`: that form
+ * resolves against the thumb's own width, so the gap silently changed whenever a
+ * thumb size did — `md` ended up with a 0.2px vertical inset and no gap at
+ * either end, which read as a thumb bulging out of its track.
+ *
+ *   inner = track - 2px border | thumb = innerHeight - 4 | on = innerWidth - thumb - 2
+ */
 const switchSizes = {
+    // track 28x16 → inner 26x14, thumb 10, on 14
     sm: {
         switch: 'h-4 w-7',
-        thumb: 'size-3',
-        translate: 'data-[state=checked]:translate-x-[calc(100%-1px)]',
+        thumb: 'size-2.5',
+        translate: 'data-[state=unchecked]:translate-x-[2px] data-[state=checked]:translate-x-[14px]',
     },
+    // track 32x20 → inner 30x18, thumb 14, on 14
     md: {
-        switch: 'h-[1.15rem] w-8',
-        thumb: 'size-4',
-        translate: 'data-[state=checked]:translate-x-[calc(100%-2px)]',
+        switch: 'h-5 w-8',
+        thumb: 'size-3.5',
+        translate: 'data-[state=unchecked]:translate-x-[2px] data-[state=checked]:translate-x-[14px]',
     },
+    // track 44x24 → inner 42x22, thumb 18, on 22
     lg: {
         switch: 'h-6 w-11',
-        thumb: 'size-5',
-        translate: 'data-[state=checked]:translate-x-[calc(100%-3px)]',
+        thumb: 'size-[1.125rem]',
+        translate: 'data-[state=unchecked]:translate-x-[2px] data-[state=checked]:translate-x-[22px]',
     },
 };
 
@@ -5797,7 +5809,7 @@ function ToggleSwitch({ checked = false, onCheckedChange, disabled = false, id,
         }
     };
     const currentSize = switchSizes[size];
-    const switchButton = (jsxRuntime.jsx("button", { type: "button", role: "switch", "aria-checked": checked, "data-state": checked ? 'checked' : 'unchecked', value: checked ? 'on' : 'off', "data-slot": "switch", disabled: disabled, onClick: handleClick, id: id, name: name, className: cn('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-all outline-none', 'focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:ring-[3px]', 'disabled:cursor-not-allowed disabled:opacity-50', 'data-[state=unchecked]:bg-muted', 'data-[state=checked]:bg-primary', currentSize.switch, className), ...props, children: jsxRuntime.jsx("span", { "data-state": checked ? 'checked' : 'unchecked', "data-slot": "switch-thumb", className: cn('pointer-events-none block rounded-full ring-0 transition-transform', 'bg-card data-[state=checked]:bg-primary-foreground', 'data-[state=unchecked]:translate-x-0', currentSize.thumb, currentSize.translate) }) }));
+    const switchButton = (jsxRuntime.jsx("button", { type: "button", role: "switch", "aria-checked": checked, "data-state": checked ? 'checked' : 'unchecked', value: checked ? 'on' : 'off', "data-slot": "switch", disabled: disabled, onClick: handleClick, id: id, name: name, className: cn('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-all outline-none', 'focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:ring-[3px]', 'disabled:cursor-not-allowed disabled:opacity-50', 'data-[state=unchecked]:bg-muted', 'data-[state=checked]:bg-primary', currentSize.switch, className), ...props, children: jsxRuntime.jsx("span", { "data-state": checked ? 'checked' : 'unchecked', "data-slot": "switch-thumb", className: cn('pointer-events-none block rounded-full ring-0 transition-transform', 'bg-card data-[state=checked]:bg-primary-foreground', currentSize.thumb, currentSize.translate) }) }));
     if (!label) {
         return switchButton;
     }
@@ -58466,33 +58478,39 @@ function ZoomSplitViewer({ src, alt = 'Preview', zoom = 2, lensSize = 160, paneO
                 }) })), isTouchDevice && (jsxRuntime.jsx("p", { className: `text-xs text-muted-foreground text-center mt-2 ${isMobile ? 'text-2xs' : ''}`, children: isMobile ? 'Touch & hold to zoom' : 'Touch and hold to zoom' }))] }));
 }
 
-const SIZE_MAP = {
-    sm: {
-        track: { width: 28, height: 16 },
-        thumb: 12,
-        on: 14,
-        off: 2,
-    },
-    md: {
-        track: { width: 44, height: 24 },
-        thumb: 20,
-        on: 22,
-        off: 2,
-    },
-    lg: {
-        track: { width: 52, height: 28 },
-        thumb: 24,
-        on: 26,
-        off: 2,
-    },
+/** 1px border on the track, and the gap between thumb and track. */
+const TRACK_BORDER = 1;
+const THUMB_INSET = 2;
+const TRACK_SIZE = {
+    sm: { width: 28, height: 16 },
+    md: { width: 44, height: 24 },
+    lg: { width: 52, height: 28 },
 };
+/**
+ * Thumb size and travel are derived from the track rather than listed per size:
+ * hardcoding them left the thumb 1px from the top and bottom but flush against
+ * the inner right edge when on, so it bulged past the track's rounded end.
+ * Deriving keeps the inset equal on all four sides at every size.
+ */
+function switchGeometry(size) {
+    const track = TRACK_SIZE[size];
+    const innerWidth = track.width - TRACK_BORDER * 2;
+    const innerHeight = track.height - TRACK_BORDER * 2;
+    const thumb = innerHeight - THUMB_INSET * 2;
+    return {
+        track,
+        thumb,
+        off: THUMB_INSET,
+        on: innerWidth - thumb - THUMB_INSET,
+    };
+}
 const Switch = React__namespace.forwardRef(({ checked = false, onCheckedChange, disabled = false, id, name, className, size = 'md', 'aria-label': ariaLabel, }, ref) => {
     const handleClick = () => {
         if (!disabled && onCheckedChange) {
             onCheckedChange(!checked);
         }
     };
-    const dims = SIZE_MAP[size];
+    const dims = switchGeometry(size);
     return (jsxRuntime.jsx("button", { type: "button", role: "switch", "aria-checked": checked, "aria-label": ariaLabel, "data-state": checked ? 'checked' : 'unchecked', disabled: disabled, onClick: handleClick, ref: ref, id: id, name: name, style: {
             width: dims.track.width,
             height: dims.track.height,
@@ -64653,6 +64671,8 @@ const FILE_TYPE_PATTERNS = {
     DOCUMENT: /\.(doc|docx|xls|xlsx|ppt|pptx)($|\?)/i,
     VIDEO: /\.(mp4|m4v|avi|mov|wmv|flv|webm|mkv|ogv|mpe?g|3gp)($|\?)/i,
     AUDIO: /\.(mp3|wav|flac|aac|ogg)($|\?)/i,
+    /** Interactive viewer pages (supplier 360° spinners), not media files. */
+    EMBED: /\.html?($|\?|#)/i,
 };
 const isFileType = {
     pdf: (url) => FILE_TYPE_PATTERNS.PDF.test(url),
@@ -64660,6 +64680,7 @@ const isFileType = {
     document: (url) => FILE_TYPE_PATTERNS.DOCUMENT.test(url),
     video: (url) => FILE_TYPE_PATTERNS.VIDEO.test(url),
     audio: (url) => FILE_TYPE_PATTERNS.AUDIO.test(url),
+    embed: (url) => FILE_TYPE_PATTERNS.EMBED.test(url),
 };
 
 /** Seek to ~1st frame for static video thumbnails (HTML5 media fragment). */
@@ -64675,6 +64696,12 @@ const createVideoMediaItem = (src, index, idPrefix = 'vid') => ({
     src,
     thumbSrc: videoThumbnailSrc(src),
 });
+/**
+ * True when a "video" is really an interactive viewer page. Supplier 360°
+ * spinners (Vision360, Varni) serve `text/html`, so `<video>` renders nothing
+ * and there is no frame to seek for a thumbnail — they need an iframe.
+ */
+const isEmbedMediaItem = (item) => item.kind === 'video' && isFileType.embed(item.src);
 const isPdfMediaItem = (item) => item.isPdf === true ||
     isFileType.pdf(item.src) ||
     (item.kind === 'certificate' && !isFileType.image(item.src));
@@ -65782,9 +65809,22 @@ const PdfPreview = ({ item }) => {
     const docsViewer = `https://docs.google.com/gview?embedded=1&url=${encodeURIComponent(item.src)}`;
     return (jsxRuntime.jsx("object", { data: item.src, type: "application/pdf", className: "h-full w-full bg-card", "aria-label": item.name ?? 'Certificate PDF', children: jsxRuntime.jsx("iframe", { title: item.name ?? 'Certificate PDF', className: "h-full w-full border-0 bg-card", src: docsViewer }) }));
 };
+/**
+ * Videos arrive as either a real file or a supplier's 360° viewer page. The URL
+ * settles most cases, but not every viewer ends in `.html` (v360, loupe360),
+ * so a `<video>` that fails to load falls back to the iframe as well. Remounted
+ * per selection via `key`, which resets that fallback.
+ */
+const VideoOrEmbed = ({ item }) => {
+    const [useEmbed, setUseEmbed] = React.useState(() => isEmbedMediaItem(item));
+    if (useEmbed) {
+        return (jsxRuntime.jsx("iframe", { src: item.src, title: item.name ?? '360\u00B0 viewer', className: "h-full w-full border-0 bg-card", allowFullScreen: true }));
+    }
+    return (jsxRuntime.jsx("video", { src: item.src, controls: true, onError: () => setUseEmbed(true), className: "h-full w-full object-cover", "aria-label": item.name ?? 'Video' }));
+};
 const MainMedia = ({ item }) => {
     if (item.kind === 'video') {
-        return (jsxRuntime.jsx("video", { src: item.src, controls: true, className: "h-full w-full object-cover", "aria-label": item.name ?? 'Video' }));
+        return jsxRuntime.jsx(VideoOrEmbed, { item: item });
     }
     if (isPdfMediaItem(item)) {
         return jsxRuntime.jsx(PdfPreview, { item: item });
@@ -65794,7 +65834,7 @@ const MainMedia = ({ item }) => {
 const Thumbnail = ({ item, isActive, onSelect }) => {
     const Icon = KIND_ICON[item.kind];
     const isPdf = isPdfMediaItem(item);
-    const isVideoWithoutThumb = item.kind === 'video' && !item.thumbSrc;
+    const isVideoWithoutThumb = item.kind === 'video' && (!item.thumbSrc || isEmbedMediaItem(item));
     return (jsxRuntime.jsxs("button", { type: "button", onClick: onSelect, "aria-label": `Select ${item.name ?? item.kind}`, "aria-pressed": isActive, className: cn('group relative flex aspect-square w-full cursor-pointer overflow-hidden rounded-lg border transition-colors', isActive
             ? 'border-primary ring-2 ring-primary/30'
             : 'border-border hover:border-primary/40'), children: [isPdf ? (jsxRuntime.jsxs("span", { className: "flex h-full w-full flex-col items-center justify-center gap-1 bg-muted p-2 text-muted-foreground", children: [jsxRuntime.jsx(Icon, { size: 20 }), jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase", children: "PDF" })] })) : isVideoWithoutThumb ? (jsxRuntime.jsx("div", { className: "h-full w-full flex items-center justify-center bg-muted", children: jsxRuntime.jsx(Icon, { size: 24, className: "text-muted-foreground" }) })) : item.kind === 'video' ? (jsxRuntime.jsx("video", { src: item.thumbSrc ?? item.src, muted: true, playsInline: true, preload: "metadata", className: "h-full w-full object-cover", "aria-hidden": "true" })) : (jsxRuntime.jsx("img", { src: item.thumbSrc ?? item.src, alt: "", className: "h-full w-full object-cover" })), !isPdf && item.kind !== 'image' && !isVideoWithoutThumb && (jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black/30 text-white", children: jsxRuntime.jsx(Icon, { size: 20 }) })), isVideoWithoutThumb && (jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black/30" }))] }));
@@ -65815,7 +65855,7 @@ const MediaGallery = ({ items, thumbsVisible = 4, hideTabs = false, mainAspectCl
                 (kinds.length > 0 ? (jsxRuntime.jsx(Tabs, { value: activeKind ?? undefined, onValueChange: (v) => setActiveKind(v), tabStyle: "boxed", size: "sm", children: jsxRuntime.jsx(TabsList, { children: kinds.map((kind) => {
                             const Icon = KIND_ICON[kind];
                             return (jsxRuntime.jsx(TabsTrigger, { value: kind, icon: jsxRuntime.jsx(Icon, { size: 14 }), children: MEDIA_KIND_LABEL[kind] }, kind));
-                        }) }) })) : (jsxRuntime.jsx("div", { className: "h-9", "aria-hidden": "true" }))), selected && isZoomableImage ? (jsxRuntime.jsxs("div", { className: "relative", children: [jsxRuntime.jsx(ZoomSplitViewer, { src: selected.src, alt: selected.name ?? 'Media' }), !hideDownload && (jsxRuntime.jsx("div", { className: "absolute right-3 top-3 z-20", children: jsxRuntime.jsx("button", { type: "button", onClick: handleDownload, "aria-label": "Download media", className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border border-border bg-card text-foreground transition-all hover:border-primary hover:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:border-primary focus-visible:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:outline-none", children: jsxRuntime.jsx(Download, { className: "h-4 w-4" }) }) }))] })) : selected ? (jsxRuntime.jsxs("div", { className: cn('relative overflow-hidden rounded-xl border border-border bg-muted', mainAspectClassName), children: [jsxRuntime.jsx(MainMedia, { item: selected }), !hideDownload && (jsxRuntime.jsx("div", { className: "absolute right-3 top-3", children: jsxRuntime.jsx("button", { type: "button", onClick: handleDownload, "aria-label": "Download media", className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border border-border bg-card text-foreground transition-all hover:border-primary hover:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:border-primary focus-visible:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:outline-none", children: jsxRuntime.jsx(Download, { className: "h-4 w-4" }) }) }))] })) : (jsxRuntime.jsx("div", { className: cn('flex items-center justify-center rounded-xl border border-dashed border-border bg-muted/40 text-sm text-muted-foreground', mainAspectClassName), children: emptyText })), visibleItems.length > 1 && (jsxRuntime.jsx("div", { className: "grid gap-3", style: {
+                        }) }) })) : (jsxRuntime.jsx("div", { className: "h-9", "aria-hidden": "true" }))), selected && isZoomableImage ? (jsxRuntime.jsxs("div", { className: "relative", children: [jsxRuntime.jsx(ZoomSplitViewer, { src: selected.src, alt: selected.name ?? 'Media' }), !hideDownload && (jsxRuntime.jsx("div", { className: "absolute right-3 top-3 z-20", children: jsxRuntime.jsx("button", { type: "button", onClick: handleDownload, "aria-label": "Download media", className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border border-border bg-card text-foreground transition-all hover:border-primary hover:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:border-primary focus-visible:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:outline-none", children: jsxRuntime.jsx(Download, { className: "h-4 w-4" }) }) }))] })) : selected ? (jsxRuntime.jsxs("div", { className: cn('relative overflow-hidden rounded-xl border border-border bg-muted', mainAspectClassName), children: [jsxRuntime.jsx(MainMedia, { item: selected }, selected.id), !hideDownload && !isEmbedMediaItem(selected) && (jsxRuntime.jsx("div", { className: "absolute right-3 top-3", children: jsxRuntime.jsx("button", { type: "button", onClick: handleDownload, "aria-label": "Download media", className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md border border-border bg-card text-foreground transition-all hover:border-primary hover:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:border-primary focus-visible:shadow-[0_0_0_4px_rgba(49,122,81,0.10)] focus-visible:outline-none", children: jsxRuntime.jsx(Download, { className: "h-4 w-4" }) }) }))] })) : (jsxRuntime.jsx("div", { className: cn('flex items-center justify-center rounded-xl border border-dashed border-border bg-muted/40 text-sm text-muted-foreground', mainAspectClassName), children: emptyText })), visibleItems.length > 1 && (jsxRuntime.jsx("div", { className: "grid gap-3", style: {
                     gridTemplateColumns: `repeat(${Math.min(visibleItems.length, thumbsVisible)}, minmax(0, 1fr))`,
                 }, children: visibleItems.slice(0, thumbsVisible).map((item) => (jsxRuntime.jsx(Thumbnail, { item: item, isActive: selected?.id === item.id, onSelect: () => setSelected(item) }, item.id))) }))] }));
 };
@@ -66116,7 +66156,13 @@ function CreateFormPageHeader({ title, onBack, backLabel = 'Go back', }) {
 function CreateFormPageShell({ title, onBack, children, backLabel, scrollable = false, containerClassName, }) {
     const content = (jsxRuntime.jsxs("div", { className: cn('mx-auto w-full max-w-4xl px-4 py-4', containerClassName), children: [jsxRuntime.jsx(CreateFormPageHeader, { title: title, onBack: onBack, backLabel: backLabel }), children] }));
     if (scrollable) {
-        return (jsxRuntime.jsx("div", { className: "h-full min-h-0 overflow-y-auto bg-card", children: content }));
+        // `shrink-0` is the load-bearing part. As a flex item in the shell's
+        // `flex-col overflow-y-auto` parent this div was shrunk to the parent's
+        // height while its content overflowed, so the background stopped one
+        // screenful down and taller forms showed the page background below it.
+        // `min-h-full` alone cannot fix that — it resolves to the same shrunken
+        // height. The parent already scrolls, so no inner scroller is needed.
+        return (jsxRuntime.jsx("div", { className: "min-h-full shrink-0 bg-card", children: content }));
     }
     return content;
 }