@gridui/grid 1.0.0 → 2.0.0

package/README.md

@@ -1,12 +1,20 @@
 # Grid foundation
 
-See the usage handbook and
-pages and grids guide for practical usage.
+See the [usage handbook](../../docs/usage/README.md) and
+[Grid contract](docs/README.md) for practical usage.
 
-`@gridui/grid` owns Container, Grid, GridItem, Stack, Row, responsive
-spacing, PageFrame, FrameSections, FrameSection, frame chrome, rails, textures,
+`@gridui/grid` owns Container, Grid, GridItem, Split, Stack, Row,
+PageFrame, FrameSections, FrameSection, frame chrome, rails, textures,
 and structural boundaries. It does not know website routes or domain state.
 Load its explicit `styles.css` export after theme styles and before Layout.
+Theme supplies token values; `@gridui/style-utils/responsive` supplies the
+React-free spacing and breakpoint-value calculations.
+
+Use Grid for two-dimensional tracks and Split for a linear, non-wrapping
+sequence of regions. Split's `direction` and `seam` accept scalar or responsive
+values; it owns only the seam between direct child regions. Put functional
+controls and tables inside those regions so their own borders remain intact.
+See [linear regions](docs/README.md#linear-regions) for the full contract.
 
 FrameSection and FrameFooter accept `tone="neutral" | "brand" | "warning" | "danger"`.
 Non-neutral tones scope background, foreground, muted text, borders, controls,
@@ -53,18 +61,18 @@ See the [Grid contract](docs/README.md#grid-foundation) for geometry and API.
 The package root `src/index.ts` declares the public API, and `src/styles.css`
 imports component styles. Neither entry point contains component implementation.
 
-- `primitives/` groups Container, Grid/GridItem with track planning, Stack, and
-  Row with their own styles. Shared `responsive.ts` and `types.ts` remain at the
-  primitive level. `geometry.css` owns the shared Container/frame-rail tracks.
+- `primitives/` groups Container, Grid/GridItem with track planning, Split,
+  Stack, and Row with their own styles. `responsive.ts` retains only column,
+  track, and span geometry; shared responsive spacing comes from Style-utils.
+  `geometry.css` owns the shared Container/frame-rail tracks.
 - `frame/` groups page hosts, chrome, rails, boundaries, decorations, and
   textures with their CSS and variants. `section.tsx` composes those groups.
   Only shared content styles and tone variants remain in `frame/style.ts`;
   `tone.css` owns inherited region colors. Primitives never import Frame.
 
-Browser boundary checks live in `test/browser/frame-boundaries.tsx`. The shared
-Layout browser fixture calls them through the explicit test-only
-`@gridui/grid/testing/frame-boundaries` export; production consumers
-use the component and stylesheet exports.
+Cross-package browser fixtures live in root
+`scripts/development/preview/fixtures` and use public exports. Browser
+specifications live separately in `scripts/testing/browser/specs`.
 
 Unit tests mirror these owners under `test/unit/primitives/` and
 `test/unit/frame/`. Tests can combine public primitives to protect their
@@ -73,4 +81,4 @@ track resolution, seams, and decorative geometry in colocated CSS imported by
 the root stylesheet. See the shared
 style organization contract.
 Consumers use the package root and explicit stylesheet export; internal file
-paths are private, and moved implementations have no forwarding aliases.
+paths are private.

package/dist/frame/chrome/chrome.d.ts

@@ -4,10 +4,10 @@
  * @namespace Frame_Chrome
  * @description Chrome
  */
-import type { Responsive, Space } from "../../primitives/responsive";
 import type { FrameBoundaryStyle } from "../boundary/boundary";
 import type { FrameDecorationStyle } from "../decoration/decoration";
 import type { FrameTone } from "../style";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { ComponentPropsWithRef, FC, ReactNode } from "react";
 export type ChromeProps = {
     readonly padding?: Responsive<Space>;
@@ -15,9 +15,11 @@ export type ChromeProps = {
 export type FrameHeaderProps = ComponentPropsWithRef<"header"> & ChromeProps & {
     readonly wrap?: boolean;
     readonly gap?: Space;
+    readonly justify?: "start" | "between";
 };
 export declare const FrameHeader: FC<FrameHeaderProps>;
 export type FrameFooterProps = ComponentPropsWithRef<"footer"> & ChromeProps & {
+    readonly contentLayout?: "flex" | "block";
     readonly tone?: FrameTone;
     readonly boundary?: FrameBoundaryStyle;
     readonly decoration?: FrameDecorationStyle;

package/dist/frame/page/page.d.ts

@@ -5,8 +5,8 @@
  * @description Page
  */
 import type { ContainerProps } from "../../primitives/container/container";
-import type { Responsive, Space } from "../../primitives/responsive";
 import type { FrameRailGroupProps } from "../rail/rail";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { ComponentPropsWithRef, FC, ReactNode } from "react";
 export type PageFrameProps = FrameRailGroupProps & {
     readonly width?: ContainerProps["width"];

package/dist/frame/rail/rail.d.ts

@@ -4,7 +4,7 @@
  * @namespace Frame_Rail
  * @description Rail
  */
-import type { Responsive, Space } from "../../primitives/responsive";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { ComponentPropsWithRef, FC, ReactNode } from "react";
 export type FrameRailProps = ComponentPropsWithRef<"div"> & {
     readonly placement?: "start" | "sticky-bottom";

package/dist/frame/section.d.ts

@@ -8,6 +8,7 @@ import type { FrameBoundaryStyle } from "./boundary/boundary";
 import type { FrameDecorationStyle } from "./decoration/decoration";
 import type { FrameTone } from "./style";
 import type { FrameTextureStyle } from "./texture/texture";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { ComponentPropsWithRef, FC } from "react";
 export type FrameSectionProps = ComponentPropsWithRef<"section"> & {
     readonly tone?: FrameTone;
@@ -15,5 +16,7 @@ export type FrameSectionProps = ComponentPropsWithRef<"section"> & {
     readonly decoration?: FrameDecorationStyle;
     readonly texture?: FrameTextureStyle;
     readonly edges?: "frame" | "none";
+    readonly paddingInline?: Responsive<Space>;
+    readonly paddingBlock?: Responsive<Space>;
 };
 export declare const FrameSection: FC<FrameSectionProps>;

package/dist/index.js

@@ -1,33 +1,3 @@
-// src/primitives/responsive.ts
-var resolveResponsive = (value) => {
-  if (typeof value !== "object" || !("base" in value)) {
-    return {
-      base: value,
-      md: value,
-      lg: value
-    };
-  }
-  return {
-    base: value.base,
-    md: value.md ?? value.base,
-    lg: value.lg ?? value.md ?? value.base
-  };
-};
-var spaceValue = (value) => {
-  return `var(--gridui-space-${value})`;
-};
-var spanValue = (value) => {
-  return value === "full" ? "1 / -1" : `span ${value} / span ${value}`;
-};
-var spacingStyle = (name, value) => {
-  const sizes = resolveResponsive(value);
-  return {
-    [`--gridui-${name}`]: spaceValue(sizes.base),
-    [`--gridui-${name}-md`]: spaceValue(sizes.md),
-    [`--gridui-${name}-lg`]: spaceValue(sizes.lg)
-  };
-};
-
 // src/frame/boundary/boundary.tsx
 import { cn } from "@gridui/style-utils";
 import { jsx } from "react/jsx-runtime";
@@ -86,10 +56,7 @@ var frameContentStyles = cva(cn2(
 // src/frame/chrome/style.ts
 import { cn as cn3 } from "@gridui/style-utils";
 import { cva as cva2 } from "class-variance-authority";
-var frameChromeStyles = cva2(cn3(
-  "gridui-frame-chrome",
-  "flex flex-wrap items-center justify-between gap-gridui-16"
-));
+var frameChromeStyles = cva2("gridui-frame-chrome");
 var frameSignatureStyles = cva2(cn3(
   "gridui-frame-signature flex min-w-0 items-center justify-center gap-gridui-24 py-gridui-32 px-gridui-24 overflow-hidden border-t border-solid border-border bg-transparent",
   "[&>svg]:h-auto [&>svg]:opacity-30 [&>span]:font-display [&>span]:leading-none [&>span]:text-transparent"
@@ -98,6 +65,7 @@ var frameSignatureCroppedStyles = cva2("gridui-frame-signature-cropped block pb-
 
 // src/frame/chrome/chrome.tsx
 import { cn as cn4 } from "@gridui/style-utils";
+import { resolveResponsive, spaceValue } from "@gridui/style-utils/responsive";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var chromeStyle = (padding) => {
   const values = resolveResponsive(padding);
@@ -111,7 +79,7 @@ var FrameHeader = (props) => {
   const { padding = {
     base: 16,
     md: 24
-  }, wrap = true, gap = 16, className, children, ...restProps } = props;
+  }, wrap = true, gap = 16, justify = "between", className, children, ...restProps } = props;
   return /* @__PURE__ */ jsx3(
     "header",
     {
@@ -121,6 +89,7 @@ var FrameHeader = (props) => {
         "div",
         {
           className: cn4(frameContentStyles(), frameChromeStyles()),
+          "data-justify": justify,
           style: {
             ...chromeStyle(padding),
             flexWrap: wrap ? "wrap" : "nowrap",
@@ -136,7 +105,7 @@ var FrameFooter = (props) => {
   const { padding = {
     base: 16,
     md: 24
-  }, tone = "neutral", boundary = "line", decoration, signature, signatureAppearance = "standard", className, children, ...restProps } = props;
+  }, contentLayout = "flex", tone = "neutral", boundary = "line", decoration, signature, signatureAppearance = "standard", className, children, ...restProps } = props;
   return /* @__PURE__ */ jsxs(
     "footer",
     {
@@ -155,6 +124,7 @@ var FrameFooter = (props) => {
           "div",
           {
             className: cn4(frameContentStyles(), frameChromeStyles(), "gridui-frame-surface"),
+            "data-content-layout": contentLayout,
             style: chromeStyle(padding),
             children: [
               children,
@@ -189,6 +159,7 @@ var frameRailStickyBottomStyles = cva3("gridui-frame-rail-sticky-bottom justify-
 
 // src/frame/rail/rail.tsx
 import { cn as cn5 } from "@gridui/style-utils";
+import { resolveResponsive as resolveResponsive2, spaceValue as spaceValue2 } from "@gridui/style-utils/responsive";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var FrameRail = (props) => {
   const {
@@ -218,11 +189,11 @@ var FrameRailGroup = (props) => {
     md: 32
   }, children, className, style, ...restProps } = props;
   const hasRail = rail !== void 0 && rail !== null && rail !== false;
-  const width = resolveResponsive(hasRail ? railWidth : 0);
+  const width = resolveResponsive2(hasRail ? railWidth : 0);
   const layoutStyle = {
-    "--gridui-rail-width-base": spaceValue(width.base),
-    "--gridui-rail-width-md": spaceValue(width.md),
-    "--gridui-rail-width-lg": spaceValue(width.lg),
+    "--gridui-rail-width-base": spaceValue2(width.base),
+    "--gridui-rail-width-md": spaceValue2(width.md),
+    "--gridui-rail-width-lg": spaceValue2(width.lg),
     "--gridui-rail-display-base": width.base === 0 ? "none" : "block",
     "--gridui-rail-display-md": width.md === 0 ? "none" : "block",
     "--gridui-rail-display-lg": width.lg === 0 ? "none" : "block",
@@ -269,6 +240,7 @@ var pageFrameVariants = cva4("gridui-page-frame min-h-svh", {
 
 // src/frame/page/page.tsx
 import { cn as cn6 } from "@gridui/style-utils";
+import { spacingVariables } from "@gridui/style-utils/responsive";
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var FrameSections = (props) => {
   const { className, ...restProps } = props;
@@ -329,7 +301,7 @@ var PageFrame = (props) => {
           "main",
           {
             className: "gridui-frame-main",
-            style: mainGutterStart === void 0 ? void 0 : spacingStyle("main-gutter-start", mainGutterStart),
+            style: mainGutterStart === void 0 ? void 0 : spacingVariables("main-gutter-start", mainGutterStart),
             children: railScope === "main" && rail !== void 0 && rail !== null && rail !== false ? /* @__PURE__ */ jsx5(
               FrameRailGroup,
               {
@@ -370,6 +342,7 @@ var FrameTexture = (props) => {
 
 // src/frame/section.tsx
 import { cn as cn7 } from "@gridui/style-utils";
+import { spacingVariables as spacingVariables2 } from "@gridui/style-utils/responsive";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var FrameSection = (props) => {
   const {
@@ -378,6 +351,8 @@ var FrameSection = (props) => {
     decoration,
     texture = "none",
     edges = "frame",
+    paddingInline = 0,
+    paddingBlock = 0,
     className,
     children,
     ...restProps
@@ -399,6 +374,10 @@ var FrameSection = (props) => {
           "div",
           {
             className: cn7(frameContentStyles(), "gridui-frame-surface", edges === "none" && "border-x-0"),
+            style: {
+              ...spacingVariables2("section-padding-inline", paddingInline),
+              ...spacingVariables2("section-padding-block", paddingBlock)
+            },
             children: [
               /* @__PURE__ */ jsx7(
                 FrameTexture,
@@ -448,6 +427,11 @@ var Container = (props) => {
   );
 };
 
+// src/primitives/responsive.ts
+var spanValue = (value) => {
+  return value === "full" ? "1 / -1" : `span ${value} / span ${value}`;
+};
+
 // src/primitives/grid/style.ts
 import { cn as cn9 } from "@gridui/style-utils";
 import { cva as cva6 } from "class-variance-authority";
@@ -480,6 +464,7 @@ var gridVariants = cva6(gridStyles(), {
 
 // src/primitives/grid/grid-item.tsx
 import { cn as cn10 } from "@gridui/style-utils";
+import { resolveResponsive as resolveResponsive3, spaceValue as spaceValue3 } from "@gridui/style-utils/responsive";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var GridItem = (props) => {
@@ -492,15 +477,15 @@ var GridItem = (props) => {
     style,
     ...restProps
   } = props;
-  const size = resolveResponsive(span);
-  const inset = resolveResponsive(padding);
+  const size = resolveResponsive3(span);
+  const inset = resolveResponsive3(padding);
   const layoutStyle = {
     "--gridui-span": spanValue(size.base),
     "--gridui-span-md": spanValue(size.md),
     "--gridui-span-lg": spanValue(size.lg),
-    "--gridui-padding": spaceValue(inset.base),
-    "--gridui-padding-md": spaceValue(inset.md),
-    "--gridui-padding-lg": spaceValue(inset.lg),
+    "--gridui-padding": spaceValue3(inset.base),
+    "--gridui-padding-md": spaceValue3(inset.md),
+    "--gridui-padding-lg": spaceValue3(inset.lg),
     ...align ? {
       display: "flex",
       alignItems: align
@@ -555,6 +540,7 @@ var fillGridRowSpans = (columns, spans) => {
 
 // src/primitives/grid/grid.tsx
 import { cn as cn11 } from "@gridui/style-utils";
+import { resolveResponsive as resolveResponsive4, spaceValue as spaceValue4 } from "@gridui/style-utils/responsive";
 import { Children, cloneElement, isValidElement } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var Grid = (props) => {
@@ -568,13 +554,13 @@ var Grid = (props) => {
     children,
     ...restProps
   } = props;
-  const tracks = resolveResponsive(columns);
+  const tracks = resolveResponsive4(columns);
   const count = {
     base: gridColumnCount(tracks.base),
     md: gridColumnCount(tracks.md),
     lg: gridColumnCount(tracks.lg)
   };
-  const spacing = resolveResponsive(frame === "none" ? gap : 0);
+  const spacing = resolveResponsive4(frame === "none" ? gap : 0);
   const layoutStyle = {
     "--gridui-columns": count.base,
     "--gridui-columns-md": count.md,
@@ -582,9 +568,9 @@ var Grid = (props) => {
     "--gridui-grid-template": gridTemplate(tracks.base),
     "--gridui-grid-template-md": gridTemplate(tracks.md),
     "--gridui-grid-template-lg": gridTemplate(tracks.lg),
-    "--gridui-gap": frame === "internal" ? "1px" : spaceValue(spacing.base),
-    "--gridui-gap-md": frame === "internal" ? "1px" : spaceValue(spacing.md),
-    "--gridui-gap-lg": frame === "internal" ? "1px" : spaceValue(spacing.lg),
+    "--gridui-gap": frame === "internal" ? "1px" : spaceValue4(spacing.base),
+    "--gridui-gap-md": frame === "internal" ? "1px" : spaceValue4(spacing.md),
+    "--gridui-gap-lg": frame === "internal" ? "1px" : spaceValue4(spacing.lg),
     ...style
   };
   let content = children;
@@ -596,7 +582,7 @@ var Grid = (props) => {
       return child;
     });
     const spans = items.map((item) => {
-      return resolveResponsive(item.props.span ?? 1);
+      return resolveResponsive4(item.props.span ?? 1);
     });
     const filled = {
       base: fillGridRowSpans(count.base, spans.map((span) => {
@@ -642,6 +628,7 @@ var rowStyles = cva7(cn12(
 
 // src/primitives/row/row.tsx
 import { cn as cn13 } from "@gridui/style-utils";
+import { spaceValue as spaceValue5 } from "@gridui/style-utils/responsive";
 import { jsx as jsx11 } from "react/jsx-runtime";
 var Row = (props) => {
   const {
@@ -666,24 +653,48 @@ var Row = (props) => {
         alignItems: align,
         justifyContent: justify === "between" ? "space-between" : "flex-start",
         flexWrap: wrap ? "wrap" : "nowrap",
-        gap: `${spaceValue(rowGap)} ${spaceValue(gap)}`,
+        gap: `${spaceValue5(rowGap)} ${spaceValue5(gap)}`,
         ...style
       }
     }
   );
 };
 
-// src/primitives/stack/style.ts
+// src/primitives/split/split.tsx
 import { cn as cn14 } from "@gridui/style-utils";
+import { resolveResponsive as resolveResponsive5 } from "@gridui/style-utils/responsive";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Split = (props) => {
+  const { direction = "row", seam = "line", className, ...restProps } = props;
+  const directions = resolveResponsive5(direction);
+  const seams = resolveResponsive5(seam);
+  return /* @__PURE__ */ jsx12(
+    "div",
+    {
+      ...restProps,
+      className: cn14("gridui-split", className),
+      "data-direction": directions.base,
+      "data-direction-md": directions.md,
+      "data-direction-lg": directions.lg,
+      "data-seam": seams.base,
+      "data-seam-md": seams.md,
+      "data-seam-lg": seams.lg
+    }
+  );
+};
+
+// src/primitives/stack/style.ts
+import { cn as cn15 } from "@gridui/style-utils";
 import { cva as cva8 } from "class-variance-authority";
-var stackStyles = cva8(cn14(
+var stackStyles = cva8(cn15(
   "gridui-stack",
   "flex min-w-0 flex-col"
 ));
 
 // src/primitives/stack/stack.tsx
-import { cn as cn15 } from "@gridui/style-utils";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { cn as cn16 } from "@gridui/style-utils";
+import { resolveResponsive as resolveResponsive6, spaceValue as spaceValue6 } from "@gridui/style-utils/responsive";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Stack = (props) => {
   const {
     gap = 16,
@@ -694,21 +705,21 @@ var Stack = (props) => {
     style,
     ...restProps
   } = props;
-  const spacing = resolveResponsive(gap);
+  const spacing = resolveResponsive6(gap);
   const layoutStyle = {
-    "--gridui-gap": spaceValue(spacing.base),
-    "--gridui-gap-md": spaceValue(spacing.md),
-    "--gridui-gap-lg": spaceValue(spacing.lg),
+    "--gridui-gap": spaceValue6(spacing.base),
+    "--gridui-gap-md": spaceValue6(spacing.md),
+    "--gridui-gap-lg": spaceValue6(spacing.lg),
     width: width === "full" ? "100%" : void 0,
     maxWidth,
-    paddingTop: paddingStart === void 0 ? void 0 : spaceValue(paddingStart),
+    paddingTop: paddingStart === void 0 ? void 0 : spaceValue6(paddingStart),
     ...style
   };
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ...restProps,
-      className: cn15(stackStyles(), className),
+      className: cn16(stackStyles(), className),
       style: layoutStyle
     }
   );
@@ -726,7 +737,7 @@ export {
   GridItem,
   PageFrame,
   Row,
-  Stack,
-  spacingStyle
+  Split,
+  Stack
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/primitives/responsive.ts", "../src/frame/boundary/boundary.tsx", "../src/frame/decoration/decoration.tsx", "../src/frame/style.ts", "../src/frame/chrome/style.ts", "../src/frame/chrome/chrome.tsx", "../src/frame/rail/style.ts", "../src/frame/rail/rail.tsx", "../src/frame/page/style.ts", "../src/frame/page/page.tsx", "../src/frame/texture/texture.tsx", "../src/frame/section.tsx", "../src/primitives/container/style.ts", "../src/primitives/container/container.tsx", "../src/primitives/grid/style.ts", "../src/primitives/grid/grid-item.tsx", "../src/primitives/grid/tracks.ts", "../src/primitives/grid/grid.tsx", "../src/primitives/row/style.ts", "../src/primitives/row/row.tsx", "../src/primitives/stack/style.ts", "../src/primitives/stack/stack.tsx"],
-  "sourcesContent": ["/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives\n * @description Responsive\n */\n\nimport type { CSSProperties } from \"react\";\n\nexport type Space = 0 | 4 | 8 | 16 | 24 | 32 | 48 | 64;\nexport type Columns = 1 | 2 | 3 | 4 | 6 | 12;\nexport type GridTrack = \"1fr\" | \"auto\";\nexport type GridColumns = Columns | readonly [GridTrack, ...GridTrack[]];\nexport type Span = Columns | 5 | 7 | 8 | 9 | 10 | 11 | \"full\";\nexport type Responsive<T extends string | number | readonly string[]> = T | {\n    readonly base: T;\n    readonly md?: T;\n    readonly lg?: T;\n};\n\nexport const resolveResponsive = <T extends string | number | readonly string[]>(value: Responsive<T>,\n): {\n    base: T;\n    md: T;\n    lg: T;\n} => {\n    if (typeof value !== \"object\" || !(\"base\" in value)) {\n        return {\n            base: value,\n            md: value,\n            lg: value,\n        };\n    }\n    return {\n        base: value.base,\n        md: value.md ?? value.base,\n        lg: value.lg ?? value.md ?? value.base,\n    };\n};\n\nexport const spaceValue = (value: Space): string => {\n    return `var(--gridui-space-${value})`;\n};\n\nexport const spanValue = (value: Span): string => {\n    return value === \"full\" ? \"1 / -1\" : `span ${value} / span ${value}`;\n};\n\nexport const spacingStyle = (name: string, value: Responsive<Space>): CSSProperties & {\n    [key: `--gridui-${string}`]: string | number;\n} => {\n    const sizes = resolveResponsive(value);\n    return {\n        [`--gridui-${name}`]: spaceValue(sizes.base),\n        [`--gridui-${name}-md`]: spaceValue(sizes.md),\n        [`--gridui-${name}-lg`]: spaceValue(sizes.lg),\n    };\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Boundary\n * @description Boundary\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\n\nexport type FrameBoundaryStyle = \"none\" | \"line\" | \"band\" | \"stripe\" | \"space\";\n\nexport type FrameBoundaryProps = {\n    readonly boundary: FrameBoundaryStyle;\n};\n\nexport const FrameBoundary: FC<FrameBoundaryProps> = (props: FrameBoundaryProps) => {\n    const { boundary } = props;\n    return boundary === \"none\" ? null : (<div\n        className={cn(\n            \"gridui-frame-boundary\",\n            (boundary === \"band\" || boundary === \"stripe\") && \"gridui-frame-divider\",\n            boundary === \"stripe\" && \"gridui-frame-stripe\",\n            boundary === \"space\" && \"gridui-frame-space\",\n        )}\n        aria-hidden=\"true\"\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Decoration\n * @description Decoration\n */\n\nimport type { FrameBoundaryStyle } from \"../boundary/boundary\";\nimport type { FC } from \"react\";\n\nexport type FrameDecorationStyle = \"none\" | \"nodes\" | \"marks\" | \"corners\" | \"ticks\";\n\nexport const resolveFrameDecoration = (\n    boundary: FrameBoundaryStyle,\n    decoration?: FrameDecorationStyle,\n): FrameDecorationStyle => {\n    return decoration ?? (boundary === \"band\" ? \"nodes\" : \"none\");\n};\n\nexport type FrameDecorationProps = {\n    readonly decoration: FrameDecorationStyle;\n};\n\nexport const FrameDecoration: FC<FrameDecorationProps> = (props: FrameDecorationProps) => {\n    const { decoration } = props;\n    return decoration === \"none\" ? null : (<div\n        className=\"gridui-frame-decoration\"\n        data-decoration={decoration}\n        aria-hidden=\"true\"\n        inert\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport type FrameTone = \"neutral\" | \"brand\" | \"warning\" | \"danger\";\n\nexport const frameToneStyles = cva(\"\", {\n    variants: {\n        tone: {\n            neutral: \"\",\n            brand: \"gridui-frame-brand\",\n            warning: \"gridui-frame-warning\",\n            danger: \"gridui-frame-danger\",\n        },\n    },\n});\n\nexport const frameContentStyles = cva(cn(\n    \"gridui-frame-content\",\n    \"border-x border-solid border-border wrap-anywhere\",\n));\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Chrome\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const frameChromeStyles = cva(cn(\n    \"gridui-frame-chrome\",\n    \"flex flex-wrap items-center justify-between gap-gridui-16\",\n));\n\nexport const frameSignatureStyles = cva(cn(\n    \"gridui-frame-signature flex min-w-0 items-center justify-center gap-gridui-24 py-gridui-32 px-gridui-24 overflow-hidden border-t border-solid border-border bg-transparent\",\n    \"[&>svg]:h-auto [&>svg]:opacity-30 [&>span]:font-display [&>span]:leading-none [&>span]:text-transparent\",\n));\n\nexport const frameSignatureCroppedStyles = cva(\"gridui-frame-signature-cropped block pb-0 @container [&>span]:block [&>span]:text-center [&>span]:whitespace-nowrap\");\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Chrome\n * @description Chrome\n */\n\nimport type { Responsive, Space } from \"../../primitives/responsive\";\nimport { resolveResponsive, spaceValue } from \"../../primitives/responsive\";\nimport type { FrameBoundaryStyle } from \"../boundary/boundary\";\nimport { FrameBoundary } from \"../boundary/boundary\";\nimport type { FrameDecorationStyle } from \"../decoration/decoration\";\nimport { FrameDecoration, resolveFrameDecoration } from \"../decoration/decoration\";\nimport type { FrameTone } from \"../style\";\nimport { frameContentStyles, frameToneStyles } from \"../style\";\nimport { frameChromeStyles, frameSignatureCroppedStyles, frameSignatureStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, CSSProperties, FC, ReactNode } from \"react\";\n\nexport type ChromeProps = {\n    readonly padding?: Responsive<Space>;\n};\n\nconst chromeStyle = (padding: Responsive<Space>): CSSProperties & {\n    \"--gridui-chrome-padding\": string;\n    \"--gridui-chrome-padding-md\": string;\n    \"--gridui-chrome-padding-lg\": string;\n} => {\n    const values = resolveResponsive(padding);\n    return {\n        \"--gridui-chrome-padding\": spaceValue(values.base),\n        \"--gridui-chrome-padding-md\": spaceValue(values.md),\n        \"--gridui-chrome-padding-lg\": spaceValue(values.lg),\n    };\n};\n\nexport type FrameHeaderProps = ComponentPropsWithRef<\"header\"> & ChromeProps & {\n    readonly wrap?: boolean;\n    readonly gap?: Space;\n};\n\nexport const FrameHeader: FC<FrameHeaderProps> = (props: FrameHeaderProps) => {\n    const { padding = {\n        base: 16,\n        md: 24,\n    }, wrap = true, gap = 16, className, children, ...restProps } = props;\n    return (<header\n        {...restProps}\n        className={cn(\"gridui-container gridui-frame-header\", className)}\n    >\n        <div\n            className={cn(frameContentStyles(), frameChromeStyles())}\n            style={{\n                ...chromeStyle(padding),\n                flexWrap: wrap ? \"wrap\" : \"nowrap\",\n                gap: spaceValue(gap),\n            }}\n        >\n            {children}\n        </div>\n    </header>);\n};\n\nexport type FrameFooterProps = ComponentPropsWithRef<\"footer\"> & ChromeProps & {\n    readonly tone?: FrameTone;\n    readonly boundary?: FrameBoundaryStyle;\n    readonly decoration?: FrameDecorationStyle;\n    readonly signature?: ReactNode;\n    readonly signatureAppearance?: \"standard\" | \"cropped\";\n};\n\nexport const FrameFooter: FC<FrameFooterProps> = (props: FrameFooterProps) => {\n    const { padding = {\n        base: 16,\n        md: 24,\n    }, tone = \"neutral\", boundary = \"line\", decoration, signature, signatureAppearance = \"standard\", className, children, ...restProps } = props;\n    return (<footer\n        {...restProps}\n        className={cn(\"gridui-container gridui-frame-footer\", frameToneStyles({\n            tone,\n        }), className)}\n    >\n        <FrameBoundary\n            boundary={boundary}\n        />\n        <div\n            className={cn(frameContentStyles(), frameChromeStyles(), \"gridui-frame-surface\")}\n            style={chromeStyle(padding)}\n        >\n            {children}\n            <FrameDecoration\n                decoration={resolveFrameDecoration(boundary, decoration)}\n            />\n        </div>\n        {signature ? (<div\n            className={cn(frameContentStyles(), frameSignatureStyles(), signatureAppearance === \"cropped\" && frameSignatureCroppedStyles())}\n            aria-hidden=\"true\"\n            inert\n        >\n            {signature}\n        </div>) : null}\n    </footer>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Rail\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const frameRailStyles = cva(\"gridui-frame-rail flex h-full box-border flex-col py-gridui-24 text-muted\");\n\nexport const frameRailContentStyles = cva(\"gridui-frame-rail-content relative z-(--gridui-z-interaction) min-w-0 type-eyebrow bg-inherit\");\n\nexport const frameRailStickyBottomStyles = cva(\"gridui-frame-rail-sticky-bottom justify-end [&>.gridui-frame-rail-content]:sticky\");\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Rail\n * @description Rail\n */\n\nimport type { Responsive, Space } from \"../../primitives/responsive\";\nimport { resolveResponsive, spaceValue } from \"../../primitives/responsive\";\nimport { frameRailContentStyles, frameRailStickyBottomStyles, frameRailStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, CSSProperties, FC, ReactNode } from \"react\";\n\nexport type FrameRailProps = ComponentPropsWithRef<\"div\"> & {\n    readonly placement?: \"start\" | \"sticky-bottom\";\n};\n\nexport const FrameRail: FC<FrameRailProps> = (props: FrameRailProps) => {\n    const {\n        placement = \"start\",\n        children,\n        className,\n        ...restProps\n    } = props;\n    return (<div\n        {...restProps}\n        className={cn(frameRailStyles(), placement === \"sticky-bottom\" && frameRailStickyBottomStyles(), className)}\n    >\n        <div\n            className={frameRailContentStyles()}\n        >\n            {children}\n        </div>\n    </div>);\n};\n\nexport type FrameRailGroupProps = ComponentPropsWithRef<\"div\"> & {\n    readonly rail?: ReactNode;\n    readonly railWidth?: Responsive<Space>;\n};\n\nexport const FrameRailGroup: FC<FrameRailGroupProps> = (props: FrameRailGroupProps) => {\n    const { rail, railWidth = {\n        base: 0,\n        md: 32,\n    }, children, className, style, ...restProps } = props;\n    const hasRail = rail !== undefined && rail !== null && rail !== false;\n    const width = resolveResponsive(hasRail ? railWidth : 0);\n    const layoutStyle: CSSProperties & {\n        [key: `--gridui-${string}`]: string | number;\n    } = {\n        \"--gridui-rail-width-base\": spaceValue(width.base),\n        \"--gridui-rail-width-md\": spaceValue(width.md),\n        \"--gridui-rail-width-lg\": spaceValue(width.lg),\n        \"--gridui-rail-display-base\": width.base === 0 ? \"none\" : \"block\",\n        \"--gridui-rail-display-md\": width.md === 0 ? \"none\" : \"block\",\n        \"--gridui-rail-display-lg\": width.lg === 0 ? \"none\" : \"block\",\n        ...style,\n    };\n    return (<div\n        {...restProps}\n        className={cn(\"gridui-frame-rail-group\", className)}\n        style={layoutStyle}\n    >\n        {hasRail ? (<div\n            className=\"gridui-frame-rail-track\"\n        >\n            {rail}\n        </div>) : null}\n        <div\n            className=\"gridui-frame-rail-body\"\n        >\n            {children}\n        </div>\n    </div>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Page\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const pageFrameVariants = cva(\"gridui-page-frame min-h-svh\", {\n    variants: {\n        width: {\n            narrow: \"gridui-container-narrow\",\n            standard: \"gridui-container-standard\",\n            wide: \"gridui-container-wide\",\n        },\n    },\n    defaultVariants: { width: \"standard\" },\n});\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Page\n * @description Page\n */\n\nimport type { ContainerProps } from \"../../primitives/container/container\";\nimport type { Responsive, Space } from \"../../primitives/responsive\";\nimport { spacingStyle } from \"../../primitives/responsive\";\nimport type { FrameRailGroupProps } from \"../rail/rail\";\nimport { FrameRailGroup } from \"../rail/rail\";\nimport { frameContentStyles } from \"../style\";\nimport { pageFrameVariants } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC, ReactNode } from \"react\";\n\nexport type PageFrameProps = FrameRailGroupProps & {\n    readonly width?: ContainerProps[\"width\"];\n    readonly header?: ReactNode;\n    readonly footer?: ReactNode;\n    readonly railScope?: \"page\" | \"main\";\n    readonly mainGutterStart?: Responsive<Space>;\n};\n\nexport type FrameSectionsProps = ComponentPropsWithRef<\"div\">;\n\nexport const FrameSections: FC<FrameSectionsProps> = (props: FrameSectionsProps) => {\n    const { className, ...restProps } = props;\n    return (<div\n        {...restProps}\n        className={cn(\"gridui-frame-sections\", className)}\n    />);\n};\n\nexport const PageFrame: FC<PageFrameProps> = (props: PageFrameProps) => {\n    const {\n        width = \"standard\",\n        header,\n        footer,\n        rail,\n        railWidth,\n        railScope = \"page\",\n        mainGutterStart,\n        children,\n        className,\n        ...restProps\n    } = props;\n    const railOptions = railWidth === undefined ? {} : { railWidth };\n    const content = (<>\n        <FrameSections>\n            {children}\n        </FrameSections>\n        <div\n            className=\"gridui-container gridui-frame-fill\"\n            aria-hidden=\"true\"\n        >\n            <div\n                className={cn(frameContentStyles())}\n            />\n        </div>\n    </>);\n    return (<FrameRailGroup\n        {...restProps}\n        rail={railScope === \"page\" ? rail : undefined}\n        {...railOptions}\n        className={cn(pageFrameVariants({ width }), className)}\n    >\n        {header ? (<div\n            className=\"gridui-frame-page-header\"\n        >\n            {header}\n        </div>) : null}\n        <main\n            className=\"gridui-frame-main\"\n            style={mainGutterStart === undefined ? undefined : spacingStyle(\"main-gutter-start\", mainGutterStart)}\n        >\n            {railScope === \"main\" && rail !== undefined && rail !== null && rail !== false ? (<FrameRailGroup\n                rail={rail}\n                {...railOptions}\n                className=\"gridui-frame-main-rail-group\"\n            >\n                {content}\n            </FrameRailGroup>) : content}\n        </main>\n        {footer ? (<div\n            className=\"gridui-frame-page-footer\"\n        >\n            {footer}\n        </div>) : null}\n    </FrameRailGroup>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Texture\n * @description Texture\n */\n\nimport type { FC } from \"react\";\n\nexport type FrameTextureStyle = \"none\" | \"grid\" | \"dots\" | \"lines\";\n\nexport type FrameTextureProps = {\n    readonly texture: FrameTextureStyle;\n};\n\nexport const FrameTexture: FC<FrameTextureProps> = (props: FrameTextureProps) => {\n    const { texture } = props;\n    return texture === \"none\" ? null : (<div\n        className=\"gridui-frame-texture\"\n        data-texture={texture}\n        aria-hidden=\"true\"\n        inert\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame\n * @description Section\n */\n\nimport type { FrameBoundaryStyle } from \"./boundary/boundary\";\nimport { FrameBoundary } from \"./boundary/boundary\";\nimport type { FrameDecorationStyle } from \"./decoration/decoration\";\nimport { FrameDecoration, resolveFrameDecoration } from \"./decoration/decoration\";\nimport type { FrameTone } from \"./style\";\nimport { frameContentStyles, frameToneStyles } from \"./style\";\nimport type { FrameTextureStyle } from \"./texture/texture\";\nimport { FrameTexture } from \"./texture/texture\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type FrameSectionProps = ComponentPropsWithRef<\"section\"> & {\n    readonly tone?: FrameTone;\n    readonly boundary?: FrameBoundaryStyle;\n    readonly decoration?: FrameDecorationStyle;\n    readonly texture?: FrameTextureStyle;\n    readonly edges?: \"frame\" | \"none\";\n};\n\nexport const FrameSection: FC<FrameSectionProps> = (props: FrameSectionProps) => {\n    const {\n        tone = \"neutral\",\n        boundary = \"line\",\n        decoration,\n        texture = \"none\",\n        edges = \"frame\",\n        className,\n        children,\n        ...restProps\n    } = props;\n    return (<section\n        {...restProps}\n        className={cn(\"gridui-container gridui-frame-section\", frameToneStyles({ tone }), className)}\n        data-edges={edges}\n    >\n        <FrameBoundary\n            boundary={boundary}\n        />\n        <div\n            className={cn(frameContentStyles(), \"gridui-frame-surface\", edges === \"none\" && \"border-x-0\")}\n        >\n            <FrameTexture\n                texture={texture}\n            />\n            {children}\n            <FrameDecoration\n                decoration={resolveFrameDecoration(boundary, decoration)}\n            />\n        </div>\n    </section>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Container\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const containerVariants = cva(\"gridui-container\", {\n    variants: {\n        width: {\n            narrow: \"gridui-container-narrow\",\n            standard: \"gridui-container-standard\",\n            wide: \"gridui-container-wide\",\n        },\n    },\n    defaultVariants: { width: \"standard\" },\n});\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Container\n * @description Container\n */\n\nimport type { ElementProps } from \"../types\";\nimport { containerVariants } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\n\nexport type ContainerProps = ElementProps & {\n    readonly width?: \"narrow\" | \"standard\" | \"wide\";\n};\n\nexport const Container: FC<ContainerProps> = (props: ContainerProps) => {\n    const { width = \"standard\", className, ...restProps } = props;\n    return (<div\n        {...restProps}\n        className={cn(containerVariants({ width }), className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const gridStyles = cva(cn(\n    \"gridui-grid\",\n    \"grid min-w-0\",\n));\n\nexport const gridCellsStyles = cva(cn(\n    \"gridui-grid-cells\",\n    \"border-t border-solid border-border border-l border-solid border-border\",\n));\n\nexport const gridItemStyles = cva(cn(\n    \"gridui-grid-item\",\n    \"min-w-0 wrap-anywhere\",\n));\n\nexport const gridInternalStyles = cva(cn(\n    \"gridui-grid-internal\",\n    \"bg-border\",\n));\n\nexport const gridVariants = cva(gridStyles(), {\n    variants: {\n        frame: {\n            none: \"\",\n            cells: gridCellsStyles(),\n            internal: gridInternalStyles(),\n        },\n    },\n    defaultVariants: { frame: \"none\" },\n});\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Grid Item\n */\n\nimport type { Responsive, Space, Span } from \"../responsive\";\nimport { resolveResponsive, spaceValue, spanValue } from \"../responsive\";\nimport type { ElementProps, LayoutStyle } from \"../types\";\nimport { gridItemStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { FC } from \"react\";\n\nexport type GridItemProps = ElementProps & {\n    readonly asChild?: boolean;\n    readonly span?: Responsive<Span>;\n    readonly padding?: Responsive<Space>;\n    readonly align?: \"end\" | \"center\";\n};\n\nexport const GridItem: FC<GridItemProps> = (props: GridItemProps) => {\n    const {\n        asChild = false,\n        span = 1,\n        padding = 0,\n        align,\n        className,\n        style,\n        ...restProps\n    } = props;\n    const size = resolveResponsive(span);\n    const inset = resolveResponsive(padding);\n    const layoutStyle: LayoutStyle = {\n        \"--gridui-span\": spanValue(size.base),\n        \"--gridui-span-md\": spanValue(size.md),\n        \"--gridui-span-lg\": spanValue(size.lg),\n        \"--gridui-padding\": spaceValue(inset.base),\n        \"--gridui-padding-md\": spaceValue(inset.md),\n        \"--gridui-padding-lg\": spaceValue(inset.lg),\n        ...(align ? {\n            display: \"flex\",\n            alignItems: align,\n        } : {}),\n        ...style,\n    };\n\n    const Component = asChild ? Slot : \"div\";\n    return (<Component\n        {...restProps}\n        className={cn(gridItemStyles(), className)}\n        style={layoutStyle}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Tracks\n */\n\nimport type { GridColumns } from \"../responsive\";\n\nexport const gridColumnCount = (columns: GridColumns): number => {\n    return typeof columns === \"number\" ? columns : columns.length;\n};\n\nexport const gridTemplate = (columns: GridColumns): string => {\n    if (typeof columns === \"number\") {\n        return `repeat(${columns}, minmax(0, 1fr))`;\n    }\n    return columns.map((track) => {\n        return track === \"1fr\" ? \"minmax(0, 1fr)\" : track;\n    }).join(\" \");\n};\n\n// Fill incomplete rows before the next item wraps or starts a full-width row.\nexport const fillGridRowSpans = (columns: number, spans: readonly number[]): number[] => {\n    let occupied = 0;\n    return spans.map((span, index) => {\n        if (span < 1 || span > columns) {\n            throw new RangeError(\"Grid item spans must fit within the grid columns.\");\n        }\n        if (occupied + span > columns) {\n            occupied = 0;\n        }\n        occupied += span;\n        const next = spans[index + 1];\n        if (next === undefined || occupied + next > columns) {\n            const filled = span + columns - occupied;\n            occupied = 0;\n            return filled;\n        }\n        if (occupied === columns) {\n            occupied = 0;\n        }\n        return span;\n    });\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Grid\n */\n\nimport type { GridColumns, Responsive, Space } from \"../responsive\";\nimport { resolveResponsive, spaceValue } from \"../responsive\";\nimport type { ElementProps, LayoutStyle } from \"../types\";\nimport type { GridItemProps } from \"./grid-item\";\nimport { GridItem } from \"./grid-item\";\nimport { gridVariants } from \"./style\";\nimport { fillGridRowSpans, gridColumnCount, gridTemplate } from \"./tracks\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\n\nexport type GridProps = ElementProps & {\n    readonly columns?: Responsive<GridColumns>;\n    readonly fillLastRow?: boolean;\n} & ({\n    readonly frame?: \"none\";\n    readonly gap?: Responsive<Space>;\n} | {\n    readonly frame: \"cells\" | \"internal\";\n    readonly gap?: never;\n});\n\nexport const Grid: FC<GridProps> = (props: GridProps) => {\n    const {\n        columns = 1,\n        frame = \"none\",\n        gap = 16,\n        fillLastRow = false,\n        className,\n        style,\n        children,\n        ...restProps\n    } = props;\n    const tracks = resolveResponsive(columns);\n    const count = {\n        base: gridColumnCount(tracks.base),\n        md: gridColumnCount(tracks.md),\n        lg: gridColumnCount(tracks.lg),\n    };\n    const spacing = resolveResponsive(frame === \"none\" ? gap : 0);\n    const layoutStyle: LayoutStyle = {\n        \"--gridui-columns\": count.base,\n        \"--gridui-columns-md\": count.md,\n        \"--gridui-columns-lg\": count.lg,\n        \"--gridui-grid-template\": gridTemplate(tracks.base),\n        \"--gridui-grid-template-md\": gridTemplate(tracks.md),\n        \"--gridui-grid-template-lg\": gridTemplate(tracks.lg),\n        \"--gridui-gap\": frame === \"internal\" ? \"1px\" : spaceValue(spacing.base),\n        \"--gridui-gap-md\": frame === \"internal\" ? \"1px\" : spaceValue(spacing.md),\n        \"--gridui-gap-lg\": frame === \"internal\" ? \"1px\" : spaceValue(spacing.lg),\n        ...style,\n    };\n    let content = children;\n    if (fillLastRow) {\n        const items = Children.toArray(children).map((child) => {\n            if (!isValidElement<GridItemProps>(child) || child.type !== GridItem) {\n                throw new TypeError(\"Grid fillLastRow requires direct GridItem children.\");\n            }\n            return child;\n        });\n        const spans = items.map((item) => {\n            return resolveResponsive(item.props.span ?? 1);\n        });\n        const filled = {\n            base: fillGridRowSpans(count.base, spans.map((span) => {\n                return span.base === \"full\" ? count.base : span.base;\n            })),\n            md: fillGridRowSpans(count.md, spans.map((span) => {\n                return span.md === \"full\" ? count.md : span.md;\n            })),\n            lg: fillGridRowSpans(count.lg, spans.map((span) => {\n                return span.lg === \"full\" ? count.lg : span.lg;\n            })),\n        };\n        content = items.map((item, index) => {\n            const itemStyle: LayoutStyle = {\n                \"--gridui-span\": `span ${filled.base[index]} / span ${filled.base[index]}`,\n                \"--gridui-span-md\": `span ${filled.md[index]} / span ${filled.md[index]}`,\n                \"--gridui-span-lg\": `span ${filled.lg[index]} / span ${filled.lg[index]}`,\n                ...item.props.style,\n            };\n            return cloneElement(item, {\n                style: itemStyle,\n            });\n        });\n    }\n    return (<div\n        {...restProps}\n        className={cn(gridVariants({ frame }), className)}\n        style={layoutStyle}\n    >\n        {content}\n    </div>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Row\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const rowStyles = cva(cn(\n    \"gridui-row\",\n    \"min-w-0\",\n));\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Row\n * @description Row\n */\n\nimport type { Space } from \"../responsive\";\nimport { spaceValue } from \"../responsive\";\nimport { rowStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type RowProps = ComponentPropsWithRef<\"div\"> & {\n    readonly gap?: Space;\n    readonly rowGap?: Space;\n    readonly align?: \"stretch\" | \"center\" | \"baseline\" | \"end\";\n    readonly justify?: \"start\" | \"between\";\n    readonly wrap?: boolean;\n    readonly inline?: boolean;\n};\n\nexport const Row: FC<RowProps> = (props: RowProps) => {\n    const {\n        gap = 16,\n        rowGap = gap,\n        align = \"stretch\",\n        justify = \"start\",\n        wrap = true,\n        inline = false,\n        className,\n        style,\n        ...restProps\n    } = props;\n    return (<div\n        {...restProps}\n        className={cn(rowStyles(), className)}\n        data-inline={inline}\n        style={{\n            display: inline ? \"inline-flex\" : \"flex\",\n            alignItems: align,\n            justifyContent: justify === \"between\" ? \"space-between\" : \"flex-start\",\n            flexWrap: wrap ? \"wrap\" : \"nowrap\",\n            gap: `${spaceValue(rowGap)} ${spaceValue(gap)}`,\n            ...style,\n        }}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Stack\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const stackStyles = cva(cn(\n    \"gridui-stack\",\n    \"flex min-w-0 flex-col\",\n));\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Stack\n * @description Stack\n */\n\nimport type { Responsive, Space } from \"../responsive\";\nimport { resolveResponsive, spaceValue } from \"../responsive\";\nimport type { ElementProps, LayoutStyle } from \"../types\";\nimport { stackStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { CSSProperties, FC } from \"react\";\n\nexport type StackProps = ElementProps & {\n    readonly gap?: Responsive<Space>;\n    readonly width?: \"full\";\n    readonly maxWidth?: CSSProperties[\"maxWidth\"];\n    readonly paddingStart?: Space;\n};\n\nexport const Stack: FC<StackProps> = (props: StackProps) => {\n    const {\n        gap = 16,\n        width,\n        maxWidth,\n        paddingStart,\n        className,\n        style,\n        ...restProps\n    } = props;\n    const spacing = resolveResponsive(gap);\n    const layoutStyle: LayoutStyle = {\n        \"--gridui-gap\": spaceValue(spacing.base),\n        \"--gridui-gap-md\": spaceValue(spacing.md),\n        \"--gridui-gap-lg\": spaceValue(spacing.lg),\n        width: width === \"full\" ? \"100%\" : undefined,\n        maxWidth,\n        paddingTop: paddingStart === undefined ? undefined : spaceValue(paddingStart),\n        ...style,\n    };\n    return (<div\n        {...restProps}\n        className={cn(stackStyles(), className)}\n        style={layoutStyle}\n    />);\n};\n"],
-  "mappings": "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",
-  "names": ["jsx", "cn", "cn", "cva", "cn", "jsx", "cva", "cn", "jsx", "jsxs", "cva", "cn", "jsx", "jsxs", "jsx", "cn", "jsx", "jsxs", "cva", "cn", "jsx", "cn", "cva", "cn", "jsx", "cn", "jsx", "cn", "cva", "cn", "jsx", "cn", "cva", "cn", "jsx"]
+  "sources": ["../src/frame/boundary/boundary.tsx", "../src/frame/decoration/decoration.tsx", "../src/frame/style.ts", "../src/frame/chrome/style.ts", "../src/frame/chrome/chrome.tsx", "../src/frame/rail/style.ts", "../src/frame/rail/rail.tsx", "../src/frame/page/style.ts", "../src/frame/page/page.tsx", "../src/frame/texture/texture.tsx", "../src/frame/section.tsx", "../src/primitives/container/style.ts", "../src/primitives/container/container.tsx", "../src/primitives/responsive.ts", "../src/primitives/grid/style.ts", "../src/primitives/grid/grid-item.tsx", "../src/primitives/grid/tracks.ts", "../src/primitives/grid/grid.tsx", "../src/primitives/row/style.ts", "../src/primitives/row/row.tsx", "../src/primitives/split/split.tsx", "../src/primitives/stack/style.ts", "../src/primitives/stack/stack.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Boundary\n * @description Boundary\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\n\nexport type FrameBoundaryStyle = \"none\" | \"line\" | \"band\" | \"stripe\" | \"space\";\n\nexport type FrameBoundaryProps = {\n    readonly boundary: FrameBoundaryStyle;\n};\n\nexport const FrameBoundary: FC<FrameBoundaryProps> = (props: FrameBoundaryProps) => {\n    const { boundary } = props;\n    return boundary === \"none\" ? null : (<div\n        className={cn(\n            \"gridui-frame-boundary\",\n            (boundary === \"band\" || boundary === \"stripe\") && \"gridui-frame-divider\",\n            boundary === \"stripe\" && \"gridui-frame-stripe\",\n            boundary === \"space\" && \"gridui-frame-space\",\n        )}\n        aria-hidden=\"true\"\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Decoration\n * @description Decoration\n */\n\nimport type { FrameBoundaryStyle } from \"../boundary/boundary\";\nimport type { FC } from \"react\";\n\nexport type FrameDecorationStyle = \"none\" | \"nodes\" | \"marks\" | \"corners\" | \"ticks\";\n\nexport const resolveFrameDecoration = (\n    boundary: FrameBoundaryStyle,\n    decoration?: FrameDecorationStyle,\n): FrameDecorationStyle => {\n    return decoration ?? (boundary === \"band\" ? \"nodes\" : \"none\");\n};\n\nexport type FrameDecorationProps = {\n    readonly decoration: FrameDecorationStyle;\n};\n\nexport const FrameDecoration: FC<FrameDecorationProps> = (props: FrameDecorationProps) => {\n    const { decoration } = props;\n    return decoration === \"none\" ? null : (<div\n        className=\"gridui-frame-decoration\"\n        data-decoration={decoration}\n        aria-hidden=\"true\"\n        inert\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport type FrameTone = \"neutral\" | \"brand\" | \"warning\" | \"danger\";\n\nexport const frameToneStyles = cva(\"\", {\n    variants: {\n        tone: {\n            neutral: \"\",\n            brand: \"gridui-frame-brand\",\n            warning: \"gridui-frame-warning\",\n            danger: \"gridui-frame-danger\",\n        },\n    },\n});\n\nexport const frameContentStyles = cva(cn(\n    \"gridui-frame-content\",\n    \"border-x border-solid border-border wrap-anywhere\",\n));\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Chrome\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const frameChromeStyles = cva(\"gridui-frame-chrome\");\n\nexport const frameSignatureStyles = cva(cn(\n    \"gridui-frame-signature flex min-w-0 items-center justify-center gap-gridui-24 py-gridui-32 px-gridui-24 overflow-hidden border-t border-solid border-border bg-transparent\",\n    \"[&>svg]:h-auto [&>svg]:opacity-30 [&>span]:font-display [&>span]:leading-none [&>span]:text-transparent\",\n));\n\nexport const frameSignatureCroppedStyles = cva(\"gridui-frame-signature-cropped block pb-0 @container [&>span]:block [&>span]:text-center [&>span]:whitespace-nowrap\");\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Chrome\n * @description Chrome\n */\n\nimport type { FrameBoundaryStyle } from \"../boundary/boundary\";\nimport { FrameBoundary } from \"../boundary/boundary\";\nimport type { FrameDecorationStyle } from \"../decoration/decoration\";\nimport { FrameDecoration, resolveFrameDecoration } from \"../decoration/decoration\";\nimport type { FrameTone } from \"../style\";\nimport { frameContentStyles, frameToneStyles } from \"../style\";\nimport { frameChromeStyles, frameSignatureCroppedStyles, frameSignatureStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { resolveResponsive, spaceValue } from \"@gridui/style-utils/responsive\";\nimport type { ComponentPropsWithRef, CSSProperties, FC, ReactNode } from \"react\";\n\nexport type ChromeProps = {\n    readonly padding?: Responsive<Space>;\n};\n\nconst chromeStyle = (padding: Responsive<Space>): CSSProperties & {\n    \"--gridui-chrome-padding\": string;\n    \"--gridui-chrome-padding-md\": string;\n    \"--gridui-chrome-padding-lg\": string;\n} => {\n    const values = resolveResponsive(padding);\n    return {\n        \"--gridui-chrome-padding\": spaceValue(values.base),\n        \"--gridui-chrome-padding-md\": spaceValue(values.md),\n        \"--gridui-chrome-padding-lg\": spaceValue(values.lg),\n    };\n};\n\nexport type FrameHeaderProps = ComponentPropsWithRef<\"header\"> & ChromeProps & {\n    readonly wrap?: boolean;\n    readonly gap?: Space;\n    readonly justify?: \"start\" | \"between\";\n};\n\nexport const FrameHeader: FC<FrameHeaderProps> = (props: FrameHeaderProps) => {\n    const { padding = {\n        base: 16,\n        md: 24,\n    }, wrap = true, gap = 16, justify = \"between\", className, children, ...restProps } = props;\n    return (<header\n        {...restProps}\n        className={cn(\"gridui-container gridui-frame-header\", className)}\n    >\n        <div\n            className={cn(frameContentStyles(), frameChromeStyles())}\n            data-justify={justify}\n            style={{\n                ...chromeStyle(padding),\n                flexWrap: wrap ? \"wrap\" : \"nowrap\",\n                gap: spaceValue(gap),\n            }}\n        >\n            {children}\n        </div>\n    </header>);\n};\n\nexport type FrameFooterProps = ComponentPropsWithRef<\"footer\"> & ChromeProps & {\n    readonly contentLayout?: \"flex\" | \"block\";\n    readonly tone?: FrameTone;\n    readonly boundary?: FrameBoundaryStyle;\n    readonly decoration?: FrameDecorationStyle;\n    readonly signature?: ReactNode;\n    readonly signatureAppearance?: \"standard\" | \"cropped\";\n};\n\nexport const FrameFooter: FC<FrameFooterProps> = (props: FrameFooterProps) => {\n    const { padding = {\n        base: 16,\n        md: 24,\n    }, contentLayout = \"flex\", tone = \"neutral\", boundary = \"line\", decoration, signature, signatureAppearance = \"standard\", className, children, ...restProps } = props;\n    return (<footer\n        {...restProps}\n        className={cn(\"gridui-container gridui-frame-footer\", frameToneStyles({\n            tone,\n        }), className)}\n    >\n        <FrameBoundary\n            boundary={boundary}\n        />\n        <div\n            className={cn(frameContentStyles(), frameChromeStyles(), \"gridui-frame-surface\")}\n            data-content-layout={contentLayout}\n            style={chromeStyle(padding)}\n        >\n            {children}\n            <FrameDecoration\n                decoration={resolveFrameDecoration(boundary, decoration)}\n            />\n        </div>\n        {signature ? (<div\n            className={cn(frameContentStyles(), frameSignatureStyles(), signatureAppearance === \"cropped\" && frameSignatureCroppedStyles())}\n            aria-hidden=\"true\"\n            inert\n        >\n            {signature}\n        </div>) : null}\n    </footer>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Rail\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const frameRailStyles = cva(\"gridui-frame-rail flex h-full box-border flex-col py-gridui-24 text-muted\");\n\nexport const frameRailContentStyles = cva(\"gridui-frame-rail-content relative z-(--gridui-z-interaction) min-w-0 type-eyebrow bg-inherit\");\n\nexport const frameRailStickyBottomStyles = cva(\"gridui-frame-rail-sticky-bottom justify-end [&>.gridui-frame-rail-content]:sticky\");\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Rail\n * @description Rail\n */\n\nimport { frameRailContentStyles, frameRailStickyBottomStyles, frameRailStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { resolveResponsive, spaceValue } from \"@gridui/style-utils/responsive\";\nimport type { ComponentPropsWithRef, CSSProperties, FC, ReactNode } from \"react\";\n\nexport type FrameRailProps = ComponentPropsWithRef<\"div\"> & {\n    readonly placement?: \"start\" | \"sticky-bottom\";\n};\n\nexport const FrameRail: FC<FrameRailProps> = (props: FrameRailProps) => {\n    const {\n        placement = \"start\",\n        children,\n        className,\n        ...restProps\n    } = props;\n    return (<div\n        {...restProps}\n        className={cn(frameRailStyles(), placement === \"sticky-bottom\" && frameRailStickyBottomStyles(), className)}\n    >\n        <div\n            className={frameRailContentStyles()}\n        >\n            {children}\n        </div>\n    </div>);\n};\n\nexport type FrameRailGroupProps = ComponentPropsWithRef<\"div\"> & {\n    readonly rail?: ReactNode;\n    readonly railWidth?: Responsive<Space>;\n};\n\nexport const FrameRailGroup: FC<FrameRailGroupProps> = (props: FrameRailGroupProps) => {\n    const { rail, railWidth = {\n        base: 0,\n        md: 32,\n    }, children, className, style, ...restProps } = props;\n    const hasRail = rail !== undefined && rail !== null && rail !== false;\n    const width = resolveResponsive(hasRail ? railWidth : 0);\n    const layoutStyle: CSSProperties & {\n        [key: `--gridui-${string}`]: string | number;\n    } = {\n        \"--gridui-rail-width-base\": spaceValue(width.base),\n        \"--gridui-rail-width-md\": spaceValue(width.md),\n        \"--gridui-rail-width-lg\": spaceValue(width.lg),\n        \"--gridui-rail-display-base\": width.base === 0 ? \"none\" : \"block\",\n        \"--gridui-rail-display-md\": width.md === 0 ? \"none\" : \"block\",\n        \"--gridui-rail-display-lg\": width.lg === 0 ? \"none\" : \"block\",\n        ...style,\n    };\n    return (<div\n        {...restProps}\n        className={cn(\"gridui-frame-rail-group\", className)}\n        style={layoutStyle}\n    >\n        {hasRail ? (<div\n            className=\"gridui-frame-rail-track\"\n        >\n            {rail}\n        </div>) : null}\n        <div\n            className=\"gridui-frame-rail-body\"\n        >\n            {children}\n        </div>\n    </div>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Page\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const pageFrameVariants = cva(\"gridui-page-frame min-h-svh\", {\n    variants: {\n        width: {\n            narrow: \"gridui-container-narrow\",\n            standard: \"gridui-container-standard\",\n            wide: \"gridui-container-wide\",\n        },\n    },\n    defaultVariants: { width: \"standard\" },\n});\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Page\n * @description Page\n */\n\nimport type { ContainerProps } from \"../../primitives/container/container\";\nimport type { FrameRailGroupProps } from \"../rail/rail\";\nimport { FrameRailGroup } from \"../rail/rail\";\nimport { frameContentStyles } from \"../style\";\nimport { pageFrameVariants } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { spacingVariables } from \"@gridui/style-utils/responsive\";\nimport type { ComponentPropsWithRef, FC, ReactNode } from \"react\";\n\nexport type PageFrameProps = FrameRailGroupProps & {\n    readonly width?: ContainerProps[\"width\"];\n    readonly header?: ReactNode;\n    readonly footer?: ReactNode;\n    readonly railScope?: \"page\" | \"main\";\n    readonly mainGutterStart?: Responsive<Space>;\n};\n\nexport type FrameSectionsProps = ComponentPropsWithRef<\"div\">;\n\nexport const FrameSections: FC<FrameSectionsProps> = (props: FrameSectionsProps) => {\n    const { className, ...restProps } = props;\n    return (<div\n        {...restProps}\n        className={cn(\"gridui-frame-sections\", className)}\n    />);\n};\n\nexport const PageFrame: FC<PageFrameProps> = (props: PageFrameProps) => {\n    const {\n        width = \"standard\",\n        header,\n        footer,\n        rail,\n        railWidth,\n        railScope = \"page\",\n        mainGutterStart,\n        children,\n        className,\n        ...restProps\n    } = props;\n    const railOptions = railWidth === undefined ? {} : { railWidth };\n    const content = (<>\n        <FrameSections>\n            {children}\n        </FrameSections>\n        <div\n            className=\"gridui-container gridui-frame-fill\"\n            aria-hidden=\"true\"\n        >\n            <div\n                className={cn(frameContentStyles())}\n            />\n        </div>\n    </>);\n    return (<FrameRailGroup\n        {...restProps}\n        rail={railScope === \"page\" ? rail : undefined}\n        {...railOptions}\n        className={cn(pageFrameVariants({ width }), className)}\n    >\n        {header ? (<div\n            className=\"gridui-frame-page-header\"\n        >\n            {header}\n        </div>) : null}\n        <main\n            className=\"gridui-frame-main\"\n            style={mainGutterStart === undefined ? undefined : spacingVariables(\"main-gutter-start\", mainGutterStart)}\n        >\n            {railScope === \"main\" && rail !== undefined && rail !== null && rail !== false ? (<FrameRailGroup\n                rail={rail}\n                {...railOptions}\n                className=\"gridui-frame-main-rail-group\"\n            >\n                {content}\n            </FrameRailGroup>) : content}\n        </main>\n        {footer ? (<div\n            className=\"gridui-frame-page-footer\"\n        >\n            {footer}\n        </div>) : null}\n    </FrameRailGroup>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame_Texture\n * @description Texture\n */\n\nimport type { FC } from \"react\";\n\nexport type FrameTextureStyle = \"none\" | \"grid\" | \"dots\" | \"lines\";\n\nexport type FrameTextureProps = {\n    readonly texture: FrameTextureStyle;\n};\n\nexport const FrameTexture: FC<FrameTextureProps> = (props: FrameTextureProps) => {\n    const { texture } = props;\n    return texture === \"none\" ? null : (<div\n        className=\"gridui-frame-texture\"\n        data-texture={texture}\n        aria-hidden=\"true\"\n        inert\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Frame\n * @description Section\n */\n\nimport type { FrameBoundaryStyle } from \"./boundary/boundary\";\nimport { FrameBoundary } from \"./boundary/boundary\";\nimport type { FrameDecorationStyle } from \"./decoration/decoration\";\nimport { FrameDecoration, resolveFrameDecoration } from \"./decoration/decoration\";\nimport type { FrameTone } from \"./style\";\nimport { frameContentStyles, frameToneStyles } from \"./style\";\nimport type { FrameTextureStyle } from \"./texture/texture\";\nimport { FrameTexture } from \"./texture/texture\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { spacingVariables } from \"@gridui/style-utils/responsive\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type FrameSectionProps = ComponentPropsWithRef<\"section\"> & {\n    readonly tone?: FrameTone;\n    readonly boundary?: FrameBoundaryStyle;\n    readonly decoration?: FrameDecorationStyle;\n    readonly texture?: FrameTextureStyle;\n    readonly edges?: \"frame\" | \"none\";\n    readonly paddingInline?: Responsive<Space>;\n    readonly paddingBlock?: Responsive<Space>;\n};\n\nexport const FrameSection: FC<FrameSectionProps> = (props: FrameSectionProps) => {\n    const {\n        tone = \"neutral\",\n        boundary = \"line\",\n        decoration,\n        texture = \"none\",\n        edges = \"frame\",\n        paddingInline = 0,\n        paddingBlock = 0,\n        className,\n        children,\n        ...restProps\n    } = props;\n    return (<section\n        {...restProps}\n        className={cn(\"gridui-container gridui-frame-section\", frameToneStyles({ tone }), className)}\n        data-edges={edges}\n    >\n        <FrameBoundary\n            boundary={boundary}\n        />\n        <div\n            className={cn(frameContentStyles(), \"gridui-frame-surface\", edges === \"none\" && \"border-x-0\")}\n            style={{\n                ...spacingVariables(\"section-padding-inline\", paddingInline),\n                ...spacingVariables(\"section-padding-block\", paddingBlock),\n            }}\n        >\n            <FrameTexture\n                texture={texture}\n            />\n            {children}\n            <FrameDecoration\n                decoration={resolveFrameDecoration(boundary, decoration)}\n            />\n        </div>\n    </section>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Container\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const containerVariants = cva(\"gridui-container\", {\n    variants: {\n        width: {\n            narrow: \"gridui-container-narrow\",\n            standard: \"gridui-container-standard\",\n            wide: \"gridui-container-wide\",\n        },\n    },\n    defaultVariants: { width: \"standard\" },\n});\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Container\n * @description Container\n */\n\nimport type { ElementProps } from \"../types\";\nimport { containerVariants } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\n\nexport type ContainerProps = ElementProps & {\n    readonly width?: \"narrow\" | \"standard\" | \"wide\";\n};\n\nexport const Container: FC<ContainerProps> = (props: ContainerProps) => {\n    const { width = \"standard\", className, ...restProps } = props;\n    return (<div\n        {...restProps}\n        className={cn(containerVariants({ width }), className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives\n * @description Responsive\n */\n\nexport type Columns = 1 | 2 | 3 | 4 | 6 | 12;\nexport type GridTrack = \"1fr\" | \"auto\";\nexport type GridColumns = Columns | readonly [GridTrack, ...GridTrack[]];\nexport type Span = Columns | 5 | 7 | 8 | 9 | 10 | 11 | \"full\";\nexport const spanValue = (value: Span): string => {\n    return value === \"full\" ? \"1 / -1\" : `span ${value} / span ${value}`;\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const gridStyles = cva(cn(\n    \"gridui-grid\",\n    \"grid min-w-0\",\n));\n\nexport const gridCellsStyles = cva(cn(\n    \"gridui-grid-cells\",\n    \"border-t border-solid border-border border-l border-solid border-border\",\n));\n\nexport const gridItemStyles = cva(cn(\n    \"gridui-grid-item\",\n    \"min-w-0 wrap-anywhere\",\n));\n\nexport const gridInternalStyles = cva(cn(\n    \"gridui-grid-internal\",\n    \"bg-border\",\n));\n\nexport const gridVariants = cva(gridStyles(), {\n    variants: {\n        frame: {\n            none: \"\",\n            cells: gridCellsStyles(),\n            internal: gridInternalStyles(),\n        },\n    },\n    defaultVariants: { frame: \"none\" },\n});\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Grid Item\n */\n\nimport type { Span } from \"../responsive\";\nimport { spanValue } from \"../responsive\";\nimport type { ElementProps, LayoutStyle } from \"../types\";\nimport { gridItemStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { resolveResponsive, spaceValue } from \"@gridui/style-utils/responsive\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { FC } from \"react\";\n\nexport type GridItemProps = ElementProps & {\n    readonly asChild?: boolean;\n    readonly span?: Responsive<Span>;\n    readonly padding?: Responsive<Space>;\n    readonly align?: \"end\" | \"center\";\n};\n\nexport const GridItem: FC<GridItemProps> = (props: GridItemProps) => {\n    const {\n        asChild = false,\n        span = 1,\n        padding = 0,\n        align,\n        className,\n        style,\n        ...restProps\n    } = props;\n    const size = resolveResponsive(span);\n    const inset = resolveResponsive(padding);\n    const layoutStyle: LayoutStyle = {\n        \"--gridui-span\": spanValue(size.base),\n        \"--gridui-span-md\": spanValue(size.md),\n        \"--gridui-span-lg\": spanValue(size.lg),\n        \"--gridui-padding\": spaceValue(inset.base),\n        \"--gridui-padding-md\": spaceValue(inset.md),\n        \"--gridui-padding-lg\": spaceValue(inset.lg),\n        ...(align ? {\n            display: \"flex\",\n            alignItems: align,\n        } : {}),\n        ...style,\n    };\n\n    const Component = asChild ? Slot : \"div\";\n    return (<Component\n        {...restProps}\n        className={cn(gridItemStyles(), className)}\n        style={layoutStyle}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Tracks\n */\n\nimport type { GridColumns } from \"../responsive\";\n\nexport const gridColumnCount = (columns: GridColumns): number => {\n    return typeof columns === \"number\" ? columns : columns.length;\n};\n\nexport const gridTemplate = (columns: GridColumns): string => {\n    if (typeof columns === \"number\") {\n        return `repeat(${columns}, minmax(0, 1fr))`;\n    }\n    return columns.map((track) => {\n        return track === \"1fr\" ? \"minmax(0, 1fr)\" : track;\n    }).join(\" \");\n};\n\n// Fill incomplete rows before the next item wraps or starts a full-width row.\nexport const fillGridRowSpans = (columns: number, spans: readonly number[]): number[] => {\n    let occupied = 0;\n    return spans.map((span, index) => {\n        if (span < 1 || span > columns) {\n            throw new RangeError(\"Grid item spans must fit within the grid columns.\");\n        }\n        if (occupied + span > columns) {\n            occupied = 0;\n        }\n        occupied += span;\n        const next = spans[index + 1];\n        if (next === undefined || occupied + next > columns) {\n            const filled = span + columns - occupied;\n            occupied = 0;\n            return filled;\n        }\n        if (occupied === columns) {\n            occupied = 0;\n        }\n        return span;\n    });\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Grid\n * @description Grid\n */\n\nimport type { GridColumns } from \"../responsive\";\nimport type { ElementProps, LayoutStyle } from \"../types\";\nimport type { GridItemProps } from \"./grid-item\";\nimport { GridItem } from \"./grid-item\";\nimport { gridVariants } from \"./style\";\nimport { fillGridRowSpans, gridColumnCount, gridTemplate } from \"./tracks\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { resolveResponsive, spaceValue } from \"@gridui/style-utils/responsive\";\nimport type { FC } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\n\nexport type GridProps = ElementProps & {\n    readonly columns?: Responsive<GridColumns>;\n    readonly fillLastRow?: boolean;\n} & ({\n    readonly frame?: \"none\";\n    readonly gap?: Responsive<Space>;\n} | {\n    readonly frame: \"cells\" | \"internal\";\n    readonly gap?: never;\n});\n\nexport const Grid: FC<GridProps> = (props: GridProps) => {\n    const {\n        columns = 1,\n        frame = \"none\",\n        gap = 16,\n        fillLastRow = false,\n        className,\n        style,\n        children,\n        ...restProps\n    } = props;\n    const tracks = resolveResponsive(columns);\n    const count = {\n        base: gridColumnCount(tracks.base),\n        md: gridColumnCount(tracks.md),\n        lg: gridColumnCount(tracks.lg),\n    };\n    const spacing = resolveResponsive(frame === \"none\" ? gap : 0);\n    const layoutStyle: LayoutStyle = {\n        \"--gridui-columns\": count.base,\n        \"--gridui-columns-md\": count.md,\n        \"--gridui-columns-lg\": count.lg,\n        \"--gridui-grid-template\": gridTemplate(tracks.base),\n        \"--gridui-grid-template-md\": gridTemplate(tracks.md),\n        \"--gridui-grid-template-lg\": gridTemplate(tracks.lg),\n        \"--gridui-gap\": frame === \"internal\" ? \"1px\" : spaceValue(spacing.base),\n        \"--gridui-gap-md\": frame === \"internal\" ? \"1px\" : spaceValue(spacing.md),\n        \"--gridui-gap-lg\": frame === \"internal\" ? \"1px\" : spaceValue(spacing.lg),\n        ...style,\n    };\n    let content = children;\n    if (fillLastRow) {\n        const items = Children.toArray(children).map((child) => {\n            if (!isValidElement<GridItemProps>(child) || child.type !== GridItem) {\n                throw new TypeError(\"Grid fillLastRow requires direct GridItem children.\");\n            }\n            return child;\n        });\n        const spans = items.map((item) => {\n            return resolveResponsive(item.props.span ?? 1);\n        });\n        const filled = {\n            base: fillGridRowSpans(count.base, spans.map((span) => {\n                return span.base === \"full\" ? count.base : span.base;\n            })),\n            md: fillGridRowSpans(count.md, spans.map((span) => {\n                return span.md === \"full\" ? count.md : span.md;\n            })),\n            lg: fillGridRowSpans(count.lg, spans.map((span) => {\n                return span.lg === \"full\" ? count.lg : span.lg;\n            })),\n        };\n        content = items.map((item, index) => {\n            const itemStyle: LayoutStyle = {\n                \"--gridui-span\": `span ${filled.base[index]} / span ${filled.base[index]}`,\n                \"--gridui-span-md\": `span ${filled.md[index]} / span ${filled.md[index]}`,\n                \"--gridui-span-lg\": `span ${filled.lg[index]} / span ${filled.lg[index]}`,\n                ...item.props.style,\n            };\n            return cloneElement(item, {\n                style: itemStyle,\n            });\n        });\n    }\n    return (<div\n        {...restProps}\n        className={cn(gridVariants({ frame }), className)}\n        style={layoutStyle}\n    >\n        {content}\n    </div>);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Row\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const rowStyles = cva(cn(\n    \"gridui-row\",\n    \"min-w-0\",\n));\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Row\n * @description Row\n */\n\nimport { rowStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Space } from \"@gridui/style-utils/responsive\";\nimport { spaceValue } from \"@gridui/style-utils/responsive\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type RowProps = ComponentPropsWithRef<\"div\"> & {\n    readonly gap?: Space;\n    readonly rowGap?: Space;\n    readonly align?: \"stretch\" | \"center\" | \"baseline\" | \"end\";\n    readonly justify?: \"start\" | \"between\";\n    readonly wrap?: boolean;\n    readonly inline?: boolean;\n};\n\nexport const Row: FC<RowProps> = (props: RowProps) => {\n    const {\n        gap = 16,\n        rowGap = gap,\n        align = \"stretch\",\n        justify = \"start\",\n        wrap = true,\n        inline = false,\n        className,\n        style,\n        ...restProps\n    } = props;\n    return (<div\n        {...restProps}\n        className={cn(rowStyles(), className)}\n        data-inline={inline}\n        style={{\n            display: inline ? \"inline-flex\" : \"flex\",\n            alignItems: align,\n            justifyContent: justify === \"between\" ? \"space-between\" : \"flex-start\",\n            flexWrap: wrap ? \"wrap\" : \"nowrap\",\n            gap: `${spaceValue(rowGap)} ${spaceValue(gap)}`,\n            ...style,\n        }}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Split\n * @description Split\n */\n\nimport type { ElementProps } from \"../types\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive } from \"@gridui/style-utils/responsive\";\nimport { resolveResponsive } from \"@gridui/style-utils/responsive\";\nimport type { FC } from \"react\";\n\nexport type SplitDirection = \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\n\nexport type SplitProps = ElementProps & {\n    readonly direction?: Responsive<SplitDirection>;\n    readonly seam?: Responsive<\"line\" | \"none\">;\n};\n\nexport const Split: FC<SplitProps> = (props: SplitProps) => {\n    const { direction = \"row\", seam = \"line\", className, ...restProps } = props;\n    const directions = resolveResponsive(direction);\n    const seams = resolveResponsive(seam);\n    return (<div\n        {...restProps}\n        className={cn(\"gridui-split\", className)}\n        data-direction={directions.base}\n        data-direction-md={directions.md}\n        data-direction-lg={directions.lg}\n        data-seam={seams.base}\n        data-seam-md={seams.md}\n        data-seam-lg={seams.lg}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Stack\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const stackStyles = cva(cn(\n    \"gridui-stack\",\n    \"flex min-w-0 flex-col\",\n));\n", "/**\n * @author WMXPY\n * @package Grid\n * @namespace Primitives_Stack\n * @description Stack\n */\n\nimport type { ElementProps, LayoutStyle } from \"../types\";\nimport { stackStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { Responsive, Space } from \"@gridui/style-utils/responsive\";\nimport { resolveResponsive, spaceValue } from \"@gridui/style-utils/responsive\";\nimport type { CSSProperties, FC } from \"react\";\n\nexport type StackProps = ElementProps & {\n    readonly gap?: Responsive<Space>;\n    readonly width?: \"full\";\n    readonly maxWidth?: CSSProperties[\"maxWidth\"];\n    readonly paddingStart?: Space;\n};\n\nexport const Stack: FC<StackProps> = (props: StackProps) => {\n    const {\n        gap = 16,\n        width,\n        maxWidth,\n        paddingStart,\n        className,\n        style,\n        ...restProps\n    } = props;\n    const spacing = resolveResponsive(gap);\n    const layoutStyle: LayoutStyle = {\n        \"--gridui-gap\": spaceValue(spacing.base),\n        \"--gridui-gap-md\": spaceValue(spacing.md),\n        \"--gridui-gap-lg\": spaceValue(spacing.lg),\n        width: width === \"full\" ? \"100%\" : undefined,\n        maxWidth,\n        paddingTop: paddingStart === undefined ? undefined : spaceValue(paddingStart),\n        ...style,\n    };\n    return (<div\n        {...restProps}\n        className={cn(stackStyles(), className)}\n        style={layoutStyle}\n    />);\n};\n"],
+  "mappings": "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",
+  "names": ["jsx", "cn", "cn", "cva", "cn", "jsx", "cva", "cn", "resolveResponsive", "spaceValue", "jsx", "jsxs", "cva", "cn", "jsx", "jsxs", "jsx", "cn", "spacingVariables", "jsx", "jsxs", "cva", "cn", "jsx", "cn", "cva", "cn", "resolveResponsive", "spaceValue", "jsx", "cn", "resolveResponsive", "spaceValue", "jsx", "cn", "cva", "cn", "spaceValue", "jsx", "cn", "resolveResponsive", "jsx", "cn", "cva", "cn", "resolveResponsive", "spaceValue", "jsx"]
 }

package/dist/primitives/export.d.ts

@@ -10,9 +10,10 @@ export type { GridProps } from "./grid/grid";
 export { Grid } from "./grid/grid";
 export type { GridItemProps } from "./grid/grid-item";
 export { GridItem } from "./grid/grid-item";
-export type { Columns, GridColumns, GridTrack, Responsive, Space, Span } from "./responsive";
-export { spacingStyle } from "./responsive";
+export type { Columns, GridColumns, GridTrack, Span } from "./responsive";
 export type { RowProps } from "./row/row";
 export { Row } from "./row/row";
+export type { SplitDirection, SplitProps } from "./split/split";
+export { Split } from "./split/split";
 export type { StackProps } from "./stack/stack";
 export { Stack } from "./stack/stack";

package/dist/primitives/grid/grid-item.d.ts

@@ -4,8 +4,9 @@
  * @namespace Primitives_Grid
  * @description Grid Item
  */
-import type { Responsive, Space, Span } from "../responsive";
+import type { Span } from "../responsive";
 import type { ElementProps } from "../types";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { FC } from "react";
 export type GridItemProps = ElementProps & {
     readonly asChild?: boolean;

package/dist/primitives/grid/grid.d.ts

@@ -4,8 +4,9 @@
  * @namespace Primitives_Grid
  * @description Grid
  */
-import type { GridColumns, Responsive, Space } from "../responsive";
+import type { GridColumns } from "../responsive";
 import type { ElementProps } from "../types";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { FC } from "react";
 export type GridProps = ElementProps & {
     readonly columns?: Responsive<GridColumns>;

package/dist/primitives/responsive.d.ts

@@ -4,24 +4,8 @@
  * @namespace Primitives
  * @description Responsive
  */
-import type { CSSProperties } from "react";
-export type Space = 0 | 4 | 8 | 16 | 24 | 32 | 48 | 64;
 export type Columns = 1 | 2 | 3 | 4 | 6 | 12;
 export type GridTrack = "1fr" | "auto";
 export type GridColumns = Columns | readonly [GridTrack, ...GridTrack[]];
 export type Span = Columns | 5 | 7 | 8 | 9 | 10 | 11 | "full";
-export type Responsive<T extends string | number | readonly string[]> = T | {
-    readonly base: T;
-    readonly md?: T;
-    readonly lg?: T;
-};
-export declare const resolveResponsive: <T extends string | number | readonly string[]>(value: Responsive<T>) => {
-    base: T;
-    md: T;
-    lg: T;
-};
-export declare const spaceValue: (value: Space) => string;
 export declare const spanValue: (value: Span) => string;
-export declare const spacingStyle: (name: string, value: Responsive<Space>) => CSSProperties & {
-    [key: `--gridui-${string}`]: string | number;
-};

package/dist/primitives/row/row.d.ts

@@ -4,7 +4,7 @@
  * @namespace Primitives_Row
  * @description Row
  */
-import type { Space } from "../responsive";
+import type { Space } from "@gridui/style-utils/responsive";
 import type { ComponentPropsWithRef, FC } from "react";
 export type RowProps = ComponentPropsWithRef<"div"> & {
     readonly gap?: Space;

package/dist/primitives/split/split.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author WMXPY
+ * @package Grid
+ * @namespace Primitives_Split
+ * @description Split
+ */
+import type { ElementProps } from "../types";
+import type { Responsive } from "@gridui/style-utils/responsive";
+import type { FC } from "react";
+export type SplitDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type SplitProps = ElementProps & {
+    readonly direction?: Responsive<SplitDirection>;
+    readonly seam?: Responsive<"line" | "none">;
+};
+export declare const Split: FC<SplitProps>;

package/dist/primitives/stack/stack.d.ts

@@ -4,8 +4,8 @@
  * @namespace Primitives_Stack
  * @description Stack
  */
-import type { Responsive, Space } from "../responsive";
 import type { ElementProps } from "../types";
+import type { Responsive, Space } from "@gridui/style-utils/responsive";
 import type { CSSProperties, FC } from "react";
 export type StackProps = ElementProps & {
     readonly gap?: Responsive<Space>;

package/dist/styles.css

@@ -41,24 +41,15 @@
   .flex-col {
     flex-direction: column;
   }
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
   .items-center {
     align-items: center;
   }
-  .justify-between {
-    justify-content: space-between;
-  }
   .justify-center {
     justify-content: center;
   }
   .justify-end {
     justify-content: flex-end;
   }
-  .gap-gridui-16 {
-    gap: var(--gridui-space-16);
-  }
   .gap-gridui-24 {
     gap: var(--gridui-space-24);
   }
@@ -206,6 +197,22 @@
       --gridui-page-gutter-start: var(--gridui-main-gutter-start-lg, var(--gridui-page-gutter));
     }
   }
+  .gridui-frame-section > .gridui-frame-surface {
+    padding-inline: var(--gridui-section-padding-inline);
+    padding-block: var(--gridui-section-padding-block);
+  }
+  @media (min-width: 40rem) {
+    .gridui-frame-section > .gridui-frame-surface {
+      padding-inline: var(--gridui-section-padding-inline-md);
+      padding-block: var(--gridui-section-padding-block-md);
+    }
+  }
+  @media (min-width: 64rem) {
+    .gridui-frame-section > .gridui-frame-surface {
+      padding-inline: var(--gridui-section-padding-inline-lg);
+      padding-block: var(--gridui-section-padding-block-lg);
+    }
+  }
   .gridui-frame-rail-group {
     --gridui-frame-rail-width: var(--gridui-rail-width-base);
     --gridui-frame-rail-display: var(--gridui-rail-display-base);
@@ -419,8 +426,19 @@
     }
   }
   .gridui-frame-chrome {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gridui-space-16);
+    align-items: center;
+    justify-content: space-between;
     padding: var(--gridui-chrome-padding);
   }
+  .gridui-frame-chrome[data-justify="start"] {
+    justify-content: flex-start;
+  }
+  .gridui-frame-chrome[data-content-layout="block"] {
+    display: block;
+  }
   .gridui-frame-signature > svg {
     width: clamp(5rem, 18vw, 15rem);
   }
@@ -492,6 +510,100 @@
     color: var(--gridui-foreground);
     background: var(--gridui-background);
   }
+  .gridui-split {
+    display: flex;
+    min-width: 0;
+    min-height: 0;
+  }
+  .gridui-split > * {
+    min-width: 0;
+    min-height: 0;
+  }
+  .gridui-split[data-direction="row"] {
+    flex-direction: row;
+  }
+  .gridui-split[data-direction="column"] {
+    flex-direction: column;
+  }
+  .gridui-split[data-direction="row-reverse"] {
+    flex-direction: row-reverse;
+  }
+  .gridui-split[data-direction="column-reverse"] {
+    flex-direction: column-reverse;
+  }
+  .gridui-split[data-direction][data-seam] > :where(:not([hidden]) ~ :not([hidden])) {
+    border: 0 solid var(--gridui-border);
+  }
+  .gridui-split[data-direction="row"][data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+    border-inline-start-width: 1px;
+  }
+  .gridui-split[data-direction="column"][data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+    border-block-start-width: 1px;
+  }
+  .gridui-split[data-direction="row-reverse"][data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+    border-inline-end-width: 1px;
+  }
+  .gridui-split[data-direction="column-reverse"][data-seam="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+    border-block-end-width: 1px;
+  }
+  @media (min-width: 40rem) {
+    .gridui-split[data-direction-md="row"] {
+      flex-direction: row;
+    }
+    .gridui-split[data-direction-md="column"] {
+      flex-direction: column;
+    }
+    .gridui-split[data-direction-md="row-reverse"] {
+      flex-direction: row-reverse;
+    }
+    .gridui-split[data-direction-md="column-reverse"] {
+      flex-direction: column-reverse;
+    }
+    .gridui-split[data-direction-md][data-seam-md] > :where(:not([hidden]) ~ :not([hidden])) {
+      border: 0 solid var(--gridui-border);
+    }
+    .gridui-split[data-direction-md="row"][data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-inline-start-width: 1px;
+    }
+    .gridui-split[data-direction-md="column"][data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-block-start-width: 1px;
+    }
+    .gridui-split[data-direction-md="row-reverse"][data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-inline-end-width: 1px;
+    }
+    .gridui-split[data-direction-md="column-reverse"][data-seam-md="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-block-end-width: 1px;
+    }
+  }
+  @media (min-width: 64rem) {
+    .gridui-split[data-direction-lg="row"] {
+      flex-direction: row;
+    }
+    .gridui-split[data-direction-lg="column"] {
+      flex-direction: column;
+    }
+    .gridui-split[data-direction-lg="row-reverse"] {
+      flex-direction: row-reverse;
+    }
+    .gridui-split[data-direction-lg="column-reverse"] {
+      flex-direction: column-reverse;
+    }
+    .gridui-split[data-direction-lg][data-seam-lg] > :where(:not([hidden]) ~ :not([hidden])) {
+      border: 0 solid var(--gridui-border);
+    }
+    .gridui-split[data-direction-lg="row"][data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-inline-start-width: 1px;
+    }
+    .gridui-split[data-direction-lg="column"][data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-block-start-width: 1px;
+    }
+    .gridui-split[data-direction-lg="row-reverse"][data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-inline-end-width: 1px;
+    }
+    .gridui-split[data-direction-lg="column-reverse"][data-seam-lg="line"] > :where(:not([hidden]) ~ :not([hidden])) {
+      border-block-end-width: 1px;
+    }
+  }
 }
 @property --tw-border-style {
   syntax: "*";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gridui/grid",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "GridUI React grid",
   "license": "UNLICENSED",
   "type": "module",
@@ -27,8 +27,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@gridui/style-utils": "1.0.0",
-    "@gridui/theme": "1.0.0",
+    "@gridui/style-utils": "2.0.0",
+    "@gridui/theme": "2.0.0",
     "@radix-ui/react-slot": "1.5.0",
     "class-variance-authority": "0.7.1"
   },