@apollion-dsi/core 7.6.0 → 7.8.0

package/lib/containers/Flex/Flex.interface.d.ts

@@ -20,6 +20,9 @@ export interface FlexPropsInterface extends LayoutContainerProps, FlexFactoryPro
      * Flex variant. `inline-flex` makes the container flow inline (like text)
      * while laying out its children as flex items. Anything that is not flex —
      * hiding with `none`, `block`, `grid` — belongs to `Box`/`Grid`, not `Flex`.
+     * The value is the default of the factory `display`, so the responsive
+     * channels still override it — `cq={{ md: { display: 'none' } }}` hides a
+     * Flex from the `md` container size up.
      *
      * @default 'flex'
      */

package/lib/containers/Flex/Flex.style.d.ts

@@ -1,13 +1,21 @@
 import type { FlexDisplay } from './Flex.interface';
 /**
- * The design system's `flex` container. Extends {@link BaseContainer},
- * inheriting all factory props (spacing, colors, borders, etc.), and
- * adds `display: flex` by default.
+ * The design system's `flex` container. Built on the layout view of the
+ * factory engine ({@link LayoutBase}) — spacing, size, container geometry, the
+ * flex layout props and the responsive channels.
  *
- * Exposed as `Flex` in the barrel. Animation is the `motion` preset prop
- * (ADR-027) — a factory channel of this container, not a separate module.
+ * Always a flex container: the `display` prop only picks the variant (`flex` /
+ * `inline-flex`, anything else resolves to `flex`). The value is supplied as
+ * the prop's default (`.attrs`) and emitted by the container factory, before
+ * the responsive and `cq` blocks — so `cq={{ md: { display: 'none' } }}` can
+ * still hide a Flex in a given slot width (APOLLION-BOX-DISPLAY).
+ *
+ * Exposed as `Flex` in the barrel.
  */
