@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/ui/dropdown-menu.js

@@ -1,127 +1,209 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import "react";
+// ui/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-
-//#region ui/dropdown-menu.tsx
-function DropdownMenu({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Root, {
+    "data-slot": "dropdown-menu",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Portal, {
+    "data-slot": "dropdown-menu-portal",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...props
-	});
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-		"data-slot": "dropdown-menu-content",
-		sideOffset,
-		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
-		...props
-	}) });
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Content, {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": inset,
-		"data-variant": variant,
-		className: cn("data-[variant=destructive]:*:[svg]:text-destructive! focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props
-	});
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("data-[variant=destructive]:*:[svg]:text-destructive! focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-		"data-slot": "dropdown-menu-checkbox-item",
-		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		checked,
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), children]
-	});
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.CheckboxItem, {
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV(CheckIcon, {
+            className: "size-4"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
 }
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
-		}), children]
-	});
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.RadioItem, {
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV(CircleIcon, {
+            className: "size-2 fill-current"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
 }
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
-		...props
-	});
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Label, {
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: cn("bg-border -mx-1 my-1 h-px", className),
-		...props
-	});
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: cn("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
-		...props
-	});
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("span", {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.Sub, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  }, undefined, false, undefined, this);
 }
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
-	});
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.SubTrigger, {
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV(ChevronRightIcon, {
+        className: "ml-auto size-4"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
-		...props
-	});
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(DropdownMenuPrimitive.SubContent, {
+    "data-slot": "dropdown-menu-sub-content",
+    className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.js.map
+export {
+  DropdownMenuTrigger,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuSub,
+  DropdownMenuShortcut,
+  DropdownMenuSeparator,
+  DropdownMenuRadioItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuPortal,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuGroup,
+  DropdownMenuContent,
+  DropdownMenuCheckboxItem,
+  DropdownMenu
+};

package/dist/ui/empty-state.d.ts

@@ -1,29 +1,16 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime132 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
-
-//#region ui/empty-state.d.ts
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
 declare const containerVariants: (props?: ({
-  density?: "default" | "compact" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
-interface EmptyStateProps extends VariantProps<typeof containerVariants> {
-  icon?: React$1.ReactNode;
-  title: React$1.ReactNode;
-  description?: React$1.ReactNode;
-  primaryAction?: React$1.ReactNode;
-  secondaryAction?: React$1.ReactNode;
-  className?: string;
+    density?: "default" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyStateProps extends VariantProps<typeof containerVariants> {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    className?: string;
 }
-declare function EmptyState({
-  icon,
-  title,
-  description,
-  primaryAction,
-  secondaryAction,
-  className,
-  density
-}: EmptyStateProps): react_jsx_runtime132.JSX.Element;
-//#endregion
-export { EmptyState, EmptyStateProps };
+export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/ui/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../ui/empty-state.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAUJ,+BAAA,CAAA;UAEe,eAAA,SAAwB,oBAChC;EAbH,IAAA,CAAA,EAeG,OAAA,CAAM,SALb;EAEe,KAAA,EAIR,OAAA,CAAM,SAJkB;EACxB,WAAA,CAAA,EAIO,OAAA,CAAM,SAJb;EAEA,aAAM,CAAA,EAGG,OAAA,CAAM,SAHT;EACN,eAAM,CAAA,EAGK,OAAA,CAAM,SAHX;EACC,SAAM,CAAA,EAAA,MAAA;;AAEF,iBAIJ,UAAA,CAJU;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,eAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAYvB,eAZuB,CAAA,EAYR,oBAAA,CAAA,GAAA,CAAA,OAZQ"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,iBAAiB;;8EAUrB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CACnD,OAAO,iBAAiB,CACzB;IACC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,GACR,EAAE,eAAe,2CA2BjB"}

package/dist/ui/empty-state.js

@@ -1,43 +1,204 @@
-import { VStack } from "./stack.js";
-import "react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
+// @bun
+var __require = import.meta.require;
 
-//#region ui/empty-state.tsx
-const containerVariants = cva("items-center text-center", {
-	variants: { density: {
-		compact: "gap-3 p-6",
-		default: "gap-4 p-8"
-	} },
-	defaultVariants: { density: "default" }
+// ui/stack.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var vStackVariants = cva("flex flex-col", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "stretch",
+    justify: "start"
+  }
+});
+var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(vStackVariants({ gap, align, justify }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+VStack.displayName = "VStack";
+var hStackVariants = cva("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "start",
+    wrap: "wrap"
+  }
 });
-function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
-	return /* @__PURE__ */ jsxs(VStack, {
-		className: cn(containerVariants({ density }), className),
-		children: [
-			icon ? /* @__PURE__ */ jsx("div", {
-				className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "text-muted-foreground flex items-center justify-center",
-					children: icon
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-				className: "font-medium",
-				children: title
-			}), description ? /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-base",
-				children: description
-			}) : null] }),
-			(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-center gap-2",
-				children: [primaryAction, secondaryAction]
-			})
-		]
-	});
+var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(hStackVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+HStack.displayName = "HStack";
+var boxVariants = cva("flex flex-row", {
+  variants: {
+    gap: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      wrapReverse: "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    gap: "md",
+    align: "center",
+    justify: "center",
+    wrap: "nowrap"
+  }
+});
+var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV(Comp, {
+    ref,
+    className: cn(boxVariants({ gap, align, justify, wrap }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Box.displayName = "Box";
+// ui/empty-state.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var containerVariants = cva2("items-center text-center", {
+  variants: {
+    density: {
+      compact: "gap-3 p-6",
+      default: "gap-4 p-8"
+    }
+  },
+  defaultVariants: {
+    density: "default"
+  }
+});
+function EmptyState({
+  icon,
+  title,
+  description,
+  primaryAction,
+  secondaryAction,
+  className,
+  density
+}) {
+  return /* @__PURE__ */ jsxDEV2(VStack, {
+    className: cn2(containerVariants({ density }), className),
+    children: [
+      icon ? /* @__PURE__ */ jsxDEV2("div", {
+        className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "text-muted-foreground flex items-center justify-center",
+          children: icon
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV2("div", {
+        children: [
+          /* @__PURE__ */ jsxDEV2("h3", {
+            className: "font-medium",
+            children: title
+          }, undefined, false, undefined, this),
+          description ? /* @__PURE__ */ jsxDEV2("p", {
+            className: "text-muted-foreground text-base",
+            children: description
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      (primaryAction || secondaryAction) && /* @__PURE__ */ jsxDEV2("div", {
+        className: "flex items-center justify-center gap-2",
+        children: [
+          primaryAction,
+          secondaryAction
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { EmptyState };
-//# sourceMappingURL=empty-state.js.map
+export {
+  EmptyState
+};