@flamingo-stack/openframe-frontend-core 0.0.852 → 0.0.854

package/dist/hooks/index.cjs

@@ -61,7 +61,7 @@
 
 
 
-var _chunkUO2EJGRJcjs = require('../chunk-UO2EJGRJ.cjs');
+var _chunkUPQ4MAR7cjs = require('../chunk-UPQ4MAR7.cjs');
 
 
 var _chunk24I6RFVUcjs = require('../chunk-24I6RFVU.cjs');
@@ -70,7 +70,7 @@ var _chunk24I6RFVUcjs = require('../chunk-24I6RFVU.cjs');
 
 
 
-var _chunkIUDBG3HJcjs = require('../chunk-IUDBG3HJ.cjs');
+var _chunk5HMENXSRcjs = require('../chunk-5HMENXSR.cjs');
 require('../chunk-MZ4KBSH7.cjs');
 require('../chunk-OH5TXFRR.cjs');
 
@@ -84,14 +84,14 @@ require('../chunk-OH5TXFRR.cjs');
 
 
 
-var _chunkG7GF4PWAcjs = require('../chunk-G7GF4PWA.cjs');
+var _chunk2IJMHBOKcjs = require('../chunk-2IJMHBOK.cjs');
 
 
 
 
 
 
-var _chunkFW7RKWPYcjs = require('../chunk-FW7RKWPY.cjs');
+var _chunkJKBNK5U6cjs = require('../chunk-JKBNK5U6.cjs');
 require('../chunk-IGVAPIEW.cjs');
 require('../chunk-JKX2C3I2.cjs');
 require('../chunk-WWUSFOJ7.cjs');
@@ -109,9 +109,9 @@ var _chunkBLH2SFOOcjs = require('../chunk-BLH2SFOO.cjs');
 
 
 
-var _chunkUAI4VMEFcjs = require('../chunk-UAI4VMEF.cjs');
 
 
+var _chunkQD727QFIcjs = require('../chunk-QD727QFI.cjs');
 
 
 
@@ -119,7 +119,9 @@ var _chunkUAI4VMEFcjs = require('../chunk-UAI4VMEF.cjs');
 
 
 
-var _chunkCOWMXUHNcjs = require('../chunk-COWMXUHN.cjs');
+
+
+var _chunk4SSJ3T3Ncjs = require('../chunk-4SSJ3T3N.cjs');
 
 
 
@@ -254,4 +256,6 @@ require('../chunk-QDB2JO55.cjs');
 
 
 
