@psnext/design-system 1.5.1 → 2.0.0

package/dist/index66.d.cts

@@ -1,19 +1,25 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#region src/layouts/PageBackground/PageBackground.d.ts
-/** Props for {@link PageBackground}; extends the native `div` props. */
-type PageBackgroundProps = React.ComponentProps<"div"> & {
-  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
-  fixed?: boolean;
+//#region src/layouts/Container/Container.d.ts
+declare const containerVariants: (props?: ({
+  size?: "content" | "narrow" | "wide" | "full" | null | undefined;
+  variant?: "default" | "glass" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
+type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
+  /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */
+  as?: React.ElementType;
 };
-/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
-declare function PageBackground({
-  fixed,
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
   className,
-  style,
+  size,
+  variant,
   ...props
-}: PageBackgroundProps): react_jsx_runtime0.JSX.Element;
+}: ContainerProps): react_jsx_runtime61.JSX.Element;
 //#endregion
-export { PageBackgroundProps as n, PageBackground as t };
+export { ContainerProps as n, containerVariants as r, Container as t };
 //# sourceMappingURL=index66.d.cts.map

package/dist/index66.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index66.d.cts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,kBAAA,CAAA,GAAA,CAAA,OAA/D"}
+{"version":3,"file":"index66.d.cts","names":[],"sources":["../src/layouts/Container/Container.tsx"],"mappings":";;;;;;cAOM;;;IAkBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,EAAA,CAAA,EAGV,KAAA,CAAM,WAHI;;;iBAOV,SAAA,CANP;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAM6D,cAN7D,CAAA,EAM2E,mBAAA,CAAA,GAAA,CAAA,OAN3E"}

package/dist/index66.d.ts

@@ -1,19 +1,25 @@
 import * as React from "react";
-import * as react_jsx_runtime116 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
-//#region src/layouts/PageBackground/PageBackground.d.ts
-/** Props for {@link PageBackground}; extends the native `div` props. */
-type PageBackgroundProps = React.ComponentProps<"div"> & {
-  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
-  fixed?: boolean;
+//#region src/layouts/Container/Container.d.ts
+declare const containerVariants: (props?: ({
+  size?: "narrow" | "content" | "wide" | "full" | null | undefined;
+  variant?: "default" | "glass" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
+  /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */
+  as?: React.ElementType;
 };
-/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
-declare function PageBackground({
-  fixed,
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
   className,
-  style,
+  size,
+  variant,
   ...props
-}: PageBackgroundProps): react_jsx_runtime116.JSX.Element;
+}: ContainerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { PageBackgroundProps as n, PageBackground as t };
+export { ContainerProps as n, containerVariants as r, Container as t };
 //# sourceMappingURL=index66.d.ts.map

package/dist/index66.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index66.d.ts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,oBAAA,CAAA,GAAA,CAAA,OAA/D"}
+{"version":3,"file":"index66.d.ts","names":[],"sources":["../src/layouts/Container/Container.tsx"],"mappings":";;;;;;cAOM;;;IAkBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,EAAA,CAAA,EAGV,KAAA,CAAM,WAHI;;;iBAOV,SAAA,CANP;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAM6D,cAN7D,CAAA,EAM2E,kBAAA,CAAA,GAAA,CAAA,OAN3E"}

package/dist/index67.d.cts

@@ -1,37 +1,19 @@
-import * as react_jsx_runtime337 from "react/jsx-runtime";
-import * as class_variance_authority_types28 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime290 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/layouts/Stack/Stack.d.ts
-declare const stackVariants: (props?: ({
-  direction?: "horizontal" | "vertical" | null | undefined;
-  gap?: "none" | "xs" | "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
-  align?: "end" | "center" | "start" | "stretch" | null | undefined;
-  justify?: "end" | "center" | "start" | "between" | null | undefined;
-} & class_variance_authority_types28.ClassProp) | undefined) => string;
-type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
-  /** Render as a different element/component instead of the default `div`. */
-  as?: React.ElementType;
-  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
-  direction?: VariantProps<typeof stackVariants>["direction"];
-  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
-  gap?: VariantProps<typeof stackVariants>["gap"];
-  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
-  align?: VariantProps<typeof stackVariants>["align"];
-  /** Main-axis distribution (`justify-content`). */
-  justify?: VariantProps<typeof stackVariants>["justify"];
+//#region src/layouts/PageBackground/PageBackground.d.ts
+/** Props for {@link PageBackground}; extends the native `div` props. */
+type PageBackgroundProps = React.ComponentProps<"div"> & {
+  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
+  fixed?: boolean;
 };
-/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
-declare function Stack({
-  as,
+/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
+declare function PageBackground({
+  fixed,
   className,
-  direction,
-  gap,
-  align,
-  justify,
+  style,
   ...props
-}: StackProps): react_jsx_runtime337.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime290.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index67.d.cts.map

package/dist/index67.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index67.d.cts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,KAAA,GAiCJ,QAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,oBAAA,CAAA,GAAA,CAAA,OAJ5D"}
+{"version":3,"file":"index67.d.cts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,oBAAA,CAAA,GAAA,CAAA,OAA/D"}

package/dist/index67.d.ts

@@ -1,37 +1,19 @@
 import * as React from "react";
-import * as react_jsx_runtime292 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types22 from "class-variance-authority/types";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
 
-//#region src/layouts/Stack/Stack.d.ts
-declare const stackVariants: (props?: ({
-  direction?: "horizontal" | "vertical" | null | undefined;
-  gap?: "sm" | "md" | "lg" | "none" | "xl" | "xs" | "2xl" | null | undefined;
-  align?: "center" | "end" | "start" | "stretch" | null | undefined;
-  justify?: "center" | "end" | "start" | "between" | null | undefined;
-} & class_variance_authority_types22.ClassProp) | undefined) => string;
-type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
-  /** Render as a different element/component instead of the default `div`. */
-  as?: React.ElementType;
-  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
-  direction?: VariantProps<typeof stackVariants>["direction"];
-  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
-  gap?: VariantProps<typeof stackVariants>["gap"];
-  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
-  align?: VariantProps<typeof stackVariants>["align"];
-  /** Main-axis distribution (`justify-content`). */
-  justify?: VariantProps<typeof stackVariants>["justify"];
+//#region src/layouts/PageBackground/PageBackground.d.ts
+/** Props for {@link PageBackground}; extends the native `div` props. */
+type PageBackgroundProps = React.ComponentProps<"div"> & {
+  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
+  fixed?: boolean;
 };
-/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
-declare function Stack({
-  as,
+/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
+declare function PageBackground({
+  fixed,
   className,
-  direction,
-  gap,
-  align,
-  justify,
+  style,
   ...props
-}: StackProps): react_jsx_runtime292.JSX.Element;
+}: PageBackgroundProps): react_jsx_runtime213.JSX.Element;
 //#endregion
-export { StackProps as n, stackVariants as r, Stack as t };
+export { PageBackgroundProps as n, PageBackground as t };
 //# sourceMappingURL=index67.d.ts.map

package/dist/index67.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index67.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,QAiCJ,GAAA,KAAA,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,oBAAA,CAAA,GAAA,CAAA,OAJ5D"}
+{"version":3,"file":"index67.d.ts","names":[],"sources":["../src/layouts/PageBackground/PageBackground.tsx"],"mappings":";;;;;KAkBK,mBAAA,GAAsB,KAAA,CAAM;;EAA5B,KAAA,CAAA,EAAA,OAAA;AAA0C,CAAA;;iBAMtC,cAAA,CAAiB;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAA4C,mBAA5C,CAAA,EAA+D,oBAAA,CAAA,GAAA,CAAA,OAA/D"}

package/dist/index68.d.cts

@@ -1,36 +1,37 @@
-import * as react_jsx_runtime63 from "react/jsx-runtime";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-//#region src/layouts/TwoColumn/TwoColumn.d.ts
-declare const twoColumnVariants: (props?: ({
-  gap?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
-type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants> & {
-  /** Space between the aside and main columns (and between stacked rows below `lg`). */
-  gap?: VariantProps<typeof twoColumnVariants>["gap"];
-  /** Place the aside after the main column at `lg` and up (`flex-row-reverse`). */
-  reverse?: VariantProps<typeof twoColumnVariants>["reverse"];
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "vertical" | "horizontal" | null | undefined;
+  gap?: "xs" | "sm" | "lg" | "none" | "md" | "xl" | "2xl" | null | undefined;
+  align?: "end" | "start" | "center" | "stretch" | null | undefined;
+  justify?: "end" | "start" | "center" | "between" | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
+type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
+  /** Render as a different element/component instead of the default `div`. */
+  as?: React.ElementType;
+  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
+  direction?: VariantProps<typeof stackVariants>["direction"];
+  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
+  gap?: VariantProps<typeof stackVariants>["gap"];
+  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
+  align?: VariantProps<typeof stackVariants>["align"];
+  /** Main-axis distribution (`justify-content`). */
+  justify?: VariantProps<typeof stackVariants>["justify"];
 };
-/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
-declare function TwoColumn({
+/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
+declare function Stack({
+  as,
   className,
+  direction,
   gap,
-  reverse,
+  align,
+  justify,
   ...props
-}: TwoColumnProps): react_jsx_runtime63.JSX.Element;
-/** Sidebar column — full width when stacked, fixed `lg:w-64` beside the main column (override via `className`). */
-declare function TwoColumnAside({
-  className,
-  ...props
-}: React.ComponentProps<"aside">): react_jsx_runtime63.JSX.Element;
-/** Main content column — fills the remaining space (`min-w-0 flex-1`) so it can shrink and truncate. */
-declare function TwoColumnMain({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime63.JSX.Element;
+}: StackProps): react_jsx_runtime49.JSX.Element;
 //#endregion
-export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+export { StackProps as n, stackVariants as r, Stack as t };
 //# sourceMappingURL=index68.d.cts.map

package/dist/index68.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index68.d.cts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,GAAA,CAAA,EAGT,YAHS,CAAA,OAGW,iBAHX,CAAA,CAAA,KAAA,CAAA;;SACG,CAAA,EAIR,YAJQ,CAAA,OAIY,iBAJZ,CAAA,CAAA,SAAA,CAAA;;;iBAQb,SAAA,CANC;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAMgD,cANhD,CAAA,EAM8D,mBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,mBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,mBAAA,CAAA,GAAA,CAAA,OAtBzD"}
+{"version":3,"file":"index68.d.cts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,KAAA,GAiCJ,OAAA,GAAA,QAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,+BAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,mBAAA,CAAA,GAAA,CAAA,OAJ5D"}

package/dist/index68.d.ts

@@ -1,36 +1,37 @@
 import * as React from "react";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
-//#region src/layouts/TwoColumn/TwoColumn.d.ts
-declare const twoColumnVariants: (props?: ({
-  gap?: "sm" | "md" | "lg" | "none" | "xl" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
-type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants> & {
-  /** Space between the aside and main columns (and between stacked rows below `lg`). */
-  gap?: VariantProps<typeof twoColumnVariants>["gap"];
-  /** Place the aside after the main column at `lg` and up (`flex-row-reverse`). */
-  reverse?: VariantProps<typeof twoColumnVariants>["reverse"];
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "vertical" | "horizontal" | null | undefined;
+  gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+  align?: "start" | "center" | "end" | "stretch" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
+  /** Render as a different element/component instead of the default `div`. */
+  as?: React.ElementType;
+  /** Layout axis: `vertical` (column) or `horizontal` (row). Defaults to `vertical`. */
+  direction?: VariantProps<typeof stackVariants>["direction"];
+  /** Spacing between children, mapped to spacing tokens. Defaults to `md`. */
+  gap?: VariantProps<typeof stackVariants>["gap"];
+  /** Cross-axis alignment (`align-items`). Defaults to `stretch`. */
+  align?: VariantProps<typeof stackVariants>["align"];
+  /** Main-axis distribution (`justify-content`). */
+  justify?: VariantProps<typeof stackVariants>["justify"];
 };
-/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
-declare function TwoColumn({
+/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
+declare function Stack({
+  as,
   className,
+  direction,
   gap,
-  reverse,
+  align,
+  justify,
   ...props
-}: TwoColumnProps): react_jsx_runtime96.JSX.Element;
-/** Sidebar column — full width when stacked, fixed `lg:w-64` beside the main column (override via `className`). */
-declare function TwoColumnAside({
-  className,
-  ...props
-}: React.ComponentProps<"aside">): react_jsx_runtime96.JSX.Element;
-/** Main content column — fills the remaining space (`min-w-0 flex-1`) so it can shrink and truncate. */
-declare function TwoColumnMain({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime96.JSX.Element;
+}: StackProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+export { StackProps as n, stackVariants as r, Stack as t };
 //# sourceMappingURL=index68.d.ts.map

package/dist/index68.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index68.d.ts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,GAAA,CAAA,EAGT,YAHS,CAAA,OAGW,iBAHX,CAAA,CAAA,KAAA,CAAA;;SACG,CAAA,EAIR,YAJQ,CAAA,OAIY,iBAJZ,CAAA,CAAA,SAAA,CAAA;;;iBAQb,SAAA,CANC;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAMgD,cANhD,CAAA,EAM8D,mBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,mBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,mBAAA,CAAA,GAAA,CAAA,OAtBzD"}
+{"version":3,"file":"index68.d.ts","names":[],"sources":["../src/layouts/Stack/Stack.tsx"],"mappings":";;;;;;cAOM,qBAmCS;;;;EAnCT,OAAA,CAAA,EAAA,OAiCJ,GAAA,QAAA,GAAA,KAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IAAA,+BAAA,CAAA,SAEa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAV,UAAA,GAAa,KAAA,CAAM,cAAT,CAAA,KAAA,CAAA,GACb,YADa,CAAA,OACO,aADP,CAAA,GAAA;;KACO,EAEb,KAAA,CAAM,WAFO;;WAEP,CAAA,EAEC,YAFD,CAAA,OAEqB,aAFrB,CAAA,CAAA,WAAA,CAAA;;KAEC,CAAA,EAEN,YAFM,CAAA,OAEc,aAFd,CAAA,CAAA,KAAA,CAAA;;OAEN,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,OAAA,CAAA;;SAEE,CAAA,EAEE,YAFF,CAAA,OAEsB,aAFtB,CAAA,CAAA,SAAA,CAAA;;;AAEc,iBAIjB,KAAA,CAJiB;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,UAJlD,CAAA,EAI4D,kBAAA,CAAA,GAAA,CAAA,OAJ5D"}

package/dist/index69.d.cts

@@ -1,69 +1,36 @@
-import { i as AccordionTrigger, n as AccordionContent, r as AccordionItem, t as Accordion } from "./index.cjs";
-import { a as AlertTitle, i as AlertDescription, n as AlertAction, r as AlertContent, t as Alert } from "./index2.cjs";
-import { a as AlertDialogDescription, c as AlertDialogMedia, d as AlertDialogTitle, f as AlertDialogTrigger, i as AlertDialogContent, l as AlertDialogOverlay, n as AlertDialogAction, o as AlertDialogFooter, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog, u as AlertDialogPortal } from "./index3.cjs";
-import { t as AspectRatio } from "./index4.cjs";
-import { a as AvatarGroupCount, i as AvatarGroup, n as AvatarBadge, o as AvatarImage, r as AvatarFallback, t as Avatar } from "./index5.cjs";
-import { n as badgeVariants, t as Badge } from "./index6.cjs";
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "./index7.cjs";
-import { n as ButtonProps, r as buttonVariants, t as Button } from "./index8.cjs";
-import { n as SeparatorSpacing, t as Separator } from "./index9.cjs";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "./index10.cjs";
-import { n as CalendarDayButton, t as Calendar } from "./index11.cjs";
-import { a as CardFooter, c as CardTitle, i as CardDescription, l as cardVariants, n as CardAction, o as CardHeader, r as CardContent, s as CardProps, t as Card } from "./index12.cjs";
-import { a as CarouselNext, i as CarouselItem, n as CarouselApi, o as CarouselPrevious, r as CarouselContent, t as Carousel } from "./index13.cjs";
-import { a as ChartStyle, i as ChartLegendContent, n as ChartContainer, o as ChartTooltip, r as ChartLegend, s as ChartTooltipContent, t as ChartConfig } from "./index14.cjs";
-import { n as RichCheckbox, t as Checkbox } from "./index15.cjs";
-import { n as CheckboxTreeNode, t as CheckboxTree } from "./index16.cjs";
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./index17.cjs";
-import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, o as DialogHeader, r as DialogContent, s as DialogOverlay, t as Dialog, u as DialogTrigger } from "./index18.cjs";
-import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./index19.cjs";
-import { a as ContextMenuItem, c as ContextMenuRadioGroup, d as ContextMenuShortcut, f as ContextMenuSub, h as ContextMenuTrigger, i as ContextMenuGroup, l as ContextMenuRadioItem, m as ContextMenuSubTrigger, n as ContextMenuCheckboxItem, o as ContextMenuLabel, p as ContextMenuSubContent, r as ContextMenuContent, s as ContextMenuPortal, t as ContextMenu, u as ContextMenuSeparator } from "./index20.cjs";
-import { i as creditsVariants, n as CreditsProps, r as CreditsVariant, t as Credits } from "./index21.cjs";
-import { a as DrawerFooter, c as DrawerPortal, i as DrawerDescription, l as DrawerTitle, n as DrawerClose, o as DrawerHeader, r as DrawerContent, s as DrawerOverlay, t as Drawer, u as DrawerTrigger } from "./index22.cjs";
-import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "./index23.cjs";
-import { a as EmptyMedia, i as EmptyHeader, n as EmptyContent, o as EmptyTitle, r as EmptyDescription, s as emptyVariants, t as Empty } from "./index24.cjs";
-import { t as Label } from "./index25.cjs";
-import { a as FieldGroup, c as FieldSeparator, i as FieldError, l as FieldSet, n as FieldContent, o as FieldLabel, r as FieldDescription, s as FieldLegend, t as Field, u as FieldTitle } from "./index26.cjs";
-import { a as FormItem, c as useFormField, i as FormField, n as FormControl, o as FormLabel, r as FormDescription, s as FormMessage, t as Form } from "./index27.cjs";
-import { n as HeadingProps, r as headingVariants, t as Heading } from "./index28.cjs";
-import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "./index29.cjs";
-import { i as IconName, n as IconProps, r as ICON_NAMES, t as Icon } from "./index30.cjs";
-import { n as InfoBannerProps, r as infoBannerVariants, t as InfoBanner } from "./index31.cjs";
-import { n as inputVariants, t as Input } from "./index32.cjs";
-import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as InputGroupTextarea, r as InputGroupButton, t as InputGroup } from "./index33.cjs";
-import { i as InputOTPSlot, n as InputOTPGroup, r as InputOTPSeparator, t as InputOTP } from "./index34.cjs";
-import { a as ItemFooter, c as ItemMedia, i as ItemDescription, l as ItemSeparator, n as ItemActions, o as ItemGroup, r as ItemContent, s as ItemHeader, t as Item, u as ItemTitle } from "./index35.cjs";
-import { n as KbdGroup, t as Kbd } from "./index36.cjs";
-import { n as LinkProps, r as linkVariants, t as Link } from "./index37.cjs";
-import { n as LogoBrand, r as LogoVariant, t as Logo } from "./index38.cjs";
-import { a as MenubarItem, c as MenubarPortal, d as MenubarSeparator, f as MenubarShortcut, g as MenubarTrigger, h as MenubarSubTrigger, i as MenubarGroup, l as MenubarRadioGroup, m as MenubarSubContent, n as MenubarCheckboxItem, o as MenubarLabel, p as MenubarSub, r as MenubarContent, s as MenubarMenu, t as Menubar, u as MenubarRadioItem } from "./index39.cjs";
-import { n as nativeSelectVariants, t as NativeSelect } from "./index40.cjs";
-import { a as NavigationMenuLink, c as NavigationMenuViewport, i as NavigationMenuItem, l as navigationMenuTriggerStyle, n as NavigationMenuContent, o as NavigationMenuList, r as NavigationMenuIndicator, s as NavigationMenuTrigger, t as NavigationMenu } from "./index41.cjs";
-import { a as PopoverHeader, i as PopoverDescription, n as PopoverAnchor, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Popover } from "./index42.cjs";
-import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "./index43.cjs";
-import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "./index44.cjs";
-import { t as Progress } from "./index45.cjs";
-import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "./index46.cjs";
-import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "./index47.cjs";
-import { n as ScrollBar, t as ScrollArea } from "./index48.cjs";
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "./index49.cjs";
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "./index50.cjs";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./index51.cjs";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "./index52.cjs";
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "./index53.cjs";
-import { t as Slider } from "./index54.cjs";
-import { t as Toaster } from "./index55.cjs";
-import { t as Spinner } from "./index56.cjs";
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "./index57.cjs";
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "./index58.cjs";
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "./index59.cjs";
-import { n as TextProps, r as textVariants, t as Text } from "./index60.cjs";
-import { n as textareaVariants, t as Textarea } from "./index61.cjs";
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "./index62.cjs";
-import { n as toggleVariants, t as Toggle } from "./index63.cjs";
-import { n as ToggleGroupItem, t as ToggleGroup } from "./index64.cjs";
-import { n as ContainerProps, r as containerVariants, t as Container } from "./index65.cjs";
-import { n as PageBackgroundProps, t as PageBackground } from "./index66.cjs";
-import { n as StackProps, r as stackVariants, t as Stack } from "./index67.cjs";
-import { a as twoColumnVariants, i as TwoColumnProps, n as TwoColumnAside, r as TwoColumnMain, t as TwoColumn } from "./index68.cjs";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonProps, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxTree, CheckboxTreeNode, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Credits, CreditsProps, CreditsVariant, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Heading, HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, IconName, IconProps, InfoBanner, InfoBannerProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Link, LinkProps, Logo, LogoBrand, LogoVariant, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NavRail, NavRailItem, NavRailItemProps, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuItemProps, NavRailMenuTrigger, NavRailMenuTriggerProps, NavRailMode, NavRailSeparator, NavRailUser, NavRailUserProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageBackground, PageBackgroundProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichCheckbox, RichRadioItem, RichSwitchGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorSpacing, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkeletonAvatar, SkeletonLine, SkeletonObject, Slider, Spinner, Stack, StackProps, Switch, SwitchGroup, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, Text, TextProps, Textarea, ThemeContext, ThemeMode, ThemeProduct, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TwoColumn, TwoColumnAside, TwoColumnMain, TwoColumnProps, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, containerVariants, creditsVariants, emptyVariants, headingVariants, infoBannerVariants, inputVariants, linkVariants, nativeSelectVariants, navigationMenuTriggerStyle, stackVariants, tabsListVariants, tabsTriggerVariants, textVariants, textareaVariants, toggleVariants, twoColumnVariants, useFormField, useSidebar, useTheme };
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+//#region src/layouts/TwoColumn/TwoColumn.d.ts
+declare const twoColumnVariants: (props?: ({
+  gap?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+  reverse?: boolean | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants> & {
+  /** Space between the aside and main columns (and between stacked rows below `lg`). */
+  gap?: VariantProps<typeof twoColumnVariants>["gap"];
+  /** Place the aside after the main column at `lg` and up (`flex-row-reverse`). */
+  reverse?: VariantProps<typeof twoColumnVariants>["reverse"];
+};
+/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
+declare function TwoColumn({
+  className,
+  gap,
+  reverse,
+  ...props
+}: TwoColumnProps): react_jsx_runtime50.JSX.Element;
+/** Sidebar column — full width when stacked, fixed `lg:w-64` beside the main column (override via `className`). */
+declare function TwoColumnAside({
+  className,
+  ...props
+}: React.ComponentProps<"aside">): react_jsx_runtime50.JSX.Element;
+/** Main content column — fills the remaining space (`min-w-0 flex-1`) so it can shrink and truncate. */
+declare function TwoColumnMain({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime50.JSX.Element;
+//#endregion
+export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+//# sourceMappingURL=index69.d.cts.map

package/dist/index69.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index69.d.cts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,+BAAA,CAAA;AAxBkC,KA0B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG;EAAc,GAAA,CAAA,EAGT,YAHS,CAAA,OAGW,iBAHX,CAAA,CAAA,KAAA,CAAA;;SACG,CAAA,EAIR,YAJQ,CAAA,OAIY,iBAJZ,CAAA,CAAA,SAAA,CAAA;;;iBAQb,SAAA,CANC;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAMgD,cANhD,CAAA,EAM8D,mBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,mBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,mBAAA,CAAA,GAAA,CAAA,OAtBzD"}