-export declare const DefaultFlexStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+export declare const DefaultFlexStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "slot" | "style" | "title" | "dir" | "children" | "content" | "hidden" | "translate" | "property" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("../../factory").LayoutContainerProps | "as" | "forwardedAs"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "display"> & Partial<{
@@ -28,7 +36,10 @@ export declare const DefaultFlexStyle: import("styled-components/dist/types").IS
     justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
 }> & {
     display?: FlexDisplay;
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "px" | "right" | "left" | "top" | "bottom" | "py" | "height" | "children" | "ref" | "key" | "zIndex" | "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "content" | "hidden" | "position" | "padding" | "cursor" | "display" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "transform" | "translate" | "width" | "container" | "margin" | "overflow" | "isHidden" | "truncate" | "pageShell" | "containment" | "absoluteFill" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "cq" | "sm_wrap" | "sm_flex" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignContent" | "sm_justifyItems" | "sm_placeItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_wrap" | "md_flex" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignContent" | "md_justifyItems" | "md_placeItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_wrap" | "lg_flex" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignContent" | "lg_justifyItems" | "lg_placeItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_wrap" | "xl_flex" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignContent" | "xl_justifyItems" | "xl_placeItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_zIndex" | "sm_position" | "sm_padding" | "sm_cursor" | "sm_display" | "sm_overflowX" | "sm_overflowY" | "sm_transform" | "sm_container" | "sm_margin" | "sm_overflow" | "sm_isHidden" | "sm_truncate" | "sm_pageShell" | "sm_containment" | "sm_absoluteFill" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_zIndex" | "md_position" | "md_padding" | "md_cursor" | "md_display" | "md_overflowX" | "md_overflowY" | "md_transform" | "md_container" | "md_margin" | "md_overflow" | "md_isHidden" | "md_truncate" | "md_pageShell" | "md_containment" | "md_absoluteFill" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_zIndex" | "lg_position" | "lg_padding" | "lg_cursor" | "lg_display" | "lg_overflowX" | "lg_overflowY" | "lg_transform" | "lg_container" | "lg_margin" | "lg_overflow" | "lg_isHidden" | "lg_truncate" | "lg_pageShell" | "lg_containment" | "lg_absoluteFill" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_zIndex" | "xl_position" | "xl_padding" | "xl_cursor" | "xl_display" | "xl_overflowX" | "xl_overflowY" | "xl_transform" | "xl_container" | "xl_margin" | "xl_overflow" | "xl_isHidden" | "xl_truncate" | "xl_pageShell" | "xl_containment" | "xl_absoluteFill" | "sm_height" | "sm_maxHeight" | "sm_maxWidth" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_height" | "md_maxHeight" | "md_maxWidth" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_height" | "lg_maxHeight" | "lg_maxWidth" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_height" | "xl_maxHeight" | "xl_maxWidth" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_py" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "md_p" | "md_px" | "md_py" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "lg_p" | "lg_px" | "lg_py" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "xl_p" | "xl_px" | "xl_py" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "ignoreResponsive" | "enableBreakpoint" | "property" | "viewportMedias" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "slot" | "style" | "title" | "dir" | "children" | "content" | "hidden" | "translate" | "property" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("../../factory").LayoutContainerProps | "as" | "forwardedAs"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "display"> & Partial<{
@@ -49,4 +60,4 @@ export declare const DefaultFlexStyle: import("styled-components/dist/types").IS
     justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
 }> & {
     display?: FlexDisplay;
-}, never>>> & string;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "px" | "right" | "left" | "top" | "bottom" | "py" | "height" | "children" | "ref" | "key" | "zIndex" | "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "content" | "hidden" | "position" | "padding" | "cursor" | "display" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "transform" | "translate" | "width" | "container" | "margin" | "overflow" | "isHidden" | "truncate" | "pageShell" | "containment" | "absoluteFill" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "cq" | "sm_wrap" | "sm_flex" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignContent" | "sm_justifyItems" | "sm_placeItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_wrap" | "md_flex" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignContent" | "md_justifyItems" | "md_placeItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_wrap" | "lg_flex" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignContent" | "lg_justifyItems" | "lg_placeItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_wrap" | "xl_flex" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignContent" | "xl_justifyItems" | "xl_placeItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_zIndex" | "sm_position" | "sm_padding" | "sm_cursor" | "sm_display" | "sm_overflowX" | "sm_overflowY" | "sm_transform" | "sm_container" | "sm_margin" | "sm_overflow" | "sm_isHidden" | "sm_truncate" | "sm_pageShell" | "sm_containment" | "sm_absoluteFill" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_zIndex" | "md_position" | "md_padding" | "md_cursor" | "md_display" | "md_overflowX" | "md_overflowY" | "md_transform" | "md_container" | "md_margin" | "md_overflow" | "md_isHidden" | "md_truncate" | "md_pageShell" | "md_containment" | "md_absoluteFill" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_zIndex" | "lg_position" | "lg_padding" | "lg_cursor" | "lg_display" | "lg_overflowX" | "lg_overflowY" | "lg_transform" | "lg_container" | "lg_margin" | "lg_overflow" | "lg_isHidden" | "lg_truncate" | "lg_pageShell" | "lg_containment" | "lg_absoluteFill" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_zIndex" | "xl_position" | "xl_padding" | "xl_cursor" | "xl_display" | "xl_overflowX" | "xl_overflowY" | "xl_transform" | "xl_container" | "xl_margin" | "xl_overflow" | "xl_isHidden" | "xl_truncate" | "xl_pageShell" | "xl_containment" | "xl_absoluteFill" | "sm_height" | "sm_maxHeight" | "sm_maxWidth" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_height" | "md_maxHeight" | "md_maxWidth" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_height" | "lg_maxHeight" | "lg_maxWidth" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_height" | "xl_maxHeight" | "xl_maxWidth" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_py" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "md_p" | "md_px" | "md_py" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "lg_p" | "lg_px" | "lg_py" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "xl_p" | "xl_px" | "xl_py" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "ignoreResponsive" | "enableBreakpoint" | "property" | "viewportMedias" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs">>> & string;

package/lib/containers/Flex/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-IZHCHFTU.esm.js";import"../../chunks/chunk-5PLSFFP6.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-3PLVWHLK.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-HTYWYOZQ.esm.js";import"../../chunks/chunk-Q2PMRBCL.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-YBKS2HAY.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-KXRGSB6P.esm.js";import"../../chunks/chunk-F3SAEVZJ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Flex};
+import{a}from"../../chunks/chunk-LSLBDF5M.esm.js";import"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Flex};

package/lib/containers/Grid/Grid.interface.d.ts

@@ -1,15 +1,19 @@
 import { ReactNode } from 'react';