-exports.AGENT_IDENTITIES_API_PATH = _chunkFX35L4Y6cjs.AGENT_IDENTITIES_API_PATH; exports.CONTENT_BREAKPOINTS = _chunkUAI4VMEFcjs.CONTENT_BREAKPOINTS; exports.ContentAreaWidthContext = _chunkUAI4VMEFcjs.ContentAreaWidthContext; exports.DRAG_AND_DROP_MEDIA_QUERY = _chunkIUDBG3HJcjs.DRAG_AND_DROP_MEDIA_QUERY; exports.GraphQLIntrospector = _chunkUO2EJGRJcjs.GraphQLIntrospector; exports.HOVER_MEDIA_QUERY = _chunkFW7RKWPYcjs.HOVER_MEDIA_QUERY; exports.MEASURE_LAYER_CLASS = _chunkFW7RKWPYcjs.MEASURE_LAYER_CLASS; exports.NEAR_VIEWPORT_ROOT_MARGIN = _chunkNTPX5GXIcjs.NEAR_VIEWPORT_ROOT_MARGIN; exports.PREFERS_REDUCED_MOTION_QUERY = _chunkG7GF4PWAcjs.PREFERS_REDUCED_MOTION_QUERY; exports.ViewportBreakpoints = _chunkUAI4VMEFcjs.ViewportBreakpoints; exports.batchFetchAuthenticatedImages = _chunkUO2EJGRJcjs.batchFetchAuthenticatedImages; exports.breakpoints = _chunkCOWMXUHNcjs.breakpoints; exports.clearAuthedAssetCache = _chunkYSDB6HGQcjs.clearAuthedAssetCache; exports.clearAuthedImageCache = _chunkCOWMXUHNcjs.clearAuthedImageCache; exports.clearVariablesParams = _chunkUO2EJGRJcjs.clearParams; exports.coerceValue = _chunkUO2EJGRJcjs.coerceValue; exports.completeFormRescue = _chunkUO2EJGRJcjs.completeFormRescue; exports.configureAuthenticatedImage = _chunkUO2EJGRJcjs.configureAuthenticatedImage; exports.configureBatchImageFetch = _chunkUO2EJGRJcjs.configureBatchImageFetch; exports.contentBreakpointFor = _chunkUAI4VMEFcjs.contentBreakpointFor; exports.createSearchParams = _chunkBLH2SFOOcjs.createSearchParams; exports.extractVariablesFromQuery = _chunkUO2EJGRJcjs.extractVariablesFromQuery; exports.flattenQueryVariables = _chunkUO2EJGRJcjs.flattenQueryVariables; exports.getArrayParams = _chunkUO2EJGRJcjs.getArrayParams; exports.getNestedValue = _chunkUO2EJGRJcjs.getNestedValue; exports.getRequiredParams = _chunkUO2EJGRJcjs.getRequiredParams; exports.introspector = _chunkUO2EJGRJcjs.introspector; exports.isInputObjectType = _chunkUO2EJGRJcjs.isInputObjectType; exports.isScalarType = _chunkUO2EJGRJcjs.isScalarType; exports.mergeDefaults = _chunkUO2EJGRJcjs.mergeDefaults; exports.mergeVariables = _chunkUO2EJGRJcjs.mergeVariables; exports.resetDownloadsStore = _chunkUO2EJGRJcjs.resetDownloadsStore; exports.resolveActiveSection = _chunkUO2EJGRJcjs.resolveActiveSection; exports.setNestedValue = _chunkUO2EJGRJcjs.setNestedValue; exports.shouldIncludeInUrl = _chunkBLH2SFOOcjs.shouldIncludeInUrl; exports.toast = _chunkUO2EJGRJcjs.toast; exports.urlParamsToVariables = _chunkUO2EJGRJcjs.urlParamsToVariables; exports.useAccessCodeIntegration = _chunkUO2EJGRJcjs.useAccessCodeIntegration; exports.useActiveSection = _chunkUO2EJGRJcjs.useActiveSection; exports.useAgentIdentities = _chunkFX35L4Y6cjs.useAgentIdentities; exports.useApiParams = _chunkUO2EJGRJcjs.useApiParams; exports.useAuthedAssetSrc = _chunkYSDB6HGQcjs.useAuthedAssetSrc; exports.useAuthedImageSrc = _chunkCOWMXUHNcjs.useAuthedImageSrc; exports.useAuthenticatedImage = _chunkUO2EJGRJcjs.useAuthenticatedImage; exports.useAutoLimitTags = _chunkFW7RKWPYcjs.useAutoLimitTags; exports.useAutoplay = _chunkG7GF4PWAcjs.useAutoplay; exports.useBatchImages = _chunkUO2EJGRJcjs.useBatchImages; exports.useClaudeMirrorSrc = _chunkUO2EJGRJcjs.useClaudeMirrorSrc; exports.useClippedLabelTooltip = _chunkFW7RKWPYcjs.useClippedLabelTooltip; exports.useContactSubmission = _chunkUO2EJGRJcjs.useContactSubmission; exports.useContentBreakpoint = _chunkUAI4VMEFcjs.useContentBreakpoint; exports.useContentLgUp = _chunkUAI4VMEFcjs.useContentLgUp; exports.useContentMdUp = _chunkUAI4VMEFcjs.useContentMdUp; exports.useCopyToClipboard = _chunkUO2EJGRJcjs.useCopyToClipboard; exports.useCursorPaginationState = _chunkUO2EJGRJcjs.useCursorPaginationState; exports.useDebounce = _chunkG7GF4PWAcjs.useDebounce; exports.useDeferredError = _chunkUO2EJGRJcjs.useDeferredError; exports.useDownloads = _chunkUO2EJGRJcjs.useDownloads; exports.useDragAndDropEnabled = _chunkIUDBG3HJcjs.useDragAndDropEnabled; exports.useFocusTrap = _chunkUO2EJGRJcjs.useFocusTrap; exports.useFormRescue = _chunkUO2EJGRJcjs.useFormRescue; exports.useHeaderHeight = _chunk24I6RFVUcjs.useHeaderHeight; exports.useHorizontalScrollbar = _chunkIUDBG3HJcjs.useHorizontalScrollbar; exports.useHumanitySignals = _chunkUO2EJGRJcjs.useHumanitySignals; exports.useImageEdgeColor = _chunkETZFBB7Ocjs.useImageEdgeColor; exports.useInView = _chunkG7GF4PWAcjs.useInView; exports.useIsTruncated = _chunkCOWMXUHNcjs.useIsTruncated; exports.useIsomorphicLayoutEffect = _chunkYSDB6HGQcjs.useIsomorphicLayoutEffect; exports.useKeyboardCollisionPadding = _chunkFW7RKWPYcjs.useKeyboardCollisionPadding; exports.useLgUp = _chunkCOWMXUHNcjs.useLgUp; exports.useLocalStorage = _chunkIUDBG3HJcjs.useLocalStorage; exports.useLocationHash = _chunkUO2EJGRJcjs.useLocationHash; exports.useMarqueeEngine = _chunkG7GF4PWAcjs.useMarqueeEngine; exports.useMdUp = _chunkCOWMXUHNcjs.useMdUp; exports.useMediaQuery = _chunkCOWMXUHNcjs.useMediaQuery; exports.useMemoizedCallback = _chunkUO2EJGRJcjs.useMemoizedCallback; exports.useNatsClient = _chunkUO2EJGRJcjs.useNatsClient; exports.useNavMenus = _chunkUO2EJGRJcjs.useNavMenus; exports.useNearViewport = _chunkNTPX5GXIcjs.useNearViewport; exports.useNotificationPermission = _chunkUO2EJGRJcjs.useNotificationPermission; exports.useOgPlaceholderUrl = _chunkETZFBB7Ocjs.useOgPlaceholderUrl; exports.useOnboardingState = _chunkUO2EJGRJcjs.useOnboardingState; exports.usePlatformByValue = _chunkUO2EJGRJcjs.usePlatformByValue; exports.usePlatformConfig = _chunkUO2EJGRJcjs.usePlatformConfig; exports.usePrefersReducedMotion = _chunkG7GF4PWAcjs.usePrefersReducedMotion; exports.usePrefersReducedMotionState = _chunkG7GF4PWAcjs.usePrefersReducedMotionState; exports.usePreventScroll = _chunkUO2EJGRJcjs.usePreventScroll; exports.useQueryParams = _chunkUO2EJGRJcjs.useQueryParams; exports.useRescuedForm = _chunkUO2EJGRJcjs.useRescuedForm; exports.useResetOnPageHidden = _chunkG7GF4PWAcjs.useResetOnPageHidden; exports.useResumableTimeout = _chunkUO2EJGRJcjs.useResumableTimeout; exports.useScenarioPlayer = _chunkUO2EJGRJcjs.useScenarioPlayer; exports.useScrollToHash = _chunkUO2EJGRJcjs.useScrollToHash; exports.useSearch = _chunkUO2EJGRJcjs.useSearch; exports.useSmUp = _chunkCOWMXUHNcjs.useSmUp; exports.useStickyToolbar = _chunkUO2EJGRJcjs.useStickyToolbar; exports.useSuppressCloneFocus = _chunkG7GF4PWAcjs.useSuppressCloneFocus; exports.useTablePagination = _chunkUO2EJGRJcjs.useTablePagination; exports.useThrottle = _chunkUO2EJGRJcjs.useThrottle; exports.useToast = _chunkUO2EJGRJcjs.useToast; exports.useValidatePlatform = _chunkUO2EJGRJcjs.useValidatePlatform; exports.useVisitorDesktopDownload = _chunkUO2EJGRJcjs.useVisitorDesktopDownload; exports.useVisitorOs = _chunkG7GF4PWAcjs.useVisitorOs; exports.useWindowSize = _chunkUO2EJGRJcjs.useWindowSize; exports.validateSchema = _chunkUO2EJGRJcjs.validateSchema; exports.validateVariables = _chunkUO2EJGRJcjs.validateVariables; exports.variablesToUrlParams = _chunkUO2EJGRJcjs.variablesToUrlParams;
+
+
+exports.AGENT_IDENTITIES_API_PATH = _chunkFX35L4Y6cjs.AGENT_IDENTITIES_API_PATH; exports.CONTENT_BREAKPOINTS = _chunkQD727QFIcjs.CONTENT_BREAKPOINTS; exports.ContentAreaWidthContext = _chunkQD727QFIcjs.ContentAreaWidthContext; exports.DRAG_AND_DROP_MEDIA_QUERY = _chunk5HMENXSRcjs.DRAG_AND_DROP_MEDIA_QUERY; exports.GraphQLIntrospector = _chunkUPQ4MAR7cjs.GraphQLIntrospector; exports.HOVER_MEDIA_QUERY = _chunkJKBNK5U6cjs.HOVER_MEDIA_QUERY; exports.MEASURE_LAYER_CLASS = _chunkJKBNK5U6cjs.MEASURE_LAYER_CLASS; exports.NEAR_VIEWPORT_ROOT_MARGIN = _chunkNTPX5GXIcjs.NEAR_VIEWPORT_ROOT_MARGIN; exports.PREFERS_REDUCED_MOTION_QUERY = _chunk2IJMHBOKcjs.PREFERS_REDUCED_MOTION_QUERY; exports.ViewportBreakpoints = _chunkQD727QFIcjs.ViewportBreakpoints; exports.batchFetchAuthenticatedImages = _chunkUPQ4MAR7cjs.batchFetchAuthenticatedImages; exports.breakpoints = _chunk4SSJ3T3Ncjs.breakpoints; exports.clearAuthedAssetCache = _chunkYSDB6HGQcjs.clearAuthedAssetCache; exports.clearAuthedImageCache = _chunk4SSJ3T3Ncjs.clearAuthedImageCache; exports.clearVariablesParams = _chunkUPQ4MAR7cjs.clearParams; exports.coerceValue = _chunkUPQ4MAR7cjs.coerceValue; exports.completeFormRescue = _chunkUPQ4MAR7cjs.completeFormRescue; exports.configureAuthenticatedImage = _chunkUPQ4MAR7cjs.configureAuthenticatedImage; exports.configureBatchImageFetch = _chunkUPQ4MAR7cjs.configureBatchImageFetch; exports.contentBreakpointFor = _chunkQD727QFIcjs.contentBreakpointFor; exports.contentStepFor = _chunkQD727QFIcjs.contentStepFor; exports.createSearchParams = _chunkBLH2SFOOcjs.createSearchParams; exports.extractVariablesFromQuery = _chunkUPQ4MAR7cjs.extractVariablesFromQuery; exports.flattenQueryVariables = _chunkUPQ4MAR7cjs.flattenQueryVariables; exports.getArrayParams = _chunkUPQ4MAR7cjs.getArrayParams; exports.getNestedValue = _chunkUPQ4MAR7cjs.getNestedValue; exports.getRequiredParams = _chunkUPQ4MAR7cjs.getRequiredParams; exports.introspector = _chunkUPQ4MAR7cjs.introspector; exports.isInputObjectType = _chunkUPQ4MAR7cjs.isInputObjectType; exports.isScalarType = _chunkUPQ4MAR7cjs.isScalarType; exports.mergeDefaults = _chunkUPQ4MAR7cjs.mergeDefaults; exports.mergeVariables = _chunkUPQ4MAR7cjs.mergeVariables; exports.resetDownloadsStore = _chunkUPQ4MAR7cjs.resetDownloadsStore; exports.resolveActiveSection = _chunkUPQ4MAR7cjs.resolveActiveSection; exports.setNestedValue = _chunkUPQ4MAR7cjs.setNestedValue; exports.shouldIncludeInUrl = _chunkBLH2SFOOcjs.shouldIncludeInUrl; exports.toast = _chunkUPQ4MAR7cjs.toast; exports.urlParamsToVariables = _chunkUPQ4MAR7cjs.urlParamsToVariables; exports.useAccessCodeIntegration = _chunkUPQ4MAR7cjs.useAccessCodeIntegration; exports.useActiveSection = _chunkUPQ4MAR7cjs.useActiveSection; exports.useAgentIdentities = _chunkFX35L4Y6cjs.useAgentIdentities; exports.useApiParams = _chunkUPQ4MAR7cjs.useApiParams; exports.useAuthedAssetSrc = _chunkYSDB6HGQcjs.useAuthedAssetSrc; exports.useAuthedImageSrc = _chunk4SSJ3T3Ncjs.useAuthedImageSrc; exports.useAuthenticatedImage = _chunkUPQ4MAR7cjs.useAuthenticatedImage; exports.useAutoLimitTags = _chunkJKBNK5U6cjs.useAutoLimitTags; exports.useAutoplay = _chunk2IJMHBOKcjs.useAutoplay; exports.useBatchImages = _chunkUPQ4MAR7cjs.useBatchImages; exports.useClaudeMirrorSrc = _chunkUPQ4MAR7cjs.useClaudeMirrorSrc; exports.useClippedLabelTooltip = _chunkJKBNK5U6cjs.useClippedLabelTooltip; exports.useContactSubmission = _chunkUPQ4MAR7cjs.useContactSubmission; exports.useContentBreakpoint = _chunkQD727QFIcjs.useContentBreakpoint; exports.useContentLgUp = _chunkQD727QFIcjs.useContentLgUp; exports.useContentMdUp = _chunkQD727QFIcjs.useContentMdUp; exports.useContentXlUp = _chunkQD727QFIcjs.useContentXlUp; exports.useCopyToClipboard = _chunkUPQ4MAR7cjs.useCopyToClipboard; exports.useCursorPaginationState = _chunkUPQ4MAR7cjs.useCursorPaginationState; exports.useDebounce = _chunk2IJMHBOKcjs.useDebounce; exports.useDeferredError = _chunkUPQ4MAR7cjs.useDeferredError; exports.useDownloads = _chunkUPQ4MAR7cjs.useDownloads; exports.useDragAndDropEnabled = _chunk5HMENXSRcjs.useDragAndDropEnabled; exports.useFocusTrap = _chunkUPQ4MAR7cjs.useFocusTrap; exports.useFormRescue = _chunkUPQ4MAR7cjs.useFormRescue; exports.useHeaderHeight = _chunk24I6RFVUcjs.useHeaderHeight; exports.useHorizontalScrollbar = _chunk5HMENXSRcjs.useHorizontalScrollbar; exports.useHumanitySignals = _chunkUPQ4MAR7cjs.useHumanitySignals; exports.useImageEdgeColor = _chunkETZFBB7Ocjs.useImageEdgeColor; exports.useInView = _chunk2IJMHBOKcjs.useInView; exports.useIsTruncated = _chunk4SSJ3T3Ncjs.useIsTruncated; exports.useIsomorphicLayoutEffect = _chunkYSDB6HGQcjs.useIsomorphicLayoutEffect; exports.useKeyboardCollisionPadding = _chunkJKBNK5U6cjs.useKeyboardCollisionPadding; exports.useLgUp = _chunk4SSJ3T3Ncjs.useLgUp; exports.useLocalStorage = _chunk5HMENXSRcjs.useLocalStorage; exports.useLocationHash = _chunkUPQ4MAR7cjs.useLocationHash; exports.useMarqueeEngine = _chunk2IJMHBOKcjs.useMarqueeEngine; exports.useMdUp = _chunk4SSJ3T3Ncjs.useMdUp; exports.useMediaQuery = _chunk4SSJ3T3Ncjs.useMediaQuery; exports.useMemoizedCallback = _chunkUPQ4MAR7cjs.useMemoizedCallback; exports.useNatsClient = _chunkUPQ4MAR7cjs.useNatsClient; exports.useNavMenus = _chunkUPQ4MAR7cjs.useNavMenus; exports.useNearViewport = _chunkNTPX5GXIcjs.useNearViewport; exports.useNotificationPermission = _chunkUPQ4MAR7cjs.useNotificationPermission; exports.useOgPlaceholderUrl = _chunkETZFBB7Ocjs.useOgPlaceholderUrl; exports.useOnboardingState = _chunkUPQ4MAR7cjs.useOnboardingState; exports.usePlatformByValue = _chunkUPQ4MAR7cjs.usePlatformByValue; exports.usePlatformConfig = _chunkUPQ4MAR7cjs.usePlatformConfig; exports.usePrefersReducedMotion = _chunk2IJMHBOKcjs.usePrefersReducedMotion; exports.usePrefersReducedMotionState = _chunk2IJMHBOKcjs.usePrefersReducedMotionState; exports.usePreventScroll = _chunkUPQ4MAR7cjs.usePreventScroll; exports.useQueryParams = _chunkUPQ4MAR7cjs.useQueryParams; exports.useRescuedForm = _chunkUPQ4MAR7cjs.useRescuedForm; exports.useResetOnPageHidden = _chunk2IJMHBOKcjs.useResetOnPageHidden; exports.useResumableTimeout = _chunkUPQ4MAR7cjs.useResumableTimeout; exports.useScenarioPlayer = _chunkUPQ4MAR7cjs.useScenarioPlayer; exports.useScrollToHash = _chunkUPQ4MAR7cjs.useScrollToHash; exports.useSearch = _chunkUPQ4MAR7cjs.useSearch; exports.useSmUp = _chunk4SSJ3T3Ncjs.useSmUp; exports.useStickyToolbar = _chunkUPQ4MAR7cjs.useStickyToolbar; exports.useSuppressCloneFocus = _chunk2IJMHBOKcjs.useSuppressCloneFocus; exports.useTablePagination = _chunkUPQ4MAR7cjs.useTablePagination; exports.useThrottle = _chunkUPQ4MAR7cjs.useThrottle; exports.useToast = _chunkUPQ4MAR7cjs.useToast; exports.useValidatePlatform = _chunkUPQ4MAR7cjs.useValidatePlatform; exports.useVisitorDesktopDownload = _chunkUPQ4MAR7cjs.useVisitorDesktopDownload; exports.useVisitorOs = _chunk2IJMHBOKcjs.useVisitorOs; exports.useWindowSize = _chunkUPQ4MAR7cjs.useWindowSize; exports.validateSchema = _chunkUPQ4MAR7cjs.validateSchema; exports.validateVariables = _chunkUPQ4MAR7cjs.validateVariables; exports.variablesToUrlParams = _chunkUPQ4MAR7cjs.variablesToUrlParams;

