@contractspec/lib.ui-kit-web 1.61.0 → 2.0.0

package/dist/browser/ui/organisms/ListPage/ListPage.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
@@ -637,7 +642,6 @@ function CollapsibleContent2({
   }, undefined, false, undefined, this);
 }
 // ui/stack.tsx
-import * as React2 from "react";
 import { cva as cva2 } from "class-variance-authority";
 import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
@@ -673,15 +677,22 @@ var vStackVariants = cva2("flex flex-col", {
     justify: "start"
   }
 });
-var VStack = React2.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+function VStack({
+  className,
+  gap,
+  align,
+  justify,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV10(Comp, {
     ref,
     className: cn6(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -721,15 +732,23 @@ var hStackVariants = cva2("flex flex-row", {
     wrap: "wrap"
   }
 });
-var HStack = React2.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function HStack({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV10(Comp, {
     ref,
     className: cn6(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -769,15 +788,23 @@ var boxVariants = cva2("flex flex-row", {
     wrap: "nowrap"
   }
 });
-var Box = React2.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function Box({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV10(Comp, {
     ref,
     className: cn6(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn as cn7 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/browser/ui/organisms/ListPage/index.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,8 +54,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
@@ -637,7 +642,6 @@ function CollapsibleContent2({
   }, undefined, false, undefined, this);
 }
 // ui/stack.tsx
-import * as React2 from "react";
 import { cva as cva2 } from "class-variance-authority";
 import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
@@ -673,15 +677,22 @@ var vStackVariants = cva2("flex flex-col", {
     justify: "start"
   }
 });
-var VStack = React2.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+function VStack({
+  className,
+  gap,
+  align,
+  justify,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV10(Comp, {
     ref,
     className: cn6(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -721,15 +732,23 @@ var hStackVariants = cva2("flex flex-row", {
     wrap: "wrap"
   }
 });
-var HStack = React2.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function HStack({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV10(Comp, {
     ref,
     className: cn6(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva2("flex flex-row", {
   variants: {
     gap: {
@@ -769,15 +788,23 @@ var boxVariants = cva2("flex flex-row", {
     wrap: "nowrap"
   }
 });
-var Box = React2.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function Box({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV10(Comp, {
     ref,
     className: cn6(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn as cn7 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/browser/ui/page-header.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // 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";
@@ -43,15 +42,22 @@ var vStackVariants = cva("flex flex-col", {
     justify: "start"
   }
 });
-var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+function VStack({
+  className,
+  gap,
+  align,
+  justify,
+  as = "div",
+  ref,
+  ...props
+}) {
   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: {
@@ -91,15 +97,23 @@ var hStackVariants = cva("flex flex-row", {
     wrap: "wrap"
   }
 });
-var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function HStack({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   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: {
@@ -139,15 +153,23 @@ var boxVariants = cva("flex flex-row", {
     wrap: "nowrap"
   }
 });
-var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function Box({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   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/page-header.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/browser/ui/pagination.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -34,7 +33,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -48,103 +54,116 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/pagination.tsx
-import * as React2 from "react";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var Pagination = ({
+function Pagination({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV2("nav", {
-  role: "navigation",
-  "aria-label": "pagination",
-  className: cn2("mx-auto flex w-full justify-center", className),
-  ...props
-}, undefined, false, undefined, this);
-Pagination.displayName = "Pagination";
-var PaginationContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV2("ul", {
+}) {
+  return /* @__PURE__ */ jsxDEV2("nav", {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn2("mx-auto flex w-full justify-center", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PaginationContent({
+  className,
   ref,
-  className: cn2("flex flex-row items-center gap-1", className),
   ...props
-}, undefined, false, undefined, this));
-PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV2("li", {
+}) {
+  return /* @__PURE__ */ jsxDEV2("ul", {
+    ref,
+    className: cn2("flex flex-row items-center gap-1", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PaginationItem({
+  className,
   ref,
-  className: cn2("", className),
   ...props
-}, undefined, false, undefined, this));
-PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({
+}) {
+  return /* @__PURE__ */ jsxDEV2("li", {
+    ref,
+    className: cn2("", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PaginationLink({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsxDEV2("a", {
-  "aria-current": isActive ? "page" : undefined,
-  className: cn2(buttonVariants({
-    variant: isActive ? "outline" : "ghost",
-    size
-  }), className),
-  ...props
-}, undefined, false, undefined, this);
-PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({
+}) {
+  return /* @__PURE__ */ jsxDEV2("a", {
+    "aria-current": isActive ? "page" : undefined,
+    className: cn2(buttonVariants({
+      variant: isActive ? "outline" : "ghost",
+      size
+    }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PaginationPrevious({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV2(PaginationLink, {
-  "aria-label": "Go to previous page",
-  size: "default",
-  className: cn2("gap-1 pl-2.5", className),
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxDEV2(ChevronLeft, {
-      className: "h-4 w-4"
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV2("span", {
-      children: "Previous"
-    }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({
+}) {
+  return /* @__PURE__ */ jsxDEV2(PaginationLink, {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn2("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV2(ChevronLeft, {
+        className: "h-4 w-4"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("span", {
+        children: "Previous"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function PaginationNext({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV2(PaginationLink, {
-  "aria-label": "Go to next page",
-  size: "default",
-  className: cn2("gap-1 pr-2.5", className),
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxDEV2("span", {
-      children: "Next"
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV2(ChevronRight, {
-      className: "h-4 w-4"
-    }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({
+}) {
+  return /* @__PURE__ */ jsxDEV2(PaginationLink, {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn2("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV2("span", {
+        children: "Next"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(ChevronRight, {
+        className: "h-4 w-4"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function PaginationEllipsis({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV2("span", {
-  "aria-hidden": true,
-  className: cn2("flex h-9 w-9 items-center justify-center", className),
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxDEV2(MoreHorizontal, {
-      className: "h-4 w-4"
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV2("span", {
-      className: "sr-only",
-      children: "More pages"
-    }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-PaginationEllipsis.displayName = "PaginationEllipsis";
+}) {
+  return /* @__PURE__ */ jsxDEV2("span", {
+    "aria-hidden": true,
+    className: cn2("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV2(MoreHorizontal, {
+        className: "h-4 w-4"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("span", {
+        className: "sr-only",
+        children: "More pages"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
 export {
   PaginationPrevious,
   PaginationNext,

package/dist/browser/ui/resizable.js

@@ -8,24 +8,21 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // ui/resizable.tsx
 import { GripVertical } from "lucide-react";
-import * as ResizablePrimitive from "react-resizable-panels";
+import { Group, Panel, Separator } from "react-resizable-panels";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
-var ResizablePanelGroup = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxDEV(ResizablePrimitive.PanelGroup, {
-  className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsxDEV(Group, {
+  className: cn("flex h-full w-full", className),
   ...props
 }, undefined, false, undefined, this);
-var ResizablePanel = ResizablePrimitive.Panel;
+var ResizablePanel = Panel;
 var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV(ResizablePrimitive.PanelResizeHandle, {
-  className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+}) => /* @__PURE__ */ jsxDEV(Separator, {
+  className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=vertical]:h-px aria-[orientation=vertical]:w-full aria-[orientation=vertical]:after:left-0 aria-[orientation=vertical]:after:h-1 aria-[orientation=vertical]:after:w-full aria-[orientation=vertical]:after:translate-x-0 aria-[orientation=vertical]:after:-translate-y-1/2 [&[aria-orientation=vertical]>div]:rotate-90", className),
   ...props,
   children: withHandle && /* @__PURE__ */ jsxDEV("div", {
     className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",

package/dist/browser/ui/section.js

@@ -7,7 +7,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/section.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";
@@ -50,15 +49,24 @@ var sectionVariants = cva("", {
     text: "lg"
   }
 });
-var Section = React.forwardRef(({ as = "section", className, width, px, py, tone, text, ...props }, ref) => {
+function Section({
+  as = "section",
+  className,
+  width,
+  px,
+  py,
+  tone,
+  text,
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(sectionVariants({ width, px, py, tone, text }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Section.displayName = "Section";
+}
 export {
   sectionVariants,
   Section