@flipdish/ui-library 0.31.0 → 0.31.1

package/dist/components/organisms/HeaderNavigation/components/nav-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-list.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/nav-list.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAkBO,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAgB,KAAI;IACrF,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC;IACnD,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,CAAC,IAAsC,KAAK,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC;AAChG,IAAA,MAAM,aAAa,GAAG,CAAC,MAAwC,EAAE,GAAmB,KAAK,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC;IAElI,QACEA,YAAI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB;;AAEE,gBAAAA,GAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAC5CA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,CAAG,EAAA,EADvD,KAAK,CAET;YAET;AAEA,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;;gBAEtB,QACEC,IAAA,CAAA,SAAA,EAAA,EAA0B,IAAI,EAAE,UAAU,KAAK,IAAI,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtFD,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,aAAa,EAAA,aAAA,EAAc,UAAU,CAAC,IAAI,CAAC,EAAA,QAAA,EAC/G,IAAI,CAAC,KAAK,EAAA,CACC,EAEdA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EACjB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,MACxBA,GAAA,CAAA,IAAA,EAAA,EAA0B,SAAS,EAAC,SAAS,EAAA,QAAA,EAC3CA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,SAAS,CAAC,IAAI,KAAK,UAAU,EAAA,aAAA,EACzB,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAE1C,SAAS,CAAC,KAAK,EAAA,CACJ,EAAA,EATP,SAAS,CAAC,KAAK,CAUnB,CACN,CAAC,EAAA,CACC,EAAA,CACF,CAAA,EAAA,EArBO,IAAI,CAAC,KAAK,CAsBd;YAEd;YAEA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,OAAO,YACpCA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,EAAA,aAAA,EACpB,UAAU,CAAC,IAAI,CAAC,EAAA,QAAA,EAE5B,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAVP,IAAI,CAAC,KAAK,CAWd;QAET,CAAC,CAAC,EAAA,CACC;AAET;;;;"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var React = require('react');
-var imagePicker_utils = require('../imagePicker.utils.cjs');
-
-const ImageColorPickerContext = React.createContext(null);
-const ImageColorPickerProvider = ImageColorPickerContext.Provider;
-const useImageColorPicker = () => {
-    const ctx = React.useContext(ImageColorPickerContext);
-    if (!ctx)
-        throw new Error('useImageColorPicker must be used within <ColorPicker.ImageProvider>');
-    return ctx;
-};
-/** Create image actions from a setState function. */
-const createImageActions = (setState) => ({
-    setImageFile: (file) => setState((s) => ({ ...s, imageFile: file })),
-    setFillMode: (mode) => setState((s) => ({ ...s, imageFillMode: mode })),
-    setAdjustments: (adjustments) => setState((s) => ({ ...s, imageAdjustments: adjustments })),
-    resetAdjustments: () => setState((s) => ({ ...s, imageAdjustments: imagePicker_utils.DEFAULT_ADJUSTMENTS })),
-    rotateImage: () => setState((s) => ({ ...s, imageRotation: (s.imageRotation + 90) % 360 })),
-});
-/** Image color state provider. */
-const ImageProvider = ({ onImageChange, onAdjustmentsChange, children, 'data-testid': dataTestId }) => {
-    const [state, setState] = React.useState(() => ({
-        imageFile: null,
-        imageFillMode: 'fill',
-        imageAdjustments: imagePicker_utils.DEFAULT_ADJUSTMENTS,
-        imageRotation: 0,
-    }));
-    const actions = React.useMemo(() => createImageActions(setState), []);
-    const prev = React.useRef(state);
-    React.useEffect(() => {
-        if (state.imageFile !== prev.current.imageFile)
-            onImageChange?.(state.imageFile);
-        if (state.imageAdjustments !== prev.current.imageAdjustments)
-            onAdjustmentsChange?.(state.imageAdjustments);
-        prev.current = state;
-    });
-    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'image-picker', rootName: 'image-picker' });
-    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(ImageColorPickerProvider, { value: { state, actions }, children: children }) }));
-};
-
-exports.ImageColorPickerProvider = ImageColorPickerProvider;
-exports.ImageProvider = ImageProvider;
-exports.createImageActions = createImageActions;
-exports.useImageColorPicker = useImageColorPicker;
-//# sourceMappingURL=image-picker-context.cjs.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-picker-context.cjs","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["createContext","useContext","DEFAULT_ADJUSTMENTS","useState","useMemo","useRef","useEffect","useResolvedTestId","_jsx","TestIdProvider"],"mappings":";;;;;;;AAuCA,MAAM,uBAAuB,GAAGA,mBAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAGC,gBAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAEC,qCAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAiBD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAsB,KAAI;IAC/H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAED,qCAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAGE,aAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAC,KAAK,CAAC;IAC1BC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAE/G,QACEC,eAACC,0BAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BD,cAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAG,QAAQ,EAAA,CAA4B,EAAA,CAC3E;AAErB;;;;;;;"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts

@@ -1,51 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ImageAdjustments, ImageFillMode } from '../imagePicker.utils';
-/** Image color picker state. */
-export interface ImageColorPickerState {
-    /** User-selected image file, or null. */
-    imageFile: File | null;
-    /** How the image is displayed (fill, fit, crop, tile). */
-    imageFillMode: ImageFillMode;
-    /** Image adjustment values (exposure, contrast, etc.). */
-    imageAdjustments: ImageAdjustments;
-    /** Image rotation in degrees (0, 90, 180, 270). */
-    imageRotation: number;
-}
-/** Actions for the image color picker. */
-export interface ImageColorPickerActions {
-    /** Set or clear the image file. */
-    setImageFile: (file: File | null) => void;
-    /** Set how the image is displayed (fill, fit, crop, tile). */
-    setFillMode: (mode: ImageFillMode) => void;
-    /** Set image adjustment values (exposure, contrast, etc.). */
-    setAdjustments: (adjustments: ImageAdjustments) => void;
-    /** Reset all image adjustments to their defaults. */
-    resetAdjustments: () => void;
-    /** Rotate the image 90° clockwise. */
-    rotateImage: () => void;
-}
-export interface ImageColorPickerContextValue {
-    state: ImageColorPickerState;
-    actions: ImageColorPickerActions;
-}
-export declare const ImageColorPickerProvider: import("react").Provider<ImageColorPickerContextValue | null>;
-export declare const useImageColorPicker: () => ImageColorPickerContextValue;
-/** Create image actions from a setState function. */
-export declare const createImageActions: (setState: React.Dispatch<React.SetStateAction<ImageColorPickerState>>) => ImageColorPickerActions;
-/** Props for the image color state provider. */
-export interface ImageProviderProps {
-    /** Called when an image file is selected or cleared. */
-    onImageChange?: (file: File | null) => void;
-    /** Called when image adjustments change. */
-    onAdjustmentsChange?: (adjustments: ImageAdjustments) => void;
-    children: ReactNode;
-    /**
-     * Overrides the derived root `data-testid` (defaults to `fd-image-picker`).
-     * `ImagePicker.FillModeSelect` and `ImagePicker.AdjustmentSliders` derive their
-     * ids from this prefix.
-     */
-    'data-testid'?: string;
-}
-/** Image color state provider. */
-export declare const ImageProvider: ({ onImageChange, onAdjustmentsChange, children, "data-testid": dataTestId }: ImageProviderProps) => import("react").JSX.Element;
-//# sourceMappingURL=image-picker-context.d.ts.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-picker-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG5E,gCAAgC;AAChC,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,0DAA0D;IAC1D,aAAa,EAAE,aAAa,CAAC;IAC7B,0DAA0D;IAC1D,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,0CAA0C;AAC1C,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,8DAA8D;IAC9D,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,8DAA8D;IAC9D,cAAc,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,qDAAqD;IACrD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sCAAsC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,uBAAuB,CAAC;CAClC;AAGD,eAAO,MAAM,wBAAwB,+DAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,QAAO,4BAItC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,GAAI,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,KAAG,uBAMzG,CAAC;AAEH,gDAAgD;AAChD,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kCAAkC;AAClC,eAAO,MAAM,aAAa,GAAI,6EAA6E,kBAAkB,gCAuB5H,CAAC"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.js

@@ -1,44 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
-import { createContext, useState, useMemo, useRef, useEffect, useContext } from 'react';
-import { DEFAULT_ADJUSTMENTS } from '../imagePicker.utils.js';
-
-const ImageColorPickerContext = createContext(null);
-const ImageColorPickerProvider = ImageColorPickerContext.Provider;
-const useImageColorPicker = () => {
-    const ctx = useContext(ImageColorPickerContext);
-    if (!ctx)
-        throw new Error('useImageColorPicker must be used within <ColorPicker.ImageProvider>');
-    return ctx;
-};
-/** Create image actions from a setState function. */
-const createImageActions = (setState) => ({
-    setImageFile: (file) => setState((s) => ({ ...s, imageFile: file })),
-    setFillMode: (mode) => setState((s) => ({ ...s, imageFillMode: mode })),
-    setAdjustments: (adjustments) => setState((s) => ({ ...s, imageAdjustments: adjustments })),
-    resetAdjustments: () => setState((s) => ({ ...s, imageAdjustments: DEFAULT_ADJUSTMENTS })),
-    rotateImage: () => setState((s) => ({ ...s, imageRotation: (s.imageRotation + 90) % 360 })),
-});
-/** Image color state provider. */
-const ImageProvider = ({ onImageChange, onAdjustmentsChange, children, 'data-testid': dataTestId }) => {
-    const [state, setState] = useState(() => ({
-        imageFile: null,
-        imageFillMode: 'fill',
-        imageAdjustments: DEFAULT_ADJUSTMENTS,
-        imageRotation: 0,
-    }));
-    const actions = useMemo(() => createImageActions(setState), []);
-    const prev = useRef(state);
-    useEffect(() => {
-        if (state.imageFile !== prev.current.imageFile)
-            onImageChange?.(state.imageFile);
-        if (state.imageAdjustments !== prev.current.imageAdjustments)
-            onAdjustmentsChange?.(state.imageAdjustments);
-        prev.current = state;
-    });
-    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'image-picker', rootName: 'image-picker' });
-    return (jsx(TestIdProvider, { value: rootTestId, children: jsx(ImageColorPickerProvider, { value: { state, actions }, children: children }) }));
-};
-
-export { ImageColorPickerProvider, ImageProvider, createImageActions, useImageColorPicker };
-//# sourceMappingURL=image-picker-context.js.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-picker-context.js","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAuCA,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAiBD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAsB,KAAI;IAC/H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAE,mBAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAE/G,QACEA,IAAC,cAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BA,GAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAG,QAAQ,EAAA,CAA4B,EAAA,CAC3E;AAErB;;;;"}