+import { DisplayType } from '../../factory/ContainerFactory';
+import { ContainerQueryable, LayoutQueryable } from '../../factory/ContainerQueryFactory';
 import { FlexFactoryProps } from '../../factory/FlexFactory';
 import { LayoutContainerProps, PolymorphicProps } from '../../factory/System';
+import { ViewportMediaQueryable } from '../../factory/ViewportMediaFactory';
 import { BreakpointTypes } from '../../themes/Breakpoints';
+import { ContainerSizeTypes } from '../../themes/Layout';
 import { SpacingInterface } from '../../themes/Spacing';
 import { Theme } from '../../themes/ThemeProvider';
 /**
- * Breakpoints accepted by the `Grid`'s `medias` prop.
+ * Breakpoints of the `Grid`'s viewport template channels — the
+ * `viewportMedias` keys (and the deprecated breakpoint-keyed `medias` form).
  *
- * Mirrors the breakpoints declared in the theme (`xs`, `sm`, `md`, `lg`, `xl`).
- * Each key is a media query — the `xs` configuration is treated as the
- * default style (mobile-first), and the others are stacked via `min-width`.
+ * Mirrors the breakpoints declared in the theme (`xs`, `sm`, `md`, `lg`, `xl`),
+ * each stacked via `min-width`.
  */
 export type GridMediasTypes = BreakpointTypes;
 /**
@@ -31,7 +35,7 @@ export type GridSpacingTypes = SpacingInterface;
  *
  * @example
  * ```tsx
- * <Grid medias={{ xs: { columns: { autoFit: '250px' }, gap: 'medium' } }} />
+ * <Grid medias={{ columns: { autoFit: '250px' }, gap: 'medium' }} />
  * // → grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr))
  * ```
  */
