@psnext/design-system 2.4.0 → 2.5.0

package/dist/index7.d.ts

@@ -1,21 +1,21 @@
 import * as React from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime195 from "react/jsx-runtime";
 
 //#region src/primitives/Breadcrumb/Breadcrumb.d.ts
 /** Navigation landmark that wraps a breadcrumb trail (renders a labelled `<nav>`). */
 declare function Breadcrumb({
   ...props
-}: React.ComponentProps<"nav">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"nav">): react_jsx_runtime195.JSX.Element;
 /** Ordered list container that lays out the breadcrumb items and separators. */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<"ol">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"ol">): react_jsx_runtime195.JSX.Element;
 /** A single segment in the trail; wraps a link, page, or ellipsis. */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime195.JSX.Element;
 /** A navigable breadcrumb segment that links to an ancestor route. */
 declare function BreadcrumbLink({
   asChild,
@@ -24,23 +24,23 @@ declare function BreadcrumbLink({
 }: React.ComponentProps<"a"> & {
   /** Render as the passed-in child element (e.g. a router `Link`) instead of an `<a>`. */
   asChild?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime195.JSX.Element;
 /** The current page segment; non-interactive and marked `aria-current="page"`. */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime195.JSX.Element;
 /** Visual divider between items; defaults to a chevron, overridable via `children`. */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime195.JSX.Element;
 /** Collapsed-trail indicator that stands in for omitted middle segments. */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime195.JSX.Element;
 //#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
 //# sourceMappingURL=index7.d.ts.map

package/dist/index7.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index7.d.ts","names":[],"sources":["../src/primitives/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;;iBAQS,UAAA;;GAAyB,KAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;;AANzB,iBAW3B,cAAA,CALU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK8B,KAAA,CAAM,cALpC,CAAA,IAAA,CAAA,CAAA,EAKwD,mBAAA,CAAA,GAAA,CAAA,OALxD;;iBAmBV,cAAA,CAnB+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBS,KAAA,CAAM,cAnBf,CAAA,IAAA,CAAA,CAAA,EAmBmC,mBAAA,CAAA,GAAA,CAAA,OAnBnC;;AAAqB,iBA8BpD,cAAA,CA9BoD;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkC1D,KAAA,CAAM,cAlCoD,CAAA,GAAA,CAAA,GAAA;EAKpD;EAAc,OAAA,CAAA,EAAA,OAAA;IAgCtB,mBAAA,CAAA,GAAA,CAAA,OAhCyB;;iBA6CjB,cAAA,CA7CkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6C1B,KAAA,CAAM,cA7CoB,CAAA,MAAA,CAAA,CAAA,EA6CE,mBAAA,CAAA,GAAA,CAAA,OA7CF;AAAA;AAAA,iBAyDlE,mBAAA,CA3Cc;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CyC,KAAA,CAAM,cA3C/C,CAAA,IAAA,CAAA,CAAA,EA2CmE,mBAAA,CAAA,GAAA,CAAA,OA3CnE;;iBA0Dd,kBAAA,CA1DiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D2B,KAAA,CAAM,cA1DjC,CAAA,MAAA,CAAA,CAAA,EA0DuD,mBAAA,CAAA,GAAA,CAAA,OA1DvD"}
+{"version":3,"file":"index7.d.ts","names":[],"sources":["../src/primitives/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;;iBAQS,UAAA;;GAAyB,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;AANzB,iBAW3B,cAAA,CALU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAK8B,KAAA,CAAM,cALpC,CAAA,IAAA,CAAA,CAAA,EAKwD,oBAAA,CAAA,GAAA,CAAA,OALxD;;iBAmBV,cAAA,CAnB+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBS,KAAA,CAAM,cAnBf,CAAA,IAAA,CAAA,CAAA,EAmBmC,oBAAA,CAAA,GAAA,CAAA,OAnBnC;;AAAqB,iBA8BpD,cAAA,CA9BoD;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAkC1D,KAAA,CAAM,cAlCoD,CAAA,GAAA,CAAA,GAAA;EAKpD;EAAc,OAAA,CAAA,EAAA,OAAA;IAgCtB,oBAAA,CAAA,GAAA,CAAA,OAhCyB;;iBA6CjB,cAAA,CA7CkE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6C1B,KAAA,CAAM,cA7CoB,CAAA,MAAA,CAAA,CAAA,EA6CE,oBAAA,CAAA,GAAA,CAAA,OA7CF;AAAA;AAAA,iBAyDlE,mBAAA,CA3Cc;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CyC,KAAA,CAAM,cA3C/C,CAAA,IAAA,CAAA,CAAA,EA2CmE,oBAAA,CAAA,GAAA,CAAA,OA3CnE;;iBA0Dd,kBAAA,CA1DiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0D2B,KAAA,CAAM,cA1DjC,CAAA,MAAA,CAAA,CAAA,EA0DuD,oBAAA,CAAA,GAAA,CAAA,OA1DvD"}

package/dist/index70.d.cts

@@ -1,36 +1,25 @@
-import * as react_jsx_runtime228 from "react/jsx-runtime";
-import * as class_variance_authority_types18 from "class-variance-authority/types";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as class_variance_authority_types1 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" | "xl" | "md" | "none" | null | undefined;
-  reverse?: boolean | null | undefined;
-} & class_variance_authority_types18.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/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> & {
+  /** Element/component to render as instead of the default `div` (e.g. `main`, `section`). */
+  as?: React.ElementType;
 };
-/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
-declare function TwoColumn({
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
   className,
-  gap,
-  reverse,
+  size,
+  variant,
   ...props
-}: TwoColumnProps): react_jsx_runtime228.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_runtime228.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_runtime228.JSX.Element;
+}: ContainerProps): react_jsx_runtime26.JSX.Element;
 //#endregion
-export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+export { ContainerProps as n, containerVariants as r, Container as t };
 //# sourceMappingURL=index70.d.cts.map

package/dist/index70.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index70.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"}
+{"version":3,"file":"index70.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/index70.d.ts

@@ -1,36 +1,25 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime200 from "react/jsx-runtime";
-import * as class_variance_authority_types16 from "class-variance-authority/types";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+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_types16.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/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;
 };
-/** Composable two-column layout (aside + main) that stacks vertically below `lg`. */
-declare function TwoColumn({
+/** Centered, max-width page column with consistent gutters; optionally a glass panel. */
+declare function Container({
+  as,
   className,
-  gap,
-  reverse,
+  size,
+  variant,
   ...props
-}: TwoColumnProps): react_jsx_runtime200.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_runtime200.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_runtime200.JSX.Element;
+}: ContainerProps): react_jsx_runtime8.JSX.Element;
 //#endregion
-export { twoColumnVariants as a, TwoColumnProps as i, TwoColumnAside as n, TwoColumnMain as r, TwoColumn as t };
+export { ContainerProps as n, containerVariants as r, Container as t };
 //# sourceMappingURL=index70.d.ts.map

package/dist/index70.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index70.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"}
+{"version":3,"file":"index70.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/index71.d.cts

@@ -1,82 +1,91 @@
-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 "./index45.cjs";
-import { t as Progress } from "./index46.cjs";
-import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "./index47.cjs";
-import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "./index48.cjs";
-import { n as ScrollBar, t as ScrollArea } from "./index49.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 "./index50.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 "./index51.cjs";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./index52.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 "./index53.cjs";
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "./index54.cjs";
-import { t as Slider } from "./index55.cjs";
-import { t as Toaster } from "./index56.cjs";
-import { t as Spinner } from "./index57.cjs";
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "./index58.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 "./index59.cjs";
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "./index60.cjs";
-import { n as TextProps, r as textVariants, t as Text } from "./index61.cjs";
-import { n as textareaVariants, t as Textarea } from "./index62.cjs";
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "./index63.cjs";
-import { n as toggleVariants, t as Toggle } from "./index64.cjs";
-import { n as ToggleGroupItem, t as ToggleGroup } from "./index65.cjs";
-import { n as ContainerProps, r as containerVariants, t as Container } from "./index66.cjs";
-import { a as multiColumnVariants, i as MultiColumnProps, n as MultiColumnItem, r as MultiColumnItemProps, t as MultiColumn } from "./index67.cjs";
-import { n as PageBackgroundProps, t as PageBackground } from "./index68.cjs";
-import { n as StackProps, r as stackVariants, t as Stack } from "./index69.cjs";
-import { a as twoColumnVariants, i as TwoColumnProps, n as TwoColumnAside, r as TwoColumnMain, t as TwoColumn } from "./index70.cjs";
-import { ClassValue } from "clsx";
+import * as react_jsx_runtime27 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/utils/cn.d.ts
-declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=cn.d.ts.map
+//#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_types2.ClassProp) | undefined) => string;
+type MultiColumnProps = React.ComponentProps<"div"> & VariantProps<typeof multiColumnVariants> & {
+  /**
+   * 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)"`
+   */
+  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;
+  /**
+   * 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.
+   */
+  onColumnsChange?: (columns: string[]) => void;
+  /** Minimum size (in px, e.g. `"80px"`) a column can be resized down to. Defaults to `"80px"`. */
+  minColumnSize?: string;
+  /**
+   * 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.
+   */
+  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_runtime27.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;
+  /**
+   * 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.
+   */
+  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
+}: MultiColumnItemProps): react_jsx_runtime27.JSX.Element;
 //#endregion
-//#region src/utils/use-mobile.d.ts
-declare function useIsMobile(): boolean;
-//# sourceMappingURL=use-mobile.d.ts.map
-
-//#endregion
-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, MultiColumn, MultiColumnItem, MultiColumnItemProps, MultiColumnProps, 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, cn, containerVariants, creditsVariants, emptyVariants, headingVariants, infoBannerVariants, inputVariants, linkVariants, multiColumnVariants, nativeSelectVariants, navigationMenuTriggerStyle, stackVariants, tabsListVariants, tabsTriggerVariants, textVariants, textareaVariants, toggleVariants, twoColumnVariants, useFormField, useIsMobile, useSidebar, useTheme };
+export { multiColumnVariants as a, MultiColumnProps as i, MultiColumnItem as n, MultiColumnItemProps as r, MultiColumn as t };
 //# sourceMappingURL=index71.d.cts.map

package/dist/index71.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index71.d.cts","names":[],"sources":["../src/utils/cn.ts","../src/utils/use-mobile.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyBgB,EAAA,YAAc;;;;iBCrBd,WAAA,CAAA"}
+{"version":3,"file":"index71.d.cts","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/index71.d.ts

@@ -1,82 +1,91 @@
-import { i as AccordionTrigger, n as AccordionContent, r as AccordionItem, t as Accordion } from "./index.js";
-import { a as AlertTitle, i as AlertDescription, n as AlertAction, r as AlertContent, t as Alert } from "./index2.js";
-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.js";
-import { t as AspectRatio } from "./index4.js";
-import { a as AvatarGroupCount, i as AvatarGroup, n as AvatarBadge, o as AvatarImage, r as AvatarFallback, t as Avatar } from "./index5.js";
-import { n as badgeVariants, t as Badge } from "./index6.js";
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "./index7.js";
-import { n as ButtonProps, r as buttonVariants, t as Button } from "./index8.js";
-import { n as SeparatorSpacing, t as Separator } from "./index9.js";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "./index10.js";
-import { n as CalendarDayButton, t as Calendar } from "./index11.js";
-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.js";
-import { a as CarouselNext, i as CarouselItem, n as CarouselApi, o as CarouselPrevious, r as CarouselContent, t as Carousel } from "./index13.js";
-import { a as ChartStyle, i as ChartLegendContent, n as ChartContainer, o as ChartTooltip, r as ChartLegend, s as ChartTooltipContent, t as ChartConfig } from "./index14.js";
-import { n as RichCheckbox, t as Checkbox } from "./index15.js";
-import { n as CheckboxTreeNode, t as CheckboxTree } from "./index16.js";
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./index17.js";
-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.js";
-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.js";
-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.js";
-import { i as creditsVariants, n as CreditsProps, r as CreditsVariant, t as Credits } from "./index21.js";
-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.js";
-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.js";
-import { a as EmptyMedia, i as EmptyHeader, n as EmptyContent, o as EmptyTitle, r as EmptyDescription, s as emptyVariants, t as Empty } from "./index24.js";
-import { t as Label } from "./index25.js";
-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.js";
-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.js";
-import { n as HeadingProps, r as headingVariants, t as Heading } from "./index28.js";
-import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "./index29.js";
-import { i as IconName, n as IconProps, r as ICON_NAMES, t as Icon } from "./index30.js";
-import { n as InfoBannerProps, r as infoBannerVariants, t as InfoBanner } from "./index31.js";
-import { n as inputVariants, t as Input } from "./index32.js";
-import { a as InputGroupText, i as InputGroupInput, n as InputGroupAddon, o as InputGroupTextarea, r as InputGroupButton, t as InputGroup } from "./index33.js";
-import { i as InputOTPSlot, n as InputOTPGroup, r as InputOTPSeparator, t as InputOTP } from "./index34.js";
-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.js";
-import { n as KbdGroup, t as Kbd } from "./index36.js";
-import { n as LinkProps, r as linkVariants, t as Link } from "./index37.js";
-import { n as LogoBrand, r as LogoVariant, t as Logo } from "./index38.js";
-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.js";
-import { n as nativeSelectVariants, t as NativeSelect } from "./index40.js";
-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.js";
-import { a as PopoverHeader, i as PopoverDescription, n as PopoverAnchor, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Popover } from "./index42.js";
-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.js";
-import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "./index45.js";
-import { t as Progress } from "./index46.js";
-import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "./index47.js";
-import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "./index48.js";
-import { n as ScrollBar, t as ScrollArea } from "./index49.js";
-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 "./index50.js";
-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 "./index51.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./index52.js";
-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 "./index53.js";
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "./index54.js";
-import { t as Slider } from "./index55.js";
-import { t as Toaster } from "./index56.js";
-import { t as Spinner } from "./index57.js";
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "./index58.js";
-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 "./index59.js";
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "./index60.js";
-import { n as TextProps, r as textVariants, t as Text } from "./index61.js";
-import { n as textareaVariants, t as Textarea } from "./index62.js";
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "./index63.js";
-import { n as toggleVariants, t as Toggle } from "./index64.js";
-import { n as ToggleGroupItem, t as ToggleGroup } from "./index65.js";
-import { n as ContainerProps, r as containerVariants, t as Container } from "./index66.js";
-import { a as multiColumnVariants, i as MultiColumnProps, n as MultiColumnItem, r as MultiColumnItemProps, t as MultiColumn } from "./index67.js";
-import { n as PageBackgroundProps, t as PageBackground } from "./index68.js";
-import { n as StackProps, r as stackVariants, t as Stack } from "./index69.js";
-import { a as twoColumnVariants, i as TwoColumnProps, n as TwoColumnAside, r as TwoColumnMain, t as TwoColumn } from "./index70.js";
-import { ClassValue } from "clsx";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
-//#region src/utils/cn.d.ts
-declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=cn.d.ts.map
+//#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> & {
+  /**
+   * 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)"`
+   */
+  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;
+  /**
+   * 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.
+   */
+  onColumnsChange?: (columns: string[]) => void;
+  /** Minimum size (in px, e.g. `"80px"`) a column can be resized down to. Defaults to `"80px"`. */
+  minColumnSize?: string;
+  /**
+   * 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.
+   */
+  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;
+  /**
+   * 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.
+   */
+  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
+}: MultiColumnItemProps): react_jsx_runtime10.JSX.Element;
 //#endregion
-//#region src/utils/use-mobile.d.ts
-declare function useIsMobile(): boolean;
-//# sourceMappingURL=use-mobile.d.ts.map
-
-//#endregion
-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, MultiColumn, MultiColumnItem, MultiColumnItemProps, MultiColumnProps, 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, cn, containerVariants, creditsVariants, emptyVariants, headingVariants, infoBannerVariants, inputVariants, linkVariants, multiColumnVariants, nativeSelectVariants, navigationMenuTriggerStyle, stackVariants, tabsListVariants, tabsTriggerVariants, textVariants, textareaVariants, toggleVariants, twoColumnVariants, useFormField, useIsMobile, useSidebar, useTheme };
+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/utils/cn.ts","../src/utils/use-mobile.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyBgB,EAAA,YAAc;;;;iBCrBd,WAAA,CAAA"}
+{"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"}