@psnext/design-system 1.0.0 → 1.1.0

package/dist/layouts/index.d.cts

@@ -1,133 +1,76 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime335 from "react/jsx-runtime";
+import * as class_variance_authority_types27 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
 
-//#region src/layouts/AnimatedBackground/AnimatedBackground.d.ts
-interface AnimatedBackgroundProps {
-  isDarkMode: boolean;
-}
-declare function AnimatedBackground({
-  isDarkMode
-}: AnimatedBackgroundProps): react_jsx_runtime0.JSX.Element;
+//#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_types27.ClassProp) | undefined) => string;
+type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
+  as?: React.ElementType;
+};
+declare function Container({
+  as,
+  className,
+  size,
+  variant,
+  ...props
+}: ContainerProps): react_jsx_runtime335.JSX.Element;
 //#endregion
-//#region src/layouts/AppHeader/AppHeader.d.ts
-/**
- * Brand identity for {@link AppHeader}. Selects the wordmark logo and the
- * DOM id-prefix used for the portalled dropdown panels.
- *
- * Note: `slingshot` intentionally uses an empty id-prefix to preserve the
- * panel ids the prototype shipped with (`org-dropdown-panel`, …).
- */
-type AppHeaderBrand = "bodhi" | "slingshot" | "sustain";
-interface AppHeaderProps {
-  /** Brand variant — selects the wordmark logo and the dropdown panel id-prefix. */
-  brand: AppHeaderBrand;
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/**
- * Unified product header (logo + org/project switchers + theme toggle + credit
- * badge + avatar menu). Replaces the previously triplicated per-product headers;
- * `BodhiHeader`, `SlingshotHeader`, and `SustainHeader` are thin wrappers around
- * this component.
- */
-declare function AppHeader({
-  brand,
-  isDarkMode,
-  onToggleTheme
-}: AppHeaderProps): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=AppHeader.d.ts.map
+//#region src/layouts/PageBackground/PageBackground.d.ts
+type PageBackgroundProps = React.ComponentProps<"div"> & {
+  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
+  fixed?: boolean;
+};
+declare function PageBackground({
+  fixed,
+  className,
+  style,
+  ...props
+}: PageBackgroundProps): react_jsx_runtime335.JSX.Element;
 //#endregion
-//#region src/layouts/BodhiHeader/BodhiHeader.d.ts
-interface BodhiHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/** Bodhi-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="bodhi" />`. */
-declare function BodhiHeader({
-  isDarkMode,
-  onToggleTheme
-}: BodhiHeaderProps): react_jsx_runtime0.JSX.Element;
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+  gap?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "end" | "center" | "start" | "stretch" | null | undefined;
+  justify?: "end" | "center" | "start" | "between" | null | undefined;
+} & class_variance_authority_types27.ClassProp) | undefined) => string;
+type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
+  as?: React.ElementType;
+};
+declare function Stack({
+  as,
+  className,
+  direction,
+  gap,
+  align,
+  justify,
+  ...props
+}: StackProps): react_jsx_runtime335.JSX.Element;
 //#endregion
