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

package/dist/ui/pagination.d.ts

@@ -1,29 +1,17 @@
 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.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/popover.d.ts

@@ -5,4 +5,3 @@ declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof Popove
 declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
-//# sourceMappingURL=popover.d.ts.map

package/dist/ui/progress.d.ts

@@ -2,4 +2,3 @@ import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Progress };
-//# sourceMappingURL=progress.d.ts.map

package/dist/ui/radio-group.d.ts

@@ -3,4 +3,3 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.d.ts.map

package/dist/ui/resizable.d.ts

@@ -1,24 +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 };
-//# sourceMappingURL=resizable.d.ts.map

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/route-announcer.d.ts

@@ -1,4 +1,3 @@
 export declare function RouteAnnouncer({ title }: {
     title?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=route-announcer.d.ts.map

package/dist/ui/scroll-area.d.ts

@@ -3,4 +3,3 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
 export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.ts.map

package/dist/ui/section.d.ts

@@ -9,15 +9,7 @@ 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.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

package/dist/ui/select.d.ts

@@ -13,4 +13,3 @@ declare function SelectSeparator({ className, ...props }: React.ComponentProps<t
 declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
-//# sourceMappingURL=select.d.ts.map

package/dist/ui/separator.d.ts

@@ -2,4 +2,3 @@ import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Separator };
-//# sourceMappingURL=separator.d.ts.map

package/dist/ui/sheet.d.ts

@@ -11,4 +11,3 @@ declare function SheetFooter({ className, ...props }: React.ComponentPropsWithou
 declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
-//# sourceMappingURL=sheet.d.ts.map

package/dist/ui/sidebar.d.ts

@@ -67,4 +67,3 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
     isActive?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
-//# sourceMappingURL=sidebar.d.ts.map

package/dist/ui/sidebar.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/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -213,11 +218,11 @@ function SheetDescription({
   }, undefined, false, undefined, this);
 }
 // ui/use-mobile.tsx
-import * as React2 from "react";
+import * as React from "react";
 var MOBILE_BREAKPOINT = 640;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React2.useState(undefined);
-  React2.useEffect(() => {
+  const [isMobile, setIsMobile] = React.useState(undefined);
+  React.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -284,7 +289,7 @@ function TooltipContent({
   }, undefined, false, undefined, this);
 }
 // ui/sidebar.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
@@ -297,9 +302,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React3.createContext(null);
+var SidebarContext = React2.createContext(null);
 function useSidebar() {
-  const context = React3.useContext(SidebarContext);
+  const context = React2.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -315,10 +320,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React3.useState(false);
-  const [_open, _setOpen] = React3.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React2.useState(false);
+  const [_open, _setOpen] = React2.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React3.useCallback((value) => {
+  const setOpen = React2.useCallback((value) => {
     const openState = typeof value === "function" ? value(open) : value;
     if (setOpenProp) {
       setOpenProp(openState);
@@ -327,10 +332,10 @@ function SidebarProvider({
     }
     document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
   }, [setOpenProp, open]);
-  const toggleSidebar = React3.useCallback(() => {
+  const toggleSidebar = React2.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -341,7 +346,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React3.useMemo(() => ({
+  const contextValue = React2.useMemo(() => ({
     state,
     open,
     setOpen,
@@ -711,7 +716,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React3.useMemo(() => {
+  const width = React2.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxDEV7("div", {

package/dist/ui/skeleton.d.ts

@@ -1,4 +1,3 @@
 import type * as React from 'react';
 declare function Skeleton({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };
-//# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skip-link.d.ts

@@ -5,4 +5,3 @@ interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 export declare function SkipLink({ targetId, children, className, ...props }: SkipLinkProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=skip-link.d.ts.map

package/dist/ui/slider.d.ts

@@ -2,4 +2,3 @@ import * as React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Slider };
-//# sourceMappingURL=slider.d.ts.map

package/dist/ui/sonner.d.ts

@@ -1,4 +1,3 @@
 import { type ToasterProps } from 'sonner';
 declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster };
-//# sourceMappingURL=sonner.d.ts.map