@psnext/design-system 2.3.0 → 2.5.0

package/dist/index71.d.ts

@@ -1,265 +1,91 @@
-import { r as ThemeProduct } from "./index63.js";
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { ReactNode } from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
-//#region src/patterns/Header/types.d.ts
-/** A node in the project hierarchy returned by the projects API. */
-interface ProjectNode {
-  id: string;
-  name: string;
-  children: ProjectNode[];
-  /** Ancestor context node — shown for orientation but not selectable. */
-  isContextOnly?: boolean;
-}
-/** Fully-qualified API endpoints. Built from `apiBaseUrl`; individually overridable. */
-interface HeaderEndpoints {
-  token: string;
-  logout: string;
-  projects: (clientId: string) => string;
-  credits: string;
-}
-/** A fetch-compatible function, so hosts/tests can inject their own (e.g. mocks). */
-type Fetcher = typeof fetch;
-/** Props for the wired {@link Header} pattern (auth, data layer, and visibility toggles). */
-interface HeaderProps {
-  /** API base URL with full domain, e.g. `https://dev.abc.com`. Studio-auth API host. */
-  apiBaseUrl: string;
+//#region src/layouts/MultiColumn/MultiColumn.d.ts
+declare const multiColumnVariants: (props?: ({
+  gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  stackBelow?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type MultiColumnProps = React.ComponentProps<"div"> & VariantProps<typeof multiColumnVariants> & {
   /**
-   * Environment id used to read the session cookie `{environmentId}-sessionId`
-   * (a JWT) — the header decodes it for auth state and user identity
-   * (email, client id) without a network call.
+   * One CSS grid track per column, in any combination — length sets the
+   * column count (3, 4, 5, ...N):
+   * - fixed: `"240px"` / `"16rem"`
+   * - percent: `"20%"`
+   * - fractional (fluid, shares remaining space): `"1fr"`, `"2fr"`
+   * - minmax (clamp between a min and max): `"minmax(200px,1fr)"`
    */
-  environmentId: string;
-  /** Logo to show. Defaults to the active product from ThemeProvider. */
-  logoType?: ThemeProduct;
+  columns: string[];
+  /** Space between columns (and between stacked rows below `stackBelow`). */
+  gap?: VariantProps<typeof multiColumnVariants>["gap"];
+  /** Breakpoint the grid activates at; below it, columns stack vertically. Defaults to `"lg"`. */
+  stackBelow?: VariantProps<typeof multiColumnVariants>["stackBelow"];
+  /** Renders a drag handle between adjacent columns that live-resizes them. Default off. */
+  resizable?: boolean;
   /**
-   * Where the logo links, e.g. the host app's home route. Falls back to the
-   * product's public site when omitted.
+   * Fires with the updated `columns` array while/after dragging a resize
+   * handle. Pass a `columns` value that changes in response to be fully
+   * controlled; omit to let MultiColumn track size internally.
    */
-  logoHref?: string;
-  /** Show the read-only organisation pill. */
-  showOrg?: boolean;
+  onColumnsChange?: (columns: string[]) => void;
+  /** Minimum size (in px, e.g. `"80px"`) a column can be resized down to. Defaults to `"80px"`. */
+  minColumnSize?: string;
   /**
-   * Show the project picker. A tab with no selection defaults to the user's
-   * last explicitly selected project (localStorage `lastSelectedProject`)
-   * when it still exists, else the first project in the tree.
+   * Renders a drag grip on each MultiColumnItem for drag-and-drop
+   * reordering, plus Ctrl+ArrowLeft/Right keyboard reordering when a grip
+   * is focused. Default off. Give each MultiColumnItem a stable `id` when
+   * using this — without one, MultiColumn falls back to a generated id
+   * (with a console warning) so it degrades safely rather than throwing.
    */
-  showProjectDropdown?: boolean;
-  /** Show the profile menu (user email + logout). */
-  showProfile?: boolean;
-  /** Show the light/dark theme toggle. */
-  showThemeSwitcher?: boolean;
-  /** Show the remaining-credits pill (logged-in users only). */
-  showCredits?: boolean;
-  /** Page title shown next to the logo. Omitted when not provided. */
-  pageTitle?: string;
-  /**
-   * URL for the feedback action (message-square-share icon). When omitted the
-   * icon is hidden; when set, the icon renders and links here.
-   */
-  feedbackUrl?: string;
-  /** Active org id from the host session; overrides the session JWT's `client_id` claim. */
-  clientId?: string;
+  reorderable?: boolean;
+  /** Fires with the new left-to-right order of MultiColumnItem `id`s whenever a drag or keyboard move changes order. */
+  onReorderChange?: (orderedIds: string[]) => void;
+};
+/** CSS Grid N-column layout — pass one track per column via `columns`; stacks below `stackBelow`. */
+declare function MultiColumn({
+  className,
+  style,
+  columns,
+  gap,
+  stackBelow,
+  resizable,
+  onColumnsChange,
+  minColumnSize,
+  reorderable,
+  onReorderChange,
+  children,
+  ...props
+}: MultiColumnProps): react_jsx_runtime10.JSX.Element;
+declare const alignSelfClass: {
+  readonly start: "self-start";
+  readonly center: "self-center";
+  readonly end: "self-end";
+  readonly stretch: "self-stretch";
+};
+type MultiColumnItemProps = React.ComponentProps<"div"> & {
+  /** Visual position via CSS `order`, independent of DOM/source order. */
+  order?: number;
+  /** Cross-axis alignment for this column only (`align-self`). */
+  align?: keyof typeof alignSelfClass;
   /**
-   * ESCAPE HATCH — avoid. Inject a pre-resolved access token to skip the header's
-   * own token fetch. The header is designed to resolve its own token from the
-   * session cookie; only reach for this when the host has *already* fetched a
-   * token and a duplicate round-trip is genuinely unacceptable. Misuse couples
-   * the header to host token lifecycle/refresh and can serve stale auth.
+   * Injected automatically by the parent MultiColumn when `reorderable` is
+   * set — renders a drag grip inside this item and wires pointer/keyboard
+   * reordering. Not meant to be passed directly.
    */
-  _dangerouslyInjectAccessToken?: string;
-  /** Called when the active project changes (user pick or automatic default). */
-  onProjectChange?: (id: string) => void;
-  /** Node rendered between the logo and the project picker. */
-  logoAddon?: ReactNode;
-  /** Node rendered at the start of the right-hand actions cluster (before the feedback icon). */
-  actionsStart?: ReactNode;
-  /** Node rendered at the end of the right-hand actions cluster (after the profile menu). */
-  actionsEnd?: ReactNode;
-  className?: string;
-  /** Override individual endpoint paths (defaults derive from `apiBaseUrl`). */
-  endpoints?: Partial<Omit<HeaderEndpoints, "projects">> & {
-    projects?: (clientId: string) => string;
-  };
-  /** Custom fetch implementation (defaults to global `fetch`). Useful for tests/Storybook. */
-  fetcher?: Fetcher;
-  /** How long fetched data stays fresh before refetch, in ms. Default 5 min. */
-  staleTime?: number;
-  /** How long unused data is cached, in ms. Default 10 min. */
-  gcTime?: number;
-}
-//# sourceMappingURL=types.d.ts.map
-//#endregion
-//#region src/patterns/Header/Header.d.ts
-/** The header bar shell — a sticky glass strip. */
-declare function HeaderBar({
+  dragHandleProps?: React.ComponentProps<"button">;
+};
+/** A single column slot inside MultiColumn; `order` and `align` apply without reshuffling the DOM. */
+declare function MultiColumnItem({
   className,
+  style,
+  order,
+  align,
+  dragHandleProps,
+  children,
   ...props
-}: React.ComponentProps<"header">): react_jsx_runtime21.JSX.Element;
-/** Product logo linking to its home, with a Suspense-safe fallback. */
-declare function HeaderLogo({
-  brand,
-  href
-}: {
-  brand: ThemeProduct;
-  href?: string;
-}): react_jsx_runtime21.JSX.Element;
-/** Read-only organisation pill. */
-declare function OrgPill({
-  name,
-  loading
-}: {
-  name?: string;
-  loading?: boolean;
-}): react_jsx_runtime21.JSX.Element | null;
-/** Light/dark toggle — defers to ThemeProvider. */
-declare function ThemeToggle(): react_jsx_runtime21.JSX.Element;
-/** Profile menu — avatar trigger with email + logout. */
-declare function ProfileMenu({
-  email,
-  onLogout
-}: {
-  email?: string;
-  onLogout: () => void;
-}): react_jsx_runtime21.JSX.Element;
-/** Drop-in global header. Must be rendered inside a <ThemeProvider>. */
-declare function Header(props: HeaderProps): react_jsx_runtime21.JSX.Element;
-//# sourceMappingURL=Header.d.ts.map
-//#endregion
-//#region src/patterns/Header/ProjectPicker.d.ts
-interface ProjectPickerProps {
-  projectsTree: ProjectNode[];
-  selectedProjectId: string;
-  selectedProjectName?: string;
-  onSelect: (id: string) => void;
-  projectLabel: string;
-  projectPlaceholder: string;
-  searchPlaceholder: string;
-  emptyStateText: string;
-  isLoading?: boolean;
-}
-declare function ProjectPicker({
-  projectsTree,
-  selectedProjectId,
-  selectedProjectName,
-  onSelect,
-  projectLabel,
-  projectPlaceholder,
-  searchPlaceholder,
-  emptyStateText,
-  isLoading
-}: Readonly<ProjectPickerProps>): react_jsx_runtime21.JSX.Element;
-//#endregion
-//#region src/patterns/Header/use-global-header.d.ts
-/** Window event other modules can dispatch to show/hide the project dropdown. */
-declare const TOGGLE_PROJECT_DROPDOWN_EVENT = "toggle-project-dropdown";
-interface ToggleProjectDropdownDetail {
-  show: boolean;
-}
-interface GlobalHeaderState {
-  /** Whether a valid session cookie exists — when false, hide all user content. */
-  isAuthenticated: boolean;
-  userEmail: string | undefined;
-  organizationName: string | undefined;
-  projectsTree: ProjectNode[];
-  selectedProjectId: string;
-  selectedProjectName: string | undefined;
-  isProjectsLoading: boolean;
-  isOrgLoading: boolean;
-  /** Remaining credits for the user (undefined until loaded / when disabled). */
-  credits: number | undefined;
-  /** Where the credits pill links to (studio-auth `/user/activity`). */
-  creditsHref: string;
-  projectDropdownVisible: boolean;
-  selectProject: (id: string) => void;
-  logout: () => void;
-}
-type UseGlobalHeaderArgs = Pick<HeaderProps, "apiBaseUrl" | "environmentId" | "clientId" | "_dangerouslyInjectAccessToken" | "showProjectDropdown" | "showProfile" | "showOrg" | "showCredits" | "endpoints" | "fetcher" | "staleTime" | "gcTime" | "onProjectChange">;
-declare function useGlobalHeader({
-  apiBaseUrl,
-  environmentId,
-  clientId,
-  _dangerouslyInjectAccessToken: injectedToken,
-  showProjectDropdown,
-  showProfile,
-  showOrg,
-  showCredits,
-  endpoints: endpointOverrides,
-  fetcher: fetcherProp,
-  staleTime,
-  gcTime,
-  onProjectChange
-}: UseGlobalHeaderArgs): GlobalHeaderState;
-//#endregion
-//#region src/patterns/Header/header-store.d.ts
-interface HeaderSelection {
-  selectedProjectId: string;
-  selectedProjectName: string;
-  organizationName: string | undefined;
-  /** Remaining credits for the logged-in user (read-only here; set by the Header). */
-  credits: number | undefined;
-  /** Client/org the current selection + org belong to (for cross-org invalidation). */
-  clientId: string | undefined;
-}
-interface UseHeaderProjectResult {
-  selectedProjectId: string;
-  selectedProjectName: string | undefined;
-  organizationName: string | undefined;
-  /** Set the active project from outside the Header (by id). */
-  setProject: (id: string) => void;
-  /** Clear this tab's active project (the header re-defaults on next projects load). */
-  clearProject: () => void;
-}
-/**
- * Read the current project/org and change the project from anywhere in the app —
- * no need to be inside the <Header>. Reflects user selections made in the header
- * and updates the header when changed here.
- */
-declare function useHeaderProject(): UseHeaderProjectResult;
-/** Read the logged-in user's remaining credits (read-only; the Header owns it). */
-declare function useHeaderCredits(): number | undefined;
-//# sourceMappingURL=header-store.d.ts.map
-//#endregion
-//#region src/patterns/Header/session.d.ts
-/** Read the raw session JWT from the `{environmentId}-sessionId` cookie. */
-declare function getSessionToken(environmentId: string): string | null;
-/** Decode a JWT payload without verifying the signature (display/expiry only). */
-
-/** User/session claims carried in the session JWT (the subset the header uses). */
-interface SessionClaims {
-  email?: string;
-  name?: string;
-  userId?: string;
-  /** Active organisation id (`client_id` claim). */
-  clientId?: string;
-  exp?: number;
-}
-/**
- * Decode the user claims from the session cookie's JWT — no network call.
- * Returns null when the cookie is absent or undecodable.
- */
-declare function getSessionClaims(environmentId: string): SessionClaims | null;
-/** True when a valid, unexpired session cookie exists for the environment. */
-declare function isSessionValid(environmentId: string): boolean;
-//#endregion
-//#region src/patterns/Header/api.d.ts
-declare function buildEndpoints(apiBaseUrl: string, overrides?: HeaderProps["endpoints"]): HeaderEndpoints;
-//#endregion
-//#region src/patterns/Header/labels.d.ts
-/** Default UI strings. Spread-override via the Header `labels` prop if needed. */
-declare const DEFAULT_LABELS: {
-  readonly orgLabel: "Org";
-  readonly projectLabel: "Project";
-  readonly projectPlaceholder: "Select project...";
-  readonly searchPlaceholder: "Search project";
-  readonly emptyStateText: "No projects found";
-  readonly profileMenuLabel: "Profile menu";
-  readonly logoutLabel: "Logout";
-};
-type Labels = typeof DEFAULT_LABELS;
-//# sourceMappingURL=labels.d.ts.map
-
+}: MultiColumnItemProps): react_jsx_runtime10.JSX.Element;
 //#endregion
-export { Fetcher as C, ProjectNode as E, ThemeToggle as S, HeaderProps as T, Header as _, getSessionClaims as a, OrgPill as b, HeaderSelection as c, useHeaderProject as d, GlobalHeaderState as f, ProjectPicker as g, useGlobalHeader as h, SessionClaims as i, UseHeaderProjectResult as l, ToggleProjectDropdownDetail as m, Labels as n, getSessionToken as o, TOGGLE_PROJECT_DROPDOWN_EVENT as p, buildEndpoints as r, isSessionValid as s, DEFAULT_LABELS as t, useHeaderCredits as u, HeaderBar as v, HeaderEndpoints as w, ProfileMenu as x, HeaderLogo as y };
+export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
 //# sourceMappingURL=index71.d.ts.map

package/dist/index71.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index71.d.ts","names":[],"sources":["../src/patterns/Header/types.ts","../src/patterns/Header/Header.tsx","../src/patterns/Header/ProjectPicker.tsx","../src/patterns/Header/use-global-header.ts","../src/patterns/Header/header-store.ts","../src/patterns/Header/session.ts","../src/patterns/Header/api.ts","../src/patterns/Header/labels.ts"],"mappings":"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"}
+{"version":3,"file":"index71.d.ts","names":[],"sources":["../src/layouts/MultiColumn/MultiColumn.tsx"],"mappings":";;;;;;cAwBM;;;IAoBJ,+BAAA,CAAA;AAzC6B,KAwD1B,gBAAA,GAAmB,KAAA,CAAM,cAf5B,CAAA,KAAA,CAAA,GAgBA,YAhBA,CAAA,OAgBoB,mBAhBpB,CAAA,GAAA;EAeG;;;;;;;;SAcY,EAAA,MAAA,EAAA;EAAY;EA+CpB,GAAA,CAAA,EAjDC,YAiDU,CAAA,OAjDU,mBAiDV,CAAA,CAAA,KAAA,CAAA;EAAA;YAClB,CAAA,EAhDe,YAgDf,CAAA,OAhDmC,mBAgDnC,CAAA,CAAA,YAAA,CAAA;;WAEA,CAAA,EAAA,OAAA;;;;;;iBAMA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;;eAEA,CAAA,EAAA,MAAA;;;AAEiB;AAAA;AA0RT;;;aAMa,CAAA,EAAA,OAAA;;EAMiB,eAAA,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;AAAA,CAAA;;iBAnT/B,WAAA,CAwTP;EAAA,SAAA;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;EAAA,UAAA;EAAA,SAAA;EAAA,eAAA;EAAA,aAAA;EAAA,WAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA3SC,gBA2SD,CAAA,EA3SiB,mBAAA,CAAA,GAAA,CAAA,OA2SjB;cAtBI,cAuBJ,EAAA;WACA,KAAA,EAAA,YAAA;WACA,MAAA,EAAA,aAAA;WACA,GAAA,EAAA,UAAA;WACA,OAAA,EAAA,cAAA;;KApBG,oBAAA,GAAuB,KAAA,CAAM,cAsBX,CAAA,KAAA,CAAA,GAAA;EAAA;;;uBAlBA;;;;;;oBAMH,KAAA,CAAM;;;iBAIjB,eAAA;;;;;;;;GAQN,uBAAoB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index72.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+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;
+};
+/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
+declare function PageBackground({
+  fixed,
+  className,
+  style,
+  ...props
+}: PageBackgroundProps): react_jsx_runtime25.JSX.Element;
+//#endregion
+export { PageBackgroundProps as n, PageBackground as t };
+//# sourceMappingURL=index72.d.cts.map

package/dist/index72.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index72.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,mBAAA,CAAA,GAAA,CAAA,OAA/D"}

package/dist/index72.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#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;
+};
+/** Ambient, theme-aware radial-gradient backdrop that sits behind the app so glass surfaces read. */
+declare function PageBackground({
+  fixed,
+  className,
+  style,
+  ...props
+}: PageBackgroundProps): react_jsx_runtime9.JSX.Element;
+//#endregion
+export { PageBackgroundProps as n, PageBackground as t };
+//# sourceMappingURL=index72.d.ts.map

package/dist/index72.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index72.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,kBAAA,CAAA,GAAA,CAAA,OAA/D"}

package/dist/index73.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime312 from "react/jsx-runtime";
+import * as class_variance_authority_types26 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+//#region src/layouts/Stack/Stack.d.ts
+declare const stackVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+  gap?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "end" | "start" | "center" | "stretch" | null | undefined;
+  justify?: "end" | "start" | "center" | "between" | null | undefined;
+} & class_variance_authority_types26.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"];
+};
+/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
+declare function Stack({
+  as,
+  className,
+  direction,
+  gap,
+  align,
+  justify,
+  ...props
+}: StackProps): react_jsx_runtime312.JSX.Element;
+//#endregion
+export { StackProps as n, stackVariants as r, Stack as t };
+//# sourceMappingURL=index73.d.cts.map