-//#region src/layouts/Header/Header.d.ts
-interface HeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-  onLogout?: () => void;
-}
-declare function Header({
-  isDarkMode,
-  onToggleTheme,
-  onLogout
-}: HeaderProps): react_jsx_runtime0.JSX.Element;
+//#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_types27.ClassProp) | undefined) => string;
+type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants>;
+declare function TwoColumn({
+  className,
+  gap,
+  reverse,
+  ...props
+}: TwoColumnProps): react_jsx_runtime335.JSX.Element;
+declare function TwoColumnAside({
+  className,
+  ...props
+}: React.ComponentProps<"aside">): react_jsx_runtime335.JSX.Element;
+declare function TwoColumnMain({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime335.JSX.Element;
 //#endregion
-//#region src/layouts/LeftNavigation/LeftNavigation.d.ts
-interface LeftNavigationProps {
-  activePage: string;
-  onNavigate: (page: string) => void;
-}
-declare function LeftNavigation({
-  activePage,
-  onNavigate
-}: LeftNavigationProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/layouts/Logo/Logo.d.ts
-declare function Logo({
-  isDarkMode
-}: {
-  isDarkMode: boolean;
-}): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=Logo.d.ts.map
-//#endregion
-//#region src/layouts/MobileGate/MobileGate.d.ts
-declare function MobileGate(): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=MobileGate.d.ts.map
-//#endregion
-//#region src/layouts/PsaiHeader/PsaiHeader.d.ts
-interface PSAIHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-  onAdminLogin?: () => void;
-  adminLoginLabel?: string;
-  onBack?: () => void;
-  showBackButton?: boolean;
-}
-declare function PSAIHeader({
-  isDarkMode,
-  onToggleTheme,
-  onAdminLogin,
-  adminLoginLabel,
-  onBack,
-  showBackButton
-}: PSAIHeaderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/layouts/RightSidebar/RightSidebar.d.ts
-declare function RightSidebar({
-  domain
-}: {
-  domain?: "slingshot" | "bodhi" | "sustain";
-}): react_jsx_runtime0.JSX.Element;
-//# sourceMappingURL=RightSidebar.d.ts.map
-//#endregion
-//#region src/layouts/SlingshotHeader/SlingshotHeader.d.ts
-interface SlingshotHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/** Slingshot-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="slingshot" />`. */
-declare function SlingshotHeader({
-  isDarkMode,
-  onToggleTheme
-}: SlingshotHeaderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/layouts/SustainHeader/SustainHeader.d.ts
-interface SustainHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/** Sustain-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="sustain" />`. */
-declare function SustainHeader({
-  isDarkMode,
-  onToggleTheme
-}: SustainHeaderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { AnimatedBackground, AppHeader, AppHeaderBrand, AppHeaderProps, BodhiHeader, Header, LeftNavigation, Logo, MobileGate, PSAIHeader, RightSidebar, SlingshotHeader, SustainHeader };
+export { Container, type ContainerProps, PageBackground, type PageBackgroundProps, Stack, type StackProps, TwoColumn, TwoColumnAside, TwoColumnMain, type TwoColumnProps, containerVariants, stackVariants, twoColumnVariants };
 //# sourceMappingURL=index.d.cts.map

package/dist/layouts/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/layouts/AnimatedBackground/AnimatedBackground.tsx","../../src/layouts/AppHeader/AppHeader.tsx","../../src/layouts/BodhiHeader/BodhiHeader.tsx","../../src/layouts/Header/Header.tsx","../../src/layouts/LeftNavigation/LeftNavigation.tsx","../../src/layouts/Logo/Logo.tsx","../../src/layouts/MobileGate/MobileGate.tsx","../../src/layouts/PsaiHeader/PsaiHeader.tsx","../../src/layouts/RightSidebar/RightSidebar.tsx","../../src/layouts/SlingshotHeader/SlingshotHeader.tsx","../../src/layouts/SustainHeader/SustainHeader.tsx"],"mappings":";;;UAEU,uBAAA;;;AAAA,iBAIM,kBAAA,CAJiB;EAAA;AAAA,CAAA,EAIkB,uBAJlB,CAAA,EAIyC,kBAAA,CAAA,GAAA,CAAA,OAJzC;;;;;;AAIyC;AAA1E;;;AAAmD,KCQvC,cAAA,GDRuC,OAAA,GAAA,WAAA,GAAA,SAAA;AAAuB,UCoRzD,cAAA,CDpRyD;EAAA;SCsRjE;;;AA9QT;AA4QA;AAaA;;;;;AAAgE,iBAAhD,SAAA,CAAgD;EAAA,KAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAAA,cAAA,CAAA,EAAc,kBAAA,CAAA,GAAA,CAAA,OAAd;;;;UCrStD,gBAAA;;;AFIgE;AAA1E;AAAkC,iBEElB,WAAA,CFFkB;EAAA,UAAA;EAAA;AAAA,CAAA,EEEyB,gBFFzB,CAAA,EEEyC,kBAAA,CAAA,GAAA,CAAA,OFFzC;;;UGAxB,WAAA;;;EHJA,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAIV;AAAkC,iBGMlB,MAAA,CHNkB;EAAA,UAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EGM8B,WHN9B,CAAA,EGMyC,kBAAA,CAAA,GAAA,CAAA,OHNzC;;;UI8CxB,mBAAA;;;AJ9CgE;AAA1D,iBI4oBA,cAAA,CJ5oBkB;EAAA,UAAA;EAAA;AAAA,CAAA,EI4oByB,mBJ5oBzB,CAAA,EI4oB4C,kBAAA,CAAA,GAAA,CAAA,OJ5oB5C;;;iBKNlB,IAAA;;;;IAA4C,kBAAA,CAAA,GAAA,CAAA;ALMc;;;iBMJ1D,UAAA,CAAA,GAAU,kBAAA,CAAA,GAAA,CAAA;;;;UCuJhB,eAAA;;;EPvJA,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIM,eAAA,CAAA,EAAA,MAAkB;EAAA,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;gBAAG,CAAA,EAAA,OAAA;;AAAqC,iBO4J1D,UAAA,CP5J0D;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,eAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EOmKvE,ePnKuE,CAAA,EOmKxD,kBAAA,CAAA,GAAA,CAAA,OPnKwD;;;iBQ6+B1D,YAAA;;;;IAEiC,kBAAA,CAAA,GAAA,CAAA;AR/+ByB;;;USJhE,oBAAA;;;ATIgE;AAA1E;AAAkC,iBSElB,eAAA,CTFkB;EAAA,UAAA;EAAA;AAAA,CAAA,ESE6B,oBTF7B,CAAA,ESEiD,kBAAA,CAAA,GAAA,CAAA,OTFjD;;;UUJxB,kBAAA;;;AVIgE;AAA1E;AAAkC,iBUElB,aAAA,CVFkB;EAAA,UAAA;EAAA;AAAA,CAAA,EUE2B,kBVF3B,CAAA,EUE6C,kBAAA,CAAA,GAAA,CAAA,OVF7C"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/layouts/Container/Container.tsx","../../src/layouts/PageBackground/PageBackground.tsx","../../src/layouts/Stack/Stack.tsx","../../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cAOM;;;IAmBJ,gCAAA,CAAA;AAzBkC,KA2B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG,EAAA,CAAA,EAEI,KAAA,CAAM,WAFI;CAAA;iBAKV,SAAA,CALmB;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKmC,cALnC,CAAA,EAKiD,oBAAA,CAAA,GAAA,CAAA,OALjD;;;KCXvB,mBAAA,GAAsB,KAAA,CAAM;;;;iBAKxB,cAAA;;;;;GAA6D,sBAAmB,oBAAA,CAAA,GAAA,CAAA;;;cCfnF,qBFqBa;;;;EArBb,OAAA,CAAA,EAAA,KAAA,GAAA,QAmBJ,GAAA,OAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IEcA,gCAAA,CAAA,SFZiB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KEcd,UAAA,GAAa,KAAA,CAAM,cFdL,CAAA,KAAA,CAAA,GEejB,YFfiB,CAAA,OEeG,aFfH,CAAA,GAAA;KAAG,EEgBb,KAAA,CAAM,WFhBa;;iBEmBnB,KAAA,CFlBP;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EEkB0E,UFlB1E,CAAA,EEkBoF,oBAAA,CAAA,GAAA,CAAA,OFlBpF;;;cGpBI;;;IAgBJ,gCAAA,CAAA;AHxBkC,KG0B/B,cAAA,GAAiB,KAAA,CAAM,cHD1B,CAAA,KAAA,CAAA,GGCkD,YHDlD,CAAA,OGCsE,iBHDtE,CAAA;iBGGO,SAAA,CHDU;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EGCuC,cHDvC,CAAA,EGCqD,oBAAA,CAAA,GAAA,CAAA,OHDrD;iBGWV,cAAA,CHXU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EGW8B,KAAA,CAAM,cHXpC,CAAA,OAAA,CAAA,CAAA,EGW2D,oBAAA,CAAA,GAAA,CAAA,OHX3D;iBGqBV,aAAA,CHrBmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EGqBoB,KAAA,CAAM,cHrB1B,CAAA,KAAA,CAAA,CAAA,EGqB+C,oBAAA,CAAA,GAAA,CAAA,OHrB/C"}

package/dist/layouts/index.d.ts

@@ -1,133 +1,76 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as React from "react";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
-//#region src/layouts/AnimatedBackground/AnimatedBackground.d.ts
-interface AnimatedBackgroundProps {
-  isDarkMode: boolean;
-}
-declare function AnimatedBackground({
-  isDarkMode
-}: AnimatedBackgroundProps): react_jsx_runtime19.JSX.Element;
+//#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_types1.ClassProp) | undefined) => string;
+type ContainerProps = React.ComponentProps<"div"> & VariantProps<typeof containerVariants> & {
+  as?: React.ElementType;
+};
+declare function Container({
+  as,
+  className,
+  size,
+  variant,
+  ...props
+}: ContainerProps): react_jsx_runtime20.JSX.Element;
 //#endregion
-//#region src/layouts/AppHeader/AppHeader.d.ts
-/**
- * Brand identity for {@link AppHeader}. Selects the wordmark logo and the
- * DOM id-prefix used for the portalled dropdown panels.
- *
- * Note: `slingshot` intentionally uses an empty id-prefix to preserve the
- * panel ids the prototype shipped with (`org-dropdown-panel`, …).
- */
-type AppHeaderBrand = "bodhi" | "slingshot" | "sustain";
-interface AppHeaderProps {
-  /** Brand variant — selects the wordmark logo and the dropdown panel id-prefix. */
-  brand: AppHeaderBrand;
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/**
- * Unified product header (logo + org/project switchers + theme toggle + credit
- * badge + avatar menu). Replaces the previously triplicated per-product headers;
- * `BodhiHeader`, `SlingshotHeader`, and `SustainHeader` are thin wrappers around
- * this component.
- */
-declare function AppHeader({
-  brand,
-  isDarkMode,
-  onToggleTheme
-}: AppHeaderProps): react_jsx_runtime19.JSX.Element;
-//# sourceMappingURL=AppHeader.d.ts.map
+//#region src/layouts/PageBackground/PageBackground.d.ts
+type PageBackgroundProps = React.ComponentProps<"div"> & {
+  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */
+  fixed?: boolean;
+};
+declare function PageBackground({
+  fixed,
+  className,
+  style,
+  ...props
+}: PageBackgroundProps): react_jsx_runtime20.JSX.Element;
 //#endregion
-//#region src/layouts/BodhiHeader/BodhiHeader.d.ts
-interface BodhiHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/** Bodhi-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="bodhi" />`. */
-declare function BodhiHeader({
-  isDarkMode,
-  onToggleTheme
-}: BodhiHeaderProps): react_jsx_runtime19.JSX.Element;
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "vertical" | "horizontal" | null | undefined;
+  gap?: "sm" | "md" | "lg" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "start" | "center" | "end" | "stretch" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type StackProps = React.ComponentProps<"div"> & VariantProps<typeof stackVariants> & {
+  as?: React.ElementType;
+};
+declare function Stack({
+  as,
+  className,
+  direction,
+  gap,
+  align,
+  justify,
+  ...props
+}: StackProps): react_jsx_runtime20.JSX.Element;
 //#endregion
-//#region src/layouts/Header/Header.d.ts
-interface HeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-  onLogout?: () => void;
-}
-declare function Header({
-  isDarkMode,
-  onToggleTheme,
-  onLogout
-}: HeaderProps): react_jsx_runtime19.JSX.Element;
+//#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_types1.ClassProp) | undefined) => string;
+type TwoColumnProps = React.ComponentProps<"div"> & VariantProps<typeof twoColumnVariants>;
+declare function TwoColumn({
+  className,
+  gap,
+  reverse,
+  ...props
+}: TwoColumnProps): react_jsx_runtime20.JSX.Element;
+declare function TwoColumnAside({
+  className,
+  ...props
+}: React.ComponentProps<"aside">): react_jsx_runtime20.JSX.Element;
+declare function TwoColumnMain({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
 //#endregion
-//#region src/layouts/LeftNavigation/LeftNavigation.d.ts
-interface LeftNavigationProps {
-  activePage: string;
-  onNavigate: (page: string) => void;
-}
-declare function LeftNavigation({
-  activePage,
-  onNavigate
-}: LeftNavigationProps): react_jsx_runtime19.JSX.Element;
-//#endregion
-//#region src/layouts/Logo/Logo.d.ts
-declare function Logo({
-  isDarkMode
-}: {
-  isDarkMode: boolean;
-}): react_jsx_runtime19.JSX.Element;
-//# sourceMappingURL=Logo.d.ts.map
-//#endregion
-//#region src/layouts/MobileGate/MobileGate.d.ts
-declare function MobileGate(): react_jsx_runtime19.JSX.Element;
-//# sourceMappingURL=MobileGate.d.ts.map
-//#endregion
-//#region src/layouts/PsaiHeader/PsaiHeader.d.ts
-interface PSAIHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-  onAdminLogin?: () => void;
-  adminLoginLabel?: string;
-  onBack?: () => void;
-  showBackButton?: boolean;
-}
-declare function PSAIHeader({
-  isDarkMode,
-  onToggleTheme,
-  onAdminLogin,
-  adminLoginLabel,
-  onBack,
-  showBackButton
-}: PSAIHeaderProps): react_jsx_runtime19.JSX.Element;
-//#endregion
-//#region src/layouts/RightSidebar/RightSidebar.d.ts
-declare function RightSidebar({
-  domain
-}: {
-  domain?: "slingshot" | "bodhi" | "sustain";
-}): react_jsx_runtime19.JSX.Element;
-//# sourceMappingURL=RightSidebar.d.ts.map
-//#endregion
-//#region src/layouts/SlingshotHeader/SlingshotHeader.d.ts
-interface SlingshotHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/** Slingshot-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="slingshot" />`. */
-declare function SlingshotHeader({
-  isDarkMode,
-  onToggleTheme
-}: SlingshotHeaderProps): react_jsx_runtime19.JSX.Element;
-//#endregion
-//#region src/layouts/SustainHeader/SustainHeader.d.ts
-interface SustainHeaderProps {
-  isDarkMode: boolean;
-  onToggleTheme: () => void;
-}
-/** Sustain-branded {@link AppHeader}. Kept for backwards compatibility; prefer `<AppHeader brand="sustain" />`. */
-declare function SustainHeader({
-  isDarkMode,
-  onToggleTheme
-}: SustainHeaderProps): react_jsx_runtime19.JSX.Element;
-//#endregion
-export { AnimatedBackground, AppHeader, AppHeaderBrand, AppHeaderProps, BodhiHeader, Header, LeftNavigation, Logo, MobileGate, PSAIHeader, RightSidebar, SlingshotHeader, SustainHeader };
+export { Container, type ContainerProps, PageBackground, type PageBackgroundProps, Stack, type StackProps, TwoColumn, TwoColumnAside, TwoColumnMain, type TwoColumnProps, containerVariants, stackVariants, twoColumnVariants };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/layouts/AnimatedBackground/AnimatedBackground.tsx","../../src/layouts/AppHeader/AppHeader.tsx","../../src/layouts/BodhiHeader/BodhiHeader.tsx","../../src/layouts/Header/Header.tsx","../../src/layouts/LeftNavigation/LeftNavigation.tsx","../../src/layouts/Logo/Logo.tsx","../../src/layouts/MobileGate/MobileGate.tsx","../../src/layouts/PsaiHeader/PsaiHeader.tsx","../../src/layouts/RightSidebar/RightSidebar.tsx","../../src/layouts/SlingshotHeader/SlingshotHeader.tsx","../../src/layouts/SustainHeader/SustainHeader.tsx"],"mappings":";;;UAEU,uBAAA;;;AAAA,iBAIM,kBAAA,CAJiB;EAAA;AAAA,CAAA,EAIkB,uBAJlB,CAAA,EAIyC,mBAAA,CAAA,GAAA,CAAA,OAJzC;;;;;;AAIyC;AAA1E;;;AAAmD,KCQvC,cAAA,GDRuC,OAAA,GAAA,WAAA,GAAA,SAAA;AAAuB,UCoRzD,cAAA,CDpRyD;EAAA;SCsRjE;;;AA9QT;AA4QA;AAaA;;;;;AAAgE,iBAAhD,SAAA,CAAgD;EAAA,KAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAAA,cAAA,CAAA,EAAc,mBAAA,CAAA,GAAA,CAAA,OAAd;;;;UCrStD,gBAAA;;;AFIgE;AAA1E;AAAkC,iBEElB,WAAA,CFFkB;EAAA,UAAA;EAAA;AAAA,CAAA,EEEyB,gBFFzB,CAAA,EEEyC,mBAAA,CAAA,GAAA,CAAA,OFFzC;;;UGAxB,WAAA;;;EHJA,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAIV;AAAkC,iBGMlB,MAAA,CHNkB;EAAA,UAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EGM8B,WHN9B,CAAA,EGMyC,mBAAA,CAAA,GAAA,CAAA,OHNzC;;;UI8CxB,mBAAA;;;AJ9CgE;AAA1D,iBI4oBA,cAAA,CJ5oBkB;EAAA,UAAA;EAAA;AAAA,CAAA,EI4oByB,mBJ5oBzB,CAAA,EI4oB4C,mBAAA,CAAA,GAAA,CAAA,OJ5oB5C;;;iBKNlB,IAAA;;;;IAA4C,mBAAA,CAAA,GAAA,CAAA;ALMc;;;iBMJ1D,UAAA,CAAA,GAAU,mBAAA,CAAA,GAAA,CAAA;;;;UCuJhB,eAAA;;;EPvJA,YAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIM,eAAA,CAAA,EAAA,MAAkB;EAAA,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;gBAAG,CAAA,EAAA,OAAA;;AAAqC,iBO4J1D,UAAA,CP5J0D;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,eAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EOmKvE,ePnKuE,CAAA,EOmKxD,mBAAA,CAAA,GAAA,CAAA,OPnKwD;;;iBQ6+B1D,YAAA;;;;IAEiC,mBAAA,CAAA,GAAA,CAAA;AR/+ByB;;;USJhE,oBAAA;;;ATIgE;AAA1E;AAAkC,iBSElB,eAAA,CTFkB;EAAA,UAAA;EAAA;AAAA,CAAA,ESE6B,oBTF7B,CAAA,ESEiD,mBAAA,CAAA,GAAA,CAAA,OTFjD;;;UUJxB,kBAAA;;;AVIgE;AAA1E;AAAkC,iBUElB,aAAA,CVFkB;EAAA,UAAA;EAAA;AAAA,CAAA,EUE2B,kBVF3B,CAAA,EUE6C,mBAAA,CAAA,GAAA,CAAA,OVF7C"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/layouts/Container/Container.tsx","../../src/layouts/PageBackground/PageBackground.tsx","../../src/layouts/Stack/Stack.tsx","../../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cAOM;;;IAmBJ,+BAAA,CAAA;AAzBkC,KA2B/B,cAAA,GAAiB,KAAA,CAAM,cAF1B,CAAA,KAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,iBAHpB,CAAA,GAAA;EAEG,EAAA,CAAA,EAEI,KAAA,CAAM,WAFI;CAAA;iBAKV,SAAA,CALmB;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKmC,cALnC,CAAA,EAKiD,mBAAA,CAAA,GAAA,CAAA,OALjD;;;KCXvB,mBAAA,GAAsB,KAAA,CAAM;;;;iBAKxB,cAAA;;;;;GAA6D,sBAAmB,mBAAA,CAAA,GAAA,CAAA;;;cCfnF,qBFqBa;;;;EArBb,OAAA,CAAA,EAAA,OAAA,GAmBJ,QAAA,GAAA,KAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;IEcA,+BAAA,CAAA,SFZiB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KEcd,UAAA,GAAa,KAAA,CAAM,cFdL,CAAA,KAAA,CAAA,GEejB,YFfiB,CAAA,OEeG,aFfH,CAAA,GAAA;KAAG,EEgBb,KAAA,CAAM,WFhBa;;iBEmBnB,KAAA,CFlBP;EAAA,EAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EEkB0E,UFlB1E,CAAA,EEkBoF,mBAAA,CAAA,GAAA,CAAA,OFlBpF;;;cGpBI;;;IAgBJ,+BAAA,CAAA;AHxBkC,KG0B/B,cAAA,GAAiB,KAAA,CAAM,cHD1B,CAAA,KAAA,CAAA,GGCkD,YHDlD,CAAA,OGCsE,iBHDtE,CAAA;iBGGO,SAAA,CHDU;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EGCuC,cHDvC,CAAA,EGCqD,mBAAA,CAAA,GAAA,CAAA,OHDrD;iBGWV,cAAA,CHXU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EGW8B,KAAA,CAAM,cHXpC,CAAA,OAAA,CAAA,CAAA,EGW2D,mBAAA,CAAA,GAAA,CAAA,OHX3D;iBGqBV,aAAA,CHrBmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EGqBoB,KAAA,CAAM,cHrB1B,CAAA,KAAA,CAAA,CAAA,EGqB+C,mBAAA,CAAA,GAAA,CAAA,OHrB/C"}

package/dist/layouts/index.js

@@ -1,2 +1,92 @@
-import { a as MobileGate, c as Header, d as AnimatedBackground, i as PSAIHeader, l as BodhiHeader, n as SlingshotHeader, o as Logo, r as RightSidebar, s as LeftNavigation, t as SustainHeader, u as AppHeader } from "../layouts.js";
-export { AnimatedBackground, AppHeader, BodhiHeader, Header, LeftNavigation, Logo, MobileGate, PSAIHeader, RightSidebar, SlingshotHeader, SustainHeader };
+import { n as cn } from "../utils.js";
+import { n as stackVariants, t as Stack } from "../Stack.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/layouts/Container/Container.tsx
+const containerVariants = cva("mx-auto w-full", {
+	variants: {
+		size: {
+			narrow: "max-w-[900px]",
+			content: "max-w-[1200px]",
+			wide: "max-w-[1440px]",
+			full: "max-w-none"
+		},
+		variant: {
+			default: "px-4",
+			glass: "rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-[var(--glass-blur)] sm:px-6"
+		}
+	},
+	defaultVariants: {
+		size: "content",
+		variant: "default"
+	}
+});
+function Container({ as, className, size, variant, ...props }) {
+	return /* @__PURE__ */ jsx(as ?? "div", {
+		"data-slot": "container",
+		"data-variant": variant ?? "default",
+		className: cn(containerVariants({
+			size,
+			variant
+		}), className),
+		...props
+	});
+}
+//#endregion
+//#region src/layouts/PageBackground/PageBackground.tsx
+const PAGE_GRADIENT = "radial-gradient(circle at 90% 10%, var(--page-gradient-edge) 0%, var(--page-gradient-mid) 25%, var(--page-gradient-edge) 60%)";
+function PageBackground({ fixed = true, className, style, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "page-background",
+		"aria-hidden": true,
+		className: cn("pointer-events-none inset-0 bg-slate-200 dark:bg-slate-950", fixed ? "fixed -z-10" : "absolute", className),
+		style: {
+			backgroundImage: PAGE_GRADIENT,
+			...style
+		},
+		...props
+	});
+}
+//#endregion
+//#region src/layouts/TwoColumn/TwoColumn.tsx
+const twoColumnVariants = cva("flex flex-col lg:flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			sm: "gap-3",
+			md: "gap-4",
+			lg: "gap-6",
+			xl: "gap-8"
+		},
+		reverse: { true: "lg:flex-row-reverse" }
+	},
+	defaultVariants: { gap: "lg" }
+});
+function TwoColumn({ className, gap, reverse, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "two-column",
+		className: cn(twoColumnVariants({
+			gap,
+			reverse
+		}), className),
+		...props
+	});
+}
+function TwoColumnAside({ className, ...props }) {
+	return /* @__PURE__ */ jsx("aside", {
+		"data-slot": "two-column-aside",
+		className: cn("w-full shrink-0 lg:w-64", className),
+		...props
+	});
+}
+function TwoColumnMain({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "two-column-main",
+		className: cn("min-w-0 flex-1", className),
+		...props
+	});
+}
+//#endregion
+export { Container, PageBackground, Stack, TwoColumn, TwoColumnAside, TwoColumnMain, containerVariants, stackVariants, twoColumnVariants };
+
+//# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/layouts/Container/Container.tsx","../../src/layouts/PageBackground/PageBackground.tsx","../../src/layouts/TwoColumn/TwoColumn.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Container — centered, max-width page column with consistent gutters.\n// `narrow` ~ a reading/hero column; `wide` ~ a full content area.\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    size: {\n      narrow: \"max-w-[900px]\",\n      content: \"max-w-[1200px]\",\n      wide: \"max-w-[1440px]\",\n      full: \"max-w-none\",\n    },\n    // `glass` makes the centered column a translucent, blurred panel.\n    variant: {\n      default: \"px-4\",\n      glass:\n        \"rounded-2xl bg-[var(--glass-light)] px-4 py-4 backdrop-blur-[var(--glass-blur)] sm:px-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"content\",\n    variant: \"default\",\n  },\n});\n\ntype ContainerProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof containerVariants> & {\n    as?: React.ElementType;\n  };\n\nfunction Container({ as, className, size, variant, ...props }: ContainerProps) {\n  const Comp = as ?? \"div\";\n  return (\n    <Comp\n      data-slot=\"container\"\n      data-variant={variant ?? \"default\"}\n      className={cn(containerVariants({ size, variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Container, containerVariants, type ContainerProps };\n","import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// PageBackground — ambient gradient backdrop that sits behind the app and makes\n// glass surfaces read. Composes a radial gradient from the theme-aware\n// `--page-gradient-mid` / `--page-gradient-edge` tokens (the middle stop is the\n// active brand tint; see styles/semantic.css), so it changes with\n// `.theme-slingshot` / `.theme-bodhi` / `.theme-sustain` and light/dark.\n// The gradient is built here (a real property) rather than as a composite token\n// so the vars resolve in this element's theme scope. Decorative (aria-hidden).\n//\n// By default it's `fixed` behind the page (the app body must be transparent);\n// set `fixed={false}` to fill a positioned parent instead.\nconst PAGE_GRADIENT =\n  \"radial-gradient(circle at 90% 10%, var(--page-gradient-edge) 0%, var(--page-gradient-mid) 25%, var(--page-gradient-edge) 60%)\";\n\ntype PageBackgroundProps = React.ComponentProps<\"div\"> & {\n  /** Fixed to the viewport (default) vs absolute-fill of a positioned parent. */\n  fixed?: boolean;\n};\n\nfunction PageBackground({ fixed = true, className, style, ...props }: PageBackgroundProps) {\n  return (\n    <div\n      data-slot=\"page-background\"\n      aria-hidden\n      // Neutral fallback color under the gradient so it's never fully empty.\n      className={cn(\n        \"pointer-events-none inset-0 bg-slate-200 dark:bg-slate-950\",\n        fixed ? \"fixed -z-10\" : \"absolute\",\n        className,\n      )}\n      style={{ backgroundImage: PAGE_GRADIENT, ...style }}\n      {...props}\n    />\n  );\n}\n\nexport { PageBackground, type PageBackgroundProps };\n","import { type VariantProps, cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// TwoColumn — composable two-column layout (aside + main). Stacks vertically\n// below `lg`. Compose: <TwoColumn><TwoColumnAside/><TwoColumnMain/></TwoColumn>.\n// The aside width is set on TwoColumnAside (default lg:w-64; override via className,\n// e.g. a 56px nav rail with `lg:w-14`).\nconst twoColumnVariants = cva(\"flex flex-col lg:flex-row\", {\n  variants: {\n    gap: {\n      none: \"gap-0\",\n      sm: \"gap-3\",\n      md: \"gap-4\",\n      lg: \"gap-6\",\n      xl: \"gap-8\",\n    },\n    reverse: {\n      true: \"lg:flex-row-reverse\",\n    },\n  },\n  defaultVariants: {\n    gap: \"lg\",\n  },\n});\n\ntype TwoColumnProps = React.ComponentProps<\"div\"> & VariantProps<typeof twoColumnVariants>;\n\nfunction TwoColumn({ className, gap, reverse, ...props }: TwoColumnProps) {\n  return (\n    <div\n      data-slot=\"two-column\"\n      className={cn(twoColumnVariants({ gap, reverse }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TwoColumnAside({ className, ...props }: React.ComponentProps<\"aside\">) {\n  return (\n    <aside\n      data-slot=\"two-column-aside\"\n      className={cn(\"w-full shrink-0 lg:w-64\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TwoColumnMain({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"two-column-main\" className={cn(\"min-w-0 flex-1\", className)} {...props} />;\n}\n\nexport { TwoColumn, TwoColumnAside, TwoColumnMain, twoColumnVariants, type TwoColumnProps };\n"],"mappings":";;;;;AAOA,MAAM,oBAAoB,IAAI,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,SAAS;GACT,MAAM;GACN,MAAM;EACR;EAEA,SAAS;GACP,SAAS;GACT,OACE;EACJ;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAOD,SAAS,UAAU,EAAE,IAAI,WAAW,MAAM,SAAS,GAAG,SAAyB;CAE7E,OACE,oBAFW,MAAM,OAEjB;EACE,aAAU;EACV,gBAAc,WAAW;EACzB,WAAW,GAAG,kBAAkB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;;;AC7BA,MAAM,gBACJ;AAOF,SAAS,eAAe,EAAE,QAAQ,MAAM,WAAW,OAAO,GAAG,SAA8B;CACzF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,eAAA;EAEA,WAAW,GACT,8DACA,QAAQ,gBAAgB,YACxB,SACF;EACA,OAAO;GAAE,iBAAiB;GAAe,GAAG;EAAM;EAClD,GAAI;CACL,CAAA;AAEL;;;AC5BA,MAAM,oBAAoB,IAAI,6BAA6B;CACzD,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS,EACP,MAAM,sBACR;CACF;CACA,iBAAiB,EACf,KAAK,KACP;AACF,CAAC;AAID,SAAS,UAAU,EAAE,WAAW,KAAK,SAAS,GAAG,SAAyB;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,kBAAkB;GAAE;GAAK;EAAQ,CAAC,GAAG,SAAS;EAC5D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAwC;CAC9E,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,SAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAkB,WAAW,GAAG,kBAAkB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG"}