package/dist/components/organisms/PageHeader/components/page-header-tab-nav.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Badge = require('@flipdish/ui-library/components/atoms/Badge');
-var Tabs = require('@flipdish/ui-library/components/molecules/Tabs');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var reactAriaComponents = require('react-aria-components');
-
-/**
- * Desktop section strip for `PageHeader`, styled via the Tabs class maps but rendered as a
- * `<nav>` rather than a `tablist`: react-aria always points a selected `tab`'s
- * `aria-controls` at a `tabpanel`, and the header never owns that content, so the
- * reference could not resolve (fails axe `aria-valid-attr-value`).
- */
-const PageHeaderTabNav = ({ tabs, selectedTab, onSelect, 'aria-label': ariaLabel, className, 'data-testid': testId, }) => (jsxRuntime.jsx("nav", { "aria-label": ariaLabel, "data-testid": testId, className: cx.cx('w-full', className), children: jsxRuntime.jsx("ul", { className: "relative flex gap-3 before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-border-secondary", children: tabs.map((tab) => {
-            const isSelected = tab.id === selectedTab;
-            const itemTestId = testIdUtils.joinTestId(testId, `tab-${testIdUtils.slugifyTestId(tab.id)}`);
-            const itemClassName = ({ isHovered, isFocusVisible, isDisabled }) => cx.cx('z-10 flex h-max cursor-pointer items-center justify-center whitespace-nowrap text-quaternary transition duration-100 ease-linear', Tabs.tabSizes.sm.base, Tabs.tabSizes.sm.underline, Tabs.getTabStyles({ isSelected, isHovered, isFocusVisible }).underline, isDisabled && 'cursor-not-allowed opacity-50');
-            const content = ({ isHovered }) => (jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 px-0.5", children: [tab.label, tab.badge !== undefined && (jsxRuntime.jsx(Badge.Badge, { size: "sm", type: "pill-color", color: isHovered || isSelected ? 'brand' : 'gray', className: "-my-px transition-inherit-all", children: tab.badge }))] }));
-            return (jsxRuntime.jsx("li", { className: "flex", children: tab.href ? (jsxRuntime.jsx(reactAriaComponents.Link, { href: tab.href, isDisabled: tab.isDisabled, "aria-current": isSelected ? 'page' : undefined, className: itemClassName, onPress: () => onSelect(tab.id), "data-testid": itemTestId, children: content })) : (jsxRuntime.jsx(reactAriaComponents.Button, { isDisabled: tab.isDisabled, "aria-current": isSelected ? 'true' : undefined, className: itemClassName, onPress: () => onSelect(tab.id), "data-testid": itemTestId, children: content })) }, tab.id));
-        }) }) }));
-
-exports.PageHeaderTabNav = PageHeaderTabNav;
-//# sourceMappingURL=page-header-tab-nav.cjs.map

package/dist/components/organisms/PageHeader/components/page-header-tab-nav.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-tab-nav.cjs","sources":["../../../../../src/components/organisms/PageHeader/components/page-header-tab-nav.tsx"],"sourcesContent":[null],"names":["_jsx","cx","joinTestId","slugifyTestId","tabSizes","getTabStyles","_jsxs","Badge","AriaLink","AriaButton"],"mappings":";;;;;;;;;AAwBA;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,aAAa,EAAE,MAAM,GACC,MACtBA,sCAAiB,SAAS,EAAA,aAAA,EAAe,MAAM,EAAE,SAAS,EAAEC,KAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,QAAA,EACjFD,uBAAI,SAAS,EAAC,6GAA6G,EAAA,QAAA,EACxH,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AAChB,YAAA,MAAM,UAAU,GAAG,GAAG,CAAC,EAAE,KAAK,WAAW;AACzC,YAAA,MAAM,UAAU,GAAGE,sBAAU,CAAC,MAAM,EAAE,CAAA,IAAA,EAAOC,yBAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA,CAAE,CAAC;YAErE,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAoB,KAChFF,KAAE,CACA,kIAAkI,EAClIG,aAAQ,CAAC,EAAE,CAAC,IAAI,EAChBA,aAAQ,CAAC,EAAE,CAAC,SAAS,EACrBC,iBAAY,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC,SAAS,EACjE,UAAU,IAAI,+BAA+B,CAC9C;AAEH,YAAA,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAuC,MACjEC,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/C,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,KAAK,KAAK,SAAS,KACtBN,cAAA,CAACO,WAAK,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,SAAS,IAAI,UAAU,GAAG,OAAO,GAAG,MAAM,EAAE,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAC5H,GAAG,CAAC,KAAK,EAAA,CACJ,CACT,CAAA,EAAA,CACI,CACR;YAED,QACEP,cAAA,CAAA,IAAA,EAAA,EAAiB,SAAS,EAAC,MAAM,YAC9B,GAAG,CAAC,IAAI,IACPA,cAAA,CAACQ,wBAAQ,EAAA,EACP,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,UAAU,EAAE,GAAG,CAAC,UAAU,EAAA,cAAA,EACZ,UAAU,GAAG,MAAM,GAAG,SAAS,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAA,aAAA,EAClB,UAAU,EAAA,QAAA,EAEtB,OAAO,EAAA,CACC,KAEXR,cAAA,CAACS,0BAAU,EAAA,EACT,UAAU,EAAE,GAAG,CAAC,UAAU,EAAA,cAAA,EACZ,UAAU,GAAG,MAAM,GAAG,SAAS,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAA,aAAA,EAClB,UAAU,EAAA,QAAA,EAEtB,OAAO,EAAA,CACG,CACd,EAAA,EAtBM,GAAG,CAAC,EAAE,CAuBV;AAET,QAAA,CAAC,CAAC,EAAA,CACC,EAAA,CACD;;;;"}

package/dist/components/organisms/PageHeader/components/page-header-tab-nav.d.ts

@@ -1,19 +0,0 @@
-import type { PageHeaderTab } from '../index';
-interface PageHeaderTabNavProps {
-    tabs: PageHeaderTab[];
-    selectedTab: string;
-    onSelect: (id: string) => void;
-    /** Accessible name for the `<nav>` landmark. */
-    'aria-label': string;
-    className?: string;
-    'data-testid': string;
-}
-/**
- * Desktop section strip for `PageHeader`, styled via the Tabs class maps but rendered as a
- * `<nav>` rather than a `tablist`: react-aria always points a selected `tab`'s
- * `aria-controls` at a `tabpanel`, and the header never owns that content, so the
- * reference could not resolve (fails axe `aria-valid-attr-value`).
- */
-export declare const PageHeaderTabNav: ({ tabs, selectedTab, onSelect, "aria-label": ariaLabel, className, "data-testid": testId, }: PageHeaderTabNavProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=page-header-tab-nav.d.ts.map

package/dist/components/organisms/PageHeader/components/page-header-tab-nav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-tab-nav.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/PageHeader/components/page-header-tab-nav.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,qBAAqB;IAC7B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAQD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,6FAO9B,qBAAqB,gCAwDvB,CAAC"}

package/dist/components/organisms/PageHeader/components/page-header-tab-nav.js

@@ -1,23 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Badge } from '@flipdish/ui-library/components/atoms/Badge';
-import { tabSizes, getTabStyles } from '@flipdish/ui-library/components/molecules/Tabs';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { Link, Button } from 'react-aria-components';
-
-/**
- * Desktop section strip for `PageHeader`, styled via the Tabs class maps but rendered as a
- * `<nav>` rather than a `tablist`: react-aria always points a selected `tab`'s
- * `aria-controls` at a `tabpanel`, and the header never owns that content, so the
- * reference could not resolve (fails axe `aria-valid-attr-value`).
- */
-const PageHeaderTabNav = ({ tabs, selectedTab, onSelect, 'aria-label': ariaLabel, className, 'data-testid': testId, }) => (jsx("nav", { "aria-label": ariaLabel, "data-testid": testId, className: cx('w-full', className), children: jsx("ul", { className: "relative flex gap-3 before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-border-secondary", children: tabs.map((tab) => {
-            const isSelected = tab.id === selectedTab;
-            const itemTestId = joinTestId(testId, `tab-${slugifyTestId(tab.id)}`);
-            const itemClassName = ({ isHovered, isFocusVisible, isDisabled }) => cx('z-10 flex h-max cursor-pointer items-center justify-center whitespace-nowrap text-quaternary transition duration-100 ease-linear', tabSizes.sm.base, tabSizes.sm.underline, getTabStyles({ isSelected, isHovered, isFocusVisible }).underline, isDisabled && 'cursor-not-allowed opacity-50');
-            const content = ({ isHovered }) => (jsxs("span", { className: "flex items-center gap-1.5 px-0.5", children: [tab.label, tab.badge !== undefined && (jsx(Badge, { size: "sm", type: "pill-color", color: isHovered || isSelected ? 'brand' : 'gray', className: "-my-px transition-inherit-all", children: tab.badge }))] }));
-            return (jsx("li", { className: "flex", children: tab.href ? (jsx(Link, { href: tab.href, isDisabled: tab.isDisabled, "aria-current": isSelected ? 'page' : undefined, className: itemClassName, onPress: () => onSelect(tab.id), "data-testid": itemTestId, children: content })) : (jsx(Button, { isDisabled: tab.isDisabled, "aria-current": isSelected ? 'true' : undefined, className: itemClassName, onPress: () => onSelect(tab.id), "data-testid": itemTestId, children: content })) }, tab.id));
-        }) }) }));
-
-export { PageHeaderTabNav };
-//# sourceMappingURL=page-header-tab-nav.js.map

package/dist/components/organisms/PageHeader/components/page-header-tab-nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-tab-nav.js","sources":["../../../../../src/components/organisms/PageHeader/components/page-header-tab-nav.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaLink","AriaButton"],"mappings":";;;;;;;AAwBA;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,aAAa,EAAE,MAAM,GACC,MACtBA,2BAAiB,SAAS,EAAA,aAAA,EAAe,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,QAAA,EACjFA,YAAI,SAAS,EAAC,6GAA6G,EAAA,QAAA,EACxH,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AAChB,YAAA,MAAM,UAAU,GAAG,GAAG,CAAC,EAAE,KAAK,WAAW;AACzC,YAAA,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,EAAE,CAAA,IAAA,EAAO,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA,CAAE,CAAC;YAErE,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAoB,KAChF,EAAE,CACA,kIAAkI,EAClI,QAAQ,CAAC,EAAE,CAAC,IAAI,EAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EACrB,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC,SAAS,EACjE,UAAU,IAAI,+BAA+B,CAC9C;AAEH,YAAA,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAuC,MACjEC,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/C,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,KAAK,KAAK,SAAS,KACtBD,GAAA,CAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,SAAS,IAAI,UAAU,GAAG,OAAO,GAAG,MAAM,EAAE,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAC5H,GAAG,CAAC,KAAK,EAAA,CACJ,CACT,CAAA,EAAA,CACI,CACR;YAED,QACEA,GAAA,CAAA,IAAA,EAAA,EAAiB,SAAS,EAAC,MAAM,YAC9B,GAAG,CAAC,IAAI,IACPA,GAAA,CAACE,IAAQ,EAAA,EACP,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,UAAU,EAAE,GAAG,CAAC,UAAU,EAAA,cAAA,EACZ,UAAU,GAAG,MAAM,GAAG,SAAS,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAA,aAAA,EAClB,UAAU,EAAA,QAAA,EAEtB,OAAO,EAAA,CACC,KAEXF,GAAA,CAACG,MAAU,EAAA,EACT,UAAU,EAAE,GAAG,CAAC,UAAU,EAAA,cAAA,EACZ,UAAU,GAAG,MAAM,GAAG,SAAS,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAA,aAAA,EAClB,UAAU,EAAA,QAAA,EAEtB,OAAO,EAAA,CACG,CACd,EAAA,EAtBM,GAAG,CAAC,EAAE,CAuBV;AAET,QAAA,CAAC,CAAC,EAAA,CACC,EAAA,CACD;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-content.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-
-/** The scrolling body. It takes the height the header and footer leave. */
-const SidePanelContent = ({ className, 'data-testid': dataTestId, ...props }) => {
-    const prefix = testIdUtils.useTestIdPrefix();
-    return (jsxRuntime.jsx("div", { ...props, "data-testid": dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'content') : undefined), className: cx.cx('flex min-h-0 w-full flex-1 flex-col gap-6 overflow-y-auto px-4 lg:px-6', className) }));
-};
-SidePanelContent.displayName = 'SidePanelContent';
-
-exports.SidePanelContent = SidePanelContent;
-//# sourceMappingURL=side-panel-content.cjs.map

