thread-ui 0.12.0 → 0.13.0

package/dist/components/content-display/gallery/components/item-display/gallery-items-display.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from '../../../../../styled-system/css';
+import { useGalleryContext, useGalleryEmblaContext } from '../../gallery-context';
+import { GalleryItem } from './gallery-item';
+const styles = {
+    viewport: css({
+        height: '100%',
+        overflow: 'hidden',
+    }),
+    window: css({
+        height: '100%',
+        display: 'flex',
+        touchAction: 'pan-y pinch-zoom',
+        marginLeft: 'calc(var(--thread-gallery-display-item-spacing) * -1)', // Tracks with GALLERY_DISPLAY_CONSTANT_NAMES
+    }),
+};
+export const GalleryItemsDisplay = () => {
+    const { value: { itemOrder }, } = useGalleryContext();
+    const { emblaDisplayRef } = useGalleryEmblaContext();
+    return (_jsx("div", { ref: emblaDisplayRef, className: styles.viewport, children: _jsx("div", { className: styles.window, children: itemOrder.map((itemId) => (_jsx(GalleryItem, { itemId: itemId }, itemId))) }) }));
+};
+//# sourceMappingURL=gallery-items-display.js.map

package/dist/components/content-display/gallery/components/item-display/gallery-items-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-items-display.js","sourceRoot":"","sources":["../../../../../../src/components/content-display/gallery/components/item-display/gallery-items-display.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,GAAG;IACd,QAAQ,EAAE,GAAG,CAAC;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,kBAAkB;QAC/B,UAAU,EAAE,uDAAuD,EAAE,6CAA6C;KAClH,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACvC,MAAM,EACL,KAAK,EAAE,EAAE,SAAS,EAAE,GACpB,GAAG,iBAAiB,EAAE,CAAC;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAErD,OAAO,CACN,cAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,YACpD,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,KAAC,WAAW,IAAc,MAAM,EAAE,MAAM,IAAtB,MAAM,CAAoB,CAC5C,CAAC,GACG,GACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/gallery/components/item-track/item-track.d.ts

@@ -0,0 +1 @@
+export declare const ItemTrack: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/content-display/gallery/components/item-track/item-track.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from '../../../../../styled-system/css';
+import { useGalleryContext, useGalleryEmblaContext } from '../../gallery-context';
+import { TrackItem } from './track-item';
+const styles = {
+    viewport: css({
+        overflow: 'hidden',
+    }),
+    window: css({
+        display: 'flex',
+        flexDirection: 'row',
+        marginLeft: 'calc(var(--thread-gallery-item-track-spacing) * -1)', // Tracks with GALLERY_DISPLAY_CONSTANT_NAMES
+    }),
+};
+export const ItemTrack = () => {
+    const { value: { itemOrder }, } = useGalleryContext();
+    const { emblaItemTrackRef } = useGalleryEmblaContext();
+    return (_jsx("div", { ref: emblaItemTrackRef, className: styles.viewport, children: _jsx("div", { className: styles.window, children: itemOrder.map((itemId) => (_jsx(TrackItem, { itemId: itemId }, itemId))) }) }));
+};
+//# sourceMappingURL=item-track.js.map

package/dist/components/content-display/gallery/components/item-track/item-track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-track.js","sourceRoot":"","sources":["../../../../../../src/components/content-display/gallery/components/item-track/item-track.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,GAAG;IACd,QAAQ,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,qDAAqD,EAAE,6CAA6C;KAChH,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC7B,MAAM,EACL,KAAK,EAAE,EAAE,SAAS,EAAE,GACpB,GAAG,iBAAiB,EAAE,CAAC;IAExB,MAAM,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAEvD,OAAO,CACN,cAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,YACtD,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,KAAC,SAAS,IAAc,MAAM,EAAE,MAAM,IAAtB,MAAM,CAAoB,CAC1C,CAAC,GACG,GACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/gallery/components/item-track/track-item.d.ts