package/dist/hooks/ui/use-content-breakpoint.d.ts

@@ -4,7 +4,13 @@ export type ContentBreakpoint = 'mobile' | 'tablet' | 'desktop';
 export declare const CONTENT_BREAKPOINTS: {
     readonly md: 720;
     readonly lg: 1024;
+    readonly xl: 1216;
 };
+/**
+ * How many content steps a width has passed, `xl` included: `AppLayout` publishes a new width only when this changes,
+ * so every reader below sees each crossing it asks about (`useContentBreakpoint`, `useContentXlUp`).
+ */
+export declare function contentStepFor(width: number): number;
 /**
  * Width of the enclosing content area (`AppLayout` with a side panel or a composer
  * dock provides it), or `null` outside one. `AppLayout` moves it only when the area
@@ -31,4 +37,6 @@ export declare function useContentBreakpoint(): ContentBreakpoint | undefined;
 export declare function useContentMdUp(): boolean | undefined;
 /** Content-area counterpart of `useLgUp`. */
 export declare function useContentLgUp(): boolean | undefined;
+/** The `content-xl:` step in JS: the content area's width from `xl`, the viewport's outside one. */
+export declare function useContentXlUp(): boolean | undefined;
 //# sourceMappingURL=use-content-breakpoint.d.ts.map

