@ctrliq/quantic-components 1.64.4 → 1.65.0

package/dist/quantic-components.min.js

@@ -37354,13 +37354,15 @@ const to="important",io=" !"+to,no=Re(class extends Oe{constructor(e){if(super(e
     :host {
       display: contents;
     }
-  `,t([en({context:zo,subscribe:!0})],e.LayoutLogo.prototype,"expanded",void 0),e.LayoutLogo=t([be("quantic-layout-logo")],e.LayoutLogo),e.Page=class extends Ce{constructor(){super(...arguments),this.fill=!1,this.bleeds=!1}render(){return ze`
+  `,t([en({context:zo,subscribe:!0})],e.LayoutLogo.prototype,"expanded",void 0),e.LayoutLogo=t([be("quantic-layout-logo")],e.LayoutLogo),e.Page=class extends Ce{constructor(){super(...arguments),this.fill=!1,this.bleeds=!1,this.contained=!1}render(){return ze`
       <main class="main">
         <slot></slot>
       </main>
     `}},e.Page.meta={tag:"quantic-page",description:"Main content area of the quantic-layout shell. Wraps content in a semantic <main> element and fills available space.",category:"layout",slots:{"":{description:"Page content."}},relatedTo:["quantic-layout"]},e.Page.styles=l`
     :host {
       --quantic-component-page-padding: var(--quantic-spacing-4);
+      --quantic-component-page-max-width: 80rem;
+      --quantic-component-page-contained-padding-inline: calc(2 * var(--quantic-component-page-padding));
       display: block;
       width: 100%;
       height: 100%;
@@ -37386,7 +37388,15 @@ const to="important",io=" !"+to,no=Re(class extends Oe{constructor(e){if(super(e
     :host([fill]) .main {
       overflow: hidden;
     }
-  `,t([Ie({type:"boolean",default:"false",reflect:!0,description:"Constrain the page to the available height and clip overflow, so internal regions own their own scrolling (e.g. splitter panes, full-height grids, maps). Without this, the page grows with its content and the layout body slot scrolls."})],e.Page.prototype,"fill",void 0),t([Ie({type:"boolean",default:"false",reflect:!0,description:"Remove the default padding so content extends edge-to-edge. Useful for full-bleed layouts such as maps, images, or custom-padded regions."})],e.Page.prototype,"bleeds",void 0),e.Page=t([be("quantic-page")],e.Page);const Ho={Top:"top",TopStart:"top-start",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightEnd:"right-end"},To={Small:"sm",Medium:"md",Large:"lg"};var Do,Vo,Fo;e.TooltipPopup=class extends Ce{constructor(){super(...arguments),this.visible=!1}render(){return G`
+
+    @media (min-width: 48rem) {
+      :host([contained]:not([bleeds])) .main {
+        max-width: var(--quantic-component-page-max-width);
+        margin-inline: auto;
+        padding-inline: var(--quantic-component-page-contained-padding-inline);
+      }
+    }
+  `,t([Ie({type:"boolean",default:"false",reflect:!0,description:"Constrain the page to the available height and clip overflow, so internal regions own their own scrolling (e.g. splitter panes, full-height grids, maps). Without this, the page grows with its content and the layout body slot scrolls."})],e.Page.prototype,"fill",void 0),t([Ie({type:"boolean",default:"false",reflect:!0,description:"Remove the default padding so content extends edge-to-edge. Useful for full-bleed layouts such as maps, images, or custom-padded regions."})],e.Page.prototype,"bleeds",void 0),t([Ie({type:"boolean",default:"false",reflect:!0,description:"Constrain the page content to a maximum width and center it horizontally on viewports wider than the md breakpoint. Override the width via --quantic-component-page-max-width and inline padding via --quantic-component-page-contained-padding-inline."})],e.Page.prototype,"contained",void 0),e.Page=t([be("quantic-page")],e.Page);const Ho={Top:"top",TopStart:"top-start",TopEnd:"top-end",Bottom:"bottom",BottomStart:"bottom-start",BottomEnd:"bottom-end",Left:"left",LeftStart:"left-start",LeftEnd:"left-end",Right:"right",RightStart:"right-start",RightEnd:"right-end"},To={Small:"sm",Medium:"md",Large:"lg"};var Do,Vo,Fo;e.TooltipPopup=class extends Ce{constructor(){super(...arguments),this.visible=!1}render(){return G`
       <div class="content"><slot></slot></div>
       <div class="arrow"></div>
     `}},e.TooltipPopup.meta={tag:"quantic-tooltip-popup",description:"Internal floating content container for quantic-tooltip. Positioned absolutely relative to the trigger via @floating-ui/dom. Not intended for direct use — use quantic-tooltip instead.",category:"feedback",slots:{"":{description:"Tooltip content (managed by quantic-tooltip)."}},relatedTo:["quantic-tooltip"]},e.TooltipPopup.styles=l`