@contractspec/lib.ui-kit-web 1.60.0 → 1.62.0

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

@@ -2,7 +2,6 @@
 var __require = import.meta.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";
@@ -29,7 +28,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",
@@ -43,8 +49,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";
@@ -632,7 +637,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";
@@ -668,15 +672,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: {
@@ -716,15 +727,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: {
@@ -764,15 +783,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/ui/page-header.js

@@ -2,7 +2,6 @@
 var __require = import.meta.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";
@@ -38,15 +37,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: {
@@ -86,15 +92,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: {
@@ -134,15 +148,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/ui/pagination.d.ts

@@ -1,29 +1,18 @@
 import * as React from 'react';
 import { type ButtonProps } from './button';
-declare const Pagination: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<"nav">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare function Pagination({ className, ...props }: React.ComponentPropsWithoutRef<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ref, ...props }: React.ComponentPropsWithoutRef<'ul'> & {
+    ref?: React.Ref<HTMLUListElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ className, ref, ...props }: React.ComponentPropsWithoutRef<'li'> & {
+    ref?: React.Ref<HTMLLIElement>;
+}): import("react/jsx-runtime").JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<ButtonProps, 'size'> & React.ComponentPropsWithoutRef<'a'>;
-declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationPrevious: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationNext: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationEllipsis: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<"span">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../ui/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,UAAU;8BAGb,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;;CAOvC,CAAC;AAGF,QAAA,MAAM,iBAAiB,yKASrB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAKlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAC3B,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEtC,QAAA,MAAM,cAAc;8CAKjB,mBAAmB;;CAYrB,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAU7C,CAAC;AAGF,QAAA,MAAM,cAAc;8BAGjB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAU7C,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;;CASxC,CAAC;AAGF,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../ui/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,UAAU,CAAC;AAE5D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CASvC;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC,2CAQA;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC,2CAEA;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAC3B,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEtC,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAcrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAWxC;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,CAAC"}

package/dist/ui/pagination.js

@@ -2,7 +2,6 @@
 var __require = import.meta.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";
@@ -29,7 +28,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",
@@ -43,103 +49,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/ui/resizable.d.ts

@@ -1,23 +1,8 @@
-import * as ResizablePrimitive from 'react-resizable-panels';
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string;
-    collapsedSize?: number | undefined;
-    collapsible?: boolean | undefined;
-    defaultSize?: number | undefined;
-    id?: string;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse;
-    onExpand?: ResizablePrimitive.PanelOnExpand;
-    onResize?: ResizablePrimitive.PanelOnResize;
-    order?: number;
-    style?: object;
-    tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+import { Panel } from 'react-resizable-panels';
+import type { GroupProps, SeparatorProps } from 'react-resizable-panels';
+declare const ResizablePanelGroup: ({ className, ...props }: GroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: typeof Panel;
+declare const ResizableHandle: ({ withHandle, className, ...props }: SeparatorProps & {
     withHandle?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

package/dist/ui/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../ui/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAQ5D,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;4EAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,4CAcA,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../ui/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,EAAa,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIzE,QAAA,MAAM,mBAAmB,GAAI,yBAAyB,UAAU,4CAE/D,CAAC;AAEF,QAAA,MAAM,cAAc,cAAQ,CAAC;AAE7B,QAAA,MAAM,eAAe,GAAI,qCAItB,cAAc,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,4CAcA,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/ui/resizable.js

@@ -3,24 +3,21 @@ var __require = import.meta.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/ui/section.d.ts

@@ -9,15 +9,8 @@ declare const sectionVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SectionProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof sectionVariants> & {
     as?: 'section' | 'div' | 'main' | 'header' | 'footer' | 'aside' | 'article' | 'nav';
+    ref?: React.Ref<HTMLElement>;
 };
-export declare const Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
-    width?: "container" | "narrow" | "wide" | "fluid" | null | undefined;
-    px?: "none" | "sm" | "lg" | "md" | null | undefined;
-    py?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
-    tone?: "plain" | "tint" | "subtle" | null | undefined;
-    text?: "base" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    as?: "section" | "div" | "main" | "header" | "footer" | "aside" | "article" | "nav";
-} & React.RefAttributes<HTMLElement>>;
+export declare function Section({ as, className, width, px, py, tone, text, ref, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
 export { sectionVariants };
 //# sourceMappingURL=section.d.ts.map

package/dist/ui/section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../ui/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;;;;8EAsCnB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAC1D,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IACrC,EAAE,CAAC,EACC,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,KAAK,CAAC;CACX,CAAC;AAEJ,eAAO,MAAM,OAAO;;;;;;;SAVZ,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,KAAK;qCAiBZ,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../ui/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;;;;8EAsCnB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAC1D,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IACrC,EAAE,CAAC,EACC,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,KAAK,CAAC;IACV,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC;AAEJ,wBAAgB,OAAO,CAAC,EACtB,EAAc,EACd,SAAS,EACT,KAAK,EACL,EAAE,EACF,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,GAAG,KAAK,EACT,EAAE,YAAY,2CASd;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/ui/section.js

@@ -2,7 +2,6 @@
 var __require = import.meta.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";
@@ -45,15 +44,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