package/dist/hooks/ui/use-content-breakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-content-breakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/use-content-breakpoint.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIjF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhE,yDAAyD;AACzD,eAAO,MAAM,mBAAmB;;;CAAwE,CAAC;AAEzG;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,wCAAqC,CAAC;AAE1E;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,0FAExE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAIrE;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,SAAS,CAQpE;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,IAAI,OAAO,GAAG,SAAS,CAGpD;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,IAAI,OAAO,GAAG,SAAS,CAGpD"}
+{"version":3,"file":"use-content-breakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/use-content-breakpoint.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIjF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhE,yDAAyD;AACzD,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,wCAAqC,CAAC;AAE1E;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,0FAExE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAIrE;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,SAAS,CAQpE;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,IAAI,OAAO,GAAG,SAAS,CAGpD;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,IAAI,OAAO,GAAG,SAAS,CAGpD;AAED,oGAAoG;AACpG,wBAAgB,cAAc,IAAI,OAAO,GAAG,SAAS,CAIpD"}

package/dist/hooks/ui/use-content-breakpoint.js

@@ -1,8 +1,15 @@
 "use client";
 import { createContext, createElement, useContext } from "react";
 import { LAYOUT_STEPS } from "../../styles/layout-steps.js";
-import { useLgUp, useMdUp } from "./use-media-query.js";
-const CONTENT_BREAKPOINTS = { md: LAYOUT_STEPS.md.content, lg: LAYOUT_STEPS.lg.content };
+import { breakpoints, useLgUp, useMdUp, useMediaQuery } from "./use-media-query.js";
+const CONTENT_BREAKPOINTS = {
+  md: LAYOUT_STEPS.md.content,
+  lg: LAYOUT_STEPS.lg.content,
+  xl: LAYOUT_STEPS.xl.content
+};
+function contentStepFor(width) {
+  return [CONTENT_BREAKPOINTS.md, CONTENT_BREAKPOINTS.lg, CONTENT_BREAKPOINTS.xl].filter((step) => width >= step).length;
+}
 const ContentAreaWidthContext = createContext(null);
 function ViewportBreakpoints({ children }) {
   return createElement(ContentAreaWidthContext.Provider, { value: null }, children);
@@ -29,12 +36,19 @@ function useContentLgUp() {
   const breakpoint = useContentBreakpoint();
   return breakpoint === void 0 ? void 0 : breakpoint === "desktop";
 }
+function useContentXlUp() {
+  const width = useContext(ContentAreaWidthContext);
+  const viewportXlUp = useMediaQuery(breakpoints.xl);
+  return width === null ? viewportXlUp : width >= CONTENT_BREAKPOINTS.xl;
+}
 export {
   CONTENT_BREAKPOINTS,
   ContentAreaWidthContext,
   ViewportBreakpoints,
   contentBreakpointFor,
+  contentStepFor,
   useContentBreakpoint,
   useContentLgUp,
-  useContentMdUp
+  useContentMdUp,
+  useContentXlUp
 };

package/dist/hooks/ui/use-media-query.d.ts

@@ -10,6 +10,7 @@ export declare function useMediaQuery(query: string): boolean | undefined;
 export declare const breakpoints: {
     md: string;
     lg: string;
+    xl: string;
 };
 /** @deprecated Use useMdUp instead */
 export declare function useSmUp(): boolean | undefined;

package/dist/hooks/ui/use-media-query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/use-media-query.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAuBhE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,sCAAsC;AACtC,wBAAgB,OAAO,IAAI,OAAO,GAAG,SAAS,CAE7C;AAED,wBAAgB,OAAO,IAAI,OAAO,GAAG,SAAS,CAG7C;AAED,wBAAgB,OAAO,IAAI,OAAO,GAAG,SAAS,CAG7C"}
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/use-media-query.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAuBhE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,sCAAsC;AACtC,wBAAgB,OAAO,IAAI,OAAO,GAAG,SAAS,CAE7C;AAED,wBAAgB,OAAO,IAAI,OAAO,GAAG,SAAS,CAG7C;AAED,wBAAgB,OAAO,IAAI,OAAO,GAAG,SAAS,CAG7C"}

package/dist/hooks/ui/use-media-query.js

@@ -21,8 +21,10 @@ function useMediaQuery(query) {
 const breakpoints = {
   md: `(min-width: ${LAYOUT_STEPS.md.viewport}px)`,
   // Tablet
-  lg: `(min-width: ${LAYOUT_STEPS.lg.viewport}px)`
+  lg: `(min-width: ${LAYOUT_STEPS.lg.viewport}px)`,
   // Desktop
+  xl: `(min-width: ${LAYOUT_STEPS.xl.viewport}px)`
+  // Wide desktop
 };
 function useSmUp() {
   return useMdUp();