package/dist/components/organisms/SidePanel/components/side-panel-content.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-content.cjs","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-content.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","_jsx","joinTestId","cx"],"mappings":";;;;;;AAWA;AACO,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAyB,KAAI;AAC5G,IAAA,MAAM,MAAM,GAAGA,2BAAe,EAAE;AAEhC,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EAAA,aAAA,EACI,UAAU,KAAK,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC,EAC/E,SAAS,EAAEC,KAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,EAAA,CAClG;AAEN;AACA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-content.d.ts

@@ -1,11 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-export type SidePanelContentProps = ComponentPropsWithRef<'div'> & {
-    /** Overrides the content's `data-testid` (defaults to `<root>--content`). */
-    'data-testid'?: string;
-};
-/** The scrolling body. It takes the height the header and footer leave. */
-export declare const SidePanelContent: {
-    ({ className, "data-testid": dataTestId, ...props }: SidePanelContentProps): import("react").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=side-panel-content.d.ts.map

package/dist/components/organisms/SidePanel/components/side-panel-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-content.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACjE,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB;yDAAwD,qBAAqB;;CAUzG,CAAC"}

package/dist/components/organisms/SidePanel/components/side-panel-content.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-
-/** The scrolling body. It takes the height the header and footer leave. */
-const SidePanelContent = ({ className, 'data-testid': dataTestId, ...props }) => {
-    const prefix = useTestIdPrefix();
-    return (jsx("div", { ...props, "data-testid": dataTestId ?? (prefix ? joinTestId(prefix, 'content') : undefined), className: cx('flex min-h-0 w-full flex-1 flex-col gap-6 overflow-y-auto px-4 lg:px-6', className) }));
-};
-SidePanelContent.displayName = 'SidePanelContent';
-
-export { SidePanelContent };
-//# sourceMappingURL=side-panel-content.js.map

package/dist/components/organisms/SidePanel/components/side-panel-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-content.js","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-content.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAWA;AACO,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAyB,KAAI;AAC5G,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAEhC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EAAA,aAAA,EACI,UAAU,KAAK,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC,EAC/E,SAAS,EAAE,EAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,EAAA,CAClG;AAEN;AACA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-footer.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-
-/** Pinned actions under the content, such as a message input. */
-const SidePanelFooter = ({ className, 'data-testid': dataTestId, ...props }) => {
-    const prefix = testIdUtils.useTestIdPrefix();
-    return (jsxRuntime.jsx("footer", { ...props, "data-testid": dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'footer') : undefined), className: cx.cx('w-full px-4 pb-4 lg:px-6 lg:pb-5', className) }));
-};
-SidePanelFooter.displayName = 'SidePanelFooter';
-
-exports.SidePanelFooter = SidePanelFooter;
-//# sourceMappingURL=side-panel-footer.cjs.map