@@ -0,0 +1,6 @@
+import { GalleryItemId } from '../../gallery.types';
+type TrackItemProps = {
+    itemId: GalleryItemId;
+};
+export declare const TrackItem: ({ itemId }: TrackItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/content-display/gallery/components/item-track/track-item.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from '../../../../../styled-system/css';
+import { useGalleryContext, useGalleryEmblaContext } from '../../gallery-context';
+const styles = {
+    container: cva({
+        base: {
+            cursor: 'pointer',
+            flex: ' 0 0 auto',
+            minWidth: '0',
+            paddingLeft: 'var(--thread-gallery-item-track-spacing)', // Tracks with GALLERY_DISPLAY_CONSTANT_NAMES
+            borderColor: 'transparent',
+            borderWidth: 'lg',
+            borderStyle: 'solid',
+        },
+        variants: {
+            variableWidths: {
+                true: { flex: ' 0 0 auto' },
+                false: { flex: ' 0 0 22%' },
+            },
+        },
+    }),
+    internalContent: cva({
+        base: {
+            borderRadius: 'sm',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: { base: '3rem', md: 'var(--thread-gallery-track-item-height)' },
+            overflow: 'hidden',
+            position: 'relative',
+            '& img': {
+                width: 'auto',
+                height: '100%',
+                objectFit: 'contain',
+            },
+        },
+        variants: {
+            appearance: {
+                framed: {
+                    backgroundColor: 'surface',
+                    borderColor: 'structure.subtle',
+                    borderWidth: 'sm',
+                    borderStyle: 'solid',
+                },
+                bare: {},
+            },
+        },
+        defaultVariants: {
+            appearance: 'framed',
+        },
+    }),
+};
+export const TrackItem = ({ itemId }) => {
+    const { value: { items, appearance, variableWidths }, } = useGalleryContext();
+    const { onTrackItemClick } = useGalleryEmblaContext();
+    const item = items[itemId];
+    return (_jsx("button", { className: styles.container({ variableWidths }), onClick: () => onTrackItemClick(itemId), children: _jsx("div", { className: styles.internalContent({ appearance }), children: item.content }) }));
+};
+//# sourceMappingURL=track-item.js.map

package/dist/components/content-display/gallery/components/item-track/track-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"track-item.js","sourceRoot":"","sources":["../../../../../../src/components/content-display/gallery/components/item-track/track-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAOlF,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,IAAI,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,GAAG;YACb,WAAW,EAAE,0CAA0C,EAAE,6CAA6C;YACtG,WAAW,EAAE,aAAa;YAC1B,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,OAAO;SACpB;QACD,QAAQ,EAAE;YACT,cAAc,EAAE;gBACf,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;gBAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;aAC3B;SACD;KACD,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,IAAI,EAAE;YACL,YAAY,EAAE,IAAI;YAClB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,yCAAyC,EAAE;YACvE,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE;gBACR,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,SAAS;aACpB;SACD;QACD,QAAQ,EAAE;YACT,UAAU,EAAE;gBACX,MAAM,EAAE;oBACP,eAAe,EAAE,SAAS;oBAC1B,WAAW,EAAE,kBAAkB;oBAC/B,WAAW,EAAE,IAAI;oBACjB,WAAW,EAAE,OAAO;iBACpB;gBACD,IAAI,EAAE,EAAE;aACR;SACD;QACD,eAAe,EAAE;YAChB,UAAU,EAAE,QAAQ;SACpB;KACD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE;IACvD,MAAM,EACL,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,GAC5C,GAAG,iBAAiB,EAAE,CAAC;IACxB,MAAM,EAAE,gBAAgB,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAEtD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE3B,OAAO,CACN,iBACC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC,EAC/C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,YAEvC,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC,YAAG,IAAI,CAAC,OAAO,GAAO,GACpE,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/gallery/gallery-context.d.ts

@@ -0,0 +1,45 @@
+import { GalleryEmblaContext } from './gallery.types';
+export declare const GalleryProvider: {
+    ({ initialValue, children, }: {
+        initialValue: {
+            title?: import("react").ReactNode;
+            appearance: import("./gallery.types").GalleryAppearanceOptions;
+            size: import("../../..").UtilitySizeOptions | "fill";
+            variableWidths: boolean;
+            items: Record<import("./gallery.types").GalleryItemId, {
+                id: import("./gallery.types").GalleryItemId;
+                content: import("./gallery.types").GalleryItem;
+            }>;
+            ItemWrapper: import("./gallery.types").GalleryProps["itemWrapper"];
+            itemOrder: import("./gallery.types").GalleryItemId[];
+        };
+        children: import("react").ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, useGalleryContext: () => {
+    value: {
+        title?: import("react").ReactNode;
+        appearance: import("./gallery.types").GalleryAppearanceOptions;
+        size: import("../../..").UtilitySizeOptions | "fill";
+        variableWidths: boolean;
+        items: Record<import("./gallery.types").GalleryItemId, {
+            id: import("./gallery.types").GalleryItemId;
+            content: import("./gallery.types").GalleryItem;
+        }>;
+        ItemWrapper: import("./gallery.types").GalleryProps["itemWrapper"];
+        itemOrder: import("./gallery.types").GalleryItemId[];
+    };
+    setValue: import("react").Dispatch<import("react").SetStateAction<{
+        title?: import("react").ReactNode;
+        appearance: import("./gallery.types").GalleryAppearanceOptions;
+        size: import("../../..").UtilitySizeOptions | "fill";
+        variableWidths: boolean;
+        items: Record<import("./gallery.types").GalleryItemId, {
+            id: import("./gallery.types").GalleryItemId;
+            content: import("./gallery.types").GalleryItem;
+        }>;
+        ItemWrapper: import("./gallery.types").GalleryProps["itemWrapper"];
+        itemOrder: import("./gallery.types").GalleryItemId[];
+    }>>;
+};
+export declare const GalleryEmblaProvider: import("react").Provider<GalleryEmblaContext | undefined>, useGalleryEmblaContext: () => GalleryEmblaContext;

package/dist/components/content-display/gallery/gallery-context.js

@@ -0,0 +1,5 @@
+'use client';
+import { createStatefulComponentContext, createComponentContext } from '../../../utils';
+export const [GalleryProvider, useGalleryContext] = createStatefulComponentContext('Gallery');
+export const [GalleryEmblaProvider, useGalleryEmblaContext] = createComponentContext('GalleryEmbla');
+//# sourceMappingURL=gallery-context.js.map

package/dist/components/content-display/gallery/gallery-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-context.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery-context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,8BAA8B,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjF,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAChD,8BAA8B,CAAe,SAAS,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,GAC1D,sBAAsB,CAAsB,cAAc,CAAC,CAAC"}

package/dist/components/content-display/gallery/gallery-display-constants.d.ts

@@ -0,0 +1,9 @@
+export declare const GALLERY_DISPLAY_CONSTANTS: {
+    readonly displayItemHeight: "100%";
+    readonly displayItemSpacing: "1rem";
+    readonly displayItemWidth: "100%";
+    readonly trackItemHeight: "6rem";
+    readonly itemTrackSpacing: "0.8rem";
+};
+export type DisplayConstantsKeys = keyof typeof GALLERY_DISPLAY_CONSTANTS;
+export declare const GALLERY_DISPLAY_CONSTANT_NAMES: Record<DisplayConstantsKeys, string>;

package/dist/components/content-display/gallery/gallery-display-constants.js

@@ -0,0 +1,15 @@
+export const GALLERY_DISPLAY_CONSTANTS = {
+    displayItemHeight: '100%',
+    displayItemSpacing: '1rem',
+    displayItemWidth: '100%',
+    trackItemHeight: '6rem',
+    itemTrackSpacing: '0.8rem',
+};
+export const GALLERY_DISPLAY_CONSTANT_NAMES = {
+    displayItemHeight: '--thread-gallery-display-item-height',
+    displayItemSpacing: '--thread-gallery-display-item-spacing',
+    displayItemWidth: '--thread-gallery-display-item-width',
+    trackItemHeight: '--thread-gallery-track-item-height',
+    itemTrackSpacing: '--thread-gallery-item-track-spacing',
+};
+//# sourceMappingURL=gallery-display-constants.js.map

package/dist/components/content-display/gallery/gallery-display-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-display-constants.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery-display-constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACxC,iBAAiB,EAAE,MAAM;IACzB,kBAAkB,EAAE,MAAM;IAC1B,gBAAgB,EAAE,MAAM;IACxB,eAAe,EAAE,MAAM;IACvB,gBAAgB,EAAE,QAAQ;CACgB,CAAC;AAI5C,MAAM,CAAC,MAAM,8BAA8B,GAAyC;IACnF,iBAAiB,EAAE,sCAAsC;IACzD,kBAAkB,EAAE,uCAAuC;IAC3D,gBAAgB,EAAE,qCAAqC;IACvD,eAAe,EAAE,oCAAoC;IACrD,gBAAgB,EAAE,qCAAqC;CACvD,CAAC"}

package/dist/components/content-display/gallery/gallery.d.ts

@@ -0,0 +1,18 @@
+import { GalleryProps } from './gallery.types';
+/**
+ * A synchronized dual-carousel gallery with a main display and a thumbnail track. Powered by [Embla Carousel](https://www.embla-carousel.com)
+ *
+ * Selecting a thumbnail scrolls the main display, and swiping the main display
+ * updates the active thumbnail. Supports trackpad scrolling on the thumbnail track
+ * via the Embla wheel gestures plugin.
+ *
+ * @example
+ * ```tsx
+ * <Gallery
+ *   title="Photos"
+ *   items={[<img src="a.jpg" />, <img src="b.jpg" />]}
+ *   appearance="bare"
+ * />
+ * ```
+ */
+export declare const Gallery: ({ title, items: itemList, itemWrapper, size, appearance, startIndex, variableWidths, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/content-display/gallery/gallery.js

@@ -0,0 +1,83 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { GalleryEmblaProvider, GalleryProvider } from './gallery-context';
+import { GalleryContent } from './components/gallery-content';
+import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
+/**
+ * A synchronized dual-carousel gallery with a main display and a thumbnail track. Powered by [Embla Carousel](https://www.embla-carousel.com)
+ *
+ * Selecting a thumbnail scrolls the main display, and swiping the main display
+ * updates the active thumbnail. Supports trackpad scrolling on the thumbnail track
+ * via the Embla wheel gestures plugin.
+ *
+ * @example
+ * ```tsx
+ * <Gallery
+ *   title="Photos"
+ *   items={[<img src="a.jpg" />, <img src="b.jpg" />]}
+ *   appearance="bare"
+ * />
+ * ```
+ */
+export const Gallery = ({ title, items: itemList, itemWrapper, size = 'lg', appearance = 'framed', startIndex = 0, variableWidths = false, }) => {
+    const [emblaDisplayRef, emblaDisplayApi] = useEmblaCarousel({ startIndex });
+    const [emblaItemTrackRef, emblaItemTrackApi] = useEmblaCarousel({
+        startIndex,
+        containScroll: 'keepSnaps',
+        dragFree: true,
+    }, [WheelGesturesPlugin()]);
+    const [selectedIndex, setSelectedIndex] = useState(startIndex);
+    const onTrackItemClick = useCallback((index) => {
+        if (!emblaDisplayApi || !emblaItemTrackApi)
+            return;
+        emblaDisplayApi.scrollTo(index);
+    }, [emblaDisplayApi, emblaItemTrackApi]);
+    const onSelect = useCallback(() => {
+        if (!emblaDisplayApi || !emblaItemTrackApi)
+            return;
+        setSelectedIndex(emblaDisplayApi.selectedScrollSnap());
+        emblaItemTrackApi.scrollTo(emblaDisplayApi.selectedScrollSnap());
+    }, [emblaDisplayApi, emblaItemTrackApi, setSelectedIndex]);
+    useEffect(() => {
+        if (!emblaDisplayApi)
+            return;
+        onSelect();
+        emblaDisplayApi.on('select', onSelect).on('reInit', onSelect);
+    }, [emblaDisplayApi, onSelect]);
+    const normalizedItems = useMemo(() => itemList.map((item, index) => ({
+        content: item,
+        id: index,
+    })), [itemList]);
+    const initialState = useMemo(() => {
+        const items = Object.fromEntries(normalizedItems.map((item) => [item.id, item]));
+        const itemOrder = normalizedItems.map((item) => item.id);
+        return {
+            title,
+            items,
+            itemOrder,
+            ItemWrapper: itemWrapper,
+            size,
+            appearance,
+            variableWidths,
+        };
+    }, [title, normalizedItems, size]);
+    const emblaValue = useMemo(() => ({
+        emblaDisplayRef,
+        emblaDisplayApi,
+        emblaItemTrackRef,
+        emblaItemTrackApi,
+        onTrackItemClick,
+        selectedIndex,
+    }), [
+        emblaDisplayRef,
+        emblaDisplayApi,
+        emblaItemTrackRef,
+        emblaItemTrackApi,
+        onTrackItemClick,
+        selectedIndex,
+    ]);
+    return (_jsx(GalleryProvider, { initialValue: initialState, children: _jsx(GalleryEmblaProvider, { value: emblaValue, children: _jsx(GalleryContent, {}) }) }));
+};
+//# sourceMappingURL=gallery.js.map

package/dist/components/content-display/gallery/gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EAAE,QAAQ,EACf,WAAW,EACX,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,QAAQ,EACrB,UAAU,GAAG,CAAC,EACd,cAAc,GAAG,KAAK,GACR,EAAE,EAAE;IAClB,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,GAAG,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAC5E,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,gBAAgB,CAC9D;QACC,UAAU;QACV,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,IAAI;KACd,EACD,CAAC,mBAAmB,EAAE,CAAC,CACvB,CAAC;IAEF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,gBAAgB,GAAG,WAAW,CACnC,CAAC,KAAa,EAAE,EAAE;QACjB,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB;YAAE,OAAO;QACnD,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,eAAe,EAAE,iBAAiB,CAAC,CACpC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB;YAAE,OAAO;QACnD,gBAAgB,CAAC,eAAe,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACvD,iBAAiB,CAAC,QAAQ,CAAC,eAAe,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,QAAQ,EAAE,CAAC;QAEX,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,eAAe,GAAG,OAAO,CAC9B,GAAG,EAAE,CACJ,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9B,OAAO,EAAE,IAAI;QACb,EAAE,EAAE,KAAK;KACT,CAAC,CAAC,EACJ,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,YAAY,GAAiB,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAC/B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CACrB,CAAC;QAE3B,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEzD,OAAO;YACN,KAAK;YACL,KAAK;YACL,SAAS;YACT,WAAW,EAAE,WAAW;YACxB,IAAI;YACJ,UAAU;YACV,cAAc;SACd,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACN,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;KACb,CAAC,EACF;QACC,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;KACb,CACD,CAAC;IAEF,OAAO,CACN,KAAC,eAAe,IAAC,YAAY,EAAE,YAAY,YAC1C,KAAC,oBAAoB,IAAC,KAAK,EAAE,UAAU,YACtC,KAAC,cAAc,KAAG,GACI,GACN,CAClB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/gallery/gallery.types.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode, ComponentType } from 'react';
+import { Prettify, UtilitySizeOptions } from '../../../types';
+import { EmblaViewportRefType } from 'embla-carousel-react';
+import { EmblaCarouselType } from 'embla-carousel';
+export type GalleryItemId = number;
+/** Content renderable as a gallery slide — any valid React node. */
+export type GalleryItem = ReactNode;
+/**
+ * Controls the visual treatment of gallery item containers.
+ * - `'framed'` — Adds background, border, and border-radius to each item.
+ * - `'bare'` — Renders items without any decorative container styles.
+ */
+export type GalleryAppearanceOptions = 'framed' | 'bare';
+export type GalleryProps = {
+    /** Visual treatment for item containers @default `'framed'` */
+    appearance?: GalleryAppearanceOptions;
+    /** Optional title rendered above the gallery */
+    title?: string | ReactNode;
+    /** Array of React nodes to render as slides, in display order */
+    items: GalleryItem[];
+    /** Optional component used to wrap each item, replacing the default container */
+    itemWrapper?: ComponentType<any>;
+    /** Controls the gallery's dimensional presets @default `'lg'` */
+    size?: UtilitySizeOptions | 'fill';
+    /** Index of Item Gallery opens at Start @default 0 */
+    startIndex?: number;
+    /** Display thumbnail items with varying widths @default `false` */
+    variableWidths?: boolean;
+};
+type InternalGalleryItem = {
+    id: GalleryItemId;
+    content: GalleryItem;
+};
+export type GalleryState = Prettify<Pick<GalleryProps, 'title'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
+    items: Record<GalleryItemId, InternalGalleryItem>;
+    ItemWrapper: GalleryProps['itemWrapper'];
+    itemOrder: GalleryItemId[];
+}>;
+export type GalleryEmblaContext = {
+    emblaDisplayRef: EmblaViewportRefType;
+    emblaDisplayApi: EmblaCarouselType | undefined;
+    emblaItemTrackRef: EmblaViewportRefType;
+    emblaItemTrackApi: EmblaCarouselType | undefined;
+    onTrackItemClick: (index: number) => void;
+    selectedIndex: number;
+};
+export {};

package/dist/components/content-display/gallery/gallery.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gallery.types.js.map

package/dist/components/content-display/gallery/gallery.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.types.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.types.ts"],"names":[],"mappings":""}

package/dist/components/content-display/gallery/index.d.ts

@@ -0,0 +1,2 @@
+export type { GalleryProps } from './gallery.types';
+export { Gallery } from './gallery';

package/dist/components/content-display/gallery/index.js

@@ -0,0 +1,2 @@
+export { Gallery } from './gallery';
+//# sourceMappingURL=index.js.map

package/dist/components/content-display/gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/content-display/index.d.ts

@@ -0,0 +1,4 @@
+export * from './carousel';
+export * from './gallery';
+export * from './lightbox';
+export * from './tab-view';

package/dist/components/content-display/index.js

@@ -0,0 +1,5 @@
+export * from './carousel';
+export * from './gallery';
+export * from './lightbox';
+export * from './tab-view';
+//# sourceMappingURL=index.js.map

package/dist/components/content-display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/content-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/dist/components/content-display/lightbox/components/lightbox-content.d.ts

@@ -0,0 +1 @@
+export declare const LightBoxContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/content-display/lightbox/components/lightbox-content.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css } from '../../../../styled-system/css';
+import { Gallery } from '../../gallery';
+import { useLightboxContext } from '../lightbox-context';
+import { LightboxTitle } from './lightbox-title';
+const styles = {
+    container: css({
+        width: '90vw',
+        height: '85vh',
+        maxHeight: { base: '80vh', md: '100%' },
+        overflow: 'hidden',
+    }),
+};
+export const LightBoxContent = () => {
+    const { items, itemWrapper, appearance, startIndex, variableWidths } = useLightboxContext();
+    return (_jsx("div", { className: styles.container, children: _jsx(Gallery, { startIndex: startIndex, title: _jsx(LightboxTitle, {}), items: items, itemWrapper: itemWrapper, size: "fill", appearance: appearance, variableWidths: variableWidths }) }));
+};
+//# sourceMappingURL=lightbox-content.js.map

package/dist/components/content-display/lightbox/components/lightbox-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox-content.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;QACvC,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5F,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,KAAC,OAAO,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAC,aAAa,KAAG,EACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,GAC7B,GACG,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/lightbox/components/lightbox-title.d.ts

@@ -0,0 +1 @@
+export declare const LightboxTitle: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/content-display/lightbox/components/lightbox-title.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLightboxContext } from '../lightbox-context';
+import { H2 } from '../../../../components/typography';
+import { css } from '../../../../styled-system/css';
+import { IconButton } from '../../../../components/ui';
+const styles = {
+    container: css({
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row-reverse',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: '4',
+    }),
+};
+export const LightboxTitle = () => {
+    const { title, onClose } = useLightboxContext();
+    const titleDisplay = typeof title === 'string' ? _jsx(H2, { inline: true, children: title }) : title;
+    return (_jsxs("div", { className: styles.container, children: [_jsx(IconButton, { ariaLabel: "Close modal", onClick: onClose, color: "text", size: 'sm', name: "X" }), titleDisplay] }));
+};
+//# sourceMappingURL=lightbox-title.js.map

package/dist/components/content-display/lightbox/components/lightbox-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,YAAY,GAAc,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,EAAE,IAAC,MAAM,kBAAE,KAAK,GAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5F,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,EACD,YAAY,IACR,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/lightbox/index.d.ts

@@ -0,0 +1,2 @@
+export type { LightboxProps } from './lightbox.types';
+export { Lightbox } from './lightbox';

package/dist/components/content-display/lightbox/index.js

@@ -0,0 +1,2 @@
+export { Lightbox } from './lightbox';
+//# sourceMappingURL=index.js.map

package/dist/components/content-display/lightbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/content-display/lightbox/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/content-display/lightbox/lightbox-context.d.ts

@@ -0,0 +1,19 @@
+export declare const LightboxProvider: import("react").Provider<{
+    title?: import("react").ReactNode;
+    items: import("../gallery/gallery.types").GalleryItem[];
+    itemWrapper?: import("react").ComponentType<any> | undefined;
+    startIndex?: number | undefined;
+    isOpen: boolean;
+    onClose: () => void;
+    appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
+    variableWidths?: boolean | undefined;
+} | undefined>, useLightboxContext: () => {
+    title?: import("react").ReactNode;
+    items: import("../gallery/gallery.types").GalleryItem[];
+    itemWrapper?: import("react").ComponentType<any> | undefined;
+    startIndex?: number | undefined;
+    isOpen: boolean;
+    onClose: () => void;
+    appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
+    variableWidths?: boolean | undefined;
+};

package/dist/components/content-display/lightbox/lightbox-context.js

@@ -0,0 +1,3 @@
+import { createComponentContext } from '../../../utils';
+export const [LightboxProvider, useLightboxContext] = createComponentContext('Lightbox');
+//# sourceMappingURL=lightbox-context.js.map

package/dist/components/content-display/lightbox/lightbox-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox-context.js","sourceRoot":"","sources":["../../../../src/components/content-display/lightbox/lightbox-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAClD,sBAAsB,CAAgB,UAAU,CAAC,CAAC"}

package/dist/components/content-display/lightbox/lightbox.d.ts

@@ -0,0 +1,17 @@
+import { LightboxProps } from './lightbox.types';
+/**
+ * A fullscreen Gallery for focused content viewing, built on {@link ModalPrimitive}.
+ *
+ * Renders a {@link Gallery} in `bare` appearance over a scrim backdrop.
+ *
+ * @example
+ * ```tsx
+ * <Lightbox
+ *   isOpen={isOpen}
+ *   onClose={() => setOpen(false)}
+ *   title="Photos"
+ *   items={[<img src="a.jpg" />, <img src="b.jpg" />]}
+ * />
+ * ```
+ */
+export declare const Lightbox: ({ title, items, itemWrapper, isOpen, onClose, startIndex, appearance, variableWidths, }: LightboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/content-display/lightbox/lightbox.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ModalPrimitive } from '../../../internal-components';
+import { LightboxProvider } from './lightbox-context';
+import { css } from '../../../styled-system/css';
+import { LightBoxContent } from './components/lightbox-content';
+const styles = {
+    overlay: css({
+        position: 'fixed',
+        inset: 0,
+        background: 'scrim',
+        display: 'flex',
+        justifyContent: 'center',
+        zIndex: 'modal',
+        alignItems: 'center',
+        padding: '6',
+    }),
+};
+/**
+ * A fullscreen Gallery for focused content viewing, built on {@link ModalPrimitive}.
+ *
+ * Renders a {@link Gallery} in `bare` appearance over a scrim backdrop.
+ *
+ * @example
+ * ```tsx
+ * <Lightbox
+ *   isOpen={isOpen}
+ *   onClose={() => setOpen(false)}
+ *   title="Photos"
+ *   items={[<img src="a.jpg" />, <img src="b.jpg" />]}
+ * />
+ * ```
+ */
+export const Lightbox = ({ title, items, itemWrapper, isOpen, onClose, startIndex, appearance = 'bare', variableWidths = true, }) => {
+    const initialValue = {
+        title,
+        items,
+        itemWrapper,
+        isOpen,
+        onClose,
+        startIndex,
+        appearance,
+        variableWidths,
+    };
+    return (_jsx(LightboxProvider, { value: initialValue, children: _jsx(ModalPrimitive, { overlayClassName: styles.overlay, isOpen: isOpen, onClose: onClose, children: _jsx(LightBoxContent, {}) }) }));
+};
+//# sourceMappingURL=lightbox.js.map

package/dist/components/content-display/lightbox/lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.js","sourceRoot":"","sources":["../../../../src/components/content-display/lightbox/lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,OAAO;QACnB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,GAAG;KACZ,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,GAAG,MAAM,EACnB,cAAc,GAAG,IAAI,GACN,EAAE,EAAE;IACnB,MAAM,YAAY,GAAkB;QACnC,KAAK;QACL,KAAK;QACL,WAAW;QACX,MAAM;QACN,OAAO;QACP,UAAU;QACV,UAAU;QACV,cAAc;KACd,CAAC;IAEF,OAAO,CACN,KAAC,gBAAgB,IAAC,KAAK,EAAE,YAAY,YACpC,KAAC,cAAc,IAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACjF,KAAC,eAAe,KAAG,GACH,GACC,CACnB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/lightbox/lightbox.types.d.ts

@@ -0,0 +1,11 @@
+import { Prettify } from '../../../types';
+import { GalleryProps } from '../gallery';
+import { ModalProps } from '../../../components/ui';
+import { GalleryAppearanceOptions } from '../gallery/gallery.types';
+export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
+    /** Gallery Content Appearance @default `bare` */
+    appearance?: GalleryAppearanceOptions;
+    /** Control Auto-Width within track thumbnails @default `true` */
+    variableWidths?: boolean;
+}>;
+export type LightboxState = LightboxProps;

package/dist/components/content-display/lightbox/lightbox.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=lightbox.types.js.map

package/dist/components/content-display/lightbox/lightbox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.types.js","sourceRoot":"","sources":["../../../../src/components/content-display/lightbox/lightbox.types.ts"],"names":[],"mappings":""}

package/dist/components/{ui → content-display}/tab-view/components/tab-item-content.d.ts

@@ -1,5 +1,6 @@
+import { TabItemId } from '../tab-view.types';
 type TabItemContentProps = {
-    itemId: string;
+    itemId: TabItemId;
 };
 export declare const TabItemContent: ({ itemId }: TabItemContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};