@vinyasa/layout 1.0.19

package/dist/esm/953.js

@@ -0,0 +1,87 @@
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
+    }
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+export { createRuntimeFn };

package/dist/esm/aspect-ratio.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { resolveSpacingStyle } from "./474.js";
+const AspectRatio = /*#__PURE__*/ forwardRef(({ as: Component = 'div', ratio = 1, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, style, children, ...rest }, ref)=>{
+    const computedStyle = {
+        ...resolveSpacingStyle({
+            m,
+            mt,
+            mr,
+            mb,
+            ml,
+            mx,
+            my,
+            p,
+            pt,
+            pr,
+            pb,
+            pl,
+            px,
+            py
+        }),
+        aspectRatio: String(ratio),
+        ...style
+    };
+    return /*#__PURE__*/ jsx(Component, {
+        ref: ref,
+        style: computedStyle,
+        ...rest,
+        children: children
+    });
+});
+AspectRatio.displayName = 'AspectRatio';
+const aspect_ratio_AspectRatio = AspectRatio;
+const aspect_ratio = aspect_ratio_AspectRatio;
+export default aspect_ratio;
+export { aspect_ratio as AspectRatio };

package/dist/esm/box.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { resolveSpacingStyle } from "./474.js";
+const Box = /*#__PURE__*/ forwardRef(({ as: Component = 'div', m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, style, children, ...rest }, ref)=>{
+    const computedStyle = {
+        ...resolveSpacingStyle({
+            m,
+            mt,
+            mr,
+            mb,
+            ml,
+            mx,
+            my,
+            p,
+            pt,
+            pr,
+            pb,
+            pl,
+            px,
+            py
+        }),
+        ...style
+    };
+    return /*#__PURE__*/ jsx(Component, {
+        ref: ref,
+        style: computedStyle,
+        ...rest,
+        children: children
+    });
+});
+Box.displayName = 'Box';
+const box_Box = Box;
+const box = box_Box;
+export default box;
+export { box as Box };

package/dist/esm/center.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { flex_Flex } from "./207.js";
+const Center = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(flex_Flex, {
+        ref: ref,
+        align: "center",
+        justify: "center",
+        ...props
+    }));
+Center.displayName = 'Center';
+const center_Center = Center;
+const center = center_Center;
+export default center;
+export { center as Center };

package/dist/esm/components/aspect-ratio/AspectRatio.d.ts

@@ -0,0 +1,11 @@
+import type { PolymorphicProps } from '../../polymorphic';
+import { type SpacingProps } from '../../spacing';
+export type AspectRatioProps = PolymorphicProps & SpacingProps & {
+    /** Width-to-height ratio, e.g. `16 / 9`. An arbitrary runtime number, not a themed/discrete design value — this is why it's a plain inline style rather than a `recipe()` variant. */
+    ratio?: number;
+};
+declare const AspectRatio: import("react").ForwardRefExoticComponent<PolymorphicProps & SpacingProps & {
+    /** Width-to-height ratio, e.g. `16 / 9`. An arbitrary runtime number, not a themed/discrete design value — this is why it's a plain inline style rather than a `recipe()` variant. */
+    ratio?: number;
+} & import("react").RefAttributes<HTMLElement>>;
+export default AspectRatio;

package/dist/esm/components/aspect-ratio/index.d.ts

@@ -0,0 +1,3 @@
+import AspectRatio from './AspectRatio';
+export default AspectRatio;
+export type { AspectRatioProps } from './AspectRatio';

package/dist/esm/components/box/Box.d.ts

@@ -0,0 +1,5 @@
+import type { PolymorphicProps } from '../../polymorphic';
+import { type SpacingProps } from '../../spacing';
+export type BoxProps = PolymorphicProps & SpacingProps;
+declare const Box: import("react").ForwardRefExoticComponent<PolymorphicProps & SpacingProps & import("react").RefAttributes<HTMLElement>>;
+export default Box;

package/dist/esm/components/box/index.d.ts

@@ -0,0 +1,3 @@
+import Box from './Box';
+export default Box;
+export type { BoxProps } from './Box';

package/dist/esm/components/center/Center.d.ts

@@ -0,0 +1,4 @@
+import { type FlexProps } from '../flex/Flex';
+export type CenterProps = Omit<FlexProps, 'align' | 'justify'>;
+declare const Center: import("react").ForwardRefExoticComponent<CenterProps & import("react").RefAttributes<HTMLElement>>;
+export default Center;

package/dist/esm/components/center/index.d.ts

@@ -0,0 +1,3 @@
+import Center from './Center';
+export default Center;
+export type { CenterProps } from './Center';

