@bedrock-layout/solid 0.11.10 → 0.12.0

package/lib/center.d.ts

@@ -1,11 +1,12 @@
+import { JSX } from "solid-js";
 import { CSSLength } from "./spacing-constants";
+import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
 declare type MaxWidth = number | CSSLength;
-export interface CenterProps {
+export interface CenterBaseProps {
     maxWidth?: MaxWidth;
     centerText?: boolean;
     centerChildren?: boolean;
 }
-export declare const Center: ((props: CenterProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => import("solid-js").JSX.Element) & {
-    className: (props: CenterProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => string;
-};
+export declare type CenterProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, CenterBaseProps>;
+export declare function Center<T extends ValidConstructor = "div">(props: CenterProps<T>): JSX.Element;
 export {};

package/lib/column-drop.d.ts

@@ -1,11 +1,12 @@
+import { JSX } from "solid-js";
 import { CSSLength, SpacingOptions } from "./spacing-constants";
-declare type Basis = CSSLength | number;
-export interface ColumnDropProps {
+import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
+declare type MinItemWidth = CSSLength | number;
+export interface ColumnDropBaseProps {
     gutter?: SpacingOptions;
-    basis?: Basis;
+    minItemWidth?: MinItemWidth;
     noStretchedColumns?: boolean;
 }
-export declare const ColumnDrop: ((props: ColumnDropProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => import("solid-js").JSX.Element) & {
-    className: (props: ColumnDropProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => string;
-};
+export declare type ColumnDropProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, ColumnDropBaseProps>;
+export declare function ColumnDrop<T extends ValidConstructor = "div">(props: ColumnDropProps<T>): JSX.Element;
 export {};

package/lib/columns.d.ts

@@ -1,31 +1,23 @@
 import { Component, JSX } from "solid-js";
 import { SpacingOptions } from "./spacing-constants";
 import { StackProps } from "./stack";
-interface ColumnsBaseProps {
+import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
+interface ColumnsBase {
     gutter?: SpacingOptions;
     columns?: number;
     dense?: boolean;
 }
+export declare type ColumnsBaseProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, ColumnsBase>;
+export declare function ColumnsBase<T extends ValidConstructor = "div">(props: ColumnsBaseProps<T>): JSX.Element;
 export interface ColumnsProps extends StackProps, ColumnsBaseProps {
     switchAt?: number | string;
-    as?: Component | keyof JSX.IntrinsicElements;
-    ref?: (ref: HTMLElement) => void;
 }
 export declare const Columns: Component<ColumnsProps>;
-export interface ColumnProps {
-    colSpan?: number;
+export interface ColumnBaseProps {
+    span?: number;
     offsetStart?: number;
     offsetEnd?: number;
 }
-/**
- * ColumnsProps passed twice to make propTypes work.
- *
- * span is remaped to colSpan due to span being an attribute that gets
- * passed to the underlying element.  This can cause issues with Grid layout.
- *
- * In a future breaking change, colSpan should be the public API.
- * */
-export declare const Column: ((props: ColumnProps & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element) & {
-    className: (props: ColumnProps & JSX.HTMLAttributes<HTMLDivElement>) => string;
-};
+export declare type ColumnProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, ColumnBaseProps>;
+export declare function Column<T extends ValidConstructor = "div">(props: ColumnProps<T>): JSX.Element;
 export {};

package/lib/cover.d.ts

@@ -1,15 +1,16 @@
-import { Component, JSX, JSXElement } from "solid-js";
+import { Component, JSXElement } from "solid-js";
 import { CSSLength, SpacingOptions } from "./spacing-constants";
+import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
 declare type MinHeight = CSSLength | number;
-interface CoverWrapperProps {
+interface CoverWrapperBaseProps {
     gutter?: SpacingOptions;
     minHeight?: MinHeight;
     stretchContent?: boolean;
 }
+export declare type CoverWrapperProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, CoverWrapperBaseProps>;
 export interface CoverProps extends CoverWrapperProps {
     top?: JSXElement;
     bottom?: JSXElement;
-    as?: Component | keyof JSX.IntrinsicElements;
 }
 export declare const Cover: Component<CoverProps & {
     children?: JSXElement;

package/lib/frame.d.ts

@@ -1,10 +1,11 @@
+import { JSX } from "solid-js";
+import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
 declare type RatioString = `${number}/${number}` | `${number} / ${number}`;
 declare type Ratio = [number, number] | RatioString;
-export interface FrameProps {
+export interface FrameBaseProps {
     ratio?: Ratio;
     position?: string;
 }
-export declare const Frame: ((props: FrameProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => import("solid-js").JSX.Element) & {
-    className: (props: FrameProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => string;
-};
+export declare type FrameProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, FrameBaseProps>;
+export declare function Frame<T extends ValidConstructor = "div">(props: FrameProps<T>): JSX.Element;
 export {};

package/lib/grid.d.ts

@@ -1,10 +1,11 @@
+import { JSX } from "solid-js";
 import { CSSLength, SpacingOptions } from "./spacing-constants";
+import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
 declare type MinItemWidth = number | CSSLength;
-export interface GridProps {
+export interface GridBaseProps {
     gutter?: SpacingOptions;
     minItemWidth?: MinItemWidth;
 }
-export declare const Grid: ((props: GridProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => import("solid-js").JSX.Element) & {
-    className: (props: GridProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => string;
-};
+export declare type GridProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, GridBaseProps>;
+export declare function Grid<T extends ValidConstructor = "div">(props: GridProps<T>): JSX.Element;
 export {};

package/lib/index.cjs.js

@@ -1,318 +1 @@
-"use strict";var L=Object.defineProperty,D=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var z=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var M=(e,t,n)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=(e,t)=>{for(var n in t||(t={}))H.call(t,n)&&M(e,n,t[n]);if(z)for(var n of z(t))F.call(t,n)&&M(e,n,t[n]);return e},m=(e,t)=>D(e,X(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var s=require("solid-styled-components"),b=require("@bedrock-layout/register-resize-callback"),o=require("solid-js");function C(e){return typeof e!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1,100}\)$/].some(t=>t.test(e))}const A={none:"0px",xxs:"0.0625rem",xs:"0.125rem",sm:"0.25rem",md:"0.5rem",mdLg:"0.75rem",lg:"1rem",lgXl:"1.5rem",xl:"2rem",xlXXl:"3rem",xxl:"4rem"};function G(e){return e.reduce((t,[n,r])=>m(f({},t),{[n]:r}),{})}const d=(e,t)=>{var a,l;const n=(l=(a=t==null?void 0:t.space)!=null?a:t==null?void 0:t.spacing)!=null?l:A,i=G(Object.entries(n).map(([u,g])=>[u,typeof g=="number"?`${g}px`:g]))[e];return C(i)?i:void 0};function N(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}const _=s.styled.div`
-  @property --maxWidth {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 100%;
-  }
-
-  --maxWidth: ${e=>N(e.maxWidth)};
-
-  box-sizing: content-box;
-
-  && {
-    margin-inline-start: auto;
-    margin-inline-end: auto;
-    margin-inline: auto;
-  }
-
-  max-inline-size: var(--maxWidth, 100%);
-
-  ${e=>e.centerChildren?`
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-        `:""}
-
-  ${e=>e.centerText?`
-          text-align: center;
-        `:""}
-`;function q(e){return e===void 0?"159px":typeof e=="number"?`${e}px`:e}const Q=s.styled("div")`
-  @property --basis {
-    syntax: "<length-percentage>";
-    inherits: true;
-    initial-value: 159px;
-  }
-
-  @property --gutter {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 0px;
-  }
-
-  --basis: ${e=>q(e.basis)};
-  --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-
-  box-sizing: border-box;
-  > * {
-    margin: 0;
-    flex-basis: var(--basis, 159px);
-    flex-grow: ${e=>e.noStretchedColumns?"0":"1"};
-    flex-shrink: 1;
-  }
-
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: var(--gutter, 0px);
-`;function S(e){throw new Error(e)}function U(e){typeof e!="number"&&!Array.isArray(e)&&S("width must be a number or an array of two numbers"),Array().concat(e).some(n=>n<0)&&S("width value(s) must be 0 or greater"),Array.isArray(e)&&(e.length!==2||e[0]>e[1])&&S(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`)}function R(e,t){U(e);const[n,r]=o.createSignal(!1),[i,c]=o.createSignal();return o.onMount(()=>{b.init()}),o.createEffect(()=>{if(i()===void 0||i()===null)return;t&&t(i());const a=b.registerCallback(i(),l=>{var g,y;const u=(y=(g=l.borderBoxSize)==null?void 0:g.inlineSize)!=null?y:l.contentRect.width;if(u>0){const v=Array.isArray(e)?u>=e[0]&&u<=e[1]:u<=e;r(v)}});o.onCleanup(a)}),[n,c]}function J(e){return Array.isArray(e)&&e.length===2&&e.every(Number.isFinite)||typeof e=="string"&&/^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(e)}function K(e){return Array.isArray(e)?e.join("/"):e}function Y(e){return J(e)?K(e):void 0}const Z=s.styled.div`
-  box-sizing: border-box;
-  display: block;
-  inline-size: 100%;
-  position: relative;
-  overflow: hidden;
-
-  ${e=>{const t=Y(e.ratio);return t?`
-        aspect-ratio: ${t};
-      `:""}};
-
-  > * {
-    position: absolute;
-
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-
-    inset-block: 0;
-    inset-inline: 0;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  > :is(img, video) {
-    inline-size: 100%;
-    block-size: 100%;
-    size: 100%;
-
-    object-fit: cover;
-    object-position: ${e=>typeof e.position=="string"?e.position:"50%"};
-  }
-`,P=s.styled("div")`
-  @property --gutter {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --minItemWidth {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 639px;
-  }
-
-  --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-  --minItemWidth: ${e=>{var t;return typeof e.minItemWidth=="string"?e.minItemWidth:`${(t=e.minItemWidth)!=null?t:0}px`}};
-
-  box-sizing: border-box;
-  > * {
-    margin: 0;
-  }
-
-  display: grid;
-  gap: var(--gutter, 0px);
-
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(min(var(--minItemWidth, 639px), 100%), 1fr)
-  );
-`,x=96;function W(e){var r;e=String(e);const t=parseFloat(e),[,n]=(r=e.match(/[\d.\-+]*\s*(.*)/))!=null?r:["",""];return[t,n]}function h(e,t){if(!e)return null;const n=t!=null?t:document.body,r=(e!=null?e:"px").trim().toLowerCase();switch(r){case"vmin":case"vmax":case"vh":case"vw":case"%":return null;case"ch":case"ex":return ee(r,n);case"em":return w(n,"font-size");case"rem":return w(document.body,"font-size");case"in":return x;case"cm":return x/2.54;case"mm":return x/25.4;case"pt":return x/72;case"pc":return x/6;case"px":return 1;default:{const[i,c]=W(r);if(isNaN(i))return null;if(!c)return i;const a=h(c,t);return typeof a=="number"?i*a:null}}}function w(e,t){var i;const[n,r]=W(getComputedStyle(e).getPropertyValue(t));return n*((i=h(r,e))!=null?i:1)}function ee(e,t){const n=document.createElement("div");n.style.height="128"+e,t.appendChild(n);const r=w(n,"height")/128;return t.removeChild(n),r}const te=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,ne=s.styled.div`
-  grid-row: span var(--rows, 1);
-
-  > * {
-    display: block;
-    height: 100%;
-  }
-`,re=e=>{const[t,n]=o.createSignal(1),[r,i]=o.createSignal(),c=s.useTheme();return o.onMount(()=>{b.init()}),o.createEffect(()=>{const a=r();if(a==null)return;const l=b.registerCallback(a,({target:u})=>{var E;n(1);const g=e.gutter&&(E=d(e.gutter,c))!=null?E:"1px",y=te?h(g,u):null,v=Math.max(y!=null?y:1,1),[B]=Array.from(u.children),O=1+Math.min(u.scrollHeight,B.scrollHeight),V=Math.ceil(O/v);n(V)});o.onCleanup(l)}),React.createElement(ne,{style:`--rows: ${t()}`,ref:i},e.children)},ie=s.styled(P)`
-  grid-template-rows: 1px;
-`,ae=e=>{const t=o.children(()=>e.children),r=[].concat(t()).filter(Boolean).map(i=>React.createElement(re,{gutter:e.gutter},i));return React.createElement(ie,f({},e),r)},p={start:"flex-start",end:"flex-end",center:"center"},$=m(f({},p),{stretch:"stretch"}),T=s.styled.div`
-  --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-
-  box-sizing: border-box;
-  > * {
-    margin: 0;
-  }
-
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--gutter, 0px);
-
-  justify-content: ${e=>typeof e.justify!="undefined"&&p[e.justify]?p[e.justify]:p.start};
-
-  align-items: ${e=>typeof e.align!="undefined"&&$[e.align]?$[e.align]:$.start};
-`;function oe(e){return typeof e=="number"&&e>-1?!0:typeof e=="string"&&typeof CSS!==void 0?CSS.supports(`height: ${e}`):!1}const se=s.styled(T)`
-  @property --switchAt {
-    syntax: "<length-percentage>";
-    inherits: true;
-    initial-value: 0;
-  }
-
-  flex-wrap: nowrap;
-  ${e=>e.stretch==="all"?`& > *  { 
-        flex: 1;
-      }`:e.stretch==="start"?`& > :first-child { 
-        flex: 1;
-      }`:e.stretch==="end"?`& > :last-child { 
-        flex: 1;
-      }`:typeof e.stretch=="number"?`& > :nth-child(${e.stretch+1}) { 
-        flex: 1;
-      }`:""}
-
-  ${e=>oe(e.switchAt)?`
-          --switchAt: ${typeof e.switchAt=="string"?e.switchAt:`${e.switchAt}px`};
-          flex-wrap: wrap;
-          > * {
-            min-inline-size: fit-content;
-            flex-basis: calc(
-              (var(--switchAt) - (100% - var(--gutter, 0px))) * 999
-            );
-          }
-        `:""}
-`,j=new Set(["left","right","top","bottom","inlineStart","inlineEnd","blockStart","blockEnd"]),ce=(e,t)=>({left:`padding-inline-start:${t};`,right:`padding-inline-end:${t};`,top:`padding-block-start:${t};`,bottom:`padding-block-end:${t};`,inlineStart:`padding-inline-start:${t};`,inlineEnd:`padding-inline-end:${t};`,blockStart:`padding-block-start:${t};`,blockEnd:`padding-block-end:${t};`})[e];function le(e){return t=>{const n=d(t,e);return n!=null?n:"0px"}}function ue(e,t){var c;if(Array.isArray(t)&&t.length>4)throw new Error("padding arrays can only be 4 or less in length");const n=new Set(Object.keys((c=e==null?void 0:e.spacing)!=null?c:A));(()=>typeof t=="string"?!0:Array.isArray(t)?t.every(a=>n.has(a)):t&&Object.keys(t).every(a=>j.has(a))&&Object.values(t).every(a=>n.has(a)))()||console.error("Invalid padding Type");const i=le(e);return typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((a,[l,u])=>j.has(l)?a+ce(l,i(u)):a,""):t!==void 0?`padding: ${Array.from(Array.isArray(t)?t:[t]).map(a=>i(a)).join(" ")};`:""}const de=s.styled.div`
-  box-sizing: border-box;
-  ${e=>ue(e.theme,e.padding)}
-`,fe=s.styled.div`
-  box-sizing: border-box;
-  > * {
-    margin: 0;
-    scroll-snap-align: start;
-  }
-
-  --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-
-  display: flex;
-  gap: var(--gutter, 0px);
-
-  overflow-x: scroll;
-
-  scroll-snap-type: ${e=>{switch(e.snapType){case"none":return"none";case"proximity":return"x proximity";case"mandatory":return"x mandatory";default:return"none"}}};
-`,k=s.styled("div")`
-  @property --gutter {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  --gutter: ${e=>{var t,n;return(n=d((t=e.gutter)!=null?t:"none",e.theme))!=null?n:"0px"}};
-  box-sizing: border-box;
-  > * {
-    margin: 0;
-  }
-  display: flex;
-  flex-direction: column;
-
-  gap: var(--gutter, 0px);
-  align-content: start;
-
-  & > [data-bedrock-column] {
-    grid-column: span 1 / auto;
-  }
-`,I={"1/4":"1fr 3fr","1/3":"1fr 2fr","1/2":"1fr 1fr","2/3":"2fr 1fr","3/4":"3fr 1fr","auto-start":"auto 1fr","auto-end":"1fr auto"},ge=s.styled.div`
-    box-sizing: border-box;
-    > * {
-      margin: 0;
-    }
-    
-    --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-  
-    display: grid;
-    gap: var(--gutter, 0px);
-    grid-template-columns: ${({fraction:e="1/2"})=>{var t;return(t=I[e])!=null?t:I["1/2"]}}};
-  `,me=e=>{const t=typeof e.switchAt=="string"?h(e.switchAt):e.switchAt,n=t&&t>-1?t:0,[r,i]=R(n,e.ref);return React.createElement(o.Switch,null,React.createElement(o.Match,{when:r()===!1},React.createElement(ge,m(f({fraction:e.fraction},e),{ref:i}))),React.createElement(o.Match,{when:r()===!0},React.createElement(k,m(f({},e),{ref:i}))))};function ye(e){return typeof e=="number"?`${e}px`:e&&C(e)?e:"100vh"}const xe=s.styled.div`
-  @property --gutter {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --minHeight {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 100vh;
-  }
-
-  --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-
-  --minHeight: ${e=>ye(e.minHeight)};
-
-  > * {
-    margin: 0;
-  }
-
-  display: flex;
-  flex-direction: column;
-  gap: var(--gutter, 0px);
-
-  min-block-size: var(--minHeight, 100vh);
-
-  > [data-bedrock-cover-centered] {
-    margin-block-start: auto;
-    margin-block-end: auto;
-
-    ${({stretchContent:e})=>e===!0?`
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            > * {
-              flex: 1;
-            }
-          `:""};
-  }
-`,he=e=>React.createElement(xe,f({},e),e.top,React.createElement("div",{"data-bedrock-cover-centered":!0},e.children),e.bottom),pe=s.styled.div`
-  @property --gutter {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --columns {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 1;
-  }
-  --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
-
-  --columns: ${e=>e.columns&&e.columns>0?e.columns:1};
-
-  box-sizing: border-box;
-  > * {
-    margin: 0;
-  }
-
-  display: grid;
-  grid-template-columns: repeat(var(--columns, 1), 1fr);
-  gap: var(--gutter, 0px);
-  grid-auto-flow: row ${({dense:e=!1})=>e===!0?"dense":""};
-`,be=e=>{const t=typeof e.switchAt=="string"?h(e.switchAt):e.switchAt,n=t&&t>-1?t:0,[r,i]=R(n),c=a=>{var l;i(a),(l=e.ref)==null||l.call(e,a)};return React.createElement(o.Switch,null,React.createElement(o.Match,{when:r()===!1},React.createElement(pe,m(f({},e),{ref:c}))),React.createElement(o.Match,{when:r()===!0},React.createElement(k,m(f({},e),{ref:c}))))},ve=e=>typeof e=="number"?e:1,Se=s.styled.div`
-  @property --span {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 1;
-  }
-
-  --span: ${e=>ve(e.colSpan)};
-
-  grid-column: span min(var(--span, 1), var(--columns, 1));
-
-  ${e=>e.offsetStart||e.offsetEnd?`
-    display: contents; 
-    > * {
-        grid-column: span min(var(--span, 1), var(--columns, 1));
-    }
-    `:""}
-
-  ${e=>e.offsetStart&&e.offsetStart>0?`
-  &::before {
-    content: "";
-    grid-column: span min(${e.offsetStart}, var(--columns, 1));
-  }
-  `:""}
-
-${e=>e.offsetEnd&&e.offsetEnd>0?`
-  &::after {
-    content: "";
-    grid-column: span min(${e.offsetEnd}, var(--columns, 1));
-  }
-  `:""}
-`;exports.Center=_;exports.Column=Se;exports.ColumnDrop=Q;exports.Columns=be;exports.Cover=he;exports.Frame=Z;exports.Grid=P;exports.Inline=se;exports.InlineCluster=T;exports.MasonryGrid=ae;exports.PadBox=de;exports.Reel=fe;exports.Split=me;exports.Stack=k;exports.checkIsCSSLength=C;exports.createContainerQuery=R;exports.getSpacingValue=d;exports.spacing=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var f=require("solid-js"),E=require("@bedrock-layout/register-resize-callback");function R(e){return typeof e!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1,100}\)$/].some(t=>t.test(e))}const T={none:"0px",xxs:"0.0625rem",xs:"0.125rem",sm:"0.25rem",md:"0.5rem",mdLg:"0.75rem",lg:"1rem",lgXl:"1.5rem",xl:"2rem",xlXXl:"3rem",xxl:"4rem"};function U(e){return e.reduce((t,[n,o])=>({...t,[n]:o}),{})}const h=(e,t)=>{var s,i;const n=(i=(s=t==null?void 0:t.space)!=null?s:t==null?void 0:t.spacing)!=null?i:T,r=U(Object.entries(n).map(([l,a])=>[l,typeof a=="number"?`${a}px`:a]))[e];return R(r)?r:void 0},Q=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],J=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...Q]),Y=new Set(["innerHTML","textContent","innerText","children"]),Z={className:"class",htmlFor:"for"},L={class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"},p=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),ee=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hkern","image","line","linearGradient","marker","mask","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tref","tspan","use","view","vkern"]),te={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function ne(e,t,n){let o=n.length,r=t.length,c=o,s=0,i=0,l=t[r-1].nextSibling,a=null;for(;s<r||i<c;){if(t[s]===n[i]){s++,i++;continue}for(;t[r-1]===n[c-1];)r--,c--;if(r===s){const u=c<o?i?n[i-1].nextSibling:n[c-i]:l;for(;i<c;)e.insertBefore(n[i++],u)}else if(c===i)for(;s<r;)(!a||!a.has(t[s]))&&t[s].remove(),s++;else if(t[s]===n[c-1]&&n[i]===t[r-1]){const u=t[--r].nextSibling;e.insertBefore(n[i++],t[s++].nextSibling),e.insertBefore(n[--c],u),t[r]=n[c]}else{if(!a){a=new Map;let d=i;for(;d<c;)a.set(n[d],d++)}const u=a.get(t[s]);if(u!=null)if(i<u&&u<c){let d=s,b=1,$;for(;++d<r&&d<c&&!(($=a.get(t[d]))==null||$!==u+b);)b++;if(b>u-i){const x=t[s];for(;i<u;)e.insertBefore(n[i++],x)}else e.replaceChild(n[i++],t[s++])}else s++;else t[s++].remove()}}}const B="_$DX_DELEGATE";function ie(e,t=window.document){const n=t[B]||(t[B]=new Set);for(let o=0,r=e.length;o<r;o++){const c=e[o];n.has(c)||(n.add(c),t.addEventListener(c,ge))}}function se(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function oe(e,t,n,o){o==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,o)}function re(e,t){t==null?e.removeAttribute("class"):e.className=t}function ce(e,t,n,o){if(o)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const r=n[0];e.addEventListener(t,n[0]=c=>r.call(e,n[1],c))}else e.addEventListener(t,n)}function le(e,t,n={}){const o=Object.keys(t||{}),r=Object.keys(n);let c,s;for(c=0,s=r.length;c<s;c++){const i=r[c];!i||i==="undefined"||t[i]||(W(e,i,!1),delete n[i])}for(c=0,s=o.length;c<s;c++){const i=o[c],l=!!t[i];!i||i==="undefined"||n[i]===l||!l||(W(e,i,!0),n[i]=l)}return n}function ae(e,t,n={}){const o=e.style,r=typeof n=="string";if(t==null&&r||typeof t=="string")return o.cssText=t;r&&(o.cssText=void 0,n={}),t||(t={});let c,s;for(s in n)t[s]==null&&o.removeProperty(s),delete n[s];for(s in t)c=t[s],c!==n[s]&&(o.setProperty(s,c),n[s]=c);return n}function fe(e,t,n,o){typeof t=="function"?f.createRenderEffect(r=>F(e,t(),r,n,o)):F(e,t,void 0,n,o)}function ue(e,t,n,o,r={},c=!1){t||(t={});for(const s in r)if(!(s in t)){if(s==="children")continue;D(e,s,null,r[s],n,c)}for(const s in t){if(s==="children"){o||j(e,t.children);continue}const i=t[s];r[s]=D(e,s,i,r[s],n,c)}}function de(e){let t,n;return!f.sharedConfig.context||!(t=f.sharedConfig.registry.get(n=me()))?e.cloneNode(!0):(f.sharedConfig.completed&&f.sharedConfig.completed.add(t),f.sharedConfig.registry.delete(n),t)}function ye(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function W(e,t,n){const o=t.trim().split(/\s+/);for(let r=0,c=o.length;r<c;r++)e.classList.toggle(o[r],n)}function D(e,t,n,o,r,c){let s,i,l;if(t==="style")return ae(e,n,o);if(t==="classList")return le(e,n,o);if(n===o)return o;if(t==="ref")c||n(e);else if(t.slice(0,3)==="on:"){const a=t.slice(3);o&&e.removeEventListener(a,o),n&&e.addEventListener(a,n)}else if(t.slice(0,10)==="oncapture:"){const a=t.slice(10);o&&e.removeEventListener(a,o,!0),n&&e.addEventListener(a,n,!0)}else if(t.slice(0,2)==="on"){const a=t.slice(2).toLowerCase(),u=p.has(a);if(!u&&o){const d=Array.isArray(o)?o[0]:o;e.removeEventListener(a,d)}(u||n)&&(ce(e,a,n,u),u&&ie([a]))}else if((l=Y.has(t))||!r&&(L[t]||(i=J.has(t)))||(s=e.nodeName.includes("-")))t==="class"||t==="className"?re(e,n):s&&!i&&!l?e[ye(t)]=n:e[L[t]||t]=n;else{const a=r&&t.indexOf(":")>-1&&te[t.split(":")[0]];a?oe(e,a,t,n):se(e,Z[t]||t,n)}return n}function ge(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}}),f.sharedConfig.registry&&!f.sharedConfig.done&&(f.sharedConfig.done=!0,document.querySelectorAll("[id^=pl-]").forEach(o=>o.remove()));n!==null;){const o=n[t];if(o&&!n.disabled){const r=n[`${t}Data`];if(r!==void 0?o.call(n,r,e):o.call(n,e),e.cancelBubble)return}n=n.host&&n.host!==n&&n.host instanceof Node?n.host:n.parentNode}}function F(e,t,n={},o,r){return t||(t={}),!r&&"children"in t&&f.createRenderEffect(()=>n.children=j(e,t.children,n.children)),t.ref&&t.ref(e),f.createRenderEffect(()=>ue(e,t,o,!0,n,!0)),n}function j(e,t,n,o,r){for(f.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const c=typeof t,s=o!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,c==="string"||c==="number"){if(f.sharedConfig.context)return n;if(c==="number"&&(t=t.toString()),s){let i=n[0];i&&i.nodeType===3?i.data=t:i=document.createTextNode(t),n=C(e,n,o,i)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||c==="boolean"){if(f.sharedConfig.context)return n;n=C(e,n,o)}else{if(c==="function")return f.createRenderEffect(()=>{let i=t();for(;typeof i=="function";)i=i();n=j(e,i,n,o)}),()=>n;if(Array.isArray(t)){const i=[],l=n&&Array.isArray(n);if(M(i,t,n,r))return f.createRenderEffect(()=>n=j(e,i,n,o,!0)),()=>n;if(f.sharedConfig.context){if(!i.length)return n;for(let a=0;a<i.length;a++)if(i[a].parentNode)return n=i}if(i.length===0){if(n=C(e,n,o),s)return n}else l?n.length===0?G(e,i,o):ne(e,n,i):(n&&C(e),G(e,i));n=i}else if(t instanceof Node){if(f.sharedConfig.context&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)return n=C(e,n,o,t);C(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function M(e,t,n,o){let r=!1;for(let c=0,s=t.length;c<s;c++){let i=t[c],l=n&&n[c];if(i instanceof Node)e.push(i);else if(!(i==null||i===!0||i===!1))if(Array.isArray(i))r=M(e,i,l)||r;else if(typeof i=="function")if(o){for(;typeof i=="function";)i=i();r=M(e,Array.isArray(i)?i:[i],Array.isArray(l)?l:[l])||r}else e.push(i),r=!0;else{const a=String(i);l&&l.nodeType===3&&l.data===a?e.push(l):e.push(document.createTextNode(a))}}return r}function G(e,t,n){for(let o=0,r=t.length;o<r;o++)e.insertBefore(t[o],n)}function C(e,t,n,o){if(n===void 0)return e.textContent="";const r=o||document.createTextNode("");if(t.length){let c=!1;for(let s=t.length-1;s>=0;s--){const i=t[s];if(r!==i){const l=i.parentNode===e;!c&&!s?l?e.replaceChild(r,i):e.insertBefore(r,n):l&&i.remove()}else c=!0}}else e.insertBefore(r,n);return[r]}function me(){const e=f.sharedConfig.context;return`${e.id}${e.count++}`}const he="http://www.w3.org/2000/svg";function Se(e,t=!1){return t?document.createElementNS(he,e):document.createElement(e)}function be(e){const[t,n]=f.splitProps(e,["component"]),o=f.createMemo(()=>t.component);return f.createMemo(()=>{const r=o();switch(typeof r){case"function":return f.untrack(()=>r(n));case"string":const c=ee.has(r),s=f.sharedConfig.context?de():Se(r,c);return fe(s,n,c),s}})}function $e(e){return e!=null?e:void 0}function y(e,t){return Object.keys(e).filter(n=>!t.includes(n)).reduce((n,o)=>(Object.defineProperty(n,o,{get(){return e[o]},configurable:!0,enumerable:!0}),n),{})}function g(e,t){return f.createComponent(be,f.mergeProps({get component(){return e()}},t))}function m(e){if(!Object.values(e).every(t=>typeof t=="function"))throw new Error("Please provide an object with accessor values only.");return Object.keys(e).reduce((t,n)=>{const o=e[n];return Object.defineProperty(t,n,{get(){return o()},configurable:!0,enumerable:!0}),t},{})}function Ce(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function xe(e){const t=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((l,[a,u])=>l+`${a}:${u};`,"")},n=()=>`--maxWidth: ${Ce(e.maxWidth)};`,o=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",c=()=>[o(),r()].filter(Boolean).join(" "),s=()=>[t(),n()].join("; ");return g(()=>{var i;return(i=e.as)!=null?i:"div"},f.mergeProps(y(e,["as","maxWidth","centerText","centerChildren"]),m({style:s,"data-bedrock-center":c})))}const _=f.createContext({});function we(e){return React.createElement(_.Provider,{value:e.theme},e.children)}function S(){try{return f.useContext(_)}catch{return{}}}function Ae(e){return e===void 0?"159px":typeof e=="number"?`${e}px`:e}function Ee(e){const t=S(),n=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((l,[a,u])=>l+`${a}:${u};`,"")},o=()=>{var i,l;return`--gutter: ${(l=h((i=e.gutter)!=null?i:"none",t))!=null?l:"0px"}`},r=()=>`--minItemWidth: ${Ae(e.minItemWidth)}`,c=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",s=()=>[n(),o(),r()].join("; ");return g(()=>{var i;return(i=e.as)!=null?i:"div"},f.mergeProps(y(e,["as","gutter","minItemWidth","noStretchedColumns"]),m({style:s,"data-bedrock-column-drop":c})))}function v(e){throw new Error(e)}function je(e){typeof e!="number"&&!Array.isArray(e)&&v("width must be a number or an array of two numbers"),Array().concat(e).some(n=>n<0)&&v("width value(s) must be 0 or greater"),Array.isArray(e)&&(e.length!==2||e[0]>e[1])&&v(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`)}function I(e,t){je(e);const[n,o]=f.createSignal(!1),[r,c]=f.createSignal();return f.onMount(()=>{E.init()}),f.createEffect(()=>{if(r()===void 0||r()===null)return;t&&t(r());const s=E.registerCallback(r(),i=>{var a,u;const l=(u=(a=i.borderBoxSize)==null?void 0:a.inlineSize)!=null?u:i.contentRect.width;if(l>0){const d=Array.isArray(e)?l>=e[0]&&l<=e[1]:l<=e;o(d)}});f.onCleanup(s)}),[n,c]}function ve(e){return Array.isArray(e)&&e.length===2&&e.every(Number.isFinite)||typeof e=="string"&&/^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(e)}function Pe(e){return Array.isArray(e)?e.join("/"):e}function Me(e){return ve(e)?Pe(e):void 0}function ke(e){const t=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((i,[l,a])=>i+`${l}:${a};`,"")},n=()=>Me(e.ratio),o=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",c=()=>[t(),o(),r()].join("; ");return g(()=>{var s;return(s=e.as)!=null?s:"div"},f.mergeProps(y(e,["as","ratio","position"]),m({style:c,"data-bedrock-frame":()=>""})))}function X(e){const t=S(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((i,[l,a])=>i+`${l}:${a};`,"")},o=()=>{var s,i;return`--gutter: ${(i=h((s=e.gutter)!=null?s:"none",t))!=null?i:"0px"};`},r=()=>{var s;return`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${(s=e.minItemWidth)!=null?s:0}px`};`},c=()=>[n(),o(),r()].join("; ");return g(()=>{var s;return(s=e.as)!=null?s:"div"},f.mergeProps(y(e,["as","gutter","minItemWidth"]),m({style:c,"data-bedrock-grid":()=>""})))}const w=96;function z(e){var o;e=String(e);const t=parseFloat(e),[,n]=(o=e.match(/[\d.\-+]*\s*(.*)/))!=null?o:["",""];return[t,n]}function A(e,t){if(!e)return;const n=t!=null?t:document.body,o=(e!=null?e:"px").trim().toLowerCase();switch(o){case"vmin":case"vmax":case"vh":case"vw":case"%":return;case"ch":case"ex":return Re(o,n);case"em":return k(n,"font-size");case"rem":return k(document.body,"font-size");case"in":return w;case"cm":return w/2.54;case"mm":return w/25.4;case"pt":return w/72;case"pc":return w/6;case"px":return 1;default:{const[r,c]=z(o);if(isNaN(r))return;if(!c)return r;const s=A(c,t);return typeof s=="number"?r*s:void 0}}}function k(e,t){var r;const[n,o]=z(getComputedStyle(e).getPropertyValue(t));return n*((r=A(o,e))!=null?r:1)}function Re(e,t){const n=document.createElement("div");n.style.height="128"+e,t.appendChild(n);const o=k(n,"height")/128;return t.removeChild(n),o}const P=1,Te=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,Ie=e=>{const[t,n]=f.createSignal(1),[o,r]=f.createSignal(),c=S();return f.onMount(()=>{E.init()}),f.createEffect(()=>{const s=$e(o());if(s===void 0)return;const i=E.registerCallback(s,({target:l})=>{var N;n(1);const a=e.gutter&&(N=h(e.gutter,c))!=null?N:"1px",u=Te?A(a,l):void 0,d=Math.max(u!=null?u:P,P),[b]=Array.from(l.children),$=1+Math.min(l.scrollHeight,b.scrollHeight),x=Math.max(Math.ceil($/d),P);n(x)});f.onCleanup(i)}),React.createElement("div",{style:`grid-row: span ${t()};`,ref:r},e.children)},Oe=e=>{const t=f.children(()=>e.children),o=[].concat(t()).filter(Boolean).map(r=>React.createElement(Ie,{gutter:e.gutter},r));return React.createElement(X,{style:"grid-template-rows: 1px;",...e},o)},Ne={start:"justify:start",end:"justify:end",center:"justify:center"},Le={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function Be(e){const t=S(),n=()=>{var l;return typeof e.style=="string"?e.style:Object.entries((l=e.style)!=null?l:{}).reduce((a,[u,d])=>a+`${u}:${d};`,"")},o=()=>{var l,a;return`--gutter: ${(a=h((l=e.gutter)!=null?l:"none",t))!=null?a:"0px"};`},r=()=>e.justify!==void 0?Ne[e.justify]:void 0,c=()=>e.align!==void 0?Le[e.align]:void 0,s=()=>[n(),o()].join("; "),i=()=>[r(),c()].filter(Boolean).join(" ");return g(()=>{var l;return(l=e.as)!=null?l:"div"},f.mergeProps(y(e,["as","gutter","justify","align"]),m({style:s,"data-bedrock-inline-cluster":i})))}const We={start:"justify:start",end:"justify:end",center:"justify:center"},De={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function Fe(e){return typeof e=="number"&&e>-1?!0:typeof e=="string"&&typeof CSS!==void 0?CSS.supports(`height: ${e}`):!1}function Ge(e){const t=S(),n=()=>{var d;return typeof e.style=="string"?e.style:Object.entries((d=e.style)!=null?d:{}).reduce((b,[$,x])=>b+`${$}:${x};`,"")},o=()=>{var d,b;return`--gutter: ${(b=h((d=e.gutter)!=null?d:"none",t))!=null?b:"0px"};`},r=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,c=()=>Fe(e.switchAt)?`--switchAt: ${typeof e.switchAt=="string"?e.switchAt:`${e.switchAt}px`};`:void 0,s=()=>e.justify!==void 0?We[e.justify]:void 0,i=()=>e.align!==void 0?De[e.align]:void 0,l=()=>e.stretch?`stretch:${e.stretch}`:void 0,a=()=>[n(),o(),c(),r()].join("; "),u=()=>[s(),i(),l()].filter(Boolean).join(" ");return g(()=>{var d;return(d=e.as)!=null?d:"div"},f.mergeProps(y(e,["as","gutter","justify","align","stretch","switchAt"]),m({style:a,"data-bedrock-inline":u})))}const V=new Set(["left","right","top","bottom","inlineStart","inlineEnd","blockStart","blockEnd"]),Ve=(e,t)=>({left:`padding-inline-start:${t};`,right:`padding-inline-end:${t};`,top:`padding-block-start:${t};`,bottom:`padding-block-end:${t};`,inlineStart:`padding-inline-start:${t};`,inlineEnd:`padding-inline-end:${t};`,blockStart:`padding-block-start:${t};`,blockEnd:`padding-block-end:${t};`})[e];function He(e){return t=>{const n=h(t,e);return n!=null?n:"0px"}}function _e(e,t){var c;if(Array.isArray(t)&&t.length>4)throw new Error("padding arrays can only be 4 or less in length");const n=new Set(Object.keys((c=e==null?void 0:e.spacing)!=null?c:T));(()=>typeof t=="string"?!0:Array.isArray(t)?t.every(s=>n.has(s)):t&&Object.keys(t).every(s=>V.has(s))&&Object.values(t).every(s=>n.has(s)))()||console.error("Invalid padding Type");const r=He(e);return typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((s,[i,l])=>V.has(i)?s+Ve(i,r(l)):s,""):t!==void 0?`padding: ${Array.from(Array.isArray(t)?t:[t]).map(s=>r(s)).join(" ")};`:""}function Xe(e){const t=S(),n=()=>{var c;return typeof e.style=="string"?e.style:Object.entries((c=e.style)!=null?c:{}).reduce((s,[i,l])=>s+`${i}:${l};`,"")},o=()=>_e(t,e.padding),r=()=>[n(),o()].join("; ");return g(()=>{var c;return(c=e.as)!=null?c:"div"},f.mergeProps(y(e,["as","padding"]),m({style:r,"data-bedrock-padbox":()=>""})))}function ze(e){const t=S(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((i,[l,a])=>i+`${l}:${a};`,"")},o=()=>{var s,i;return`--gutter: ${(i=h((s=e.gutter)!=null?s:"none",t))!=null?i:"0px"};`},r=()=>{switch(e.snapType){case"none":return"snapType:none";case"proximity":return"snapType:proximity";case"mandatory":return"snapType:mandatory";default:return"snapType:none"}},c=()=>[n(),o()].join("; ");return g(()=>{var s;return(s=e.as)!=null?s:"div"},f.mergeProps(y(e,["as","gutter"]),m({style:c,"data-bedrock-reel":r})))}function O(e){const t=S(),n=()=>{var c;return typeof e.style=="string"?e.style:Object.entries((c=e.style)!=null?c:{}).reduce((s,[i,l])=>s+`${i}:${l};`,"")},o=()=>{var c,s;return`--gutter: ${(s=h((c=e.gutter)!=null?c:"none",t))!=null?s:"0px"};`},r=()=>[n(),o()].join("; ");return g(()=>{var c;return(c=e.as)!=null?c:"div"},f.mergeProps(y(e,["as","gutter"]),m({style:r,"data-bedrock-stack":()=>""})))}const H={"1/4":"fraction:1/4","1/3":"fraction:1/3","1/2":"fraction:1/2","2/3":"fraction:2/3","3/4":"fraction:3/4","auto-start":"fraction:auto-start","auto-end":"fraction:auto-end"};function q(e){const t=S(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((i,[l,a])=>i+`${l}:${a};`,"")},o=()=>{var s,i;return`--gutter: ${(i=h((s=e.gutter)!=null?s:"none",t))!=null?i:"0px"};`},r=()=>{var s,i;return(i=H[(s=e.fraction)!=null?s:"1/2"])!=null?i:H["1/2"]},c=()=>[n(),o()].join("; ");return g(()=>{var s;return(s=e.as)!=null?s:"div"},f.mergeProps(y(e,["as","gutter","fraction"]),m({style:c,"data-bedrock-split":r})))}const qe=e=>{const[t,n]=f.splitProps(e,["switchAt","fraction"]),o=typeof t.switchAt=="string"?A(t.switchAt):t.switchAt,r=Math.max(o!=null?o:0,0),[c,s]=I(r,e.ref);return React.createElement(f.Switch,null,React.createElement(f.Match,{when:c()===!1},React.createElement(q,{fraction:t.fraction,...n,ref:s})),React.createElement(f.Match,{when:c()===!0},React.createElement(O,{...n,ref:s})))};function Ke(e){return typeof e=="number"?`${e}px`:e&&R(e)?e:"100vh"}function Ue(e){const t=S(),n=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((l,[a,u])=>l+`${a}:${u};`,"")},o=()=>{var i,l;return`--gutter: ${(l=h((i=e.gutter)!=null?i:"none",t))!=null?l:"0px"};`},r=()=>`--minHeight: ${Ke(e.minHeight)};`,c=()=>e.stretchContent===!0?"stretch-content":"",s=()=>[n(),o(),r()].join("; ");return g(()=>{var i;return(i=e.as)!=null?i:"div"},f.mergeProps(y(e,["as","minHeight","stretchContent"]),m({style:s,"data-bedrock-cover":c})))}const Qe=e=>React.createElement(Ue,{...e},e.top,React.createElement("div",{"data-bedrock-cover-centered":!0},e.children),e.bottom);function K(e){const t=S(),n=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((l,[a,u])=>l+`${a}:${u};`,"")},o=()=>{var i,l;return`--gutter: ${(l=h((i=e.gutter)!=null?i:"none",t))!=null?l:"0px"};`},r=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,c=()=>e.dense?"dense":"",s=()=>[n(),o(),r()].join("; ");return g(()=>{var i;return(i=e.as)!=null?i:"div"},f.mergeProps(y(e,["as","gutter","columns","dense"]),m({style:s,"data-bedrock-columns":c})))}const Je=e=>{const[t,n]=f.splitProps(e,["switchAt","columns","dense"]),o=typeof t.switchAt=="string"?A(t.switchAt):t.switchAt,r=Math.max(o!=null?o:0,0),[c,s]=I(r),i=l=>{var a;s(l),(a=n.ref)==null||a.call(n,l)};return React.createElement(f.Switch,null,React.createElement(f.Match,{when:c()===!1},React.createElement(K,{columns:t.columns,dense:t.dense,...n,ref:i})),React.createElement(f.Match,{when:c()===!0},React.createElement(O,{...n,ref:i})))},Ye=e=>typeof e=="number"?e:1;function Ze(e){const t=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((i,[l,a])=>i+`${l}:${a};`,"")},n=()=>`--span: ${Ye(e.span)};`,o=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",r=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",c=()=>[t(),n(),o(),r()].join("; ");return g(()=>{var s;return(s=e.as)!=null?s:"div"},f.mergeProps(y(e,["as","span","offsetStart","offsetEnd"]),m({style:c,"data-bedrock-column":()=>""})))}exports.Center=xe;exports.Column=Ze;exports.ColumnDrop=Ee;exports.Columns=Je;exports.ColumnsBase=K;exports.Cover=Qe;exports.Frame=ke;exports.Grid=X;exports.Inline=Ge;exports.InlineCluster=Be;exports.MasonryGrid=Oe;exports.PadBox=Xe;exports.Reel=ze;exports.Split=qe;exports.SplitBase=q;exports.Stack=O;exports.ThemeProvider=we;exports.checkIsCSSLength=R;exports.createContainerQuery=I;exports.getSpacingValue=h;exports.spacing=T;exports.useTheme=S;

package/lib/index.d.ts

@@ -13,3 +13,4 @@ export * from "./split";
 export * from "./stack";
 export * from "./cover";
 export * from "./columns";
+export * from "./theme-provider";