@@ -43,17 +47,19 @@ export type GridRepeatColumns = {
     max?: string;
 };
 /**
- * Set of grid properties accepted by each breakpoint.
+ * The grid template: the flat `medias` base, and the shape of each
+ * `viewportMedias` breakpoint and `cq` container size ({@link GridQueryable}).
  *
  * - `columns`/`rows`: equivalent to `grid-template-columns`/`-rows`;
- *   `columns` also accepts a typed auto-repeat object
- *   ({@link GridRepeatColumns}).
+ *   `columns` also accepts a track count (`4` →
+ *   `repeat(4, minmax(0, 1fr))`, equal tracks that never overflow) and a typed
+ *   auto-repeat object ({@link GridRepeatColumns}).
  * - `areas`: equivalent to `grid-template-areas`.
  * - `gap`, `columnGap`, `rowGap`: grid gap in theme tokens.
  */
 export type GridMediaInterface = {
     breakpoint?: string;
-    columns?: string | GridRepeatColumns;
+    columns?: string | number | GridRepeatColumns;
     rows?: string;
     areas?: string;
     columnGap?: GridSpacingTypes;
@@ -62,20 +68,74 @@ export type GridMediaInterface = {
 } & GridAlignmentProps;
 /**
  * Box-alignment surface of a grid container — the same semantic tokens as
- * `Flex` (`start` / `end` / `center` / `between` / …). Available on the host
- * and per breakpoint inside `medias`, so "put this in the middle of the
- * cell" needs no nested `Flex`.
+ * `Flex` (`start` / `end` / `center` / `between` / …). Available on the host,
+ * in the `medias` base and per `viewportMedias` / `cq` key, so "put this in the
+ * middle of the cell" needs no nested `Flex`.
  */
 export type GridAlignmentProps = Pick<FlexFactoryProps, 'alignItems' | 'justifyContent' | 'alignContent' | 'justifyItems' | 'placeItems'>;
 /**
- * Mapping of breakpoint → grid configuration.
+ * The deprecated breakpoint-keyed `medias` form — one viewport `min-width`
+ * entry per theme breakpoint. Each key carries `@deprecated` so a call site
+ * using it shows strikethrough in the editor; the flat keys stay clean.
  *
- * Allows passing either a "flat" config (no `xs` key, applied as the
- * default) or an object with per-breakpoint keys.
+ * Migration (identical CSS): the `xs` entry becomes the flat `medias` base, every
+ * other key moves to `viewportMedias` (viewport width) — or to `cq` (slot width,
+ * needs a `containment` ancestor) when the template follows the slot.
+ * Removal: next major.
  */
-export type GridBreakpoints = Partial<Record<GridMediasTypes, GridMediaInterface>> & GridMediaInterface;
+export type GridBreakpointMedias = {
+    /** @deprecated Put this template on the flat `medias` base. Removed in the next major. */
+    xs?: GridMediaInterface;
+    /** @deprecated Use `viewportMedias={{ sm: … }}` (viewport) or `cq` (slot). Removed in the next major. */
+    sm?: GridMediaInterface;
+    /** @deprecated Use `viewportMedias={{ md: … }}` (viewport) or `cq` (slot). Removed in the next major. */
+    md?: GridMediaInterface;
+    /** @deprecated Use `viewportMedias={{ lg: … }}` (viewport) or `cq` (slot). Removed in the next major. */
+    lg?: GridMediaInterface;
+    /** @deprecated Use `viewportMedias={{ xl: … }}` (viewport) or `cq` (slot). Removed in the next major. */
+    xl?: GridMediaInterface;
+};
+/**
+ * Type of the `medias` prop: the flat base template ({@link GridMediaInterface})
+ * — the supported form — intersected with the deprecated breakpoint-keyed
+ * form ({@link GridBreakpointMedias}), kept so existing consumers still
+ * type-check until the next major.
+ */
+export type GridBreakpoints = GridMediaInterface & GridBreakpointMedias;
+/**
+ * Grid template keys on the container-query channel (APOLLION-GRID-CQ): the
+ * same grammar as one `medias` entry — `columns` (string, track count or
+ * auto-repeat object), `rows`, `areas`, `gap`, `columnGap`, `rowGap` and the
+ * alignment keys.
+ */
+export type GridQueryable = Omit<GridMediaInterface, 'breakpoint'>;
+/**
+ * `cq` of the layout `Grid`: per `theme.containerSizes` key, the layout
+ * factory subset ({@link LayoutQueryable}) **plus** the grid template
+ * ({@link GridQueryable}). Each key emits an ascending
+ * `@container (min-width: …)` block.
+ */
+export type GridContainerQueryStyles = Partial<Record<ContainerSizeTypes, LayoutQueryable & GridQueryable>>;
 /**
- * The grid-specific shape — the box alignment surface plus the responsive grid
+ * `cq` of the Grid-rooted surface `Card`: the full factory surface
+ * ({@link ContainerQueryable}) **plus** the grid template ({@link GridQueryable}).
+ */
+export type GridSurfaceContainerQueryStyles = Partial<Record<ContainerSizeTypes, ContainerQueryable & GridQueryable>>;
+/**
+ * `viewportMedias` of the layout `Grid`: per `theme.breakpoints` key, the
+ * layout factory subset ({@link LayoutQueryable}) **plus** the grid template
+ * ({@link GridQueryable}). Each key emits an ascending
+ * `@media (min-width: …)` block over the `medias` base — the viewport sibling
+ * of {@link GridContainerQueryStyles}. `xs` is the base: put it on `medias`.
+ */
+export type GridViewportMediaStyles = Partial<Record<GridMediasTypes, LayoutQueryable & GridQueryable>>;
+/**
+ * `viewportMedias` of the Grid-rooted surface `Card`: the full factory surface
+ * ({@link ViewportMediaQueryable}) **plus** the grid template ({@link GridQueryable}).
+ */
+export type GridSurfaceViewportMediaStyles = Partial<Record<GridMediasTypes, ViewportMediaQueryable & GridQueryable>>;
+/**
+ * The grid-specific shape — the box alignment surface plus the base grid
  * template (`medias`) — **without** the responsive channels. Channel-agnostic,
  * so both the layout `Grid` ({@link GridPropsInterface}) and the Grid-rooted
  * **surface** `Card` compose it: `Grid` adds the layout channels, `Card` the
@@ -83,13 +143,17 @@ export type GridBreakpoints = Partial<Record<GridMediasTypes, GridMediaInterface
  */
 export interface GridShapeProps extends GridAlignmentProps {
     /**
-     * Responsive grid configuration. Accepts either a "flat" config
-     * (applied as the default) or an object with per-breakpoint keys
-     * (`xs`, `sm`, `md`, ...). Treat `xs` as mobile-first.
+     * Base grid template — `columns`, `rows`, `areas`, the gaps and the
+     * alignment keys, applied at every width (the mobile-first base). Wider
+     * contexts opt in on `cq` (slot width) or `viewportMedias` (viewport width).
+     *
+     * The breakpoint-keyed form (`{ xs: …, md: … }`) is **deprecated**
+     * ({@link GridBreakpointMedias}): it still renders, warns once in
+     * development, and is removed in the next major.
      *
      * @example
      * ```tsx
-     * <Grid medias={{ xs: { columns: '1fr', areas: '"a"' }, md: { columns: '1fr 2fr', areas: '"a b"' } }} />
+     * <Grid medias={{ columns: '1fr', areas: '"a" "b"' }} viewportMedias={{ md: { columns: '1fr 2fr', areas: '"a b"' } }} />
      * ```
      */
     medias?: GridBreakpoints;
@@ -105,6 +169,43 @@ export interface GridShapeProps extends GridAlignmentProps {
  */
 export interface GridPropsInterface extends LayoutContainerProps, GridShapeProps {
     children?: ReactNode;
+    /**
+     * CSS `display` of the grid. `grid` is the default **of this prop** —
+     * emitted before the responsive channels — so `display="none"` and a `cq` /
+     * `viewportMedias` `display` override it.
+     *
+     * @default 'grid'
+     */
+    display?: DisplayType;
+    /**
+     * Container-relative styles per `theme.containerSizes` key (ADR-025): the
+     * layout factory props **and** the grid template — the container-width
+     * sibling of `medias`. Ascending `min-width`, mobile-first: the base template
+     * (`medias`) is the narrow-slot one and wider slots opt in. Measured
+     * against the nearest size-container ancestor (a wrapper marked with the
+     * `containment` prop).
+     *
+     * @example
+     * ```tsx
+     * <Grid medias={{ columns: 2, gap: 'small' }} cq={{ lg: { columns: 4, gap: 'medium' } }} />
+     * // → @container (min-width: 640px) { grid-template-columns: repeat(4, minmax(0, 1fr)); … }
+     * ```
+     */
+    cq?: GridContainerQueryStyles;
+    /**
+     * Viewport-driven styles per `theme.breakpoints` key: the layout factory
+     * props **and** the grid template — the viewport sibling of `cq`, for page
+     * shells whose template follows the screen. Ascending `min-width` over the
+     * `medias` base; needs no `containment` ancestor. `xs` is the base: put it
+     * on `medias`.
+     *
+     * @example
+     * ```tsx
+     * <Grid medias={{ columns: 1, gap: 'small' }} viewportMedias={{ md: { columns: 3 } }} />
+     * // → @media (min-width:767px) { grid-template-columns: repeat(3, minmax(0, 1fr)) }
+     * ```
+     */
+    viewportMedias?: GridViewportMediaStyles;
 }
 /**
  * Complete set of props accepted by `<Grid>` at runtime. Merges the

package/lib/containers/Grid/Grid.style.d.ts

@@ -1,26 +1,75 @@
-import { GridShapeProps, GridStyleProps } from './Grid.interface';
+import { GridContainerQueryStyles, GridShapeProps, GridStyleProps, GridViewportMediaStyles } from './Grid.interface';
+import type { DisplayType } from '../../factory/ContainerFactory';
+import { Theme } from '../../themes/ThemeProvider';
 import { CSSObject } from '../../vendors/StyledComponents';
 /**
- * Builds the responsive CSS from `medias`.
+ * Builds the CSS of `medias`.
  *
- * - When `medias` has no `xs` key, treats the whole object as a "flat"
- *   config and applies it without a media query.
- * - When breakpoint keys are present, generates a `@media (min-width:…)`
- *   for each one using `theme.breakpoints.up(media)`. The `xs` breakpoint
- *   is considered mobile-first.
+ * - A flat config (no `xs` key) is the base template, applied without a media
+ *   query — the supported form.
+ * - The deprecated breakpoint-keyed form (`xs` present) generates a
+ *   `@media (min-width:…)` per key via `theme.breakpoints.up(media)`.
+ *
+ * Pure: the deprecation notice lives in the `Grid` template, so internal
+ * composers calling this helper directly never warn.
  */
 export declare const setGridBreakpoints: ({ medias, theme }: GridStyleProps) => CSSObject;
 /**
- * The design system's `grid` container. Extends {@link BaseContainer},
- * inheriting all factory props, and applies `display: grid` plus the
- * responsive CSS generated by {@link setGridBreakpoints}.
+ * Builds the grid template of the `cq` channel (APOLLION-GRID-CQ): for each
+ * `theme.containerSizes` key, in ascending order, an
+ * `@container (min-width: …)` block with the same declarations a `medias`
+ * entry produces ({@link getGridProps}). Groups without grid keys emit
+ * nothing here — their factory props are handled by `ContainerQueryFactory`.
+ */
+export declare const setGridContainerQueries: ({ cq, theme }: {
+    cq?: GridContainerQueryStyles;
+    theme: Theme;
+}) => CSSObject;
+/**
+ * Builds the grid template of the `viewportMedias` channel: for each
+ * `theme.breakpoints` key from `sm` up, in ascending order, an
+ * `@media (min-width: …)` block with the same declarations a `medias` entry
+ * produces — byte-identical to the deprecated breakpoint-keyed `medias` block
+ * for the same key. Groups without grid keys emit nothing here — their
+ * factory props are handled by `ViewportMediaFactory`.
+ */
+export declare const setGridViewportMedias: ({ viewportMedias, theme, }: {
+    viewportMedias?: GridViewportMediaStyles;
+    theme: Theme;
+}) => CSSObject;
+/**
+ * The design system's `grid` container. Built on the layout view of the
+ * factory engine ({@link LayoutBase}) and applies the grid template generated
+ * by {@link setGridBreakpoints} (`medias`), {@link setGridViewportMedias}
+ * (`viewportMedias`) and {@link setGridContainerQueries} (`cq`), in that order —
+ * viewport and container-size blocks override the base template.
+ *
+ * `display` defaults to `grid` as the prop (`.attrs`), emitted by the container
+ * factory before the responsive and `cq` blocks — so `display="none"` and a
+ * `cq` `display` win (APOLLION-BOX-DISPLAY).
  *
  * Exposed as `Grid` in the barrel.
  */
-export declare const DefaultGridStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+export declare const DefaultGridStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "slot" | "style" | "title" | "dir" | "children" | "content" | "hidden" | "translate" | "property" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("../../factory").LayoutContainerProps | "as" | "forwardedAs"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "display" | keyof GridShapeProps> & GridShapeProps & {
+    display?: DisplayType;
+}, "cq" | "viewportMedias" | keyof GridShapeProps> & GridShapeProps & {
+    cq?: GridContainerQueryStyles;
+    viewportMedias?: GridViewportMediaStyles;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "px" | "right" | "left" | "top" | "bottom" | "py" | "height" | "children" | "ref" | "key" | "zIndex" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "content" | "hidden" | "position" | "padding" | "cursor" | "display" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "transform" | "translate" | "width" | "container" | "margin" | "overflow" | "isHidden" | "truncate" | "pageShell" | "containment" | "absoluteFill" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "cq" | "sm_wrap" | "sm_flex" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignContent" | "sm_justifyItems" | "sm_placeItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_wrap" | "md_flex" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignContent" | "md_justifyItems" | "md_placeItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_wrap" | "lg_flex" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignContent" | "lg_justifyItems" | "lg_placeItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_wrap" | "xl_flex" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignContent" | "xl_justifyItems" | "xl_placeItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_zIndex" | "sm_position" | "sm_padding" | "sm_cursor" | "sm_display" | "sm_overflowX" | "sm_overflowY" | "sm_transform" | "sm_container" | "sm_margin" | "sm_overflow" | "sm_isHidden" | "sm_truncate" | "sm_pageShell" | "sm_containment" | "sm_absoluteFill" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_zIndex" | "md_position" | "md_padding" | "md_cursor" | "md_display" | "md_overflowX" | "md_overflowY" | "md_transform" | "md_container" | "md_margin" | "md_overflow" | "md_isHidden" | "md_truncate" | "md_pageShell" | "md_containment" | "md_absoluteFill" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_zIndex" | "lg_position" | "lg_padding" | "lg_cursor" | "lg_display" | "lg_overflowX" | "lg_overflowY" | "lg_transform" | "lg_container" | "lg_margin" | "lg_overflow" | "lg_isHidden" | "lg_truncate" | "lg_pageShell" | "lg_containment" | "lg_absoluteFill" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_zIndex" | "xl_position" | "xl_padding" | "xl_cursor" | "xl_display" | "xl_overflowX" | "xl_overflowY" | "xl_transform" | "xl_container" | "xl_margin" | "xl_overflow" | "xl_isHidden" | "xl_truncate" | "xl_pageShell" | "xl_containment" | "xl_absoluteFill" | "sm_height" | "sm_maxHeight" | "sm_maxWidth" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_height" | "md_maxHeight" | "md_maxWidth" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_height" | "lg_maxHeight" | "lg_maxWidth" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_height" | "xl_maxHeight" | "xl_maxWidth" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_py" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "md_p" | "md_px" | "md_py" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "lg_p" | "lg_px" | "lg_py" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "xl_p" | "xl_px" | "xl_py" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "ignoreResponsive" | "enableBreakpoint" | "property" | "viewportMedias" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs" | "medias"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, keyof GridShapeProps> & GridShapeProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+}, "slot" | "style" | "title" | "dir" | "children" | "content" | "hidden" | "translate" | "property" | keyof import("react").ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("../../factory").LayoutContainerProps | "as" | "forwardedAs"> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, keyof GridShapeProps> & GridShapeProps, never>>> & string;
+}, "display" | keyof GridShapeProps> & GridShapeProps & {
+    display?: DisplayType;
+}, "cq" | "viewportMedias" | keyof GridShapeProps> & GridShapeProps & {
+    cq?: GridContainerQueryStyles;
+    viewportMedias?: GridViewportMediaStyles;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "px" | "right" | "left" | "top" | "bottom" | "py" | "height" | "children" | "ref" | "key" | "zIndex" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "content" | "hidden" | "position" | "padding" | "cursor" | "display" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "transform" | "translate" | "width" | "container" | "margin" | "overflow" | "isHidden" | "truncate" | "pageShell" | "containment" | "absoluteFill" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "cq" | "sm_wrap" | "sm_flex" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignContent" | "sm_justifyItems" | "sm_placeItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_wrap" | "md_flex" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignContent" | "md_justifyItems" | "md_placeItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_wrap" | "lg_flex" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignContent" | "lg_justifyItems" | "lg_placeItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_wrap" | "xl_flex" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignContent" | "xl_justifyItems" | "xl_placeItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_zIndex" | "sm_position" | "sm_padding" | "sm_cursor" | "sm_display" | "sm_overflowX" | "sm_overflowY" | "sm_transform" | "sm_container" | "sm_margin" | "sm_overflow" | "sm_isHidden" | "sm_truncate" | "sm_pageShell" | "sm_containment" | "sm_absoluteFill" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_zIndex" | "md_position" | "md_padding" | "md_cursor" | "md_display" | "md_overflowX" | "md_overflowY" | "md_transform" | "md_container" | "md_margin" | "md_overflow" | "md_isHidden" | "md_truncate" | "md_pageShell" | "md_containment" | "md_absoluteFill" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_zIndex" | "lg_position" | "lg_padding" | "lg_cursor" | "lg_display" | "lg_overflowX" | "lg_overflowY" | "lg_transform" | "lg_container" | "lg_margin" | "lg_overflow" | "lg_isHidden" | "lg_truncate" | "lg_pageShell" | "lg_containment" | "lg_absoluteFill" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_zIndex" | "xl_position" | "xl_padding" | "xl_cursor" | "xl_display" | "xl_overflowX" | "xl_overflowY" | "xl_transform" | "xl_container" | "xl_margin" | "xl_overflow" | "xl_isHidden" | "xl_truncate" | "xl_pageShell" | "xl_containment" | "xl_absoluteFill" | "sm_height" | "sm_maxHeight" | "sm_maxWidth" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_height" | "md_maxHeight" | "md_maxWidth" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_height" | "lg_maxHeight" | "lg_maxWidth" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_height" | "xl_maxHeight" | "xl_maxWidth" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_py" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "md_p" | "md_px" | "md_py" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "lg_p" | "lg_px" | "lg_py" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "xl_p" | "xl_px" | "xl_py" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "ignoreResponsive" | "enableBreakpoint" | "property" | "viewportMedias" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs" | "medias">>> & string;

package/lib/containers/Grid/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-GAQ3CPOM.esm.js";import"../../chunks/chunk-5PLSFFP6.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-3PLVWHLK.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-HTYWYOZQ.esm.js";import"../../chunks/chunk-Q2PMRBCL.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-YBKS2HAY.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-KXRGSB6P.esm.js";import"../../chunks/chunk-F3SAEVZJ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as DefaultGridStyle,b as Grid,a as setGridBreakpoints};
+import{a,b,c,d}from"../../chunks/chunk-S4K2XENC.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{d as DefaultGridStyle,d as Grid,a as setGridBreakpoints,b as setGridContainerQueries,c as setGridViewportMedias};