package/dist/components/organisms/SidePanel/components/side-panel-footer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-footer.cjs","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-footer.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","_jsx","joinTestId","cx"],"mappings":";;;;;;AAWA;AACO,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAwB,KAAI;AAC1G,IAAA,MAAM,MAAM,GAAGA,2BAAe,EAAE;AAEhC,IAAA,QACEC,cAAA,CAAA,QAAA,EAAA,EAAA,GACM,KAAK,EAAA,aAAA,EACI,UAAU,KAAK,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAC9E,SAAS,EAAEC,KAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAAA,CAC5D;AAEN;AACA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-footer.d.ts

@@ -1,11 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-export type SidePanelFooterProps = ComponentPropsWithRef<'footer'> & {
-    /** Overrides the footer's `data-testid` (defaults to `<root>--footer`). */
-    'data-testid'?: string;
-};
-/** Pinned actions under the content, such as a message input. */
-export declare const SidePanelFooter: {
-    ({ className, "data-testid": dataTestId, ...props }: SidePanelFooterProps): import("react").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=side-panel-footer.d.ts.map

package/dist/components/organisms/SidePanel/components/side-panel-footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-footer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IACnE,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,eAAe;yDAAwD,oBAAoB;;CAUvG,CAAC"}

package/dist/components/organisms/SidePanel/components/side-panel-footer.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-
-/** Pinned actions under the content, such as a message input. */
-const SidePanelFooter = ({ className, 'data-testid': dataTestId, ...props }) => {
-    const prefix = useTestIdPrefix();
-    return (jsx("footer", { ...props, "data-testid": dataTestId ?? (prefix ? joinTestId(prefix, 'footer') : undefined), className: cx('w-full px-4 pb-4 lg:px-6 lg:pb-5', className) }));
-};
-SidePanelFooter.displayName = 'SidePanelFooter';
-
-export { SidePanelFooter };
-//# sourceMappingURL=side-panel-footer.js.map

package/dist/components/organisms/SidePanel/components/side-panel-footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-footer.js","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAWA;AACO,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAwB,KAAI;AAC1G,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAEhC,IAAA,QACEA,GAAA,CAAA,QAAA,EAAA,EAAA,GACM,KAAK,EAAA,aAAA,EACI,UAAU,KAAK,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAC9E,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAAA,CAC5D;AAEN;AACA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-header.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var React = require('react');
-var sidePanelContext = require('../providers/side-panel-context.cjs');
-
-/** Title area with a close button, which closes the panel unless `onClose` is passed. */
-const SidePanelHeader = ({ className, children, onClose, closeLabel, 'data-testid': dataTestId, ...props }) => {
-    const panel = React.useContext(sidePanelContext.SidePanelContext);
-    const prefix = testIdUtils.useTestIdPrefix();
-    return (jsxRuntime.jsxs("header", { ...props, "data-testid": dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'header') : undefined), className: cx.cx('relative w-full px-4 pt-6 pb-8 lg:px-6', className), children: [children, jsxRuntime.jsx(CloseButton.CloseButton, { size: "md", label: closeLabel ?? (panel ? `Close ${panel.label}` : undefined), className: "absolute top-3 right-3 shrink-0", onClick: onClose ?? panel?.close, "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'close') : undefined })] }));
-};
-SidePanelHeader.displayName = 'SidePanelHeader';
-
-exports.SidePanelHeader = SidePanelHeader;
-//# sourceMappingURL=side-panel-header.cjs.map

package/dist/components/organisms/SidePanel/components/side-panel-header.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-header.cjs","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-header.tsx"],"sourcesContent":[null],"names":["useContext","SidePanelContext","useTestIdPrefix","_jsxs","joinTestId","cx","_jsx","CloseButton"],"mappings":";;;;;;;;;AAkBA;MACa,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAwB,KAAI;AACzI,IAAA,MAAM,KAAK,GAAGA,gBAAU,CAACC,iCAAgB,CAAC;AAC1C,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;AAEhC,IAAA,QACEC,eAAA,CAAA,QAAA,EAAA,EAAA,GACM,KAAK,iBACI,UAAU,KAAK,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAC9E,SAAS,EAAEC,KAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEjE,QAAQ,EACTC,cAAA,CAACC,uBAAW,IACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,UAAU,KAAK,KAAK,GAAG,SAAS,KAAK,CAAC,KAAK,CAAA,CAAE,GAAG,SAAS,CAAC,EACjE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,EAAA,aAAA,EACnB,MAAM,GAAGH,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,CAC7D,CAAA,EAAA,CACK;AAEb;AACA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-header.d.ts

@@ -1,15 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-export interface SidePanelHeaderProps extends ComponentPropsWithRef<'header'> {
-    /** Runs instead of closing the panel when the close button is pressed. */
-    onClose?: () => void;
-    /** Accessible name of the close button. Defaults to "Close" followed by the panel's `aria-label`. */
-    closeLabel?: string;
-    /** Overrides the header's `data-testid` (defaults to `<root>--header`). */
-    'data-testid'?: string;
-}
-/** Title area with a close button, which closes the panel unless `onClose` is passed. */
-export declare const SidePanelHeader: {
-    ({ className, children, onClose, closeLabel, "data-testid": dataTestId, ...props }: SidePanelHeaderProps): import("react").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=side-panel-header.d.ts.map

package/dist/components/organisms/SidePanel/components/side-panel-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-header.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-header.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IAC3E,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qGAAqG;IACrG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,eAAO,MAAM,eAAe;wFAAuF,oBAAoB;;CAoBtI,CAAC"}

package/dist/components/organisms/SidePanel/components/side-panel-header.js

@@ -1,17 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { useContext } from 'react';
-import { SidePanelContext } from '../providers/side-panel-context.js';
-
-/** Title area with a close button, which closes the panel unless `onClose` is passed. */
-const SidePanelHeader = ({ className, children, onClose, closeLabel, 'data-testid': dataTestId, ...props }) => {
-    const panel = useContext(SidePanelContext);
-    const prefix = useTestIdPrefix();
-    return (jsxs("header", { ...props, "data-testid": dataTestId ?? (prefix ? joinTestId(prefix, 'header') : undefined), className: cx('relative w-full px-4 pt-6 pb-8 lg:px-6', className), children: [children, jsx(CloseButton, { size: "md", label: closeLabel ?? (panel ? `Close ${panel.label}` : undefined), className: "absolute top-3 right-3 shrink-0", onClick: onClose ?? panel?.close, "data-testid": prefix ? joinTestId(prefix, 'close') : undefined })] }));
-};
-SidePanelHeader.displayName = 'SidePanelHeader';
-
-export { SidePanelHeader };
-//# sourceMappingURL=side-panel-header.js.map

package/dist/components/organisms/SidePanel/components/side-panel-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-header.js","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-header.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkBA;MACa,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAwB,KAAI;AACzI,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC;AAC1C,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAEhC,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EAAA,GACM,KAAK,iBACI,UAAU,KAAK,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAC9E,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEjE,QAAQ,EACTC,GAAA,CAAC,WAAW,IACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,UAAU,KAAK,KAAK,GAAG,SAAS,KAAK,CAAC,KAAK,CAAA,CAAE,GAAG,SAAS,CAAC,EACjE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,EAAA,aAAA,EACnB,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,CAC7D,CAAA,EAAA,CACK;AAEb;AACA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-region.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var react = require('motion/react');
-var React = require('react');
-var usePanelFocus = require('../hooks/usePanelFocus.cjs');
-
-/** Width of the panel from `lg` in pixels. Matches `w-100`. Below `lg` the panel is as wide as the page. */
-const SIDE_PANEL_WIDTH = 400;
-const SPRING = { type: 'spring', damping: 26, stiffness: 220, bounce: 0 };
-const DOCKED = {
-    closed: { width: 0, x: 0 },
-    open: { width: SIDE_PANEL_WIDTH, x: 0 },
-};
-const FULL_PAGE = {
-    closed: { width: '100%', x: '100%' },
-    open: { width: '100%', x: 0 },
-};
-/** The rendered region. A component of its own so it can tell, while animating out, that it is leaving. */
-const SidePanelRegion = ({ 'aria-label': ariaLabel, children, className, testId, isDesktop, shouldFocusOnMount }) => {
-    const panelRef = React.useRef(null);
-    const isPresent = react.useIsPresent();
-    const shouldReduceMotion = react.useReducedMotion();
-    const { onFocusCapture } = usePanelFocus.usePanelFocus({ panelRef, isPresent, isDesktop, shouldFocusOnMount });
-    // Crossing the breakpoint while open swaps the layout at once; only opening and closing animate.
-    const previousIsDesktop = React.useRef(isDesktop);
-    const hasCrossedBreakpoint = previousIsDesktop.current !== isDesktop;
-    React.useEffect(() => {
-        previousIsDesktop.current = isDesktop;
-    }, [isDesktop]);
-    const motionStates = isDesktop ? DOCKED : FULL_PAGE;
-    return (jsxRuntime.jsx(react.motion.aside, { ref: panelRef, "aria-label": ariaLabel, "data-testid": testId, 
-        // Focusable by script only, so opening can land on the region without adding a tab stop.
-        tabIndex: -1, onFocusCapture: onFocusCapture, initial: motionStates.closed, animate: motionStates.open, exit: motionStates.closed, transition: shouldReduceMotion || hasCrossedBreakpoint ? { duration: 0 } : SPRING, 
-        // overflow-hidden clips the fixed-width content while the panel's own width animates.
-        className: cx.cx('flex h-full min-h-0 shrink-0 overflow-hidden bg-secondary outline-focus-ring focus-visible:outline-2 focus-visible:-outline-offset-2', !isDesktop && 'absolute inset-y-0 right-0 z-10', className), children: jsxRuntime.jsx("div", { className: cx.cx('flex h-full shrink-0 flex-col', isDesktop ? 'w-100 border-l border-secondary' : 'w-full'), children: children }) }));
-};
-
-exports.SIDE_PANEL_WIDTH = SIDE_PANEL_WIDTH;
-exports.SidePanelRegion = SidePanelRegion;
-//# sourceMappingURL=side-panel-region.cjs.map

package/dist/components/organisms/SidePanel/components/side-panel-region.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-region.cjs","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-region.tsx"],"sourcesContent":[null],"names":["useRef","useIsPresent","useReducedMotion","usePanelFocus","useEffect","_jsx","motion","cx"],"mappings":";;;;;;;;AAQA;AACO,MAAM,gBAAgB,GAAG;AAEhC,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAW;AAElF,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1B,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE;CAC/B;AAEV,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE;IACpC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE;CACrB;AAWV;MACa,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAwB,KAAI;AAC/I,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAc,IAAI,CAAC;AAC1C,IAAA,MAAM,SAAS,GAAGC,kBAAY,EAAE;AAChC,IAAA,MAAM,kBAAkB,GAAGC,sBAAgB,EAAE;AAC7C,IAAA,MAAM,EAAE,cAAc,EAAE,GAAGC,2BAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;;AAGhG,IAAA,MAAM,iBAAiB,GAAGH,YAAM,CAAC,SAAS,CAAC;AAC3C,IAAA,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,OAAO,KAAK,SAAS;IACpEI,eAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,OAAO,GAAG,SAAS;AACvC,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;AAEnD,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,GAAG,EAAE,QAAQ,EAAA,YAAA,EACD,SAAS,EAAA,aAAA,EACR,MAAM;;AAEnB,QAAA,QAAQ,EAAE,EAAE,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,YAAY,CAAC,MAAM,EAC5B,OAAO,EAAE,YAAY,CAAC,IAAI,EAC1B,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,UAAU,EAAE,kBAAkB,IAAI,oBAAoB,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,MAAM;;AAEjF,QAAA,SAAS,EAAEC,KAAE,CACX,sIAAsI,EACtI,CAAC,SAAS,IAAI,iCAAiC,EAC/C,SAAS,CACV,EAAA,QAAA,EAGDF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,KAAE,CAAC,+BAA+B,EAAE,SAAS,GAAG,iCAAiC,GAAG,QAAQ,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CAClH;AAEnB;;;;;"}

package/dist/components/organisms/SidePanel/components/side-panel-region.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-/** Width of the panel from `lg` in pixels. Matches `w-100`. Below `lg` the panel is as wide as the page. */
-export declare const SIDE_PANEL_WIDTH = 400;
-interface SidePanelRegionProps {
-    'aria-label': string;
-    children: ReactNode;
-    className?: string;
-    testId: string;
-    isDesktop: boolean;
-    shouldFocusOnMount: boolean;
-}
-/** The rendered region. A component of its own so it can tell, while animating out, that it is leaving. */
-export declare const SidePanelRegion: ({ "aria-label": ariaLabel, children, className, testId, isDesktop, shouldFocusOnMount }: SidePanelRegionProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=side-panel-region.d.ts.map

package/dist/components/organisms/SidePanel/components/side-panel-region.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-region.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-region.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,4GAA4G;AAC5G,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAcpC,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,2GAA2G;AAC3G,eAAO,MAAM,eAAe,GAAI,yFAAyF,oBAAoB,gCAsC5I,CAAC"}

package/dist/components/organisms/SidePanel/components/side-panel-region.js

@@ -1,39 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useIsPresent, useReducedMotion, motion } from 'motion/react';
-import { useRef, useEffect } from 'react';
-import { usePanelFocus } from '../hooks/usePanelFocus.js';
-
-/** Width of the panel from `lg` in pixels. Matches `w-100`. Below `lg` the panel is as wide as the page. */
-const SIDE_PANEL_WIDTH = 400;
-const SPRING = { type: 'spring', damping: 26, stiffness: 220, bounce: 0 };
-const DOCKED = {
-    closed: { width: 0, x: 0 },
-    open: { width: SIDE_PANEL_WIDTH, x: 0 },
-};
-const FULL_PAGE = {
-    closed: { width: '100%', x: '100%' },
-    open: { width: '100%', x: 0 },
-};
-/** The rendered region. A component of its own so it can tell, while animating out, that it is leaving. */
-const SidePanelRegion = ({ 'aria-label': ariaLabel, children, className, testId, isDesktop, shouldFocusOnMount }) => {
-    const panelRef = useRef(null);
-    const isPresent = useIsPresent();
-    const shouldReduceMotion = useReducedMotion();
-    const { onFocusCapture } = usePanelFocus({ panelRef, isPresent, isDesktop, shouldFocusOnMount });
-    // Crossing the breakpoint while open swaps the layout at once; only opening and closing animate.
-    const previousIsDesktop = useRef(isDesktop);
-    const hasCrossedBreakpoint = previousIsDesktop.current !== isDesktop;
-    useEffect(() => {
-        previousIsDesktop.current = isDesktop;
-    }, [isDesktop]);
-    const motionStates = isDesktop ? DOCKED : FULL_PAGE;
-    return (jsx(motion.aside, { ref: panelRef, "aria-label": ariaLabel, "data-testid": testId, 
-        // Focusable by script only, so opening can land on the region without adding a tab stop.
-        tabIndex: -1, onFocusCapture: onFocusCapture, initial: motionStates.closed, animate: motionStates.open, exit: motionStates.closed, transition: shouldReduceMotion || hasCrossedBreakpoint ? { duration: 0 } : SPRING, 
-        // overflow-hidden clips the fixed-width content while the panel's own width animates.
-        className: cx('flex h-full min-h-0 shrink-0 overflow-hidden bg-secondary outline-focus-ring focus-visible:outline-2 focus-visible:-outline-offset-2', !isDesktop && 'absolute inset-y-0 right-0 z-10', className), children: jsx("div", { className: cx('flex h-full shrink-0 flex-col', isDesktop ? 'w-100 border-l border-secondary' : 'w-full'), children: children }) }));
-};
-
-export { SIDE_PANEL_WIDTH, SidePanelRegion };
-//# sourceMappingURL=side-panel-region.js.map

package/dist/components/organisms/SidePanel/components/side-panel-region.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-panel-region.js","sources":["../../../../../src/components/organisms/SidePanel/components/side-panel-region.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAQA;AACO,MAAM,gBAAgB,GAAG;AAEhC,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAW;AAElF,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1B,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE;CAC/B;AAEV,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE;IACpC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE;CACrB;AAWV;MACa,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAwB,KAAI;AAC/I,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAc,IAAI,CAAC;AAC1C,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,kBAAkB,GAAG,gBAAgB,EAAE;AAC7C,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;;AAGhG,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAC;AAC3C,IAAA,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,OAAO,KAAK,SAAS;IACpE,SAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,CAAC,OAAO,GAAG,SAAS;AACvC,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;AAEnD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,GAAG,EAAE,QAAQ,EAAA,YAAA,EACD,SAAS,EAAA,aAAA,EACR,MAAM;;AAEnB,QAAA,QAAQ,EAAE,EAAE,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,YAAY,CAAC,MAAM,EAC5B,OAAO,EAAE,YAAY,CAAC,IAAI,EAC1B,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,UAAU,EAAE,kBAAkB,IAAI,oBAAoB,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,MAAM;;AAEjF,QAAA,SAAS,EAAE,EAAE,CACX,sIAAsI,EACtI,CAAC,SAAS,IAAI,iCAAiC,EAC/C,SAAS,CACV,EAAA,QAAA,EAGDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,GAAG,iCAAiC,GAAG,QAAQ,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CAClH;AAEnB;;;;"}

package/dist/components/organisms/SidePanel/providers/page-cover-context.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/**
- * Lets the panel tell the layout around it that it is covering the page below `lg`, so the layout
- * can take the page out of reach. `AppShell` provides it; without a provider the panel calls nothing.
- */
-const PageCoverContext = React.createContext(undefined);
-
-exports.PageCoverContext = PageCoverContext;
-//# sourceMappingURL=page-cover-context.cjs.map

package/dist/components/organisms/SidePanel/providers/page-cover-context.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-cover-context.cjs","sources":["../../../../../src/components/organisms/SidePanel/providers/page-cover-context.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAIA;;;AAGG;MACU,gBAAgB,GAAGA,mBAAa,CAA6C,SAAS;;;;"}

package/dist/components/organisms/SidePanel/providers/page-cover-context.d.ts

@@ -1,6 +0,0 @@
-/**
- * Lets the panel tell the layout around it that it is covering the page below `lg`, so the layout
- * can take the page out of reach. `AppShell` provides it; without a provider the panel calls nothing.
- */
-export declare const PageCoverContext: import("react").Context<((isCovered: boolean) => void) | undefined>;
-//# sourceMappingURL=page-cover-context.d.ts.map

package/dist/components/organisms/SidePanel/providers/page-cover-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-cover-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/SidePanel/providers/page-cover-context.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,uCAA8B,OAAO,KAAK,IAAI,cAAyB,CAAC"}