package/dist/index73.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index73.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,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"}

package/dist/index73.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#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"];
+};
+/** Stack — flex container that lays out children in a column or row with token-spaced gaps. */
+declare function Stack({
+  as,
+  className,
+  direction,
+  gap,
+  align,
+  justify,
+  ...props
+}: StackProps): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { StackProps as n, stackVariants as r, Stack as t };
+//# sourceMappingURL=index73.d.ts.map

package/dist/index73.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index73.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/index74.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime301 from "react/jsx-runtime";
+import * as class_variance_authority_types25 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" | "md" | "lg" | "xl" | null | undefined;
+  reverse?: boolean | null | undefined;
+} & class_variance_authority_types25.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_runtime301.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_runtime301.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_runtime301.JSX.Element;
+//#endregion
+export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+//# sourceMappingURL=index74.d.cts.map

package/dist/index74.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index74.d.cts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,gCAAA,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,oBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,oBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,oBAAA,CAAA,GAAA,CAAA,OAtBzD"}

package/dist/index74.d.ts

@@ -0,0 +1,36 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as react_jsx_runtime231 from "react/jsx-runtime";
+import * as class_variance_authority_types21 from "class-variance-authority/types";
+
+//#region src/layouts/TwoColumn/TwoColumn.d.ts
+declare const twoColumnVariants: (props?: ({
+  gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  reverse?: boolean | null | undefined;
+} & class_variance_authority_types21.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_runtime231.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_runtime231.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_runtime231.JSX.Element;
+//#endregion
+export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+//# sourceMappingURL=index74.d.ts.map

package/dist/index74.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index74.d.ts","names":[],"sources":["../src/layouts/TwoColumn/TwoColumn.tsx"],"mappings":";;;;;;cASM;;;IAgBJ,gCAAA,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,oBAAA,CAAA,GAAA,CAAA,OAN9D;;iBAiBD,cAAA,CAfK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAemC,KAAA,CAAM,cAfzC,CAAA,OAAA,CAAA,CAAA,EAegE,oBAAA,CAAA,GAAA,CAAA,OAfhE;AAAY;AAAA,iBA0BjB,aAAA,CAtBS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsB8B,KAAA,CAAM,cAtBpC,CAAA,KAAA,CAAA,CAAA,EAsByD,oBAAA,CAAA,GAAA,CAAA,OAtBzD"}