package/dist/esm/components/container/Container.css.d.ts

@@ -0,0 +1 @@
+export declare const container: string;

package/dist/esm/components/container/Container.d.ts

@@ -0,0 +1,11 @@
+import type { PolymorphicProps } from '../../polymorphic';
+import { type SpacingProps } from '../../spacing';
+export type ContainerProps = PolymorphicProps & SpacingProps & {
+    /** Escape hatch for a narrower container than the responsive default (e.g. a login form). */
+    maxWidth?: string;
+};
+declare const Container: import("react").ForwardRefExoticComponent<PolymorphicProps & SpacingProps & {
+    /** Escape hatch for a narrower container than the responsive default (e.g. a login form). */
+    maxWidth?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Container;

package/dist/esm/components/container/index.d.ts

@@ -0,0 +1,3 @@
+import Container from './Container';
+export default Container;
+export type { ContainerProps } from './Container';

package/dist/esm/components/divider/Divider.css.d.ts

@@ -0,0 +1,12 @@
+export declare const divider: import("@vanilla-extract/recipes").RuntimeFn<{
+    orientation: {
+        horizontal: {
+            width: "100%";
+            height: `var(--${string})`;
+        };
+        vertical: {
+            width: `var(--${string})`;
+            height: "100%";
+        };
+    };
+}>;

package/dist/esm/components/divider/Divider.d.ts

@@ -0,0 +1,16 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SpacingProps } from '../../spacing';
+import { divider } from './Divider.css';
+type DividerVariants = RecipeVariants<typeof divider>;
+export type DividerProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & DividerVariants & SpacingProps & {
+    /** Purely visual divider with no semantic meaning — renders `aria-hidden` instead of `role="separator"` on the vertical branch (an `<hr>` is inherently non-decorative, so this has no effect when `orientation="horizontal"`). */
+    decorative?: boolean;
+};
+declare const Divider: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
+    orientation?: "horizontal" | "vertical" | undefined;
+} & SpacingProps & {
+    /** Purely visual divider with no semantic meaning — renders `aria-hidden` instead of `role="separator"` on the vertical branch (an `<hr>` is inherently non-decorative, so this has no effect when `orientation="horizontal"`). */
+    decorative?: boolean;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Divider;

package/dist/esm/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+import Divider from './Divider';
+export default Divider;
+export type { DividerProps } from './Divider';

package/dist/esm/components/flex/Flex.css.d.ts

@@ -0,0 +1,69 @@
+export declare const flex: import("@vanilla-extract/recipes").RuntimeFn<{
+    direction: {
+        row: {
+            flexDirection: "row";
+        };
+        column: {
+            flexDirection: "column";
+        };
+    };
+    align: {
+        start: {
+            alignItems: "flex-start";
+        };
+        center: {
+            alignItems: "center";
+        };
+        end: {
+            alignItems: "flex-end";
+        };
+        stretch: {
+            alignItems: "stretch";
+        };
+    };
+    justify: {
+        start: {
+            justifyContent: "flex-start";
+        };
+        center: {
+            justifyContent: "center";
+        };
+        end: {
+            justifyContent: "flex-end";
+        };
+        between: {
+            justifyContent: "space-between";
+        };
+        around: {
+            justifyContent: "space-around";
+        };
+    };
+    wrap: {
+        nowrap: {
+            flexWrap: "nowrap";
+        };
+        wrap: {
+            flexWrap: "wrap";
+        };
+    };
+    gap: {
+        1: {
+            gap: `var(--${string})`;
+        };
+        2: {
+            gap: `var(--${string})`;
+        };
+        3: {
+            gap: `var(--${string})`;
+        };
+        4: {
+            gap: `var(--${string})`;
+        };
+        5: {
+            gap: `var(--${string})`;
+        };
+        6: {
+            gap: `var(--${string})`;
+        };
+    };
+}>;

package/dist/esm/components/flex/Flex.d.ts

@@ -0,0 +1,14 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import type { PolymorphicProps } from '../../polymorphic';
+import { type SpacingProps } from '../../spacing';
+import { flex } from './Flex.css';
+type FlexVariants = RecipeVariants<typeof flex>;
+export type FlexProps = PolymorphicProps & FlexVariants & SpacingProps;
+declare const Flex: import("react").ForwardRefExoticComponent<PolymorphicProps & {
+    direction?: "column" | "row" | undefined;
+    align?: "center" | "stretch" | "end" | "start" | undefined;
+    justify?: "center" | "end" | "start" | "between" | "around" | undefined;
+    wrap?: "nowrap" | "wrap" | undefined;
+    gap?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+} & SpacingProps & import("react").RefAttributes<HTMLElement>>;
+export default Flex;

package/dist/esm/components/flex/index.d.ts

@@ -0,0 +1,3 @@
+import Flex from './Flex';
+export default Flex;
+export type { FlexProps } from './Flex';

package/dist/esm/components/grid/Grid.css.d.ts

@@ -0,0 +1,70 @@
+export declare const grid: import("@vanilla-extract/recipes").RuntimeFn<{
+    gap: {
+        1: {
+            gap: `var(--${string})`;
+        };
+        2: {
+            gap: `var(--${string})`;
+        };
+        3: {
+            gap: `var(--${string})`;
+        };
+        4: {
+            gap: `var(--${string})`;
+        };
+        5: {
+            gap: `var(--${string})`;
+        };
+        6: {
+            gap: `var(--${string})`;
+        };
+    };
+    align: {
+        start: {
+            alignItems: "flex-start";
+        };
+        center: {
+            alignItems: "center";
+        };
+        end: {
+            alignItems: "flex-end";
+        };
+        stretch: {
+            alignItems: "stretch";
+        };
+    };
+    justify: {
+        start: {
+            justifyContent: "flex-start";
+        };
+        center: {
+            justifyContent: "center";
+        };
+        end: {
+            justifyContent: "flex-end";
+        };
+        between: {
+            justifyContent: "space-between";
+        };
+        around: {
+            justifyContent: "space-around";
+        };
+    };
+    flow: {
+        row: {
+            gridAutoFlow: "row";
+        };
+        column: {
+            gridAutoFlow: "column";
+        };
+        dense: {
+            gridAutoFlow: "dense";
+        };
+        'row-dense': {
+            gridAutoFlow: "row dense";
+        };
+        'column-dense': {
+            gridAutoFlow: "column dense";
+        };
+    };
+}>;

package/dist/esm/components/grid/Grid.d.ts

@@ -0,0 +1,23 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import type { PolymorphicProps } from '../../polymorphic';
+import { type SpacingProps } from '../../spacing';
+import { grid } from './Grid.css';
+type GridVariants = RecipeVariants<typeof grid>;
+export type GridProps = PolymorphicProps & GridVariants & SpacingProps & {
+    /** Number of equal-width columns, or a raw `grid-template-columns` value for advanced layouts. */
+    columns?: number | string;
+    /** Number of equal-height rows, or a raw `grid-template-rows` value for advanced layouts. */
+    rows?: number | string;
+};
+declare const Grid: import("react").ForwardRefExoticComponent<PolymorphicProps & {
+    gap?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    align?: "center" | "stretch" | "end" | "start" | undefined;
+    justify?: "center" | "end" | "start" | "between" | "around" | undefined;
+    flow?: "column" | "row" | "dense" | "row-dense" | "column-dense" | undefined;
+} & SpacingProps & {
+    /** Number of equal-width columns, or a raw `grid-template-columns` value for advanced layouts. */
+    columns?: number | string;
+    /** Number of equal-height rows, or a raw `grid-template-rows` value for advanced layouts. */
+    rows?: number | string;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Grid;

package/dist/esm/components/grid/index.d.ts

@@ -0,0 +1,3 @@
+import Grid from './Grid';
+export default Grid;
+export type { GridProps } from './Grid';

package/dist/esm/components/inline/Inline.d.ts

@@ -0,0 +1,4 @@
+import { type FlexProps } from '../flex/Flex';
+export type InlineProps = Omit<FlexProps, 'direction'>;
+declare const Inline: import("react").ForwardRefExoticComponent<InlineProps & import("react").RefAttributes<HTMLElement>>;
+export default Inline;

package/dist/esm/components/inline/index.d.ts

@@ -0,0 +1,3 @@
+import Inline from './Inline';
+export default Inline;
+export type { InlineProps } from './Inline';

package/dist/esm/components/portal/Portal.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+export interface PortalProps {
+    children: ReactNode;
+    /** Defaults to document.body. */
+    container?: Element;
+}
+declare const Portal: {
+    ({ children, container }: PortalProps): import("react").ReactPortal | null;
+    displayName: string;
+};
+export default Portal;

package/dist/esm/components/portal/index.d.ts

@@ -0,0 +1,3 @@
+import Portal from './Portal';
+export default Portal;
+export type { PortalProps } from './Portal';

package/dist/esm/components/scroll-area/ScrollArea.css.d.ts

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const viewport: string;
+export declare const scrollbar: string;
+export declare const thumb: string;
+export declare const corner: string;

package/dist/esm/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentPropsWithoutRef, type CSSProperties, type ReactNode } from 'react';
+import { type SpacingProps } from '../../spacing';
+export type ScrollAreaProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'dir'> & SpacingProps & {
+    children: ReactNode;
+    /**
+     * Applied as a real `height` (not `max-height`) on the underlying Radix
+     * Root — Radix's internal Viewport uses `height: 100%`, which only
+     * resolves to a bounded value against an ancestor with an explicit
+     * height; `max-height` alone leaves it undefined per the CSS spec, so
+     * the content never actually clips/scrolls.
+     */
+    maxHeight?: CSSProperties['height'];
+    /** Same reasoning as `maxHeight`, applied as `width` for horizontal scrolling. */
+    maxWidth?: CSSProperties['width'];
+};
+declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir" | "children"> & SpacingProps & {
+    children: ReactNode;
+    /**
+     * Applied as a real `height` (not `max-height`) on the underlying Radix
+     * Root — Radix's internal Viewport uses `height: 100%`, which only
+     * resolves to a bounded value against an ancestor with an explicit
+     * height; `max-height` alone leaves it undefined per the CSS spec, so
+     * the content never actually clips/scrolls.
+     */
+    maxHeight?: CSSProperties["height"];
+    /** Same reasoning as `maxHeight`, applied as `width` for horizontal scrolling. */
+    maxWidth?: CSSProperties["width"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default ScrollArea;

package/dist/esm/components/scroll-area/index.d.ts

@@ -0,0 +1,3 @@
+import ScrollArea from './ScrollArea';
+export default ScrollArea;
+export type { ScrollAreaProps } from './ScrollArea';

package/dist/esm/components/spacer/Spacer.css.d.ts

@@ -0,0 +1 @@
+export declare const spacer: string;

package/dist/esm/components/spacer/Spacer.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export type SpacerProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+declare const Spacer: import("react").ForwardRefExoticComponent<SpacerProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Spacer;

package/dist/esm/components/spacer/index.d.ts

@@ -0,0 +1,3 @@
+import Spacer from './Spacer';
+export default Spacer;
+export type { SpacerProps } from './Spacer';

package/dist/esm/components/stack/Stack.d.ts

@@ -0,0 +1,4 @@
+import { type FlexProps } from '../flex/Flex';
+export type StackProps = Omit<FlexProps, 'direction'>;
+declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLElement>>;
+export default Stack;

package/dist/esm/components/stack/index.d.ts

@@ -0,0 +1,3 @@
+import Stack from './Stack';
+export default Stack;
+export type { StackProps } from './Stack';

package/dist/esm/components/surface/Surface.css.d.ts

@@ -0,0 +1,24 @@
+export declare const surface: import("@vanilla-extract/recipes").RuntimeFn<{
+    radius: {
+        sm: {
+            borderRadius: `var(--${string})`;
+        };
+        md: {
+            borderRadius: `var(--${string})`;
+        };
+        full: {
+            borderRadius: `var(--${string})`;
+        };
+    };
+    elevation: {
+        raised: {
+            boxShadow: `var(--${string})`;
+        };
+        overlay: {
+            boxShadow: `var(--${string})`;
+        };
+        modal: {
+            boxShadow: `var(--${string})`;
+        };
+    };
+}>;

package/dist/esm/components/surface/Surface.d.ts

@@ -0,0 +1,11 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import type { PolymorphicProps } from '../../polymorphic';
+import { type SpacingProps } from '../../spacing';
+import { surface } from './Surface.css';
+type SurfaceVariants = RecipeVariants<typeof surface>;
+export type SurfaceProps = PolymorphicProps & SurfaceVariants & SpacingProps;
+declare const Surface: import("react").ForwardRefExoticComponent<PolymorphicProps & {
+    radius?: "sm" | "md" | "full" | undefined;
+    elevation?: "overlay" | "raised" | "modal" | undefined;
+} & SpacingProps & import("react").RefAttributes<HTMLElement>>;
+export default Surface;

package/dist/esm/components/surface/index.d.ts

@@ -0,0 +1,3 @@
+import Surface from './Surface';
+export default Surface;
+export type { SurfaceProps } from './Surface';

package/dist/esm/container.css

@@ -0,0 +1,30 @@
+.n27f480 {
+  width: 100%;
+  padding-inline: var(--vinyasa-space4);
+  margin-inline: auto;
+}
+
+@media (min-width: 640px) {
+  .n27f480 {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .n27f480 {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .n27f480 {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .n27f480 {
+    max-width: 1280px;
+  }
+}
+